https://www.cots4tots.co.uk/
Saved copy from just now.
<!DOCTYPE html>
<html lang="en">
<head>
<script>
document.addEventListener('error', function (event) {
var img = event.target;
if (!img || img.tagName !== 'IMG' || img.getAttribute('data-fs-original')) {
return;
}
var failed = img.currentSrc || img.src || '';
if (failed.indexOf('cdn.freshstore.cloud/') === -1 || !/[?&]width=/.test(failed)) {
return;
}
var original = failed.split('?')[0];
img.setAttribute('data-fs-original', original);
if (img.parentNode && img.parentNode.tagName === 'PICTURE') {
var sources = img.parentNode.getElementsByTagName('source');
for (var i = sources.length - 1; i >= 0; i--) {
sources[i].parentNode.removeChild(sources[i]);
}
}
img.removeAttribute('srcset');
img.removeAttribute('sizes');
img.src = original;
}, true);
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Top Baby Cots for Sale - Shop Now!</title>
<meta name="csrf-token" content="MRdAxb9CEOqVcwaMaRgfetav35nomNii3x3CUWHo">
<meta name="description" content="Discover a wide selection of top-quality cots for babies in our online store. Keep your little one safe and cozy with the best cots available.">
<meta name="keywords" content="best cots, babies, shop, ecommerce, store, nursery, furniture, sleeping, newborns, infants, comfortable, durable, high quality, safety, affordable, online shopping, toddler, nursery decor, baby gear, cribs, sleep solutions">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Cots For Tots">
<meta property="og:title" content="Top Baby Cots for Sale - Shop Now!">
<meta property="og:url" content="https://www.cots4tots.co.uk/">
<meta property="og:description" content="Discover a wide selection of top-quality cots for babies in our online store. Keep your little one safe and cozy with the best cots available.">
<meta property="og:image" content="https://cdn.freshstore.cloud/template/images/7098/2670/cots-4-tots-logo-colour-300x100-png.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="">
<meta name="twitter:title" content="Top Baby Cots for Sale - Shop Now!">
<meta name="twitter:description" content="Discover a wide selection of top-quality cots for babies in our online store. Keep your little one safe and cozy with the best cots available.">
<meta name="twitter:image" content="https://cdn.freshstore.cloud/template/images/7098/2670/cots-4-tots-logo-colour-300x100-png.png">
<link rel="canonical" href="https://www.cots4tots.co.uk/"/>
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/manifest.webmanifest">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
<link rel="preload" as="style" href="https://www.cots4tots.co.uk/build/assets/app-CxORAGaY.css" /><link rel="modulepreload" href="https://www.cots4tots.co.uk/build/assets/app-DOLMfFfW.js" /><link rel="modulepreload" href="https://www.cots4tots.co.uk/build/assets/_commonjsHelpers-Cpj98o6Y.js" /><link rel="stylesheet" href="https://www.cots4tots.co.uk/build/assets/app-CxORAGaY.css" data-navigate-track="reload" /><script type="module" src="https://www.cots4tots.co.uk/build/assets/app-DOLMfFfW.js" data-navigate-track="reload"></script> <script type="speculationrules">
{
"prerender": [{
"where": {
"and": [
{ "href_matches": "/*" },
{ "not": { "href_matches": ["/out/*", "/account", "/account/*", "/admin", "/admin/*", "/cart", "/cart/*", "/livewire/*", "/*.xml", "/*.txt", "/*/out/*", "/*/account", "/*/account/*", "/*/cart", "/*/cart/*", "/*/livewire/*"] } },
{ "not": { "selector_matches": ["a.fs-al", "[rel~=sponsored]", "[rel~=nofollow]", "[target=_blank]", "[data-no-prerender]"] } }
]
},
"eagerness": "moderate"
}]
}
</script>
<style>
@view-transition { navigation: auto; }
@media (prefers-reduced-motion: reduce) {
@view-transition { navigation: none; }
}
</style>
<script>(function(){function m(){try{document.cookie='fs_js=1; Max-Age=86400; Path=/; SameSite=Lax'+(location.protocol==='https:'?'; Secure':'')}catch(e){}}m();addEventListener('pointerdown',m,{capture:true,passive:true});addEventListener('keydown',m,{capture:true,passive:true})})();</script>
<style>a[data-fs-out]{cursor:pointer}</style>
<script>(function(){function a(e){var l=e.target&&e.target.closest?e.target.closest('a[data-fs-out]'):null;if(!l||l.hasAttribute('href'))return;try{l.setAttribute('href',atob(l.getAttribute('data-fs-out')))}catch(x){}}['pointerover','pointerdown','mousedown','touchstart','focusin','contextmenu','click'].forEach(function(t){addEventListener(t,a,{capture:true,passive:true})})})();</script>
<link rel="stylesheet" href="https://cdn.freshstore.cloud/shared/fonts/outfit.css">
<link rel="preload" href="https://cdn.freshstore.cloud/shared/fonts/outfit-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="https://cdn.freshstore.cloud/shared/fonts/outfit-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.freshstore.cloud/shared/fonts/inter.css">
<link rel="preload" href="https://cdn.freshstore.cloud/shared/fonts/inter-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="https://cdn.freshstore.cloud/shared/fonts/inter-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<style>
:root {
--font-title: 'Outfit', sans-serif;
--font-subtitle: 'Outfit', sans-serif;
--font-body: 'Inter', sans-serif;
}
</style>
<style id="fs-crystal-semantic-colours">
/* Text: solid, because text must contrast whatever the page is. */
.fs-template-crystal .text-gray-900,
.fs-template-crystal .text-gray-800 {
color: rgb(var(--color-title));
}
.fs-template-crystal .hover\:text-gray-800:hover {
color: rgb(var(--color-title));
}
.fs-template-crystal .hover\:text-gray-900:hover {
color: rgb(var(--color-title));
}
.fs-template-crystal .text-gray-700,
.fs-template-crystal .text-gray-600 {
color: rgb(var(--color-text));
}
.fs-template-crystal .group:hover .group-hover\:text-gray-600 {
color: rgb(var(--color-text));
}
.fs-template-crystal .hover\:text-gray-600:hover {
color: rgb(var(--color-text));
}
.fs-template-crystal .text-gray-500 {
color: rgb(var(--color-light));
}
.fs-template-crystal .hover\:text-gray-500:hover,
.fs-template-crystal .group:hover .group-hover\:text-gray-500 {
color: rgb(var(--color-light));
}
.fs-template-crystal .placeholder-gray-500::placeholder {
color: rgb(var(--color-light));
}
.fs-template-crystal .fill-gray-600 {
fill: rgb(var(--color-text));
}
/* Decoration: separators, spinner tracks, a chevron. These are ink, but
they carry no words, so they sit near the page rather than clear of it. */
.fs-template-crystal .text-gray-400 {
color: rgba(var(--color-light), 0.66);
}
.fs-template-crystal .fill-gray-400 {
fill: rgba(var(--color-light), 0.66);
}
.fs-template-crystal .text-gray-300 {
color: rgba(var(--color-light), 0.3);
}
.fs-template-crystal .hover\:text-gray-300:hover {
color: rgba(var(--color-light), 0.3);
}
.fs-template-crystal .text-gray-200 {
color: rgba(var(--color-light), 0.17);
}
/* Rules. 0.25 on the 200 weight is the value already shipped. */
.fs-template-crystal .border-gray-200 {
border-color: rgba(var(--color-light), 0.25);
}
.fs-template-crystal .border-gray-300 {
border-color: rgba(var(--color-light), 0.3);
}
.fs-template-crystal .hover\:border-gray-400:hover {
border-color: rgba(var(--color-light), 0.66);
}
.fs-template-crystal .focus-visible\:ring-gray-900:focus-visible {
--tw-ring-color: rgb(var(--color-title));
}
.fs-template-crystal .focus\:border-gray-400:focus {
border-color: rgba(var(--color-light), 0.66);
}
.fs-template-crystal .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
border-color: rgba(var(--color-light), 0.25);
}
@media (min-width: 640px) {
.fs-template-crystal .sm\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
border-color: rgba(var(--color-light), 0.25);
}
}
.fs-template-crystal .focus-within\:ring-gray-200:focus-within {
--tw-ring-color: rgba(var(--color-light), 0.25);
}
/* Panels. bg-white stays white here; on a dark page the block below
gives it the page colour. */
.fs-template-crystal .bg-gray-50 {
background-color: rgba(var(--color-light), 0.05);
}
.fs-template-crystal .bg-gray-100,
.fs-template-crystal .hover\:bg-gray-100:hover {
background-color: rgba(var(--color-light), 0.08);
}
.fs-template-crystal .bg-gray-200 {
background-color: rgba(var(--color-light), 0.17);
}
.fs-template-crystal .bg-gray-300 {
background-color: rgba(var(--color-light), 0.3);
}
/* A link on a panel. The skin's link colour is clamped against the page,
and a panel is a shade darker than the page, so Blue Dream's link fell
to 4.3:1 on bg-gray-50 ("View All" on the home sections). A fifth of
the title ink keeps the hue and clears 4.5:1 (design gate, 25 Sep). */
.fs-template-crystal .bg-gray-50 .text-skin-link {
color: color-mix(in srgb, rgb(var(--color-link)) 80%, rgb(var(--color-title)));
}
/* The one deliberately dark panel: the desktop locale pill. */
.fs-template-crystal .bg-gray-900 {
background-color: rgb(var(--color-bg-dark));
}
/* A button filled with the skin's button colour takes the skin's own
label colour, which SkinContrastTest holds at 4.5:1 on it. Several
buttons spelled white instead: the footer's Sign up read 1.71:1 on
Pastel Pink (4 October 2026). Identical wherever that label is white. */
.fs-template-crystal .bg-skin-button-accent.text-white {
color: rgb(var(--color-button-accent-text));
}
/* The brand line on a product card is words, not decoration, so it takes
the muted TEXT colour rather than the 0.66 decoration alpha of its
text-gray-400 (2.5:1 on white, 4 October 2026). The hook class is
added, the literal stays for members' Custom CSS. */
.fs-template-crystal .fs-card-brand {
color: rgb(var(--color-light));
}
</style>
<style id="fs-crystal-ink">.fs-template-crystal span.text-skin-logo { color: rgb(79, 116, 152); }</style>
<script type="text/javascript">
window.debugMode = false;
</script>
<!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","name":"Cots For Tots","url":"https://www.cots4tots.co.uk"},{"@type":"WebPage","name":"Store","headline":"Top Baby Cots for Sale - Shop Now!","description":"Find the Perfect Cot for Your Little One Today!","datePublished":"2024-03-13T00:09:39+00:00","dateModified":"2024-03-13T00:10:46+00:00","publisher":{"@type":"Organization","name":"Cots For Tots"},"mainEntityOfPage":"https://www.cots4tots.co.uk/","keywords":"best cots, babies, shop, ecommerce, store, nursery, furniture, sleeping, newborns, infants, comfortable, durable, high quality, safety, affordable, online shopping, toddler, nursery decor, baby gear, cribs, sleep solutions"}]}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Cots For Tots","url":"https://www.cots4tots.co.uk","logo":"https://cdn.freshstore.cloud/template/images/7098/2669/c/cots-4-tots-logo-colour-300x100-png-logo.png"}</script>
<meta name="google-site-verification" content="ArhkQxwa5Yc7klZJscb55rg1EC1L6CvNKHuQfB8crho" />
<meta name="linksindexer-site-verification" content="53d2b8fa8e3daf2d7eccbddb5e0f96b8d2b764db076af5cd80a503a9170e869f">
<link rel="alternate" type="application/rss+xml" href="https://www.cots4tots.co.uk/feed/products-new.rss" title="New Products">
<link rel="alternate" type="application/rss+xml" href="https://www.cots4tots.co.uk/feed/products-old.rss" title="Old Products">
<link rel="alternate" type="application/rss+xml" href="https://www.cots4tots.co.uk/feed/products-updated.rss" title="Recently Updated Products">
<link rel="alternate" type="application/rss+xml" href="https://www.cots4tots.co.uk/feed/products-random.rss" title="Random Products">
<link rel="alternate" type="application/rss+xml" href="https://www.cots4tots.co.uk/feed/products-popular.rss" title="Popular Products">
<link rel="alternate" type="application/rss+xml" href="https://www.cots4tots.co.uk/feed/articles-new.rss" title="New Articles">
<link rel="alternate" type="application/rss+xml" href="https://www.cots4tots.co.uk/feed/articles-old.rss" title="Old Articles">
<link rel="alternate" type="application/rss+xml" href="https://www.cots4tots.co.uk/feed/articles-updated.rss" title="Recently Updated Articles">
<link rel="alternate" type="application/rss+xml" href="https://www.cots4tots.co.uk/feed/articles-random.rss" title="Random Articles">
<link rel="alternate" type="application/rss+xml" href="https://www.cots4tots.co.uk/feed/articles-popular.rss" title="Popular Articles">
</head>
<body
class="fs-template-crystal skin-blue-dream font-body font-normal !text-base [&_.prose]:!text-base text-skin-base"
style="background-color: #FFFFFF;"
>
<div wire:snapshot="{"data":[],"memo":{"id":"5yFcOoMq1JJkUUvdoCl3","name":"toast","path":"\/","method":"GET","release":"a-a-a","children":{"lw-3436471034-0":["div","eUnqzYh4T85kPKDylFio"]},"scripts":[],"assets":[],"errors":[],"locale":"en","fs_release":"7abf084bbb1d"},"checksum":"7d26ad9b9250e4f4591d1229449d4ca2479b6eded116af07b87b969b83a953a8"}" wire:effects="{"listeners":["pageLoaded"]}" wire:id="5yFcOoMq1JJkUUvdoCl3">
<div wire:snapshot="{"data":{"defaultDuration":5000,"loadDelay":400,"prod":true,"toasts":[[],{"s":"arr"}]},"memo":{"id":"eUnqzYh4T85kPKDylFio","name":"toasts","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","fs_release":"7abf084bbb1d"},"checksum":"e86dda1d22d80cdea383a59783846b3accbb4d54ac5f7b0fc9bdbc40d895d968"}" wire:effects="[]" wire:id="eUnqzYh4T85kPKDylFio"
x-data='ToastComponent($wire)'
@mouseleave="scheduleRemovalWithOlder()"
class="fixed top-0 right-0 z-50 p-4 space-y-3 w-full max-w-sm pointer-events-none ltr:right-0 rtl:left-0 toasts-container sm:p-6"
style="z-index:999;"
>
<template
x-for="toast in toasts.filter((a)=>a)"
:key="toast.index"
>
<div
@mouseenter="cancelRemovalWithNewer(toast.index)"
@mouseleave="scheduleRemovalWithOlder(toast.index)"
@click="remove(toast.index)"
x-show="toast.show===1"
x-transition:enter="ease-out duration-500 transition"
x-transition:enter-start="translate-y-2 opacity-0 sm:translate-y-0 ltr:sm:translate-x-10 rtl:sm:-translate-x-10"
x-transition:enter-end="translate-y-0 opacity-100 ltr:sm:translate-x-0"
x-transition:leave="transition ease-in duration-500"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0"
x-init="$nextTick(()=>{toast.show=1})"
>
<div>
<div
class="overflow-hidden z-50 p-5 bg-white rounded-md shadow cursor-pointer pointer-events-auto select-none ltr:border-l-8 rtl:border-r-8 hover:bg-gray-50 dark:hover:bg-gray-900 dark:bg-black"
x-bind:class="{
'border-blue-700': toast.type === 'info',
'border-green-700': toast.type === 'success',
'border-yellow-700': toast.type === 'warning',
'border-red-700': toast.type === 'danger'
}"
>
<div class="flex justify-between items-center space-x-5 rtl:space-x-reverse">
<div class="flex-1 ltr:mr-2 rtl:ml-2">
<div
class="mb-1 text-lg font-black text-gray-900 uppercase font-large dark:text-gray-100"
x-html="toast.title"
x-show="toast.title !== undefined"
></div>
<div
class="text-gray-900 dark:text-gray-200"
x-show="toast.message !== undefined"
x-html="toast.message"
></div>
</div>
<template x-if="toast.type==='debug'">
<svg
class="w-8 h-8 text-gray-700"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512"
>
<path
fill="currentColor"
d="M511.988 288.9c-.478 17.43-15.217 31.1-32.653 31.1H424v16c0 21.864-4.882 42.584-13.6 61.145l60.228 60.228c12.496 12.497 12.496 32.758 0 45.255-12.498 12.497-32.759 12.496-45.256 0l-54.736-54.736C345.886 467.965 314.351 480 280 480V236c0-6.627-5.373-12-12-12h-24c-6.627 0-12 5.373-12 12v244c-34.351 0-65.886-12.035-90.636-32.108l-54.736 54.736c-12.498 12.497-32.759 12.496-45.256 0-12.496-12.497-12.496-32.758 0-45.255l60.228-60.228C92.882 378.584 88 357.864 88 336v-16H32.666C15.23 320 .491 306.33.013 288.9-.484 270.816 14.028 256 32 256h56v-58.745l-46.628-46.628c-12.496-12.497-12.496-32.758 0-45.255 12.498-12.497 32.758-12.497 45.256 0L141.255 160h229.489l54.627-54.627c12.498-12.497 32.758-12.497 45.256 0 12.496 12.497 12.496 32.758 0 45.255L424 197.255V256h56c17.972 0 32.484 14.816 31.988 32.9zM257 0c-61.856 0-112 50.144-112 112h224C369 50.144 318.856 0 257 0z"
class=""
></path>
</svg>
</template>
<template x-if="toast.type==='info'">
<svg
class="w-8 h-8 text-blue-700"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 192 512"
>
<path
fill="currentColor"
fill-opacity="0.5"
d="M20 448h152a20 20 0 0 1 20 20v24a20 20 0 0 1-20 20H20a20 20 0 0 1-20-20v-24a20 20 0 0 1 20-20z"
/>
<path
fill="currentColor"
d="M96 128a64 64 0 1 0-64-64 64 64 0 0 0 64 64zm28 64H20a20 20 0 0 0-20 20v24a20 20 0 0 0 20 20h28v192h96V212a20 20 0 0 0-20-20z"
/>
</svg>
</template>
<template x-if="toast.type==='success'">
<svg
class="w-8 h-8 text-green-700"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512"
>
<path
fill="currentColor"
d="M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z"
></path>
</svg>
</template>
<template x-if="toast.type==='warning'">
<svg
class="w-8 h-8 text-yellow-700"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 192 512"
>
<path
fill="currentColor"
fill-opacity="0.5"
d="M49.22 0h93.56a24 24 0 0 1 24 25.2l-13.63 272a24 24 0 0 1-24 22.8H62.84a24 24 0 0 1-24-22.8l-13.59-272A24 24 0 0 1 49.22 0z"
></path>
<path
fill="currentColor"
d="M96 512a80 80 0 1 1 80-80 80.09 80.09 0 0 1-80 80z"
></path>
</svg>
</template>
<template x-if="toast.type==='danger'">
<svg
class="w-8 h-8 text-red-700"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 576 512"
>
<path
fill="currentColor"
fill-opacity="0.5"
d="M569.52 440L329.58 24c-18.44-32-64.69-32-83.16 0L6.48 440c-18.42 31.94 4.64 72 41.57 72h479.89c36.87 0 60.06-40 41.58-72zM288 448a32 32 0 1 1 32-32 32 32 0 0 1-32 32zm38.24-238.41l-12.8 128A16 16 0 0 1 297.52 352h-19a16 16 0 0 1-15.92-14.41l-12.8-128A16 16 0 0 1 265.68 192h44.64a16 16 0 0 1 15.92 17.59z"
></path>
<path
fill="currentColor"
d="M310.32 192h-44.64a16 16 0 0 0-15.92 17.59l12.8 128A16 16 0 0 0 278.48 352h19a16 16 0 0 0 15.92-14.41l12.8-128A16 16 0 0 0 310.32 192zM288 384a32 32 0 1 0 32 32 32 32 0 0 0-32-32z"
></path>
</svg>
</template>
</div>
</div>
</div>
</div>
</template>
</div>
</div>
<div class="" x-data="{ mobileMenuOpen: false }" @keydown.window.escape="mobileMenuOpen = false">
<div x-cloak x-show="mobileMenuOpen" id="navigation-top-mobile">
<div class="fixed inset-0 flex z-50 lg:hidden" role="dialog" aria-modal="true" x-show="mobileMenuOpen">
<div class="fixed inset-0 bg-black bg-opacity-25"
aria-hidden="true"
x-show="mobileMenuOpen"
x-transition:enter="transition-opacity ease-linear duration-300"
x-transition:enter-start="transform opacity-0 scale-95"
x-transition:enter-end="transform opacity-100 scale-100"
x-transition:leave="transition-opacity ease-linear duration-300"
x-transition:leave-start="transform opacity-100 scale-100"
x-transition:leave-end="transform opacity-0 scale-95"
@click.prevent="mobileMenuOpen = false"
></div>
<div class="relative max-w-xs w-full bg-white shadow-xl pb-12 flex flex-col overflow-y-auto"
x-show="mobileMenuOpen"
x-transition:enter="transition ease-in-out duration-300 transform"
x-transition:enter-start="-translate-x-full"
x-transition:enter-end="translate-x-0"
x-transition:leave="transition ease-in-out duration-300 transform"
x-transition:leave-start="translate-x-0"
x-transition:leave-end="-translate-x-full"
>
<div class="px-4 pt-5 pb-2 flex">
<button type="button" class="-m-2 p-2 rounded-md inline-flex items-center justify-center text-gray-400" @click.prevent="mobileMenuOpen = false">
<span class="sr-only">Close Menu</span>
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg> </button>
</div>
<div class="py-6 px-4 space-y-6">
<div class="flow-root">
<form action="https://www.cots4tots.co.uk/search" method="GET" class="flex lg:hidden">
<input type="text" name="q" aria-label="Search" value="" class="block w-1/2 mr-2 px-4 py-2 w-full font-medium text-gray-600 border-gray-300 rounded-md shadow-sm focus:ring-skin-accent focus:border-skin-accent">
<button type="submit" class="-m-2 p-2 text-gray-400 hover:text-gray-500 focus:ring-skin-accent">
<span class="sr-only">Search</span>
<svg class="h-8 w-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg> </button>
</form>
</div>
</div>
<!-- Links -->
<div class="mt-2">
<div class="border-t border-gray-200 px-4" x-data="{show: false}">
<h3>
<button @click.prevent="show = !show" class="group relative w-full py-6 flex justify-between items-center text-left" type="button" :aria-expanded="show">
<span class="text-gray-900 whitespace-nowrap text-base font-medium">Categories</span>
<span class="ml-6 flex items-center">
<svg x-show="!show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg> <svg x-show="show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13H5v-2h14v2z"/></svg> </span>
</button>
</h3>
<div class="pt-6 pb-12 space-y-12" x-show="show" x-transition.duration.200ms>
<div class="grid grid-cols-1 items-start gap-y-10 gap-x-6">
<div>
<p id="mobile-featured-heading-3" class="font-medium text-gray-700 ml-2">
<a href="/categories/cot-beds-for-babies-and-infants">
Baby and Infant Cot Beds
</a>
</p>
<ul role="list" aria-labelledby="mobile-featured-heading-3" class="ml-6 mt-6 space-y-6">
<li class="flex">
<a href="/categories/bedside-cot-beds" class="text-gray-500">
Bedside Cot Beds
</a>
</li>
<li class="flex">
<a href="/categories/convertible-cot-beds" class="text-gray-500">
Convertible Cot Beds
</a>
</li>
<li class="flex">
<a href="/categories/cot-beds-with-drawer" class="text-gray-500">
Cot Beds With Drawer
</a>
</li>
<li class="flex">
<a href="/categories/cot-beds-with-mattress" class="text-gray-500">
Cot Beds With Mattress
</a>
</li>
<li class="flex">
<a href="/categories/travel-cots" class="text-gray-500">
Travel Cots
</a>
</li>
<li class="flex">
<a href="/categories/wooden-cot-beds" class="text-gray-500">
Wooden Cot Beds
</a>
</li>
</ul>
</div>
<div>
<p id="mobile-featured-heading-3" class="font-medium text-gray-700 ml-2">
<a href="/categories/cot-beds-by-colour">
Cot Beds By Colour
</a>
</p>
<ul role="list" aria-labelledby="mobile-featured-heading-3" class="ml-6 mt-6 space-y-6">
<li class="flex">
<a href="/categories/white-cot-beds" class="text-gray-500">
White Cot Beds
</a>
</li>
<li class="flex">
<a href="/categories/grey-cot-beds" class="text-gray-500">
Grey Cot Beds
</a>
</li>
<li class="flex">
<a href="/categories/black-cot-beds" class="text-gray-500">
Black Cot Beds
</a>
</li>
</ul>
</div>
<div>
<p id="mobile-featured-heading-3" class="font-medium text-gray-700 ml-2">
<a href="/categories/cot-bed-accessories">
Cot Bed Accessories
</a>
</p>
<ul role="list" aria-labelledby="mobile-featured-heading-3" class="ml-6 mt-6 space-y-6">
<li class="flex">
<a href="/categories/cot-bed-bumpers" class="text-gray-500">
Bumpers For Cot Beds
</a>
</li>
<li class="flex">
<a href="/categories/cot-bed-mattress" class="text-gray-500">
Mattress For Cot Beds
</a>
</li>
<li class="flex">
<a href="/categories/cot-mattress-for-travel-cots" class="text-gray-500">
Mattress For Travel Cots
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="border-t border-gray-200 px-4" x-data="{show: false}">
<h3>
<button @click.prevent="show = !show" class="group relative w-full py-6 flex justify-between items-center text-left" type="button" :aria-expanded="show">
<span class="text-gray-900 whitespace-nowrap text-base font-medium">Brands</span>
<span class="ml-6 flex items-center">
<svg x-show="!show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg> <svg x-show="show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13H5v-2h14v2z"/></svg> </span>
</button>
</h3>
<div class="pt-6 pb-12 space-y-12" x-show="show" x-transition.duration.200ms>
<div class="grid grid-cols-1 items-start gap-y-10 gap-x-6">
<div>
<p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
<a href="/brands/maxi-cosi-cots">
Maxi Cosi Cots
</a>
</p>
</div>
<div>
<p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
<a href="/brands/graco-cots">
Graco Cots
</a>
</p>
</div>
<div>
<p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
<a href="/brands/extreme-furniture-cots">
Extreme Furniture Cots
</a>
</p>
</div>
<div>
<p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
<a href="/brands/ghzste-cots">
Ghzste Cots
</a>
</p>
</div>
<div>
<p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
<a href="/brands/b4beds-ltd-cots">
B4Beds Ltd Cots
</a>
</p>
</div>
<div>
<p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
<a href="/brands/maxmass-cots">
Maxmass Cots
</a>
</p>
</div>
<div>
<p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
<a href="/brands/snoozeshade">
Snoozeshade
</a>
</p>
</div>
<div>
<p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
<a href="/brands/moby-system">
Moby-System
</a>
</p>
</div>
<div>
<p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
<a href="/brands/mobiclinic">
Mobiclinic
</a>
</p>
</div>
<div>
<p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
<a href="/brands/lionelo">
Lionelo
</a>
</p>
</div>
<div>
<p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
<a href="/brands/ickle-bubba">
Ickle Bubba
</a>
</p>
</div>
<div>
<p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
<a href="/brands/dooky">
Dooky
</a>
</p>
</div>
<div>
<p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
<a href="/brands/ebebek-baby-plus">
Ebebek Baby Plus
</a>
</p>
</div>
<div>
<p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
<a href="/brands/deryan">
Deryan
</a>
</p>
</div>
<div>
<p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
<a href="/brands/dreambaby">
Dreambaby
</a>
</p>
</div>
<div>
<p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
<a href="/brands/bebeconfort">
Bebeconfort
</a>
</p>
</div>
<div>
<p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
<a href="/brands/babymam">
Babymam
</a>
</p>
</div>
<div>
<p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
<a href="/brands/babybjoern">
Babybjörn
</a>
</p>
</div>
<div>
<p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
<a href="/brands/baby-snooze">
Baby Snooze
</a>
</p>
</div>
<div>
<p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
<a href="/brands/baby-rex-cots">
Baby Rex Cots
</a>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="border-t border-gray-200 py-6 px-4 space-y-6">
<div class="flow-root">
<a href="https://www.cots4tots.co.uk/account/create" class="-m-2 p-2 block font-medium text-gray-900">Create Account</a>
</div>
<div class="flow-root">
<a href="https://www.cots4tots.co.uk/account/login" class="-m-2 p-2 block font-medium text-gray-900">Log In</a>
</div>
</div>
</div>
</div>
</div>
<header class="z-40 relative"
id="navigation-top-desktop"
>
<nav aria-label="Top">
<!-- Top navigation -->
<div class="bg-skin-dark">
<div class="max-w-7xl mx-auto h-10 px-4 flex items-center justify-between sm:px-6 lg:px-8">
<div class="flex items-center lg:flex-1">
<div wire:snapshot="{"data":{"storeLocales":[[[{"iso_3166_2":"CA","iso_3166_3":"CAN","name":"Canada","currency_code":"CAD"},{"s":"arr"}],[{"iso_3166_2":"DE","iso_3166_3":"DEU","name":"Germany","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"ES","iso_3166_3":"ESP","name":"Spain","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"FR","iso_3166_3":"FRA","name":"France","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"GB","iso_3166_3":"GBR","name":"United Kingdom","currency_code":"GBP"},{"s":"arr"}],[{"iso_3166_2":"IT","iso_3166_3":"ITA","name":"Italy","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"NL","iso_3166_3":"NLD","name":"Netherlands","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"PL","iso_3166_3":"POL","name":"Poland","currency_code":"PLN"},{"s":"arr"}],[{"iso_3166_2":"SE","iso_3166_3":"SWE","name":"Sweden","currency_code":"SEK"},{"s":"arr"}],[{"iso_3166_2":"US","iso_3166_3":"USA","name":"United States","currency_code":"USD"},{"s":"arr"}]],{"s":"arr"}],"countryCode":"US","lastCountryCode":"US","display":"desktop","imageBaseUrl":"https:\/\/cdn.freshstore.cloud\/template\/crystal\/images\/","initialised":true},"memo":{"id":"72prkr2F8F4flC1F8l4c","name":"locale-menu","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","fs_release":"7abf084bbb1d"},"checksum":"cdaf184479832c0b23229b568e3267c32c2b90454f608d4a95742bdef7b27f29"}" wire:effects="{"listeners":["pageLoaded"],"dispatches":[{"name":"visitorCountryChanged","params":[]}]}" wire:id="72prkr2F8F4flC1F8l4c" class="flex-1">
<div class="hidden">
<svg aria-hidden="true" class="mx-3 w-4 h-4 text-gray-200 animate-spin dark:text-gray-600 fill-gray-400" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
<path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
</svg>
</div>
<div class="">
<div class="hidden lg:block"
x-data="{
open: false,
active: 0,
codes: JSON.parse('[\u0022CA\u0022,\u0022FR\u0022,\u0022DE\u0022,\u0022IT\u0022,\u0022NL\u0022,\u0022PL\u0022,\u0022ES\u0022,\u0022SE\u0022,\u0022GB\u0022,\u0022US\u0022]'),
names: JSON.parse('[\u0022Canada\u0022,\u0022France\u0022,\u0022Germany\u0022,\u0022Italy\u0022,\u0022Netherlands\u0022,\u0022Poland\u0022,\u0022Spain\u0022,\u0022Sweden\u0022,\u0022United Kingdom\u0022,\u0022United States\u0022]'),
shorts: JSON.parse('[\u0022CAN\u0022,\u0022FRA\u0022,\u0022DEU\u0022,\u0022ITA\u0022,\u0022NLD\u0022,\u0022POL\u0022,\u0022ESP\u0022,\u0022SWE\u0022,\u0022GBR\u0022,\u0022USA\u0022]'),
flagBase: 'https:\/\/cdn.freshstore.cloud\/template\/crystal\/images\/locale\/flag\/',
current: 'US',
left: null,
show() {
const r = document.getElementById('locale-list-desktop-button').getBoundingClientRect();
const w = Math.min(256, window.innerWidth - 24);
this.left = r.left + r.width / 2 > window.innerWidth / 2
? Math.max(12, r.right - w) + window.scrollX
: null;
this.active = Math.max(0, this.codes.indexOf(this.$wire?.countryCode));
this.open = true;
this.$nextTick(() => this.focusActive());
},
hide(refocus = true) {
this.open = false;
if (refocus) this.$nextTick(() => document.getElementById('locale-list-desktop-button')?.focus());
},
move(step) {
this.active = Math.min(this.codes.length - 1, Math.max(0, this.active + step));
this.focusActive();
},
jump(key) {
if (key.length !== 1) return;
const k = key.toLowerCase();
const n = this.codes.length;
for (let i = 1; i <= n; i++) {
const j = (this.active + i) % n;
if (this.names[j].toLowerCase().startsWith(k)) { this.active = j; this.focusActive(); return; }
}
},
focusActive() {
const el = document.getElementById('locale-list-desktop-'.concat(this.active));
el?.focus({ preventScroll: true });
el?.scrollIntoView({ block: 'nearest' });
},
choose(i) {
const code = this.codes[i];
this.hide();
if (!code || code === this.$wire.countryCode) return;
this.$wire.countryCode = code;
this.$wire.setLocale();
},
}"
x-on:keydown.escape.window="open && hide()">
<button type="button" id="locale-list-desktop-button"
x-on:click="open ? hide(false) : show()"
x-on:keydown.arrow-down.prevent="show()"
x-on:keydown.arrow-up.prevent="show()"
aria-haspopup="listbox" :aria-expanded="open" aria-controls="locale-list-desktop"
aria-label="Country: United States"
wire:loading.class="opacity-50"
class="relative inline-flex items-center gap-1.5 rounded-md border after:absolute after:-inset-x-1 after:-inset-y-[10px] after:content-[''] border-gray-300 bg-white py-0.5 pl-1.5 pr-1 text-sm font-medium leading-5 text-gray-900 hover:border-gray-400 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-900 focus-visible:ring-offset-1">
<!--[if BLOCK]><![endif]--> <img src="https://cdn.freshstore.cloud/template/crystal/images/locale/flag/us.svg" alt="" width="20" height="15" class="h-[15px] w-5 shrink-0 rounded-[2px] object-cover ring-1 ring-black/10">
<!--[if ENDBLOCK]><![endif]--> <span>USA</span>
<svg class="h-4 w-4 shrink-0 text-gray-500 transition-transform" :class="open && 'rotate-180'" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.06l3.71-3.83a.75.75 0 111.08 1.04l-4.25 4.39a.75.75 0 01-1.08 0L5.21 8.27a.75.75 0 01.02-1.06z" clip-rule="evenodd"/></svg>
</button>
<template x-teleport="body">
<ul id="locale-list-desktop" role="listbox" aria-label="Country"
x-show="open" x-cloak
x-anchor.no-style.bottom-start.offset.6="document.getElementById('locale-list-desktop-button')"
:style="{ position: 'absolute', top: $anchor.y + 'px', left: (left ?? $anchor.x) + 'px' }"
x-on:click.outside="open && !$event.target.closest('#locale-list-desktop-button') && hide(false)"
x-on:keydown.arrow-down.prevent="move(1)"
x-on:keydown.arrow-up.prevent="move(-1)"
x-on:keydown.home.prevent="active = 0; focusActive()"
x-on:keydown.end.prevent="active = codes.length - 1; focusActive()"
x-on:keydown.tab="hide(false)"
x-on:keydown="jump($event.key)"
x-transition.opacity.duration.100ms
style="display: none"
class="z-[70] max-h-80 w-64 max-w-[calc(100vw-1.5rem)] overflow-y-auto rounded-md bg-white py-1 text-left text-sm text-gray-900 shadow-lg ring-1 ring-black/10 focus:outline-none">
<template x-for="(code, i) in codes" :key="code">
<li role="option" tabindex="-1" :id="'locale-list-desktop-' + i"
:aria-selected="code === current ? 'true' : 'false'"
x-on:click="choose(i)"
x-on:keydown.enter.prevent="choose(i)"
x-on:keydown.space.prevent="choose(i)"
x-on:mouseenter="active = i"
:class="active === i ? 'bg-gray-100' : ''"
class="flex cursor-pointer select-none items-center gap-3 px-3 py-2 focus:outline-none">
<img :src="flagBase + code.toLowerCase() + '.svg'" alt="" width="20" height="15" loading="lazy" class="h-[15px] w-5 shrink-0 rounded-[2px] object-cover ring-1 ring-black/10">
<span class="min-w-0 flex-1 truncate" :class="code === current && 'font-semibold'" x-text="names[i]"></span>
<span class="shrink-0 text-xs text-gray-500" x-text="shorts[i]"></span>
</li>
</template>
</ul>
</template>
</div>
</div>
</div>
</div>
<div class="text-center text-sm font-subtitle text-white flex-auto lg:flex-initial">
Bringing you the best products at the lowest prices
</div>
<div class="hidden lg:flex lg:flex-1 lg:items-center lg:justify-end lg:space-x-6">
<a href="https://www.cots4tots.co.uk/account/create" class="text-sm font-subtitle text-white hover:opacity-75">Create Account</a>
<span class="h-6 w-px bg-gray-300" aria-hidden="true"></span>
<a href="https://www.cots4tots.co.uk/account/login" class="text-sm font-subtitle text-white hover:opacity-75">Log In</a>
</div>
</div>
</div>
<!-- Secondary navigation -->
<div class="bg-white">
<div class="border-b border-gray-200">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="h-16 flex items-center justify-between">
<!-- Logo (lg+) -->
<div class="hidden lg:flex lg:items-center">
<a href="/">
<span class="sr-only">Cots For Tots</span>
<img src="https://cdn.freshstore.cloud/template/images/7098/2669/c/cots-4-tots-logo-colour-300x100-png-logo.png" alt="The store logo" title="Store Logo" class="h-[var(--fs-mark-h,2rem)] w-auto max-w-none" style="--fs-mark-h: 36px; --fs-mark-w: 79px; --fs-mark-h-sm: 28px; --fs-mark-w-sm: 62px;">
</a>
</div>
<div class="hidden h-full lg:flex lg:flex-1 lg:justify-start">
<div class="ml-8">
<div class="h-full flex justify-center space-x-8">
<div class="flex" x-data="{ open: false, focus: false }" @keydown.escape="open = false; focus = false">
<div class="relative flex">
<button type="button" x-state:on="Item active" x-state:off="Item inactive" class="relative z-40 flex items-center transition-colors ease-out duration-200 text-sm font-subtitle border-b-2 -mb-px pt-px border-transparent text-gray-700 hover:text-gray-300" :class="{ 'border-skin-accent text-skin-accent': open, 'border-transparent text-gray-700 hover:text-gray-800': !(open) }" @click="open = true; focus = true;" aria-expanded="false" :aria-expanded="open">
Categories
</button>
</div>
<div x-cloak x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-full inset-x-0 text-gray-500 sm:text-sm" x-ref="panel" @click.away="open = false">
<div class="absolute inset-0 top-1/2 bg-white shadow-sm" aria-hidden="true"></div>
<div class="relative bg-white">
<div class="max-w-7xl mx-auto px-8">
<div class="grid grid-cols-4 items-start gap-y-10 gap-x-8 pt-10 pb-12">
<div>
<p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
<a href="/categories/cot-beds-for-babies-and-infants">
Baby and Infant Cot Beds
</a>
</p>
<ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">
<li class="flex">
<a href="/categories/bedside-cot-beds" class="hover:text-gray-800">
Bedside Cot Beds
</a>
</li>
<li class="flex">
<a href="/categories/convertible-cot-beds" class="hover:text-gray-800">
Convertible Cot Beds
</a>
</li>
<li class="flex">
<a href="/categories/cot-beds-with-drawer" class="hover:text-gray-800">
Cot Beds With Drawer
</a>
</li>
<li class="flex">
<a href="/categories/cot-beds-with-mattress" class="hover:text-gray-800">
Cot Beds With Mattress
</a>
</li>
<li class="flex">
<a href="/categories/travel-cots" class="hover:text-gray-800">
Travel Cots
</a>
</li>
<li class="flex">
<a href="/categories/wooden-cot-beds" class="hover:text-gray-800">
Wooden Cot Beds
</a>
</li>
</ul>
</div>
<div>
<p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
<a href="/categories/cot-beds-by-colour">
Cot Beds By Colour
</a>
</p>
<ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">
<li class="flex">
<a href="/categories/white-cot-beds" class="hover:text-gray-800">
White Cot Beds
</a>
</li>
<li class="flex">
<a href="/categories/grey-cot-beds" class="hover:text-gray-800">
Grey Cot Beds
</a>
</li>
<li class="flex">
<a href="/categories/black-cot-beds" class="hover:text-gray-800">
Black Cot Beds
</a>
</li>
</ul>
</div>
<div>
<p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
<a href="/categories/cot-bed-accessories">
Cot Bed Accessories
</a>
</p>
<ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">
<li class="flex">
<a href="/categories/cot-bed-bumpers" class="hover:text-gray-800">
Bumpers For Cot Beds
</a>
</li>
<li class="flex">
<a href="/categories/cot-bed-mattress" class="hover:text-gray-800">
Mattress For Cot Beds
</a>
</li>
<li class="flex">
<a href="/categories/cot-mattress-for-travel-cots" class="hover:text-gray-800">
Mattress For Travel Cots
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="flex" x-data="{ open: false, focus: false }" @keydown.escape="open = false; focus = false">
<div class="relative flex">
<button type="button" x-state:on="Item active" x-state:off="Item inactive" class="relative z-40 flex items-center transition-colors ease-out duration-200 text-sm font-subtitle border-b-2 -mb-px pt-px border-transparent text-gray-700 hover:text-gray-300" :class="{ 'border-skin-accent text-skin-accent': open, 'border-transparent text-gray-700 hover:text-gray-800': !(open) }" @click="open = true; focus = true;" aria-expanded="false" :aria-expanded="open">
Brands
</button>
</div>
<div x-cloak x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-full inset-x-0 text-gray-500 sm:text-sm" x-ref="panel" @click.away="open = false">
<div class="absolute inset-0 top-1/2 bg-white shadow-sm" aria-hidden="true"></div>
<div class="relative bg-white">
<div class="max-w-7xl mx-auto px-8">
<div class="grid grid-cols-4 items-start gap-y-10 gap-x-8 pt-10 pb-12">
<div>
<p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
<a href="/brands/maxi-cosi-cots">
Maxi Cosi Cots
</a>
</p>
</div>
<div>
<p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
<a href="/brands/graco-cots">
Graco Cots
</a>
</p>
</div>
<div>
<p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
<a href="/brands/extreme-furniture-cots">
Extreme Furniture Cots
</a>
</p>
</div>
<div>
<p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
<a href="/brands/ghzste-cots">
Ghzste Cots
</a>
</p>
</div>
<div>
<p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
<a href="/brands/b4beds-ltd-cots">
B4Beds Ltd Cots
</a>
</p>
</div>
<div>
<p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
<a href="/brands/maxmass-cots">
Maxmass Cots
</a>
</p>
</div>
<div>
<p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
<a href="/brands/snoozeshade">
Snoozeshade
</a>
</p>
</div>
<div>
<p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
<a href="/brands/moby-system">
Moby-System
</a>
</p>
</div>
<div>
<p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
<a href="/brands/mobiclinic">
Mobiclinic
</a>
</p>
</div>
<div>
<p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
<a href="/brands/lionelo">
Lionelo
</a>
</p>
</div>
<div>
<p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
<a href="/brands/ickle-bubba">
Ickle Bubba
</a>
</p>
</div>
<div>
<p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
<a href="/brands/dooky">
Dooky
</a>
</p>
</div>
<div>
<p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
<a href="/brands/ebebek-baby-plus">
Ebebek Baby Plus
</a>
</p>
</div>
<div>
<p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
<a href="/brands/deryan">
Deryan
</a>
</p>
</div>
<div>
<p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
<a href="/brands/dreambaby">
Dreambaby
</a>
</p>
</div>
<div>
<p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
<a href="/brands/bebeconfort">
Bebeconfort
</a>
</p>
</div>
<div>
<p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
<a href="/brands/babymam">
Babymam
</a>
</p>
</div>
<div>
<p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
<a href="/brands/babybjoern">
Babybjörn
</a>
</p>
</div>
<div>
<p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
<a href="/brands/baby-snooze">
Baby Snooze
</a>
</p>
</div>
<div>
<p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
<a href="/brands/baby-rex-cots">
Baby Rex Cots
</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="flex-none flex items-center lg:hidden">
<button type="button" class="-ml-2 bg-white p-2 rounded-md text-gray-400" @click.prevent="mobileMenuOpen = true">
<span class="sr-only">Open Menu</span>
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg> </button>
</div>
<!-- Logo (lg-) -->
<a href="/" class="lg:hidden flex items-center ml-4">
<span class="sr-only">Cots For Tots</span>
<img src="https://cdn.freshstore.cloud/template/images/7098/2669/c/cots-4-tots-logo-colour-300x100-png-logo.png" alt="The store logo" title="Store Logo" class="h-[var(--fs-mark-h-sm,2rem)] w-auto max-w-none" style="--fs-mark-h: 36px; --fs-mark-w: 79px; --fs-mark-h-sm: 28px; --fs-mark-w-sm: 62px;">
</a>
<div class="flex items-center justify-end">
<div class="flex items-center lg:ml-8">
<div class="flex space-x-8">
<div class="hidden lg:flex">
<form action="https://www.cots4tots.co.uk/search" method="GET" class="flex">
<input type="text" name="q" aria-label="Search" value="" class="block w-full mr-2 px-2 py-0 text-xs text-gray-600 border-gray-300 rounded-md shadow-sm focus:ring-skin-accent focus:border-skin-accent">
<button type="submit" class="-m-2 p-2 text-gray-400 hover:text-gray-500 focus:ring-skin-accent">
<span class="sr-only">Search</span>
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg> </button>
</form>
</div>
<div class="hidden lg:flex space-x-3">
</div>
</div>
<div class="flow-root">
<div wire:snapshot="{"data":{"storeLocales":[[[{"iso_3166_2":"CA","iso_3166_3":"CAN","name":"Canada","currency_code":"CAD"},{"s":"arr"}],[{"iso_3166_2":"DE","iso_3166_3":"DEU","name":"Germany","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"ES","iso_3166_3":"ESP","name":"Spain","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"FR","iso_3166_3":"FRA","name":"France","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"GB","iso_3166_3":"GBR","name":"United Kingdom","currency_code":"GBP"},{"s":"arr"}],[{"iso_3166_2":"IT","iso_3166_3":"ITA","name":"Italy","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"NL","iso_3166_3":"NLD","name":"Netherlands","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"PL","iso_3166_3":"POL","name":"Poland","currency_code":"PLN"},{"s":"arr"}],[{"iso_3166_2":"SE","iso_3166_3":"SWE","name":"Sweden","currency_code":"SEK"},{"s":"arr"}],[{"iso_3166_2":"US","iso_3166_3":"USA","name":"United States","currency_code":"USD"},{"s":"arr"}]],{"s":"arr"}],"countryCode":"US","lastCountryCode":"US","display":"mobile","imageBaseUrl":"https:\/\/cdn.freshstore.cloud\/template\/crystal\/images\/","initialised":true},"memo":{"id":"81VTWtOdyQKyJBZJIMh7","name":"locale-menu","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","fs_release":"7abf084bbb1d"},"checksum":"8c25e8093f784dd2ecea514daeb244bd4c019faa4754398d96296e28e2d8276b"}" wire:effects="{"listeners":["pageLoaded"],"dispatches":[{"name":"visitorCountryChanged","params":[]}]}" wire:id="81VTWtOdyQKyJBZJIMh7" class="flex-1">
<div class="hidden">
<svg aria-hidden="true" class="mx-3 w-4 h-4 text-gray-200 animate-spin dark:text-gray-600 fill-gray-400" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
<path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
</svg>
</div>
<div class="">
<div class="lg:hidden"
x-data="{
open: false,
active: 0,
codes: JSON.parse('[\u0022CA\u0022,\u0022FR\u0022,\u0022DE\u0022,\u0022IT\u0022,\u0022NL\u0022,\u0022PL\u0022,\u0022ES\u0022,\u0022SE\u0022,\u0022GB\u0022,\u0022US\u0022]'),
names: JSON.parse('[\u0022Canada\u0022,\u0022France\u0022,\u0022Germany\u0022,\u0022Italy\u0022,\u0022Netherlands\u0022,\u0022Poland\u0022,\u0022Spain\u0022,\u0022Sweden\u0022,\u0022United Kingdom\u0022,\u0022United States\u0022]'),
shorts: JSON.parse('[\u0022CAN\u0022,\u0022FRA\u0022,\u0022DEU\u0022,\u0022ITA\u0022,\u0022NLD\u0022,\u0022POL\u0022,\u0022ESP\u0022,\u0022SWE\u0022,\u0022GBR\u0022,\u0022USA\u0022]'),
flagBase: 'https:\/\/cdn.freshstore.cloud\/template\/crystal\/images\/locale\/flag\/',
current: 'US',
left: null,
show() {
const r = document.getElementById('locale-list-mobile-button').getBoundingClientRect();
const w = Math.min(256, window.innerWidth - 24);
this.left = r.left + r.width / 2 > window.innerWidth / 2
? Math.max(12, r.right - w) + window.scrollX
: null;
this.active = Math.max(0, this.codes.indexOf(this.$wire?.countryCode));
this.open = true;
this.$nextTick(() => this.focusActive());
},
hide(refocus = true) {
this.open = false;
if (refocus) this.$nextTick(() => document.getElementById('locale-list-mobile-button')?.focus());
},
move(step) {
this.active = Math.min(this.codes.length - 1, Math.max(0, this.active + step));
this.focusActive();
},
jump(key) {
if (key.length !== 1) return;
const k = key.toLowerCase();
const n = this.codes.length;
for (let i = 1; i <= n; i++) {
const j = (this.active + i) % n;
if (this.names[j].toLowerCase().startsWith(k)) { this.active = j; this.focusActive(); return; }
}
},
focusActive() {
const el = document.getElementById('locale-list-mobile-'.concat(this.active));
el?.focus({ preventScroll: true });
el?.scrollIntoView({ block: 'nearest' });
},
choose(i) {
const code = this.codes[i];
this.hide();
if (!code || code === this.$wire.countryCode) return;
this.$wire.countryCode = code;
this.$wire.setLocale();
},
}"
x-on:keydown.escape.window="open && hide()">
<button type="button" id="locale-list-mobile-button"
x-on:click="open ? hide(false) : show()"
x-on:keydown.arrow-down.prevent="show()"
x-on:keydown.arrow-up.prevent="show()"
aria-haspopup="listbox" :aria-expanded="open" aria-controls="locale-list-mobile"
aria-label="Country: United States"
wire:loading.class="opacity-50"
class="relative inline-flex items-center gap-1.5 rounded-md border after:absolute after:-inset-x-1 after:-inset-y-[10px] after:content-[''] border-gray-300 bg-white py-0.5 pl-1.5 pr-1 text-sm font-medium leading-5 text-gray-900 hover:border-gray-400 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-900 focus-visible:ring-offset-1">
<!--[if BLOCK]><![endif]--> <img src="https://cdn.freshstore.cloud/template/crystal/images/locale/flag/us.svg" alt="" width="20" height="15" class="h-[15px] w-5 shrink-0 rounded-[2px] object-cover ring-1 ring-black/10">
<!--[if ENDBLOCK]><![endif]--> <span>USA</span>
<svg class="h-4 w-4 shrink-0 text-gray-500 transition-transform" :class="open && 'rotate-180'" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.06l3.71-3.83a.75.75 0 111.08 1.04l-4.25 4.39a.75.75 0 01-1.08 0L5.21 8.27a.75.75 0 01.02-1.06z" clip-rule="evenodd"/></svg>
</button>
<template x-teleport="body">
<ul id="locale-list-mobile" role="listbox" aria-label="Country"
x-show="open" x-cloak
x-anchor.no-style.bottom-start.offset.6="document.getElementById('locale-list-mobile-button')"
:style="{ position: 'absolute', top: $anchor.y + 'px', left: (left ?? $anchor.x) + 'px' }"
x-on:click.outside="open && !$event.target.closest('#locale-list-mobile-button') && hide(false)"
x-on:keydown.arrow-down.prevent="move(1)"
x-on:keydown.arrow-up.prevent="move(-1)"
x-on:keydown.home.prevent="active = 0; focusActive()"
x-on:keydown.end.prevent="active = codes.length - 1; focusActive()"
x-on:keydown.tab="hide(false)"
x-on:keydown="jump($event.key)"
x-transition.opacity.duration.100ms
style="display: none"
class="z-[70] max-h-80 w-64 max-w-[calc(100vw-1.5rem)] overflow-y-auto rounded-md bg-white py-1 text-left text-sm text-gray-900 shadow-lg ring-1 ring-black/10 focus:outline-none">
<template x-for="(code, i) in codes" :key="code">
<li role="option" tabindex="-1" :id="'locale-list-mobile-' + i"
:aria-selected="code === current ? 'true' : 'false'"
x-on:click="choose(i)"
x-on:keydown.enter.prevent="choose(i)"
x-on:keydown.space.prevent="choose(i)"
x-on:mouseenter="active = i"
:class="active === i ? 'bg-gray-100' : ''"
class="flex cursor-pointer select-none items-center gap-3 px-3 py-2 focus:outline-none">
<img :src="flagBase + code.toLowerCase() + '.svg'" alt="" width="20" height="15" loading="lazy" class="h-[15px] w-5 shrink-0 rounded-[2px] object-cover ring-1 ring-black/10">
<span class="min-w-0 flex-1 truncate" :class="code === current && 'font-semibold'" x-text="names[i]"></span>
<span class="shrink-0 text-xs text-gray-500" x-text="shorts[i]"></span>
</li>
</template>
</ul>
</template>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>
<main>
<div class="">
<nav aria-label="Offers" class="order-last lg:order-first">
<div class="max-w-7xl mx-auto lg:px-8">
<ul role="list" class="grid grid-cols-3 divide-x divide-gray-200">
<li class="flex flex-col">
<a href="/special-offers" target="_self" class="relative flex-1 flex flex-col justify-center py-6 px-4 max-lg:py-3 max-lg:px-2 text-center focus:z-10">
<p class="text-sm max-lg:text-xs text-skin-subtitle">
Special offers
</p>
<p class="max-lg:text-xs font-subtitle font-bold text-skin-title">
Access our discounts
</p>
</a>
</li>
<li class="flex flex-col">
<a href="/our-newsletter" target="_self" class="relative flex-1 flex flex-col justify-center py-6 px-4 max-lg:py-3 max-lg:px-2 text-center focus:z-10">
<p class="text-sm max-lg:text-xs text-skin-subtitle">
Sign up for our newsletter
</p>
<p class="max-lg:text-xs font-subtitle font-bold text-skin-title">
Exclusive sales, tips and news
</p>
</a>
</li>
<li class="flex flex-col">
<a href="/all-articles" target="_self" class="relative flex-1 flex flex-col justify-center py-6 px-4 max-lg:py-3 max-lg:px-2 text-center focus:z-10">
<p class="text-sm max-lg:text-xs text-skin-subtitle">
View our articles
</p>
<p class="max-lg:text-xs font-subtitle font-bold text-skin-title">
Expert buying guides
</p>
</a>
</li>
</ul>
</div>
</nav>
<div class="relative " style="background-color: #111827">
<div aria-hidden="true" class="absolute inset-0 overflow-hidden">
<img
src="https://cdn.freshstore.cloud/template/images/7098/2/c/cots-4-tots-min-jpg-hero.webp"
fetchpriority="high" srcset="https://cdn.freshstore.cloud/template/images/7098/2/c/cots-4-tots-min-jpg-hero.webp 2400w" sizes="100vw" alt="A selection of our products on this store"
title="Browse Our Products and Shop With Confidence"
class="w-full h-full object-center object-cover">
</div>
<div class="relative mx-auto flex max-w-3xl md:max-w-[50%] flex-col items-center px-6 text-center lg:px-0 py-32 sm:py-64">
<h1 class="font-title text-skin-title tracking-tight text-white drop-shadow-[0_0.5px_3.5px_rgba(0,0,0,1)] [text-shadow:0_0_6px_rgba(0,0,0,0.5),0_0_18px_rgba(0,0,0,0.6),0_0_40px_rgba(0,0,0,0.45)] !text-4xl md:!text-5xl lg:!text-6xl font-normal">Shop the Best Cots for Babies Here!</h1>
<h2 class="mt-4 font-subtitle text-white drop-shadow-[0_0.5px_3.5px_rgba(0,0,0,1)] [text-shadow:0_0_6px_rgba(0,0,0,0.5),0_0_18px_rgba(0,0,0,0.6),0_0_40px_rgba(0,0,0,0.45)] font-subtitle text-lg md:text-xl lg:text-2xl font-normal">Find the Perfect Cot for Your Little One Today!</h2>
<a href="/categories" target="_self" class="mx-auto mt-8 rounded-md border border-transparent bg-skin-button-accent py-3 px-8 text-base font-medium text-skin-button-accent hover:bg-opacity-75">
Browse Products
</a>
</div>
</div>
<section aria-labelledby="featured-products-heading" class="fs-sec">
<div class="lg:max-w-7xl lg:mx-auto lg:px-8">
<div class="px-4 flex items-center justify-between sm:px-6 lg:px-0">
<h2 id="featured-products-heading"
class="text-2xl text-skin-subtitle font-subtitle font-normal">Featured Products</h2>
<a href="/all-products" target="_self" class="hidden sm:block text-sm font-semibold text-skin-link hover:opacity-75">
View All <span aria-hidden="true"> →</span>
</a>
</div>
<div class="sm:-mb-10">
<div class="mt-8 grid grid-cols-2 md:grid-cols-2 lg:grid-cols-4">
<div class="group relative flex flex-col p-4 sm:p-6">
<div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75 bg-white">
<img
src="https://cdn.freshstore.cloud/offer/images/7098/5095/viculii-willow-baby-sleigh-mini-cot-bed-with-drawer-and-mattress-120x60x10cm-3-in-1-baby-white-cot-converts-to-toddler-bed-junior-bed-5095.jpg?width=800"
srcset="https://cdn.freshstore.cloud/offer/images/7098/5095/viculii-willow-baby-sleigh-mini-cot-bed-with-drawer-and-mattress-120x60x10cm-3-in-1-baby-white-cot-converts-to-toddler-bed-junior-bed-5095.jpg?width=300 300w, https://cdn.freshstore.cloud/offer/images/7098/5095/viculii-willow-baby-sleigh-mini-cot-bed-with-drawer-and-mattress-120x60x10cm-3-in-1-baby-white-cot-converts-to-toddler-bed-junior-bed-5095.jpg?width=800 800w, https://cdn.freshstore.cloud/offer/images/7098/5095/viculii-willow-baby-sleigh-mini-cot-bed-with-drawer-and-mattress-120x60x10cm-3-in-1-baby-white-cot-converts-to-toddler-bed-junior-bed-5095.jpg?width=1200 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" alt="Viculii Mini Cot Bed with Drawer and Mattress"
loading="lazy"
decoding="async"
class="w-full h-full object-center object-contain p-4"
/>
</div>
<div class="flex grow flex-col pt-10 pb-4 text-center">
<h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
<a href="/products/viculii-mini-cot-bed-with-drawer-and-mattress">
<span class="absolute inset-0" aria-hidden="true"></span>
Viculii Mini Cot Bed Bundle
</a>
</h3>
<div class="mt-auto">
<div class="mt-3 flex flex-col items-center">
<p class="sr-only">Product Review Score</p>
<div class="mt-3 flex flex-col items-center">
<div class="flex items-center" title="Average rating: 4.2 out of 5 stars">
<svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg> <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg> <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg> <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg> <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"/></svg> </div>
<p class="sr-only">4.2 out of 5 stars</p>
<span class="mt-1 text-sm text-skin-light" title="Average rating: 4.2 out of 5 stars">181 reviews</span>
</div>
</div>
<div class="fs-cb fs-cb--both fs-cb--card fs-cb--mode-both relative z-10 mt-3" data-fs-card-buttons="both">
<p class="fs-cb__price fs-cb__price--standby "><span wire:snapshot="{"data":{"productId":314,"priceType":"actual","price":220,"priceFormatted":"\u00a3220.00","showNoPriceFallback":false,"linkNoPrice":false,"noPriceUrl":null,"noPriceOfferId":null,"classes":"","context":"card","retailer":null,"saving":null},"memo":{"id":"fkYAGkRrrVJcwtwjxlEr","name":"product-price","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","fs_release":"7abf084bbb1d"},"checksum":"04980f356c820d533f8b99bbce55eb7f886d3bfe5731cd3e1e0b3179eb713f42"}" wire:effects="{"listeners":["localeChanged","offersUpdated","visitorCountryChanged"]}" wire:id="fkYAGkRrrVJcwtwjxlEr" wire:loading.class="opacity-20" data-fs-price="314" data-fs-price-type="actual" class="">
<!--[if BLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->£220.00<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--></span>
</p>
<a data-fs-out="L291dC9wcm9kdWN0LzMxND9ieXBhc3MtY2RuPTE=" tabindex="0" role="link" target="_blank" rel="nofollow sponsored noopener" data-product-id="314" data-placement="related" class="fs-al fs-cb__link fs-cb__link--retailer">
<span wire:snapshot="{"data":{"productId":314,"priceType":"button","price":220,"priceFormatted":"\u00a3220.00","showNoPriceFallback":false,"linkNoPrice":false,"noPriceUrl":null,"noPriceOfferId":955,"classes":"","context":"card","retailer":"Amazon","saving":null},"memo":{"id":"RL91n1lyD8NzEpceuWnM","name":"product-price","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","fs_release":"7abf084bbb1d"},"checksum":"55a612d7a5f432f6822629f03dacc8b4e5955d77b649a5b1b964971d1988723c"}" wire:effects="{"listeners":["localeChanged","offersUpdated","visitorCountryChanged"]}" wire:id="RL91n1lyD8NzEpceuWnM" wire:loading.class="opacity-60" class="fs-bb-live">
<!--[if BLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card" data-fs-button-style="a" data-fs-button-kind="retailer" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 69, 123, 157; --fs-bb-hover: 58, 103, 132;">
<!--[if BLOCK]><![endif]-->
<span class="fs-bb__label"><span class="fs-bb__price" style="color: inherit !important" data-fs-price="314" data-fs-price-type="actual">£220.00</span><span class="fs-bb__words"> at </span><span class="fs-bb__retailer">Amazon</span></span>
<!--[if BLOCK]><![endif]--><svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--></span>
</a>
<a href="/products/viculii-mini-cot-bed-with-drawer-and-mattress" class="fs-cb__link fs-cb__link--page">
<span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card fs-bb--page fs-bb--secondary" data-fs-button-style="a" data-fs-button-kind="page" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 69, 123, 157; --fs-bb-hover: 58, 103, 132;">
<span class="fs-bb__label"><span class="fs-bb__words">View product</span></span>
<svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="group relative flex flex-col p-4 sm:p-6">
<div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75 bg-white">
<img
src="https://cdn.freshstore.cloud/offer/images/7098/3448/tutti-bambini-riley-3-in-1-baby-cot-bed-with-drawer-120-x-60-cm-0-4-years-3-modes-cot-toddler-bed-toddler-sofa-convertible-cot-bed-for-baby-with-3-mattress-heights-white-oak-3448.jpg?width=800"
srcset="https://cdn.freshstore.cloud/offer/images/7098/3448/tutti-bambini-riley-3-in-1-baby-cot-bed-with-drawer-120-x-60-cm-0-4-years-3-modes-cot-toddler-bed-toddler-sofa-convertible-cot-bed-for-baby-with-3-mattress-heights-white-oak-3448.jpg?width=300 300w, https://cdn.freshstore.cloud/offer/images/7098/3448/tutti-bambini-riley-3-in-1-baby-cot-bed-with-drawer-120-x-60-cm-0-4-years-3-modes-cot-toddler-bed-toddler-sofa-convertible-cot-bed-for-baby-with-3-mattress-heights-white-oak-3448.jpg?width=800 800w, https://cdn.freshstore.cloud/offer/images/7098/3448/tutti-bambini-riley-3-in-1-baby-cot-bed-with-drawer-120-x-60-cm-0-4-years-3-modes-cot-toddler-bed-toddler-sofa-convertible-cot-bed-for-baby-with-3-mattress-heights-white-oak-3448.jpg?width=1200 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" alt="Tutti Bambini Riley 3-in-1 Baby Cot Bed"
loading="lazy"
decoding="async"
class="w-full h-full object-center object-contain p-4"
/>
</div>
<div class="flex grow flex-col pt-10 pb-4 text-center">
<h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
<a href="/products/tutti-bambini-riley-3-in-1-baby-cot-bed-308">
<span class="absolute inset-0" aria-hidden="true"></span>
Tutti Bambini 3-in-1 Cot
</a>
</h3>
<div class="mt-auto">
<div class="mt-3 flex flex-col items-center">
<p class="sr-only">Product Review Score</p>
<div class="mt-3 flex flex-col items-center">
<div class="flex items-center" title="Average rating: 4.87 out of 5 stars">
<svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg> <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg> <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg> <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg> <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg> </div>
<p class="sr-only">4.87 out of 5 stars</p>
<span class="mt-1 text-sm text-skin-light" title="Average rating: 4.87 out of 5 stars">181 reviews</span>
</div>
</div>
<div class="fs-cb fs-cb--both fs-cb--card fs-cb--mode-both relative z-10 mt-3" data-fs-card-buttons="both">
<p class="fs-cb__price fs-cb__price--standby "><span wire:snapshot="{"data":{"productId":308,"priceType":"actual","price":169,"priceFormatted":"\u00a3169.00","showNoPriceFallback":false,"linkNoPrice":false,"noPriceUrl":null,"noPriceOfferId":null,"classes":"","context":"card","retailer":null,"saving":null},"memo":{"id":"rsv7CMmjJmrLraIxqoV6","name":"product-price","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","fs_release":"7abf084bbb1d"},"checksum":"02247d49235050c4765970650998966cafa3b48afe149037f1fce9e316ad19fe"}" wire:effects="{"listeners":["localeChanged","offersUpdated","visitorCountryChanged"]}" wire:id="rsv7CMmjJmrLraIxqoV6" wire:loading.class="opacity-20" data-fs-price="308" data-fs-price-type="actual" class="">
<!--[if BLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->£169.00<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--></span>
</p>
<a data-fs-out="L291dC9wcm9kdWN0LzMwOD9ieXBhc3MtY2RuPTE=" tabindex="0" role="link" target="_blank" rel="nofollow sponsored noopener" data-product-id="308" data-placement="related" class="fs-al fs-cb__link fs-cb__link--retailer">
<span wire:snapshot="{"data":{"productId":308,"priceType":"button","price":169,"priceFormatted":"\u00a3169.00","showNoPriceFallback":false,"linkNoPrice":false,"noPriceUrl":null,"noPriceOfferId":734,"classes":"","context":"card","retailer":"Amazon","saving":null},"memo":{"id":"Y1K2a0Oot2WrgUqI7L20","name":"product-price","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","fs_release":"7abf084bbb1d"},"checksum":"911d2f07696df99a63690f032073634f6c96b8833a1c3cc1c69c7dd1314c412b"}" wire:effects="{"listeners":["localeChanged","offersUpdated","visitorCountryChanged"]}" wire:id="Y1K2a0Oot2WrgUqI7L20" wire:loading.class="opacity-60" class="fs-bb-live">
<!--[if BLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card" data-fs-button-style="a" data-fs-button-kind="retailer" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 69, 123, 157; --fs-bb-hover: 58, 103, 132;">
<!--[if BLOCK]><![endif]-->
<span class="fs-bb__label"><span class="fs-bb__price" style="color: inherit !important" data-fs-price="308" data-fs-price-type="actual">£169.00</span><span class="fs-bb__words"> at </span><span class="fs-bb__retailer">Amazon</span></span>
<!--[if BLOCK]><![endif]--><svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--></span>
</a>
<a href="/products/tutti-bambini-riley-3-in-1-baby-cot-bed-308" class="fs-cb__link fs-cb__link--page">
<span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card fs-bb--page fs-bb--secondary" data-fs-button-style="a" data-fs-button-kind="page" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 69, 123, 157; --fs-bb-hover: 58, 103, 132;">
<span class="fs-bb__label"><span class="fs-bb__words">View product</span></span>
<svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="group relative flex flex-col p-4 sm:p-6">
<div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75 bg-white">
<img
src="https://cdn.freshstore.cloud/offer/images/7098/5043/love-for-sleep-levi-baby-cot-bed-120x60cm-wooden-convertible-toddler-bed-with-large-drawer-and-quilted-microfiber-foam-mattress-white-5043.jpg?width=800"
srcset="https://cdn.freshstore.cloud/offer/images/7098/5043/love-for-sleep-levi-baby-cot-bed-120x60cm-wooden-convertible-toddler-bed-with-large-drawer-and-quilted-microfiber-foam-mattress-white-5043.jpg?width=300 300w, https://cdn.freshstore.cloud/offer/images/7098/5043/love-for-sleep-levi-baby-cot-bed-120x60cm-wooden-convertible-toddler-bed-with-large-drawer-and-quilted-microfiber-foam-mattress-white-5043.jpg?width=800 800w, https://cdn.freshstore.cloud/offer/images/7098/5043/love-for-sleep-levi-baby-cot-bed-120x60cm-wooden-convertible-toddler-bed-with-large-drawer-and-quilted-microfiber-foam-mattress-white-5043.jpg?width=1200 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" alt="Levi Baby Cot Bed with Drawer and Mattress"
loading="lazy"
decoding="async"
class="w-full h-full object-center object-contain p-4"
/>
</div>
<div class="flex grow flex-col pt-10 pb-4 text-center">
<h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
<a href="/products/levi-baby-cot-bed-with-drawer-and-mattress">
<span class="absolute inset-0" aria-hidden="true"></span>
Levi Baby Cot Bed Bundle
</a>
</h3>
<div class="mt-auto">
<div class="mt-3 flex flex-col items-center">
<p class="sr-only">Product Review Score</p>
<div class="mt-3 flex flex-col items-center">
<div class="flex items-center" title="Average rating: 4.63 out of 5 stars">
<svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg> <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg> <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg> <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg> <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24" x="0"/></g><g><g><g><path d="M22,9.24l-7.19-0.62L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27L18.18,21l-1.63-7.03L22,9.24z M12,15.4V6.1 l1.71,4.04l4.38,0.38l-3.32,2.88l1,4.28L12,15.4z"/></g></g></g></svg> </div>
<p class="sr-only">4.63 out of 5 stars</p>
<span class="mt-1 text-sm text-skin-light" title="Average rating: 4.63 out of 5 stars">44 reviews</span>
</div>
</div>
<div class="fs-cb fs-cb--both fs-cb--card fs-cb--mode-both relative z-10 mt-3" data-fs-card-buttons="both">
<p class="fs-cb__price fs-cb__price--standby "><span wire:snapshot="{"data":{"productId":306,"priceType":"actual","price":139.99,"priceFormatted":"\u00a3139.99","showNoPriceFallback":false,"linkNoPrice":false,"noPriceUrl":null,"noPriceOfferId":null,"classes":"","context":"card","retailer":null,"saving":null},"memo":{"id":"5qoq79LJ7DMxpO0LoBXl","name":"product-price","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","fs_release":"7abf084bbb1d"},"checksum":"ea2d4fd01645797dee9de8df3b28ff5ec179cceb930f167ed77b991f2fa1b529"}" wire:effects="{"listeners":["localeChanged","offersUpdated","visitorCountryChanged"]}" wire:id="5qoq79LJ7DMxpO0LoBXl" wire:loading.class="opacity-20" data-fs-price="306" data-fs-price-type="actual" class="">
<!--[if BLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->£139.99<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--></span>
</p>
<a data-fs-out="L291dC9wcm9kdWN0LzMwNj9ieXBhc3MtY2RuPTE=" tabindex="0" role="link" target="_blank" rel="nofollow sponsored noopener" data-product-id="306" data-placement="related" class="fs-al fs-cb__link fs-cb__link--retailer">
<span wire:snapshot="{"data":{"productId":306,"priceType":"button","price":139.99,"priceFormatted":"\u00a3139.99","showNoPriceFallback":false,"linkNoPrice":false,"noPriceUrl":null,"noPriceOfferId":948,"classes":"","context":"card","retailer":"Amazon","saving":null},"memo":{"id":"dSEcVMogGCEfpilUAcw9","name":"product-price","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","fs_release":"7abf084bbb1d"},"checksum":"27973c3367d01cba00d1a2f3d4784d236c567a7727fe5688c79a40fa03c31be4"}" wire:effects="{"listeners":["localeChanged","offersUpdated","visitorCountryChanged"]}" wire:id="dSEcVMogGCEfpilUAcw9" wire:loading.class="opacity-60" class="fs-bb-live">
<!--[if BLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card" data-fs-button-style="a" data-fs-button-kind="retailer" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 69, 123, 157; --fs-bb-hover: 58, 103, 132;">
<!--[if BLOCK]><![endif]-->
<span class="fs-bb__label"><span class="fs-bb__price" style="color: inherit !important" data-fs-price="306" data-fs-price-type="actual">£139.99</span><span class="fs-bb__words"> at </span><span class="fs-bb__retailer">Amazon</span></span>
<!--[if BLOCK]><![endif]--><svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--></span>
</a>
<a href="/products/levi-baby-cot-bed-with-drawer-and-mattress" class="fs-cb__link fs-cb__link--page">
<span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card fs-bb--page fs-bb--secondary" data-fs-button-style="a" data-fs-button-kind="page" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 69, 123, 157; --fs-bb-hover: 58, 103, 132;">
<span class="fs-bb__label"><span class="fs-bb__words">View product</span></span>
<svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="group relative flex flex-col p-4 sm:p-6">
<div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75 bg-white">
<img
src="https://cdn.freshstore.cloud/offer/images/7098/4999/bjnn-next-to-me-crib-3-in-1baby-bedside-crib-foldable-baby-bed-6-level-adjustable-bedside-bed-travel-cot-with-storage-mosquito-net-and-matress-included-portable-cribs-for-newborn-infant-4999.jpg?width=800"
srcset="https://cdn.freshstore.cloud/offer/images/7098/4999/bjnn-next-to-me-crib-3-in-1baby-bedside-crib-foldable-baby-bed-6-level-adjustable-bedside-bed-travel-cot-with-storage-mosquito-net-and-matress-included-portable-cribs-for-newborn-infant-4999.jpg?width=300 300w, https://cdn.freshstore.cloud/offer/images/7098/4999/bjnn-next-to-me-crib-3-in-1baby-bedside-crib-foldable-baby-bed-6-level-adjustable-bedside-bed-travel-cot-with-storage-mosquito-net-and-matress-included-portable-cribs-for-newborn-infant-4999.jpg?width=800 800w, https://cdn.freshstore.cloud/offer/images/7098/4999/bjnn-next-to-me-crib-3-in-1baby-bedside-crib-foldable-baby-bed-6-level-adjustable-bedside-bed-travel-cot-with-storage-mosquito-net-and-matress-included-portable-cribs-for-newborn-infant-4999.jpg?width=1200 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw" alt="3-in-1 Portable Bedside Crib with Mattress"
loading="lazy"
decoding="async"
class="w-full h-full object-center object-contain p-4"
/>
</div>
<div class="flex grow flex-col pt-10 pb-4 text-center">
<h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
<a href="/products/3-in-1-portable-bedside-crib-with-mattress">
<span class="absolute inset-0" aria-hidden="true"></span>
Portable 3-in-1 Crib
</a>
</h3>
<div class="mt-auto">
<div class="mt-3 flex flex-col items-center">
<p class="sr-only">Product Review Score</p>
<div class="mt-3 flex flex-col items-center">
<div class="flex items-center" title="Average rating: 4.65 out of 5 stars">
<svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg> <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg> <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg> <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg> <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24" x="0"/></g><g><g><g><path d="M22,9.24l-7.19-0.62L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27L18.18,21l-1.63-7.03L22,9.24z M12,15.4V6.1 l1.71,4.04l4.38,0.38l-3.32,2.88l1,4.28L12,15.4z"/></g></g></g></svg> </div>
<p class="sr-only">4.65 out of 5 stars</p>
<span class="mt-1 text-sm text-skin-light" title="Average rating: 4.65 out of 5 stars">215 reviews</span>
</div>
</div>
<div class="fs-cb fs-cb--both fs-cb--card fs-cb--mode-both relative z-10 mt-3" data-fs-card-buttons="both">
<p class="fs-cb__price fs-cb__price--standby "><span wire:snapshot="{"data":{"productId":303,"priceType":"actual","price":68.55,"priceFormatted":"\u00a368.55","showNoPriceFallback":false,"linkNoPrice":false,"noPriceUrl":null,"noPriceOfferId":null,"classes":"","context":"card","retailer":null,"saving":null},"memo":{"id":"SFKRDr5HedX7akr82Rbh","name":"product-price","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","fs_release":"7abf084bbb1d"},"checksum":"bc84093fd94adab0038ec339b0799441cd92aeb89afd4160fcf4146f428bd0f3"}" wire:effects="{"listeners":["localeChanged","offersUpdated","visitorCountryChanged"]}" wire:id="SFKRDr5HedX7akr82Rbh" wire:loading.class="opacity-20" data-fs-price="303" data-fs-price-type="actual" class="">
<!--[if BLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->£68.55<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--></span>
</p>
<a data-fs-out="L291dC9wcm9kdWN0LzMwMz9ieXBhc3MtY2RuPTE=" tabindex="0" role="link" target="_blank" rel="nofollow sponsored noopener" data-product-id="303" data-placement="related" class="fs-al fs-cb__link fs-cb__link--retailer">
<span wire:snapshot="{"data":{"productId":303,"priceType":"button","price":68.55,"priceFormatted":"\u00a368.55","showNoPriceFallback":false,"linkNoPrice":false,"noPriceUrl":null,"noPriceOfferId":934,"classes":"","context":"card","retailer":"Amazon","saving":31},"memo":{"id":"AxT2loKkVP9AKMA6Sz3c","name":"product-price","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en","fs_release":"7abf084bbb1d"},"checksum":"24953e82e818acb496f73c0fa8995d9dedab8b09d86e1fca16cb7bea1c9cfad9"}" wire:effects="{"listeners":["localeChanged","offersUpdated","visitorCountryChanged"]}" wire:id="AxT2loKkVP9AKMA6Sz3c" wire:loading.class="opacity-60" class="fs-bb-live">
<!--[if BLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card" data-fs-button-style="a" data-fs-button-kind="retailer" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 69, 123, 157; --fs-bb-hover: 58, 103, 132;">
<!--[if BLOCK]><![endif]-->
<span class="fs-bb__label"><span class="fs-bb__price" style="color: inherit !important" data-fs-price="303" data-fs-price-type="actual">£68.55</span><span class="fs-bb__words"> at </span><span class="fs-bb__retailer">Amazon</span></span>
<!--[if BLOCK]><![endif]--><svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--></span>
</a>
<a href="/products/3-in-1-portable-bedside-crib-with-mattress" class="fs-cb__link fs-cb__link--page">
<span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card fs-bb--page fs-bb--secondary" data-fs-button-style="a" data-fs-button-kind="page" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 69, 123, 157; --fs-bb-hover: 58, 103, 132;">
<span class="fs-bb__label"><span class="fs-bb__words">View product</span></span>
<svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sm:hidden px-4">
<a href="/all-products" target="_self" class="text-sm font-semibold text-skin-link hover:opacity-75">
View All
</a>
</div>
</div>
</section>
<section class="fs-sec px-4 lg:max-w-7xl lg:mx-auto lg:px-8">
<div class="[.fs-content-full_&]:!max-w-none [&_p]:max-w-prose [&_p[style*=center]]:mx-auto [&_p[style*=right]]:ml-auto [.fs-content-full_&_p]:max-w-none">
<article class="prose [.fs-content-full_&]:!max-w-none max-w-none prose-h1:text-skin-title prose-h1:font-title prose-h2:font-subtitle prose-h2:text-skin-subtitle prose-h3:font-subtitle prose-h3:text-skin-subtitle prose-h4:font-subtitle prose-h4:text-skin-subtitle prose-p:text-skin-base prose-a:text-skin-link prose-a:hover:opacity-75 prose-a:active:underline prose-ol:text-skin-base prose-ul:text-skin-base">
<p>Welcome to our online store dedicated to providing high-quality cots for your little one. We understand the importance of a comfortable and safe sleeping environment for your baby, which is why we offer a variety of cots that are both stylish and functional. Whether you're looking for a classic wooden cot or a modern convertible cot, we have options to suit every preference.</p>
<p>Our cots are designed with your baby's safety and comfort in mind, using non-toxic materials and sturdy construction to ensure peace of mind for parents. With easy assembly and adjustability features, our cots are practical and long-lasting, making them a worthwhile investment for your child's nursery. Browse our collection today to find the perfect cot for your little bundle of joy!</p>
</article>
</div>
</section>
<section aria-labelledby="collections-heading" class="fs-sec bg-gray-50 border-t border-b border-gray-200">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="max-w-2xl mx-auto lg:max-w-none">
<div class="px-4 flex items-center justify-between sm:px-6 lg:px-0">
<h2 id="featured-categories-heading" class="text-2xl text-skin-subtitle font-subtitle font-normal">Featured Categories</h2>
<a href="/categories" target="_self" class="hidden sm:block text-sm font-semibold text-skin-link hover:opacity-75">
View All <span aria-hidden="true"> →</span>
</a>
</div>
<div class="mt-8 grid grid-cols-3 gap-x-3 gap-y-8 sm:block sm:space-y-12 lg:space-y-0 lg:grid lg:grid-cols-3 lg:gap-x-6 lg:gap-y-12">
<div class="group relative">
<div class="relative w-full h-28 bg-white rounded-lg overflow-hidden group-hover:opacity-75 sm:aspect-w-2 sm:aspect-h-1 sm:h-64 lg:aspect-w-1 lg:aspect-h-1 border border-gray-200">
<img
src="https://cdn.freshstore.cloud/offer/images/7098/750/maxi-cosi-iora-co-sleeper-crib-foldable-baby-bedside-crib-0-6-months-max-9-kg-4-incline-5-height-positions-easy-slide-comfortable-mattress-large-basket-easy-to-carry-essential-graphite-75.jpg?width=800"
srcset="https://cdn.freshstore.cloud/offer/images/7098/750/maxi-cosi-iora-co-sleeper-crib-foldable-baby-bedside-crib-0-6-months-max-9-kg-4-incline-5-height-positions-easy-slide-comfortable-mattress-large-basket-easy-to-carry-essential-graphite-75.jpg?width=300 300w, https://cdn.freshstore.cloud/offer/images/7098/750/maxi-cosi-iora-co-sleeper-crib-foldable-baby-bedside-crib-0-6-months-max-9-kg-4-incline-5-height-positions-easy-slide-comfortable-mattress-large-basket-easy-to-carry-essential-graphite-75.jpg?width=800 800w, https://cdn.freshstore.cloud/offer/images/7098/750/maxi-cosi-iora-co-sleeper-crib-foldable-baby-bedside-crib-0-6-months-max-9-kg-4-incline-5-height-positions-easy-slide-comfortable-mattress-large-basket-easy-to-carry-essential-graphite-75.jpg?width=1200 1200w" sizes="(min-width: 1024px) 33vw, 100vw" alt="Cot Beds For Babies And Infants"
loading="lazy"
decoding="async"
class="p-2 sm:p-4 w-full h-full object-center object-contain"
/>
</div>
<h3 class="mt-3 sm:mt-6 text-sm leading-snug sm:text-lg font-title text-skin-title">
<a href="/categories/cot-beds-for-babies-and-infants">
<span class="absolute inset-0"></span>
Baby and Infant Cot Beds
</a>
</h3>
<p class="hidden sm:block text-sm sm:text-base text-skin-subtitle">Discover the perfect blend of comfort and safety for your little ones with our stylish cot beds designed for babies and infants</p>
</div>
<div class="group relative">
<div class="relative w-full h-28 bg-white rounded-lg overflow-hidden group-hover:opacity-75 sm:aspect-w-2 sm:aspect-h-1 sm:h-64 lg:aspect-w-1 lg:aspect-h-1 border border-gray-200">
<img
src="https://cdn.freshstore.cloud/offer/images/7098/4319/wyswyg-breathable-mesh-cot-bumper-2-pieces-of-adjustable-breathable-cot-bumpers-for-cot-bumper-with-easy-install-velcro-for-all-sorts-of-cribs-170-cm-white-4319.jpg?width=800"
srcset="https://cdn.freshstore.cloud/offer/images/7098/4319/wyswyg-breathable-mesh-cot-bumper-2-pieces-of-adjustable-breathable-cot-bumpers-for-cot-bumper-with-easy-install-velcro-for-all-sorts-of-cribs-170-cm-white-4319.jpg?width=300 300w, https://cdn.freshstore.cloud/offer/images/7098/4319/wyswyg-breathable-mesh-cot-bumper-2-pieces-of-adjustable-breathable-cot-bumpers-for-cot-bumper-with-easy-install-velcro-for-all-sorts-of-cribs-170-cm-white-4319.jpg?width=800 800w, https://cdn.freshstore.cloud/offer/images/7098/4319/wyswyg-breathable-mesh-cot-bumper-2-pieces-of-adjustable-breathable-cot-bumpers-for-cot-bumper-with-easy-install-velcro-for-all-sorts-of-cribs-170-cm-white-4319.jpg?width=1200 1200w" sizes="(min-width: 1024px) 33vw, 100vw" alt="Cot Bed Accessories"
loading="lazy"
decoding="async"
class="p-2 sm:p-4 w-full h-full object-center object-contain"
/>
</div>
<h3 class="mt-3 sm:mt-6 text-sm leading-snug sm:text-lg font-title text-skin-title">
<a href="/categories/cot-bed-accessories">
<span class="absolute inset-0"></span>
Cot Bed Accessories
</a>
</h3>
<p class="hidden sm:block text-sm sm:text-base text-skin-subtitle">Enhance your little one's comfort and safety with our selection of cot bed accessories</p>
</div>
<div class="group relative">
<div class="relative w-full h-28 bg-white rounded-lg overflow-hidden group-hover:opacity-75 sm:aspect-w-2 sm:aspect-h-1 sm:h-64 lg:aspect-w-1 lg:aspect-h-1 border border-gray-200">
<img
src="https://cdn.freshstore.cloud/offer/images/7098/983/white-solid-wood-baby-cot-bed-deluxe-foam-mattress-converts-into-a-junior-bed-3-position-water-repellent-mattress-liner-983.jpg?width=800"
srcset="https://cdn.freshstore.cloud/offer/images/7098/983/white-solid-wood-baby-cot-bed-deluxe-foam-mattress-converts-into-a-junior-bed-3-position-water-repellent-mattress-liner-983.jpg?width=300 300w, https://cdn.freshstore.cloud/offer/images/7098/983/white-solid-wood-baby-cot-bed-deluxe-foam-mattress-converts-into-a-junior-bed-3-position-water-repellent-mattress-liner-983.jpg?width=800 800w, https://cdn.freshstore.cloud/offer/images/7098/983/white-solid-wood-baby-cot-bed-deluxe-foam-mattress-converts-into-a-junior-bed-3-position-water-repellent-mattress-liner-983.jpg?width=1200 1200w" sizes="(min-width: 1024px) 33vw, 100vw" alt="Cot Beds By Colour"
loading="lazy"
decoding="async"
class="p-2 sm:p-4 w-full h-full object-center object-contain"
/>
</div>
<h3 class="mt-3 sm:mt-6 text-sm leading-snug sm:text-lg font-title text-skin-title">
<a href="/categories/cot-beds-by-colour">
<span class="absolute inset-0"></span>
Cot Beds By Colour
</a>
</h3>
<p class="hidden sm:block text-sm sm:text-base text-skin-subtitle">Find the perfect cot bed in your favorite color to create a cozy nursery for your little one</p>
</div>
</div>
<div class="mt-8 px-4 sm:hidden">
<a href="/categories" target="_self" class="text-sm font-semibold text-skin-link hover:opacity-75">
View All <span aria-hidden="true"> →</span>
</a>
</div>
</div>
</div>
</section>
<div class="fs-sec mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<div class="relative overflow-hidden rounded-lg border-2 border-skin-accent bg-gray-50 shadow-lg">
<div class="absolute inset-0">
<img src="https://cdn.freshstore.cloud/template/images/7098/2676/white-wooden-baby-crib-in-nursery-room-2023-11-27-04-56-39-utc-jpg.jpg"
alt="US Dollar bills scattered on the floor"
title="Take advantage of our special offers and discounts" class="size-full object-cover">
</div>
<div class="relative bg-white/85 px-6 py-32 sm:px-6 sm:py-40 lg:px-12">
<div class="relative mx-auto flex flex-col items-center text-center">
<h2 id="sale-heading" class="text-4xl font-title font-bold text-skin-title sm:text-5xl lg:text-6xl">
Save With Our Special Offers
</h2>
<p class="mx-auto mt-4 max-w-xl text-xl text-skin-base">Check out our best offers and discounts on top-quality items. Our offers change regularly, so make sure you don't miss out!</p>
<a href="/special-offers" target="_self" class="mt-6 inline-block w-full bg-skin-button-accent border border-transparent rounded-md py-3 px-8 font-medium text-skin-button-accent hover:bg-opacity-75 sm:w-auto">
View Special Offers
</a>
</div>
</div>
</div>
</div>
<section aria-labelledby="testimonial-heading" class="fs-sec relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<div class="mx-auto max-w-2xl lg:max-w-none">
<h3 id="testimonial-heading"
class="text-2xl font-subtitle text-skin-subtitle">Some words from our happy customers</h3>
<div class="mt-12 space-y-16 lg:space-y-0 lg:grid lg:grid-cols-3 lg:gap-x-8">
<blockquote class="sm:flex lg:block">
<svg class="shrink-0 text-skin-light h-10 w-10 scale-x-[-1]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"/></svg> <div class="mt-8 sm:mt-0 sm:ml-6 lg:mt-10 lg:ml-0">
<p class="text-lg text-skin-subtitle">
The price was a steal, and the super-fast delivery only added to my happiness. Can't help but rave about my experience!
</p>
<div class="mt-4 flex gap-1 text-yellow-400">
<svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
<cite class="mt-4 block font-semibold not-italic text-skin-light">
Don Altenwerth, Manchester, UK
</cite>
</div>
</blockquote>
<blockquote class="sm:flex lg:block">
<svg class="shrink-0 text-skin-light h-10 w-10 scale-x-[-1]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"/></svg> <div class="mt-8 sm:mt-0 sm:ml-6 lg:mt-10 lg:ml-0">
<p class="text-lg text-skin-subtitle">
My friend guided me to your store and I am utterly pleased. I appreciate your exemplary service.
</p>
<div class="mt-4 flex gap-1 text-yellow-400">
<svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
<cite class="mt-4 block font-semibold not-italic text-skin-light">
Parker Hamill, Birmingham, UK
</cite>
</div>
</blockquote>
<blockquote class="sm:flex lg:block">
<svg class="shrink-0 text-skin-light h-10 w-10 scale-x-[-1]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"/></svg> <div class="mt-8 sm:mt-0 sm:ml-6 lg:mt-10 lg:ml-0">
<p class="text-lg text-skin-subtitle">
The remarkably cheap prices made me unsure at first, but everything transpired without a hitch. I saved more than I could at any other store!
</p>
<div class="mt-4 flex gap-1 text-yellow-400">
<svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg> </div>
<cite class="mt-4 block font-semibold not-italic text-skin-light">
Dillan Feeney, London, UK
</cite>
</div>
</blockquote>
</div>
</div>
</section>
</div>
</main>
<footer aria-labelledby="footer-heading" class="">
<h2 id="footer-heading" class="sr-only">Footer</h2>
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="border-t border-gray-200">
<div class="pt-16 pb-20">
<div class="flex justify-center">
<img src="https://cdn.freshstore.cloud/template/images/7098/2669/c/cots-4-tots-logo-colour-300x100-png-logo.png" alt="The store logo" title="Store Logo" class="max-h-8 max-w-48 w-auto">
</div>
<div class="mt-6 space-x-4 flex justify-center">
</div>
<div class="mt-16 max-w-6xl mx-auto flex flex-wrap gap-x-6 md:gap-x-12 lg:gap-x-24 md:px-12">
<div class="flex-1 min-w-[40%] md:min-w-0 mb-24 md:mb-6">
<h3 class="text-sm font-subtitle font-bold text-skin-subtitle">
Categories
</h3>
<ul role="list" class="mt-6 space-y-6">
<li class="text-sm">
<a href="/categories/cot-beds-for-babies-and-infants" class="text-skin-base hover:opacity-75">
Baby and Infant Cot Beds
</a>
</li>
<li class="text-sm">
<a href="/categories/cot-beds-by-colour" class="text-skin-base hover:opacity-75">
Cot Beds By Colour
</a>
</li>
<li class="text-sm">
<a href="/categories/cot-bed-accessories" class="text-skin-base hover:opacity-75">
Cot Bed Accessories
</a>
</li>
<li class="text-sm">
<a href="/categories" class="text-skin-base hover:opacity-75">
Categories
</a>
</li>
</ul>
</div>
<div class="flex-1 min-w-[40%] md:min-w-0 mb-24 md:mb-6">
<h3 class="text-sm font-subtitle font-bold text-skin-subtitle">
Brands
</h3>
<ul role="list" class="mt-6 space-y-6">
<li class="text-sm">
<a href="/brands/moby-system" class="text-skin-base hover:opacity-75">
Moby-System
</a>
</li>
<li class="text-sm">
<a href="/brands/deryan" class="text-skin-base hover:opacity-75">
Deryan
</a>
</li>
<li class="text-sm">
<a href="/brands/dooky" class="text-skin-base hover:opacity-75">
Dooky
</a>
</li>
<li class="text-sm">
<a href="/brands/snoozeshade" class="text-skin-base hover:opacity-75">
Snoozeshade
</a>
</li>
<li class="text-sm">
<a href="/brands/lionelo" class="text-skin-base hover:opacity-75">
Lionelo
</a>
</li>
<li class="text-sm">
<a href="/brands/ebebek-baby-plus" class="text-skin-base hover:opacity-75">
Ebebek Baby Plus
</a>
</li>
<li class="text-sm">
<a href="/brands" class="text-skin-base hover:opacity-75">
Brands
</a>
</li>
</ul>
</div>
<div class="flex-1 min-w-[40%] md:min-w-0 mb-24 md:mb-6">
<h3 class="text-sm font-subtitle font-bold text-skin-subtitle">
Articles
</h3>
<ul role="list" class="mt-6 space-y-6">
</ul>
</div>
<div class="flex-1 min-w-[40%] md:min-w-0 mb-24 md:mb-6">
<h3 class="text-sm font-subtitle font-bold text-skin-subtitle">
Pages
</h3>
<ul role="list" class="mt-6 space-y-6">
<li class="text-sm">
<a href="/about" class="text-skin-base hover:opacity-75">
About
</a>
</li>
<li class="text-sm">
<a href="/contact-page" class="text-skin-base hover:opacity-75">
Contact Page
</a>
</li>
<li class="text-sm">
<a href="/cookie-policy" class="text-skin-base hover:opacity-75">
Cookie Policy
</a>
</li>
<li class="text-sm">
<a href="/our-newsletter" class="text-skin-base hover:opacity-75">
Our Newsletter
</a>
</li>
<li class="text-sm">
<a href="/privacy-policy" class="text-skin-base hover:opacity-75">
Privacy Policy
</a>
</li>
<li class="text-sm">
<a href="/site-map" class="text-skin-base hover:opacity-75">
Site Map
</a>
</li>
<li class="text-sm">
<a href="/terms-of-use" class="text-skin-base hover:opacity-75">
Terms of Use
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="lg:grid lg:grid-cols-2 lg:gap-x-6 xl:gap-x-8">
<div class="bg-skin-light rounded-lg p-6 flex items-center sm:p-10 ">
<div class="max-w-sm mx-auto">
<h3 class="font-subtitle font-bold text-skin-subtitle">Sign up for our newsletter</h3>
<p class="mt-2 text-sm text-skin-base">The latest offers, articles, and news, sent to your inbox weekly.</p>
<form class="mt-4 sm:mt-6 sm:flex" action="https://www.cots4tots.co.uk/our-newsletter" method="POST">
<input type="hidden" name="_token" value="MRdAxb9CEOqVcwaMaRgfetav35nomNii3x3CUWHo" autocomplete="off"> <div id="message_field_yWMrYvKyCaPbMRko_wrap" style="display: none" aria-hidden="true">
<input id="message_field_yWMrYvKyCaPbMRko"
name="message_field_yWMrYvKyCaPbMRko"
type="text"
value=""
autocomplete="nope"
tabindex="-1">
<input name="opal_three_ingrain"
type="text"
value="eyJpdiI6IjU0UHNaRUVxaFNZYnl3YlBtaHIvQ3c9PSIsInZhbHVlIjoidXRDOGI4QkhVTlh5emVqQmZtVHJydz09IiwibWFjIjoiYjFlNjcxOWI3Y2RmNjRjMDk3YTliNmUyZTIzMjFjMTE5MDU2ZDZjMzY4NDg2YzQwMzhkNDc0ZWJmYmNmYWYyMyIsInRhZyI6IiJ9"
autocomplete="off"
tabindex="-1">
</div>
<label for="email-address" class="sr-only">Email address</label>
<input id="email-address" type="email" name="email" autocomplete="email" required class="appearance-none min-w-0 w-full bg-white border border-gray-300 rounded-md shadow-sm py-2 px-4 text-base text-skin-title placeholder-gray-500 focus:outline-none focus:border-skin-accent focus:ring-1 focus:ring-skin-accent">
<div class="mt-3 sm:shrink-0 sm:mt-0 sm:ml-4">
<button type="submit" class="w-full bg-skin-button-accent border border-transparent rounded-md shadow-sm py-2 px-4 flex items-center justify-center text-base font-medium text-white hover:bg-opacity-75 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-skin-accent">
Sign up
</button>
</div>
</form>
</div>
</div>
<div class="mt-6 relative py-12 px-6 flex items-center sm:py-16 sm:px-10 lg:mt-0 ">
<div class="absolute inset-0 rounded-lg overflow-hidden">
<a href="/contact-page" target="_self" >
<img src="https://cdn.freshstore.cloud/template/images/7098/2672/two-little-boys-resting-and-have-fun-indoors-in-th-2023-11-27-05-09-21-utc-min-jpg.jpg?width=800" alt="An image representing our contact page" title="Contact us with your questions or feedback" class="w-full h-full filter saturate-0 object-center object-cover">
<div class="absolute inset-0 bg-skin-dark bg-opacity-70"></div>
</a>
</div>
<div class="relative max-w-sm mx-auto text-center">
<a href="/contact-page" target="_self" >
<h3 class="text-2xl font-subtitle font-bold text-white">Get in Touch</h3>
<p class="mt-2 text-white">
Do you have a question, want to give some feedback, or simply want to chat? Click here to find out how to contact us.
</p>
</a>
</div>
</div>
</div>
</div>
<div class="my-20 items-center px-6 md:px-20">
<p class="text-sm text-skin-base text-center">Affiliate disclosure: When you click links to various merchants on this site and make a purchase, this can result in this site earning a commission. Affiliate programs and affiliations include, but are not limited to, the eBay Partner Network and Amazon. As an Amazon Associate, we may earn commissions from qualifying purchases from Amazon.</p>
</div>
<div class="my-20 pb-10 md:flex md:items-center md:justify-between">
<div class="text-center md:text-left">
<p class="text-sm text-skin-base">© 2026 All Rights Reserved.
This <a href="https://www.freshstore.com/r/user/5822959" class="text-skin-link hover:opacity-75" target="_blank">AI Store</a> was built using FreshStore.
</p>
</div>
<div class="mt-4 flex items-center justify-center md:mt-0">
<div class="flex space-x-8">
<a href="/contact-page" class="text-sm text-skin-link hover:opacity-75">
Contact Page
</a>
<a href="/privacy-policy" class="text-sm text-skin-link hover:opacity-75">
Privacy Policy
</a>
<a href="/terms-of-use" class="text-sm text-skin-link hover:opacity-75">
Terms of Use
</a>
</div>
</div>
</div>
</div>
</footer>
</div>
<div wire:snapshot="{"data":{"renderedAt":1792645824,"path":"\/","active":true},"memo":{"id":"kqEBj8MIqgoHpZL88WBC","name":"price-refresh","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":["270437170-0"],"assets":[],"errors":[],"locale":"en","fs_release":"7abf084bbb1d"},"checksum":"8eb27274c3ef0682e21b8280b8fef6832478099de106ce2ee23be17228b27d67"}" wire:effects="{"scripts":{"270437170-0":" <script>\n const fsRefreshPrices = () => {\n const age = Math.floor(Date.now() \/ 1000) - 1792645824;\n if (age < 3600) {\n return;\n }\n\n const els = Array.from(document.querySelectorAll('[data-fs-price]'));\n if (!els.length) {\n return;\n }\n\n const items = els.map((el) => ({\n id: parseInt(el.dataset.fsPrice, 10),\n type: ['full', 'saving'].includes(el.dataset.fsPriceType) ? el.dataset.fsPriceType : 'actual',\n text: el.textContent.trim(),\n }));\n\n els.forEach((el) => {\n if (el.textContent.trim() !== '') {\n \/\/ A block level price would shimmer across its whole row.\n \/\/ Shrink the shimmer to the figure, on the side it sits.\n const css = getComputedStyle(el);\n if (css.display === 'block') {\n el.style.width = 'fit-content';\n if (css.textAlign === 'right' || css.textAlign === 'end') {\n el.style.marginLeft = 'auto';\n } else if (css.textAlign === 'center') {\n el.style.marginLeft = 'auto';\n el.style.marginRight = 'auto';\n }\n }\n el.classList.add('fs-price-loading');\n }\n el.setAttribute('aria-busy', 'true');\n });\n\n $wire.refreshPrices(items).then((map) => {\n if (!map) {\n return;\n }\n els.forEach((el) => {\n const row = map[el.dataset.fsPrice];\n if (!row) {\n return;\n }\n const type = ['full', 'saving'].includes(el.dataset.fsPriceType) ? el.dataset.fsPriceType : 'actual';\n const value = row[type];\n const old = el.textContent.trim();\n if (value) {\n if (old !== value) {\n \/\/ Keep the suffix in its own span, as the server\n \/\/ draws it (product-price, fs-price-note), and a\n \/\/ custom offer's price note (\"from\", \"per night\")\n \/\/ on the side it was drawn (data-fs-note).\n const quiet = (text, side) => {\n const span = document.createElement('span');\n span.className = 'fs-price-note';\n if (side) {\n span.dataset.fsNote = side;\n }\n span.textContent = text;\n return span;\n };\n let figure = value;\n const nodes = [];\n const parts = type === 'actual' ? figure.match(\/^(.*\\S)\\s+(\\([^()]+\\))$\/) : null;\n if (parts) {\n figure = parts[1];\n }\n const before = el.querySelector('[data-fs-note=\"before\"]')?.textContent || '';\n const after = el.querySelector('[data-fs-note=\"after\"]')?.textContent || '';\n if (before && figure.startsWith(before + ' ')) {\n nodes.push(quiet(before, 'before'), document.createTextNode(' '));\n figure = figure.slice(before.length + 1);\n }\n const tail = after && figure.endsWith(' ' + after);\n if (tail) {\n figure = figure.slice(0, figure.length - after.length - 1);\n }\n nodes.push(document.createTextNode(figure));\n if (tail) {\n nodes.push(document.createTextNode(' '), quiet(after, 'after'));\n }\n if (parts) {\n nodes.push(document.createTextNode(' '), quiet(parts[2]));\n }\n el.replaceChildren(...nodes);\n }\n el.classList.remove('hidden');\n } else if (type !== 'actual' || \/\\d\/.test(old)) {\n \/\/ The figure it showed is gone. Say nothing rather\n \/\/ than keep a price the retailer no longer has.\n el.textContent = '';\n el.classList.add('hidden');\n }\n });\n }).finally(() => {\n \/\/ The whole page, not only els: refreshPrices rides in the same\n \/\/ Livewire round trip as visitorCountryChanged, and a parent\n \/\/ that redraws in it (Bounty's lead drop) morphs in NEW price\n \/\/ elements that still carry the loading class, while els are\n \/\/ now detached. They shimmered forever with no price\n \/\/ (xbox-elite, \"Next drops\", store pass 4 Oct 2026). Once the\n \/\/ call has settled no price on the page is still waiting.\n new Set([...els, ...document.querySelectorAll('.fs-price-loading, [data-fs-price][aria-busy]')]).forEach((el) => {\n el.classList.remove('fs-price-loading');\n el.style.width = '';\n el.style.marginLeft = '';\n el.style.marginRight = '';\n el.removeAttribute('aria-busy');\n });\n \/\/ Rows that follow a live figure (Bounty's drops) re-read it.\n document.dispatchEvent(new CustomEvent('fs:prices'));\n });\n };\n\n \/\/ A prerendered page (shared\/instant-navigation) may never be seen.\n \/\/ Ask for prices only once the visitor has actually opened it.\n if (document.prerendering) {\n document.addEventListener('prerenderingchange', fsRefreshPrices, { once: true });\n } else {\n fsRefreshPrices();\n }\n <\/script>\n "}}" wire:id="kqEBj8MIqgoHpZL88WBC" hidden data-fs-price-refresh data-fs-rendered-at="1792645824">
<!--[if BLOCK]><![endif]--> <style>
.fs-price-loading{color:transparent!important;border-radius:2px;background:linear-gradient(90deg,rgba(var(--color-light,100,116,139),.10) 25%,rgba(var(--color-light,100,116,139),.30) 50%,rgba(var(--color-light,100,116,139),.10) 75%);background-size:200% 100%;animation:fs-price-shimmer 1.1s linear infinite}
.fs-price-loading *{color:transparent!important}
.bo-square .fs-price-loading{border-radius:0}
@keyframes fs-price-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media (prefers-reduced-motion: reduce){.fs-price-loading{animation:none}}
</style>
<!--[if ENDBLOCK]><![endif]--></div>
<script src="/livewire/e5e7ff8c/livewire.min.js?id=e5e7ff8c" data-csrf="MRdAxb9CEOqVcwaMaRgfetav35nomNii3x3CUWHo" data-update-uri="/livewire/update" data-navigate-once="true"></script>
<div wire:snapshot="{"data":{"analyticsSiteUrl":"analytics.freshstore.cloud","analyticsSiteId":"6176","templateKey":"crystal","pageType":"home","countryPath":""},"memo":{"id":"PSYvWqPG43XruiQQgD3U","name":"get-analytics-code","path":"\/","method":"GET","release":"a-a-a","children":[],"scripts":["778755636-0"],"assets":[],"errors":[],"locale":"en","fs_release":"7abf084bbb1d"},"checksum":"641a464a7433486a351dce7e5c18d687cff0fc2a653a4299dcf3b2aae0174f97"}" wire:effects="{"scripts":{"778755636-0":" <script>\n\n \/\/ Country path this page is served under ('' for the root). The one\n \/\/ place the storefront JS learns it; every Affiliate Click event\n \/\/ sends it as `path`.\n window.fsCountryPath = '';\n\n let isAdmin = document.cookie.match('(^|;)\\\\s*' + 'fs_bt' + '\\\\s*=\\\\s*([^;]+)')?.pop() || '';\n\n if (isAdmin !== '1') {\n var _paq = window._paq = window._paq || [];\n\n const fsStartTracking = function () {\n \/* tracker methods like \"setCustomDimension\" should be called before \"trackPageView\" *\/\n _paq.push(['trackPageView']);\n _paq.push(['enableLinkTracking']);\n _paq.push(['enableHeartBeatTimer']);\n var u = \"\/\/analytics.freshstore.cloud\/\";\n _paq.push(['setTrackerUrl', u + 'matomo.php']);\n _paq.push(['setSiteId', '6176']);\n var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];\n g.async = true;\n g.src = u + 'matomo.js';\n s.parentNode.insertBefore(g, s);\n };\n\n \/\/ A prerendered page (shared\/instant-navigation) is not a visit\n \/\/ until the visitor clicks through to it, and may never be. Matomo's\n \/\/ own check only knows the retired visibilityState 'prerender'.\n if (document.prerendering) {\n document.addEventListener('prerenderingchange', fsStartTracking, { once: true });\n } else {\n fsStartTracking();\n }\n\n document.addEventListener('click', function (e) {\n const link = e.target.closest('a.fs-al');\n if (!link) return;\n\n const productId = link.dataset.productId;\n const offerId = link.dataset.offerId;\n const price = link.dataset.price;\n\n \/\/ placement: which kind of link on the page (offer_row,\n \/\/ ebay_related...), from the link itself or its container.\n const placement = link.dataset.placement\n || link.closest('[data-fs-placement]')?.dataset.fsPlacement\n || '';\n\n if (productId || offerId) {\n let url = link.dataset.url || link.href;\n\n \/\/ A link to our own redirect (out\/product, out\/offer...)\n \/\/ picks the retailer per click, after this page was\n \/\/ cached. A fresh id on the redirect URL and in the event\n \/\/ lets the redirect record where it sent this click and\n \/\/ the import name that retailer on the click row\n \/\/ (App\\Support\\ClickMerchant). Set before the browser\n \/\/ follows the href, which it reads after this handler.\n let cid = '';\n try {\n const out = new URL(link.href, window.location.href);\n if (out.origin === window.location.origin && \/^(\\\/[a-z]{2})?\\\/out\\\/\/.test(out.pathname)) {\n \/\/ A second click on the same link carries the\n \/\/ first click's id; the event never does.\n out.searchParams.delete('fs_cid');\n if (!link.dataset.url) url = out.toString();\n cid = (window.crypto && crypto.randomUUID) ? crypto.randomUUID() : (Date.now().toString(36) + Math.random().toString(36).slice(2, 12));\n out.searchParams.set('fs_cid', cid);\n link.setAttribute('href', out.toString());\n }\n } catch (x) {}\n\n window._paq.push(['trackEvent', 'Affiliate', 'Click', JSON.stringify({\n product_id: productId,\n offer_id: offerId,\n price: price,\n \/\/ An offer row links to our own redirect (out\/offer);\n \/\/ data-url keeps the retailer as the click destination.\n url: url,\n cid: cid,\n placement: placement,\n path: window.fsCountryPath || '',\n template: 'crystal',\n page_type: 'home' }), 1]);\n }\n });\n }\n\n\n <\/script>\n "}}" wire:id="PSYvWqPG43XruiQQgD3U">
</div>
</body>
</html>
Shown as plain text. Nothing from www.cots4tots.co.uk runs in your browser. Underlined links open their own code view, and line numbers give you a link to share.