< iframe>< div> < div> De Uniarch NVR104S3 P4 is een Netwerk Video Recorder met een opname resolutie tot maximaal 6 megapixel en ondersteunt tot 4"> <link href="https://pretereo.com/?k=97544978032" rel="canonical"> <meta property="og:site_name" content="pretereo.com"> <meta property="og:url" content="https://pretereo.com/?k=97544978032"> <meta property="og:title" content="Uniarch NVR104S3-P4 4-kanaals Netwerk Video Recorder tot 6 megapixel met PoE, 1x HDD, Full HD HDMI en VGA uitgang installation Het UMA slot werkt met"> <meta property="og:type" content="product"> <meta property="og:description" content="Uniarch NVR104S3-P4 4-kanaals Netwerk Video Recorder tot 6 megapixel met PoE, 1x HDD, Full HD HDMI en VGA uitgang installation Het UMA slot werkt met<div class=""video frame box"" style=""width: 100%; max width: 480px; max height: 270px; float: right; padding: 0px 10px 10px 10px;""> <div class=""video frame""><iframe src="" www. youtube. com embed oR_O0mi4pC4? rel=0&modestbranding=1&showinfo=0&autohide=1"" width=""480"" height=""270"" frameborder=""0"">< iframe>< div> < div> De Uniarch NVR104S3 P4 is een Netwerk Video Recorder met een opname resolutie tot maximaal 6 megapixel en ondersteunt tot 4"> <meta property="og:image" content="https://cdn.shopify.com/s/files/1/0948/1122/6376/files/Uniarch_NVR_zonder_PoE.png?v=1748373627"> <meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0948/1122/6376/files/Uniarch_NVR_zonder_PoE.png?v=1748373627"> <meta property="og:image:width" content="1024"> <meta property="og:image:height" content="1024"> <meta property="og:price:amount" content="115.00"> <meta property="og:price:currency" content="USD"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Uniarch NVR104S3-P4 4-kanaals Netwerk Video Recorder tot 6 megapixel met PoE, 1x HDD, Full HD HDMI en VGA uitgang installation Het UMA slot werkt met"> <meta name="twitter:description" content="Uniarch NVR104S3-P4 4-kanaals Netwerk Video Recorder tot 6 megapixel met PoE, 1x HDD, Full HD HDMI en VGA uitgang installation Het UMA slot werkt met<div class=""video frame box"" style=""width: 100%; max width: 480px; max height: 270px; float: right; padding: 0px 10px 10px 10px;""> <div class=""video frame""><iframe src="" www. youtube. com embed oR_O0mi4pC4? rel=0&modestbranding=1&showinfo=0&autohide=1"" width=""480"" height=""270"" frameborder=""0"">< iframe>< div> < div> De Uniarch NVR104S3 P4 is een Netwerk Video Recorder met een opname resolutie tot maximaal 6 megapixel en ondersteunt tot 4"> <meta name="twitter:image" content="https://cdn.shopify.com/s/files/1/0948/1122/6376/files/Uniarch_NVR_zonder_PoE.png?v=1748373627"> <script type="application/ld+json">{"@context":"https://schema.org","@type":"Product","additionalProperty":[{"@type":"PropertyValue","name":"Color","value":["Ivory","Silver","White"]}],"aggregateRating":{"@type":"AggregateRating","bestRating":5,"ratingValue":4.5877,"reviewCount":9},"brand":{"@type":"brand","name":"pretereo.com"},"description":"Uniarch NVR104S3-P4 4-kanaals Netwerk Video Recorder tot 6 megapixel met PoE, 1x HDD, Full HD HDMI en VGA uitgang installation Het UMA slot werkt met\u003cdiv class=\"\"video frame box\"\" style=\"\"width: 100%; max width: 480px; max height: 270px; float: right; padding: 0px 10px 10px 10px;\"\"\u003e \u003cdiv class=\"\"video frame\"\"\u003e\u003ciframe src=\"\" www. youtube. com embed oR_O0mi4pC4? rel=0\u0026modestbranding=1\u0026showinfo=0\u0026autohide=1\"\" width=\"\"480\"\" height=\"\"270\"\" frameborder=\"\"0\"\"\u003e\u003c iframe\u003e\u003c div\u003e \u003c div\u003e De Uniarch NVR104S3 P4 is een Netwerk Video Recorder met een opname resolutie tot maximaal 6 megapixel en ondersteunt tot 4","image":["https://cdn.shopify.com/s/files/1/0948/1122/6376/files/Uniarch_NVR_zonder_PoE.png?v=1748373627"],"name":"Uniarch NVR104S3-P4 4-kanaals Netwerk Video Recorder tot 6 megapixel met PoE, 1x HDD, Full HD HDMI en VGA uitgang installation Het UMA slot werkt met","offers":[{"@type":"Offer","acceptedPaymentMethod":["http://purl.org/goodrelations/v1#PayPal","http://purl.org/goodrelations/v1#MasterCard"],"availability":"https://schema.org/InStock","availableDeliveryMethod":["http://purl.org/goodrelations/v1#DeliveryModeFreight"],"category":"uniarch-nvr104s3-p4-4-kanaals-netwerk-video-recorder-tot","price":"115.00","priceCurrency":"USD","sku":"97544978032","url":"https://pretereo.com/?k=97544978032"}],"productID":"97544978032","review":{"@type":"Review","author":{"@type":"Organization","name":"pretereo.com"},"reviewRating":{"@type":"Rating","bestRating":"5","ratingValue":"4.6"}},"sku":"97544978032"}</script> <script type="application/ld+json"></script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "pretereo.com", "url": "https://pretereo.com/", "logo": "https://cdn.shopify.com/s/files/1/0948/1122/6376/files/Uniarch_NVR_zonder_PoE.png?v=1748373627", "email": "contactus@pretereo.com", "contactPoint": { "@type": "ContactPoint", "telephone": "+1-323-325-2832", "contactType": "customer service", "email": "contactus@pretereo.com" } } </script> <title>Uniarch NVR104S3-P4 4-kanaals Netwerk Video Recorder tot 6 megapixel met PoE, 1x HDD, Full HD HDMI en VGA uitgang installation Het UMA slot werkt met – pretereo.com</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Source+Sans+3:ital,wght@0,400;0,600;0,700;1,400&display=swap" rel="stylesheet"> <style> :root { --hc-linen: #F3EDE3; --hc-linen-dark: #E5D9C8; --hc-forest: #2F4F3E; --hc-forest-light: #3D6B52; --hc-brown: #5C3D2E; --hc-brown-mid: #8B5E3C; --hc-ink: #2A2118; --hc-muted: #7A6B5D; --hc-cream: #FFFBF5; --hc-stitch: #C4A882; --hc-radius: 2px; --hc-font-body: 'Source Sans 3', 'Segoe UI', sans-serif; --hc-font-heading: 'Libre Baskerville', Georgia, 'Times New Roman', serif; --hc-max: 1100px; --hc-header-h: 68px; } *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; font-family: var(--hc-font-body); font-size: 16px; line-height: 1.65; color: var(--hc-ink); background: radial-gradient(ellipse at 20% 0%, rgba(196, 168, 130, 0.18) 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, rgba(47, 79, 62, 0.06) 0%, transparent 45%), var(--hc-linen); overflow-x: hidden; } body.drawer-open { overflow: hidden; } img { max-width: 100%; height: auto; display: block; } a { color: var(--hc-forest); text-decoration: none; } a:hover { color: var(--hc-brown); } h1, h2, h3, h4 { font-family: var(--hc-font-heading); font-weight: 700; line-height: 1.25; margin: 0 0 0.5em; color: var(--hc-ink); } .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } /* Announcement */ .hc-announce { background: var(--hc-forest); color: var(--hc-cream); text-align: center; padding: 10px 16px; font-size: 13px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; } .hc-announce a { color: var(--hc-cream); text-decoration: underline; text-underline-offset: 3px; } /* Header */ .hc-header { background: var(--hc-cream); border-bottom: 1px solid var(--hc-linen-dark); position: sticky; top: 0; z-index: 100; } .hc-header__inner { max-width: var(--hc-max); margin: 0 auto; padding: 0 20px; height: var(--hc-header-h); display: flex; align-items: center; gap: 16px; } .hc-logo { font-family: var(--hc-font-heading); font-size: 1.35rem; font-weight: 700; color: var(--hc-forest); white-space: nowrap; flex-shrink: 0; letter-spacing: -0.01em; } .hc-logo:hover { color: var(--hc-brown); } .hc-main-nav { display: none; list-style: none; margin: 0; padding: 0; gap: 2px; flex: 1; justify-content: center; } .hc-main-nav a { display: block; padding: 8px 12px; font-size: 14px; font-weight: 600; color: var(--hc-ink); border-bottom: 2px solid transparent; transition: color 0.2s, border-color 0.2s; } .hc-main-nav a:hover { color: var(--hc-forest); border-bottom-color: var(--hc-stitch); } .hc-header__actions { display: flex; align-items: center; gap: 6px; margin-left: auto; } .hc-header__search { display: none; position: relative; } .hc-header__search input { width: 170px; padding: 8px 36px 8px 12px; border: 1px solid var(--hc-linen-dark); border-radius: var(--hc-radius); font-family: inherit; font-size: 14px; background: var(--hc-linen); color: var(--hc-ink); } .hc-header__search button { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; padding: 6px; color: var(--hc-muted); } .hc-icon-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 8px; border: none; background: none; cursor: pointer; color: var(--hc-ink); border-radius: var(--hc-radius); text-decoration: none; font-size: 14px; font-weight: 600; } .hc-icon-btn:hover { background: var(--hc-linen); color: var(--hc-forest); } .hc-icon-btn svg { width: 22px; height: 22px; } .hc-menu-toggle { display: flex; } .hc-desktop-only { display: none; } /* Drawer */ #drawer-overlay { position: fixed; inset: 0; background: rgba(42, 33, 24, 0.5); z-index: 200; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; } #drawer-overlay.is-visible { opacity: 1; visibility: visible; } #mobile-drawer { position: fixed; top: 0; left: 0; width: min(340px, 90vw); height: 100dvh; background: var(--hc-cream); z-index: 201; transform: translateX(-100%); transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column; overflow: hidden; box-shadow: 4px 0 28px rgba(42, 33, 24, 0.18); border-right: 3px double var(--hc-stitch); } #mobile-drawer.is-open { transform: translateX(0); } .hc-drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--hc-linen-dark); flex-shrink: 0; background: var(--hc-linen); } .hc-drawer__title { font-family: var(--hc-font-heading); font-size: 1.15rem; color: var(--hc-forest); } .hc-drawer__close { min-width: 44px; min-height: 44px; display: flex; align-items: center; justify-content: center; background: none; border: none; cursor: pointer; color: var(--hc-ink); border-radius: var(--hc-radius); } .hc-drawer__close:hover { background: var(--hc-linen-dark); } .hc-drawer__body { flex: 1; overflow-y: auto; padding: 16px 20px 32px; } .hc-drawer__search { margin-bottom: 20px; } .hc-drawer__search form { display: flex; gap: 8px; } .hc-drawer__search input { flex: 1; padding: 12px 16px; border: 1px solid var(--hc-linen-dark); border-radius: var(--hc-radius); font-family: inherit; font-size: 16px; background: var(--hc-linen); } .hc-drawer__search button { min-width: 44px; min-height: 44px; background: var(--hc-forest); color: var(--hc-cream); border: none; border-radius: var(--hc-radius); cursor: pointer; } .hc-drawer__nav { list-style: none; margin: 0 0 24px; padding: 0; } .hc-drawer__nav li { border-bottom: 1px dashed var(--hc-stitch); } .hc-drawer__nav a { display: block; padding: 14px 0; font-size: 16px; font-weight: 600; color: var(--hc-ink); min-height: 44px; line-height: 1.4; } .hc-drawer__nav a:hover { color: var(--hc-forest); } .hc-drawer__account { display: flex; flex-direction: column; gap: 8px; padding-top: 16px; border-top: 2px solid var(--hc-linen-dark); } .hc-drawer__account a { display: block; padding: 12px 0; font-weight: 600; color: var(--hc-forest); min-height: 44px; } /* Main — centered magazine column */ .hc-main { max-width: var(--hc-max); margin: 0 auto; padding: 28px 20px 72px; } .hc-breadcrumb { font-size: 13px; color: var(--hc-muted); margin-bottom: 20px; text-align: center; } .hc-breadcrumb a { color: var(--hc-muted); } .hc-breadcrumb a:hover { color: var(--hc-forest); } .hc-breadcrumb span { margin: 0 8px; } .hc-gallery-band { background: var(--hc-cream); border: 1px solid var(--hc-linen-dark); border-radius: var(--hc-radius); padding: 20px; margin-bottom: 36px; box-shadow: 0 2px 0 var(--hc-stitch); max-width: 100%; } .hc-gallery-band > * { max-width: 100%; } .hc-product-info { max-width: 640px; margin: 0 auto 48px; display: flex; flex-direction: column; gap: 14px; text-align: center; } .hc-product__badge { display: inline-block; align-self: center; font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--hc-forest); border: 1px solid var(--hc-forest); padding: 5px 14px; border-radius: var(--hc-radius); } .hc-product__title { font-size: clamp(1.6rem, 4vw, 2.35rem); color: var(--hc-brown); } .hc-product__meta { font-size: 14px; color: var(--hc-muted); margin: 0; } .hc-product__rating { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; color: var(--hc-forest); font-weight: 600; } .hc-product__price-row { display: flex; align-items: baseline; justify-content: center; gap: 12px; flex-wrap: wrap; } .hc-product__price { font-family: var(--hc-font-heading); font-size: 1.85rem; font-weight: 700; color: var(--hc-forest); } .hc-product__old-price { font-size: 1.1rem; color: var(--hc-muted); text-decoration: line-through; } .hc-product__installment { font-size: 14px; color: var(--hc-muted); line-height: 1.5; margin: 0; } .hc-product__installment strong { color: var(--hc-brown); font-weight: 700; } .hc-product__installment a { margin-left: 4px; text-decoration: underline; font-weight: 600; } .hc-stitch-line { height: 0; border: none; border-top: 2px dashed var(--hc-stitch); margin: 8px 0 4px; width: 100%; } .hc-product-info .hc-shipping-slot, .hc-product-info .hc-size-slot { text-align: left; } .hc-add-form { margin-top: 4px; } .hc-add-form button[type="submit"] { width: 100%; padding: 16px 32px; background: var(--hc-forest); color: var(--hc-cream); border: 2px solid var(--hc-forest); border-radius: var(--hc-radius); font-family: var(--hc-font-heading); font-size: 15px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; cursor: pointer; transition: background 0.2s, color 0.2s; min-height: 52px; } .hc-add-form button[type="submit"]:hover { background: var(--hc-brown); border-color: var(--hc-brown); } .hc-info-sections { background: var(--hc-cream); border: 1px solid var(--hc-linen-dark); border-radius: var(--hc-radius); padding: 12px 24px 28px; margin-bottom: 48px; box-shadow: inset 0 0 0 4px var(--hc-linen); } .hc-section-heading { font-size: 1.35rem; color: var(--hc-forest); margin: 36px 0 16px; padding-bottom: 10px; border-bottom: 2px solid var(--hc-linen-dark); text-align: center; } .hc-reviews-wrap { margin-bottom: 48px; } .hc-recommend { margin-bottom: 48px; } /* Footer */ .hc-footer { background: var(--hc-brown); color: rgba(255, 251, 245, 0.88); padding: 52px 20px 28px; border-top: 4px double var(--hc-stitch); } .hc-footer a { color: rgba(255, 251, 245, 0.92); } .hc-footer a:hover { color: var(--hc-stitch); } .hc-footer__grid { max-width: var(--hc-max); margin: 0 auto 40px; display: grid; gap: 32px; } .hc-footer__brand h3 { font-family: var(--hc-font-heading); font-size: 1.4rem; color: var(--hc-cream); margin-bottom: 12px; } .hc-footer__brand p { font-size: 14px; line-height: 1.7; margin: 0 0 16px; color: rgba(255, 251, 245, 0.72); } .hc-footer__social { display: flex; gap: 10px; flex-wrap: wrap; } .hc-footer__social a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--hc-radius); background: rgba(255, 251, 245, 0.1); border: 1px solid rgba(196, 168, 130, 0.35); transition: background 0.2s; } .hc-footer__social a:hover { background: var(--hc-forest); } .hc-footer__social svg { width: 20px; height: 20px; fill: currentColor; } .hc-footer h4 { font-family: var(--hc-font-body); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--hc-cream); margin-bottom: 16px; } .hc-footer__links { list-style: none; margin: 0; padding: 0; } .hc-footer__links li { margin-bottom: 8px; } .hc-footer__links a { font-size: 14px; } .hc-footer address { font-style: normal; font-size: 14px; line-height: 1.8; } .hc-footer__subscribe form { display: flex; gap: 8px; flex-wrap: wrap; } .hc-footer__subscribe input[type="email"] { flex: 1; min-width: 200px; padding: 12px 16px; border: 1px solid rgba(255, 251, 245, 0.25); border-radius: var(--hc-radius); background: rgba(255, 251, 245, 0.08); color: var(--hc-cream); font-family: inherit; font-size: 14px; } .hc-footer__subscribe input::placeholder { color: rgba(255, 251, 245, 0.5); } .hc-footer__subscribe button { padding: 12px 20px; background: var(--hc-forest); color: var(--hc-cream); border: none; border-radius: var(--hc-radius); font-family: inherit; font-weight: 700; cursor: pointer; min-height: 44px; } .hc-footer__payments { max-width: var(--hc-max); margin: 0 auto 24px; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; } .hc-footer__payments svg { height: 28px; width: auto; } .hc-footer__bottom { max-width: var(--hc-max); margin: 0 auto; padding-top: 24px; border-top: 1px solid rgba(255, 251, 245, 0.18); font-size: 13px; text-align: center; color: rgba(255, 251, 245, 0.55); } .hc-footer__bottom a { margin: 0 4px; } @media (min-width: 750px) { .hc-main-nav { display: flex; } .hc-header__search { display: block; } .hc-menu-toggle { display: none; } .hc-desktop-only { display: inline-flex; } .hc-gallery-band { padding: 28px 40px; } .hc-add-form button[type="submit"] { width: auto; min-width: 300px; align-self: center; } .hc-add-form { display: flex; justify-content: center; } .hc-footer__grid { grid-template-columns: 1.35fr 1fr 1fr 1fr; } } @media (max-width: 749px) { .hc-header__inner { gap: 8px; } .hc-logo { font-size: 1.1rem; } .hc-product-info { text-align: left; } .hc-product__badge { align-self: flex-start; } .hc-product__rating, .hc-product__price-row { justify-content: flex-start; } .hc-section-heading { text-align: left; } .hc-breadcrumb { text-align: left; } .hc-add-form button[type="submit"] { width: 100%; } } </style> </head> <body> <div class="hc-announce"> <a href="https://pretereo.com/collections/all">Handmade quality · Free shipping over $75 · Explore the atelier</a> </div> <header class="hc-header"> <div class="hc-header__inner"> <button type="button" class="hc-icon-btn hc-menu-toggle" id="menu-toggle" aria-label="Open menu" aria-expanded="false" aria-controls="mobile-drawer"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M4 6h16M4 12h16M4 18h16"/></svg> </button> <a class="hc-logo" href="https://pretereo.com/">pretereo.com</a> <nav aria-label="Primary"> <ul class="hc-main-nav"> <li><a href="https://pretereo.com/">Home</a></li> <li><a href="https://pretereo.com/collections/all">Shop All</a></li> <li><a href="https://pretereo.com/collections/"></a></li> <li><a href="https://pretereo.com/collections/new-arrivals">New Arrivals</a></li> <li><a href="https://pretereo.com/collections/sale">Sale</a></li> </ul> </nav> <div class="hc-header__actions"> <div class="hc-header__search"> <form action="https://pretereo.com/search" method="get" role="search"> <input type="search" name="q" placeholder="Search..." aria-label="Search"> <button type="submit" aria-label="Submit search"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="18" height="18"><circle cx="11" cy="11" r="7"/><path d="M20 20l-4-4"/></svg> </button> </form> </div> <a class="hc-icon-btn hc-desktop-only" href="https://pretereo.com/account/login">Login</a> <a class="hc-icon-btn hc-desktop-only" href="https://pretereo.com/account/register">Register</a> <a class="hc-icon-btn" href="https://pretereo.com/cart" aria-label="Cart"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 6h15l-1.5 9h-12z"/><circle cx="9" cy="20" r="1"/><circle cx="18" cy="20" r="1"/><path d="M6 6L5 3H2"/></svg> </a> </div> </div> </header> <div id="drawer-overlay" aria-hidden="true"></div> <aside id="mobile-drawer" aria-hidden="true" aria-label="Mobile navigation"> <div class="hc-drawer__head"> <span class="hc-drawer__title">pretereo.com</span> <button type="button" class="hc-drawer__close" id="drawer-close" aria-label="Close menu"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="24" height="24"><path d="M6 6l12 12M18 6L6 18"/></svg> </button> </div> <div class="hc-drawer__body"> <div class="hc-drawer__search"> <form action="https://pretereo.com/search" method="get" role="search"> <input type="search" name="q" placeholder="Search products..." aria-label="Search"> <button type="submit" aria-label="Submit search"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="20" height="20"><circle cx="11" cy="11" r="7"/><path d="M20 20l-4-4"/></svg> </button> </form> </div> <ul class="hc-drawer__nav"> <li><a href="https://pretereo.com/">Home</a></li> <li><a href="https://pretereo.com/collections/all">Shop All</a></li> <li><a href="https://pretereo.com/collections/"></a></li> <li><a href="https://pretereo.com/collections/new-arrivals">New Arrivals</a></li> <li><a href="https://pretereo.com/collections/sale">Sale</a></li> </ul> <div class="hc-drawer__account"> <a href="https://pretereo.com/account/login">Login</a> <a href="https://pretereo.com/account/register">Register</a> <a href="https://pretereo.com/cart">Cart</a> </div> </div> </aside> <main class="hc-main"> <nav class="hc-breadcrumb" aria-label="Breadcrumb"> <a href="https://pretereo.com/">Home</a><span>/</span> <a href="https://pretereo.com/collections/"></a><span>/</span> <span aria-current="page">Uniarch NVR104S3-P4 4-kanaals Netwerk Video Recorder tot 6 megapixel met PoE, 1x HDD, Full HD HDMI en VGA uitgang installation Het UMA slot werkt met</span> </nav> <article> <div class="hc-gallery-band"> <!-- EP (v3.3+ SingleMainImageMode): minimal_four / product_gallery ；Uniarch NVR104S3-P4 4-kanaals Netwerk Video Recorder tot 6 megapixel met PoE, 1x HDD, Full HD HDMI en VGA uitgang installation Het UMA slot werkt met image_0 --> <section id="ep-minimal-gallery" class="ep-minimal-gallery ep-single-main-gallery" aria-label="Uniarch NVR104S3-P4 4-kanaals Netwerk Video Recorder tot 6 megapixel met PoE, 1x HDD, Full HD HDMI en VGA uitgang installation Het UMA slot werkt met"> <style> /* 与 minimal_four_image_gallery_fragment （v5/v6/v7/v9） */ .product-information__media.product-media-content:has(#ep-minimal-gallery.ep-minimal-gallery), .product-information__media:has(#ep-minimal-gallery.ep-minimal-gallery), .product-information__media:has(> .ep-pdp-gallery-wrap) { width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; align-self: start !important; box-sizing: border-box; } .product-information__media:has(.ep-pdp-gallery-wrap) .ep-pdp-gallery-wrap { width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; display: block; } .product-information__grid:has(.ep-pdp-gallery-wrap), .product-information__grid:has(.product-information__media #ep-minimal-gallery), .product.product--thumbnails-left:has(.ep-pdp-gallery-wrap), .product.product--thumbnails-left:has(.product-information__media #ep-minimal-gallery), .product.product--thumbnails-left:has(.product-media-content #ep-minimal-gallery) { align-items: start !important; } .product-information__media:has(.ep-pdp-gallery-wrap) { align-self: start !important; height: auto !important; } .product__media-wrapper:has(#ep-minimal-gallery) { max-width: 100%; min-width: 0; } @media (min-width: 1000px) { .product.product--thumbnails-left { display: grid !important; grid-template-columns: minmax(0, 58%) minmax(0, 42%) !important; align-items: start !important; column-gap: 24px !important; } .product.product--thumbnails-left > .product-media-content, .product.product--thumbnails-left > .product-information__media, .product.product--thumbnails-left > .product__info, .product.product--thumbnails-left > .product__media-wrapper { max-width: 100% !important; min-width: 0 !important; } .product.product--thumbnails-left > .product-media-content, .product.product--thumbnails-left > .product-information__media, .product.product--thumbnails-left > .product__media-wrapper { grid-column: 1 !important; } .product.product--thumbnails-left > .product__info { grid-column: 2 !important; margin-top: 0 !important; } } @media (max-width: 999px) { .product.product--thumbnails-left { display: block !important; } .product.product--thumbnails-left > .product-media-content, .product.product--thumbnails-left > .product-information__media, .product.product--thumbnails-left > .product__info, .product.product--thumbnails-left > .product__media-wrapper { max-width: 100% !important; } } #ep-minimal-gallery.ep-minimal-gallery { display: flex; flex-direction: column; align-items: flex-start; flex: 0 0 auto; width: 100%; max-width: 95%; min-width: 0; height: auto; margin: 0; padding-bottom: 0; box-sizing: border-box; align-self: start; } .product-information__media:has(#ep-minimal-gallery) #ep-minimal-gallery.ep-minimal-gallery, .product-information__media:has(.ep-pdp-gallery-wrap) #ep-minimal-gallery.ep-minimal-gallery { max-width: 100%; min-width: 0 !important; } #ep-minimal-gallery .ep-minimal-gallery__main-wrap { position: relative; width: 100%; aspect-ratio: 1 / 1; line-height: 0; border: 1px solid #eee; border-radius: 10px; overflow: hidden; background: #fff; } #ep-minimal-gallery .ep-minimal-gallery__main { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; aspect-ratio: unset; object-fit: cover; background: #f7f7f7; } @media (min-width: 750px) { .product-information__media:has(.ep-pdp-gallery-wrap) .ep-pdp-gallery-wrap { width: 100% !important; max-width: 100% !important; margin-inline: 0 !important; } .product-information__media:has(.ep-pdp-gallery-wrap) #ep-minimal-gallery.ep-minimal-gallery, .product-information__media:has(#ep-minimal-gallery) #ep-minimal-gallery.ep-minimal-gallery { width: 100% !important; max-width: 100% !important; margin-inline: 0 !important; align-items: flex-start; } .product-information__media:has(.ep-pdp-gallery-wrap) #ep-minimal-gallery .ep-minimal-gallery__main-wrap { width: 100% !important; max-width: 100% !important; max-height: min(calc(100dvh - 220px), 80vw, 720px); } /* v9： template_v9 grid-column:1/-1 */ .product-information__grid.product-information--media-left:has(#ep-minimal-gallery) { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 48px !important; align-items: start !important; } .product-information__grid:has(#ep-minimal-gallery) > .product-information__media { grid-column: 1 !important; grid-row: 1 !important; width: 100% !important; max-width: 100% !important; } .product-information__grid:has(#ep-minimal-gallery) > .product-details { grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; } } @media (max-width: 768px) { #ep-minimal-gallery.ep-minimal-gallery { max-width: 100%; } #ep-minimal-gallery .ep-minimal-gallery__main-wrap { aspect-ratio: 3 / 4; max-height: min(85vw, 520px); } } </style> <div class="ep-minimal-gallery__main-wrap"> <img class="ep-minimal-gallery__main" src="https://cdn.shopify.com/s/files/1/0948/1122/6376/files/Uniarch_NVR_zonder_PoE.png?v=1748373627" alt="Uniarch NVR104S3-P4 4-kanaals Netwerk Video Recorder tot 6 megapixel met PoE, 1x HDD, Full HD HDMI en VGA uitgang installation Het UMA slot werkt met" loading="eager" fetchpriority="high" decoding="async"/> </div> </section> </div> <div class="hc-product-info"> <span class="hc-product__badge"></span> <h1 class="hc-product__title">Uniarch NVR104S3-P4 4-kanaals Netwerk Video Recorder tot 6 megapixel met PoE, 1x HDD, Full HD HDMI en VGA uitgang installation Het UMA slot werkt met</h1> <p class="hc-product__meta">SKU: 97544978032</p> <div class="hc-product__rating" aria-label="Product rating"> <svg viewBox="0 0 24 24" width="18" height="18" fill="var(--hc-brown-mid)"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg> <span>4.6</span> </div> <div class="hc-product__price-row"> <span class="hc-product__price">USD115.00</span> <span class="hc-product__old-price">USD141.00</span> </div> <p class="hc-product__installment"> Pay in 4 interest-free payments of <strong>$28.75</strong> <a href="https://www.shopify.com/shop-pay/installments" rel="noopener" target="_blank">Learn more</a> </p> <hr class="hc-stitch-line" aria-hidden="true"> <div class="hc-shipping-slot"><!-- EP shipping estimate: {{{shipping_estimate_fragment}}} --> <style> #ep-shipping-estimate.shipping_time__text.shipping_time { box-sizing: border-box; display: block; margin: 0; padding: 16px 18px; border: 1px solid #e0e0e0; background: #fff; font-size: 14px; line-height: 1.4; color: #1c1f1f; } #ep-shipping-estimate .heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; padding: 0; border: none; font-size: 15px; font-weight: 600; } #ep-shipping-estimate .countryBox { position: relative; font-size: 14px; font-weight: 400; } #ep-shipping-estimate .country { margin-right: 4px; } #ep-shipping-estimate .countryBox .btn { margin: 0; padding: 0; border: none; background: none; font: inherit; color: inherit; text-decoration: underline; cursor: pointer; } #ep-shipping-estimate .countryBox ul { display: none; position: absolute; right: 0; top: 100%; z-index: 20; list-style: none; margin: 6px 0 0; padding: 6px 0; min-width: 88px; background: #fff; border: 1px solid #e0e0e0; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } #ep-shipping-estimate .countryBox ul.is-open { display: block; } #ep-shipping-estimate .countryBox li { padding: 6px 14px; cursor: pointer; } #ep-shipping-estimate .countryBox li:hover, #ep-shipping-estimate .countryBox li.on { background: #f5f5f5; } #ep-shipping-estimate .standard { display: flex; align-items: flex-start; gap: 12px; } #ep-shipping-estimate .standard .ico { flex: 0 0 30px; width: 30px; height: 30px; color: #1c1f1f; } #ep-shipping-estimate .standard .ico svg { display: block; width: 30px; height: 30px; } #ep-shipping-estimate .ships_within { margin: 0; font-size: 14px; font-weight: 400; } @media (max-width: 640px) { #ep-shipping-estimate.shipping_time__text.shipping_time { padding: 12px 14px; } #ep-shipping-estimate .heading { font-size: 14px; margin-bottom: 10px; } #ep-shipping-estimate .ships_within { font-size: 13px; } } </style> <div id="ep-shipping-estimate" class="shipping_time__text shipping_time ep-shipping-fragment" data-sku-extended-shipping="97544978032" data-ep-shipping-root> <h2 class="heading"> Shipping Estimate <div class="countryBox"> <span class="country">USA</span> <button type="button" class="btn">Change</button> <ul> <li class="on" data-country="USA" data-d1="2" data-d2="7">USA</li> <li data-country="CAN" data-d1="7" data-d2="20">CAN</li> </ul> </div> </h2> <div class="standard"> <div class="ico" aria-hidden="true"> <svg viewBox="0 0 24 24" width="30" height="30" fill="currentColor"><path d="M3 6h11v2h2.5L19 12.5V18h-2v-1.5H7V18H5V8H3V6zm2 8h10v-2H7v2zm12-4.8L14.8 8H13v6h4.2l-2-2.8zM7 19.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm10 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/></svg> </div> <p class="ships_within">Ships within 48 hours · Estimated delivery <span class="s_time-1">Aug 3</span> - <span class="s_time-2">Aug 8</span></p> </div> </div> <script> (function () { if (window.__epShippingFragmentInit) return; window.__epShippingFragmentInit = true; var DAY = 86400000; function fmt(d) { return d.toLocaleDateString('en-US', { month: 'short', day: 'numeric' }); } function setDates(root, d1, d2) { var now = Date.now(); var s1 = root.querySelector('.s_time-1'); var s2 = root.querySelector('.s_time-2'); if (s1) s1.textContent = fmt(new Date(now + d1 * DAY)); if (s2) s2.textContent = fmt(new Date(now + d2 * DAY)); } function closeMenu(box) { var ul = box && box.querySelector('ul'); if (ul) ul.classList.remove('is-open'); } document.addEventListener('click', function (e) { var root = e.target.closest('[data-ep-shipping-root]'); if (!root) return; var box = root.querySelector('.countryBox'); if (!box) return; var ul = box.querySelector('ul'); if (e.target.closest('.countryBox .btn')) { e.preventDefault(); if (ul) ul.classList.toggle('is-open'); return; } var li = e.target.closest('.countryBox li'); if (li && ul) { e.preventDefault(); ul.querySelectorAll('li').forEach(function (el) { el.classList.remove('on'); }); li.classList.add('on'); var c = box.querySelector('.country'); if (c) c.textContent = li.getAttribute('data-country') || li.textContent.trim(); setDates(root, parseInt(li.getAttribute('data-d1') || '2', 10), parseInt(li.getAttribute('data-d2') || '7', 10)); closeMenu(box); return; } if (!e.target.closest('.countryBox')) closeMenu(box); }); })(); </script> </div> <div class="hc-size-slot"> </div> <form class="hc-add-form" action="https://pretereo.com/cart/add" method="post"> <input name="product-id" type="hidden" value="2742281"> <button type="submit" name="add">Add to Cart</button> </form> </div> </article> <section class="hc-info-sections" aria-label="Product details"> <!-- EP product description: {{{product_description_fragment}}} --> <style> #ep-product-description.product-form__text { box-sizing: border-box; border-top: 1px solid #e0e0e0; margin: 12px 0 0; padding: 14px 0 0; font-size: 14px; line-height: 1.5; color: #1c1f1f; } #ep-product-description summary.heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 15px; font-weight: 600; line-height: 1.3; cursor: pointer; user-select: none; list-style: none; } #ep-product-description summary.heading::-webkit-details-marker { display: none; } #ep-product-description summary.heading::after { content: "+"; font-size: 18px; font-weight: 400; line-height: 1; flex-shrink: 0; } #ep-product-description[open] summary.heading::after { content: "−"; } #ep-product-description .product-form-text { display: block; margin-top: 10px; max-width: 100%; overflow-x: auto; overflow-wrap: break-word; } #ep-product-description .product-form-text :is(img, video, iframe) { max-width: 100% !important; width: auto !important; height: auto !important; display: block; margin: 8px 0; } #ep-product-description .product-form-text table { max-width: 100%; width: 100% !important; table-layout: fixed; border-collapse: collapse; } #ep-product-description .product-form-text :is(td, th) { word-wrap: break-word; overflow-wrap: break-word; } #ep-product-description .product-form-text p { margin: 0 0 0.5em; line-height: 1.35; } #ep-product-description .product-form-text b { font-weight: 600; } #ep-product-description .itemBox.care_srotage { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 12px; } #ep-product-description .itemBox.care_srotage .item { flex: 1 1 200px; min-width: 0; } #ep-product-description .itemBox.care_srotage h3 { margin: 0 0 8px; font-size: 14px; font-weight: 600; } #ep-product-description .itemBox.care_srotage ul { list-style: disc; margin: 0; padding-left: 1.25rem; } #ep-product-description .itemBox.care_srotage li { margin-bottom: 4px; } @media (max-width: 640px) { #ep-product-description.product-form__text { padding-top: 12px; margin-top: 10px; font-size: 13px; } #ep-product-description summary.heading { font-size: 14px; } #ep-product-description .itemBox.care_srotage { flex-direction: column; gap: 12px; } } </style> <details id="ep-product-description" class="product-form__text ep-product-description-fragment" open> <summary class="heading">Description</summary> <div class="product-form-text"> <p>Het UMA slot werkt met een Normally Closed (NC) circuit</p> <p>Voor installatiegemak kan de camera gevoed worden via Power over Ethernet (PoE</p> <p>brandvertragend</p> <p>Voeding via stopcontact</p> <p>Uniarch NVR104S3-P4 4-kanaals Netwerk Video Recorder tot 6 megapixel met PoE, 1x HDD, Full HD HDMI en VGA uitgang installation Het UMA slot werkt met<div class=""video frame box"" style=""width: 100%; max width: 480px; max height: 270px; float: right; padding: 0px 10px 10px 10px;""> <div class=""video frame""><iframe src="" www. youtube. com embed oR_O0mi4pC4? rel=0&modestbranding=1&showinfo=0&autohide=1"" width=""480"" height=""270"" frameborder=""0"">< iframe>< div> < div> De Uniarch NVR104S3 P4 is een Netwerk Video Recorder met een opname resolutie tot maximaal 6 megapixel en ondersteunt tot 4</p> </div> </details> <!-- EP exchange/return notes: {{{exchange_or_return_notes_fragment}}} --> <style> #ep-exchange-return-notes.product-form__text { box-sizing: border-box; border-top: 1px solid #e0e0e0; margin: 12px 0 0; padding: 14px 0 0; font-size: 14px; line-height: 1.5; color: #1c1f1f; } #ep-exchange-return-notes summary.heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 15px; font-weight: 600; line-height: 1.3; cursor: pointer; user-select: none; list-style: none; } #ep-exchange-return-notes summary.heading::-webkit-details-marker { display: none; } #ep-exchange-return-notes summary.heading::after { content: "+"; font-size: 18px; font-weight: 400; line-height: 1; flex-shrink: 0; } #ep-exchange-return-notes[open] summary.heading::after { content: "−"; } #ep-exchange-return-notes .product-form-text { display: block; margin-top: 10px; } #ep-exchange-return-notes .product-form-text ul { list-style: disc; margin: 0; padding-left: 1.25rem; } #ep-exchange-return-notes .product-form-text li { margin-bottom: 4px; line-height: 1.35; } @media (max-width: 640px) { #ep-exchange-return-notes.product-form__text { padding-top: 12px; margin-top: 10px; font-size: 13px; } #ep-exchange-return-notes summary.heading { font-size: 14px; } } </style> <details id="ep-exchange-return-notes" class="product-form__text ep-exchange-return-notes-fragment" open> <summary class="heading">Exchange/Return Notes</summary> <div class="product-form-text"> <ul> <li>We offer a <strong>30-day </strong>return/exchange service after receiving.</li> <li><strong>Final sale items</strong> are not eligible for returns or exchanges.</li> <li>To process your return/exchange, <strong>please contact us</strong> at customerservice@pretereo.com</li> <li>Please click here for more details>>> <a href="https://pretereo.com/pages/return-policy" title="Return & Exchange Policy">Return & Exchange Policy</a></li> </ul> </div> </details> </section> <!-- EP random products fragment; showcase_20~39 20 --> <section id="ep-random-products" class="ep-random-products-fragment" aria-label="Random products"> <style> #ep-random-products { box-sizing: border-box; width: 100%; margin: 20px 0; padding: 0 20px 24px; background: #fff; border-radius: 8px; color: #111; } #ep-random-products *, #ep-random-products *::before, #ep-random-products *::after { box-sizing: border-box; } #ep-random-products .ep-rp__title { margin: 0; padding: 20px 0 12px; font-size: 20px; font-weight: 600; line-height: 1.2; } #ep-random-products .ep-rp__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; } #ep-random-products .ep-rp__card { border-radius: 8px; overflow: hidden; background: #fff; transition: transform 0.25s ease, box-shadow 0.25s ease; } @media (hover: hover) and (pointer: fine) { #ep-random-products .ep-rp__card:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0,0,0,.08); } #ep-random-products .ep-rp__card:hover .ep-rp__img img { transform: scale(1.05); } } #ep-random-products .ep-rp__img { display: block; aspect-ratio: 1; overflow: hidden; background: #f7f7f7; border-radius: 8px 8px 0 0; } #ep-random-products .ep-rp__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease; } #ep-random-products .ep-rp__body { padding: 8px 10px 10px; } #ep-random-products .ep-rp__name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 34px; margin: 0 0 6px; font-size: 12px; line-height: 1.35; color: #111; text-decoration: none; } #ep-random-products .ep-rp__name:hover { color: #a257cc; } #ep-random-products .ep-rp__price { margin: 0 0 4px; font-size: 15px; font-weight: 600; } #ep-random-products .ep-rp__rating { margin: 0; font-size: 11px; color: #666; } #ep-random-products .ep-rp__stars { color: #f5a623; letter-spacing: 1px; } @media (max-width: 1200px) { #ep-random-products .ep-rp__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (max-width: 900px) { #ep-random-products .ep-rp__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 640px) { #ep-random-products { padding: 0 16px 20px; } #ep-random-products .ep-rp__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } } </style> <h2 class="ep-rp__title">You may also like</h2> <div class="ep-rp__grid"> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://pretereo.com/?k=7025833040"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://pretereo.com/?k=7025833040">Don’t Ask Me About My Dad: A Memoir of Love, Hate and Hope (Hardcover)</a> <p class="ep-rp__price">US$ 10.00</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.8 (25 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://pretereo.com/?k=10903880171"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://pretereo.com/?k=10903880171">Dancing Around the Tree by Bex Parkin Pack of 8 Charity Christmas Cards</a> <p class="ep-rp__price">US$ 10.00</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.5 (28 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://pretereo.com/?k=79449227214"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://pretereo.com/?k=79449227214">V&A Leicester Wallpaper Pouch Bag</a> <p class="ep-rp__price">US$ 15.95</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 5.0 (15 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://pretereo.com/?k=36855482991"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://pretereo.com/?k=36855482991">Coast and Country Hedgehogs by Lucy Grossmith 1000 Piece Jigsaw Puzzle</a> <p class="ep-rp__price">US$ 14.99</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.0 (14 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://pretereo.com/?k=59021205891"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://pretereo.com/?k=59021205891">V&A William Morris Strawberry Thief Organic Cotton Tote Bag</a> <p class="ep-rp__price">US$ 17.95</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.7 (6 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://pretereo.com/?k=58705667272"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://pretereo.com/?k=58705667272">Peak 2.0 10 Memory Foam Mattress Bed Size:California King</a> <p class="ep-rp__price">US$ 215.00</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.5 (15 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://pretereo.com/?k=43559622249"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://pretereo.com/?k=43559622249">Clemson, SC Spiral Notebook collection-Asheville NC</a> <p class="ep-rp__price">US$ 15.00</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.0 (8 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://pretereo.com/?k=72772477042"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://pretereo.com/?k=72772477042">Creative Walls: How to display and enjoy your treasured collections (Hardcover)</a> <p class="ep-rp__price">US$ 11.00</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.9 (30 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://pretereo.com/?k=85886202927"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://pretereo.com/?k=85886202927">The British Museum Feathers of a Peacock A5 Notebook</a> <p class="ep-rp__price">US$ 11.95</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.1 (7 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://pretereo.com/?k=21767954577"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://pretereo.com/?k=21767954577">Lyncott Dresser Collection_Jossler</a> <p class="ep-rp__price">US$ 345.00</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.6 (10 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://pretereo.com/?k=6185229110"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://pretereo.com/?k=6185229110">St. Paul, MN Spiral Notebook collection-Philadelphia PA</a> <p class="ep-rp__price">US$ 15.00</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.8 (14 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://pretereo.com/?k=36939776034"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://pretereo.com/?k=36939776034">Reno, NV Travel Mug collection-Chapel Hill NC</a> <p class="ep-rp__price">US$ 26.00</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.4 (21 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://pretereo.com/?k=46042400521"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://pretereo.com/?k=46042400521">We Go Together Like Spiral Notebook collection-Long Beach CA</a> <p class="ep-rp__price">US$ 15.00</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.5 (25 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://pretereo.com/?k=43015288176"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://pretereo.com/?k=43015288176">Maylee Nightstand bed-style_metal-bed</a> <p class="ep-rp__price">US$ 285.00</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 5.0 (24 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://pretereo.com/?k=9444863842"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://pretereo.com/?k=9444863842">Peerland Vase Size:6" W x 6" D x 18.11" H</a> <p class="ep-rp__price">US$ 59.99</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.7 (12 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://pretereo.com/?k=70720674859"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://pretereo.com/?k=70720674859">Cape Cod, MA Tumbler collection-Cape Cod MA</a> <p class="ep-rp__price">US$ 27.00</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.6 (22 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://pretereo.com/?k=87802658176"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://pretereo.com/?k=87802658176">Long Beach, CA Mug collection-Cincinnati OH</a> <p class="ep-rp__price">US$ 22.00</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.7 (30 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://pretereo.com/?k=17665220472"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://pretereo.com/?k=17665220472">Reno, NV Spiral Notebook collection-Blacksburg VA</a> <p class="ep-rp__price">US$ 15.00</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.3 (8 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://pretereo.com/?k=23012692802"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://pretereo.com/?k=23012692802">Natural History Museum Octopus A5 Notebook</a> <p class="ep-rp__price">US$ 14.00</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.3 (13 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://pretereo.com/?k=33015247224"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://pretereo.com/?k=33015247224">Oasis Court Pillow VendorCollectionId_75005</a> <p class="ep-rp__price">US$ 49.99</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.9 (20 reviews)</p> </div> </article> </div> </section> <!-- EP recommand products (v2/v7): {{{recommand_products_fragment}}}；showcase_5~10（v7 为 product_id 6 ） --> <section id="ep-recommand" class="ep-recommand-products-fragment" aria-label="Recommand products"> <style> #ep-recommand { box-sizing: border-box; width: 100%; margin: 20px 0; padding: 0 20px 24px; background: #fff; border-radius: 8px; color: #111; } #ep-recommand *, #ep-recommand *::before, #ep-recommand *::after { box-sizing: border-box; } #ep-recommand .ep-rc__title { margin: 0; padding: 20px 0; font-size: 20px; font-weight: 600; line-height: 1.2; text-transform: capitalize; } #ep-recommand .ep-rc__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; } #ep-recommand .ep-rc__card { border-radius: 8px; overflow: hidden; background: #fff; transition: transform 0.25s ease, box-shadow 0.25s ease; } @media (hover: hover) and (pointer: fine) { #ep-recommand .ep-rc__card:hover { transform: translateY(-6px); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1); } #ep-recommand .ep-rc__card:hover .ep-rc__img { transform: scale(1.06); } } #ep-recommand .ep-rc__img { display: block; aspect-ratio: 1; overflow: hidden; background: #f7f7f7; border-radius: 8px 8px 0 0; } #ep-recommand .ep-rc__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease; } #ep-recommand .ep-rc__body { padding: 8px 10px 10px; } #ep-recommand .ep-rc__name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 34px; margin: 0 0 6px; font-size: 12px; line-height: 1.35; color: #111; text-decoration: none; } #ep-recommand .ep-rc__name:hover { color: #a257cc; } #ep-recommand .ep-rc__price { margin: 0 0 4px; font-size: 16px; font-weight: 600; } #ep-recommand .ep-rc__meta { margin: 0 0 6px; font-size: 12px; } #ep-recommand .ep-rc__rating { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 0 0 6px; font-size: 12px; } #ep-recommand .ep-rc__stars { color: #f5a623; letter-spacing: 1px; font-size: 11px; } #ep-recommand .ep-rc__sold { margin: 0; font-size: 12px; } #ep-recommand .ep-rc__sold a { color: #a257cc; text-decoration: underline; } @media (min-width: 1536px) { #ep-recommand .ep-rc__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } } @media (max-width: 1100px) { #ep-recommand .ep-rc__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 768px) { #ep-recommand { padding: 0 16px 20px; } #ep-recommand .ep-rc__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } } </style> <h2 class="ep-rc__title">recommand products</h2> <div class="ep-rc__grid"> <article class="ep-rc__card"> <a class="ep-rc__img" href="https://pretereo.com/?k=90460538076"></a> <div class="ep-rc__body"> <a class="ep-rc__name" href="https://pretereo.com/?k=90460538076">Mix Japanese Round Cascade Plastic Pot - 2.75" - 4.75" Pon Soil</a> <p class="ep-rc__price">US$ 13.99</p> <p class="ep-rc__meta">Min. order: 1 piece</p> <p class="ep-rc__rating"><span class="ep-rc__stars" aria-hidden="true">★★★★★</span> 4.8 (18 reviews)</p> <p class="ep-rc__sold">Sold : <a href="#">Login>></a></p> </div> </article> <article class="ep-rc__card"> <a class="ep-rc__img" href="https://pretereo.com/?k=35195607578"></a> <div class="ep-rc__body"> <a class="ep-rc__name" href="https://pretereo.com/?k=35195607578">Vintage Round Drum Zisha Bonsai Pot + Mesh - 4.5"x 4.5"x 2" Swivel_casters</a> <p class="ep-rc__price">US$ 20.99</p> <p class="ep-rc__meta">Min. order: 1 piece</p> <p class="ep-rc__rating"><span class="ep-rc__stars" aria-hidden="true">★★★★★</span> 4.7 (8 reviews)</p> <p class="ep-rc__sold">Sold : <a href="#">Login>></a></p> </div> </article> <article class="ep-rc__card"> <a class="ep-rc__img" href="https://pretereo.com/?k=83185568704"></a> <div class="ep-rc__body"> <a class="ep-rc__name" href="https://pretereo.com/?k=83185568704">Square Mame Shohin Bonsai Pot with Mesh 3"x 3"x 2" Japanese Buddy Tape</a> <p class="ep-rc__price">US$ 10.49</p> <p class="ep-rc__meta">Min. order: 1 piece</p> <p class="ep-rc__rating"><span class="ep-rc__stars" aria-hidden="true">★★★★★</span> 4.4 (15 reviews)</p> <p class="ep-rc__sold">Sold : <a href="#">Login>></a></p> </div> </article> <article class="ep-rc__card"> <a class="ep-rc__img" href="https://pretereo.com/?k=53089246114"></a> <div class="ep-rc__body"> <a class="ep-rc__name" href="https://pretereo.com/?k=53089246114">Japanese Yokkaichi Round Glazed Bonsai Pot 5"x 5"x 2.25" Coarse_Mesh</a> <p class="ep-rc__price">US$ 19.99</p> <p class="ep-rc__meta">Min. order: 1 piece</p> <p class="ep-rc__rating"><span class="ep-rc__stars" aria-hidden="true">★★★★★</span> 5.0 (5 reviews)</p> <p class="ep-rc__sold">Sold : <a href="#">Login>></a></p> </div> </article> <article class="ep-rc__card"> <a class="ep-rc__img" href="https://pretereo.com/?k=27402595467"></a> <div class="ep-rc__body"> <a class="ep-rc__name" href="https://pretereo.com/?k=27402595467">Fine Square Mame Bonsai Pot + Mesh - 4"x 4"x 2.5"- Blue/Green Biogold_Fertilizer</a> <p class="ep-rc__price">US$ 22.99</p> <p class="ep-rc__meta">Min. order: 1 piece</p> <p class="ep-rc__rating"><span class="ep-rc__stars" aria-hidden="true">★★★★★</span> 5.0 (24 reviews)</p> <p class="ep-rc__sold">Sold : <a href="#">Login>></a></p> </div> </article> <article class="ep-rc__card"> <a class="ep-rc__img" href="https://pretereo.com/?k=80736405216"></a> <div class="ep-rc__body"> <a class="ep-rc__name" href="https://pretereo.com/?k=80736405216">2 Mix Round Black Plastic Humidity/Drip Trays - 4.75" & 7" Flower_Beds</a> <p class="ep-rc__price">US$ 10.49</p> <p class="ep-rc__meta">Min. order: 1 piece</p> <p class="ep-rc__rating"><span class="ep-rc__stars" aria-hidden="true">★★★★★</span> 4.0 (18 reviews)</p> <p class="ep-rc__sold">Sold : <a href="#">Login>></a></p> </div> </article> </div> </section> </main> <footer class="hc-footer"> <div class="hc-footer__grid"> <div class="hc-footer__brand"> <h3>pretereo.com</h3> <p>Uniarch NVR104S3-P4 4-kanaals Netwerk Video Recorder tot 6 megapixel met PoE, 1x HDD, Full HD HDMI en VGA uitgang installation Het UMA slot werkt met<div class=""video frame box"" style=""width: 100%; max width: 480px; max height: 270px; float: right; padding: 0px 10px 10px 10px;""> <div class=""video frame""><iframe src="" www. youtube. com embed oR_O0mi4pC4? rel=0&modestbranding=1&showinfo=0&autohide=1"" width=""480"" height=""270"" frameborder=""0"">< iframe>< div> < div> De Uniarch NVR104S3 P4 is een Netwerk Video Recorder met een opname resolutie tot maximaal 6 megapixel en ondersteunt tot 4</p> <div class="hc-footer__social"> <a href="https://www.facebook.com/sharer.php?u=https://pretereo.com/?k=97544978032" rel="noopener" target="_blank" aria-label="Facebook"> <svg viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg> </a> <a href="https://www.instagram.com/" rel="noopener" target="_blank" aria-label="Instagram"> <svg viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg> </a> <a href="https://www.youtube.com/" rel="noopener" target="_blank" aria-label="YouTube"> <svg viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg> </a> <a href="https://www.tiktok.com/" rel="noopener" target="_blank" aria-label="TikTok"> <svg viewBox="0 0 24 24"><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 2.05 2.99 3.81 2.2 1.23-.5 2.01-1.73 2.03-3.03.05-2.89.02-5.78.03-8.67.01-2.68 0-5.35.02-8.03z"/></svg> </a> <a href="https://twitter.com/intent/tweet?url=https://pretereo.com/?k=97544978032" rel="noopener" target="_blank" aria-label="X (Twitter)"> <svg viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg> </a> <a href="https://www.pinterest.com/pin/create/button/?url=https://pretereo.com/?k=97544978032" rel="noopener" target="_blank" aria-label="Pinterest"> <svg viewBox="0 0 24 24"><path d="M12 0C5.373 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738a.36.36 0 01.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.632-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"/></svg> </a> </div> </div> <div class="hc-footer__contact"> <h4>Contact Us</h4> <address> 123 Commerce Street<br> Los Angeles, CA 90015, USA<br> <a href="tel:+13233252832">+1 (323) 325-2832</a><br> <a href="mailto:contactus@pretereo.com">contactus@pretereo.com</a><br> pretereo.com </address> </div> <div class="hc-footer__menu"> <h4>About</h4> <ul class="hc-footer__links"> <li><a href="https://pretereo.com/pages/about-us">About Us</a></li> <li><a href="https://pretereo.com/pages/contact-us">Contact Us</a></li> <li><a href="https://pretereo.com/pages/faq">FAQ</a></li> <li><a href="https://pretereo.com/pages/track-order">Track Order</a></li> </ul> </div> <div class="hc-footer__menu"> <h4>Policies</h4> <ul class="hc-footer__links"> <li><a href="https://pretereo.com/policies/refund-policy">Refund Policy</a></li> <li><a href="https://pretereo.com/policies/privacy-policy">Privacy Policy</a></li> <li><a href="https://pretereo.com/policies/terms-of-service">Terms of Service</a></li> <li><a href="https://pretereo.com/policies/shipping-policy">Shipping Policy</a></li> <li><a href="https://pretereo.com/policies/contact-information">Contact Information</a></li> </ul> </div> </div> <div class="hc-footer__subscribe hc-footer__grid" style="grid-template-columns:1fr;margin-bottom:24px;"> <div> <h4>Join the Workshop List</h4> <form action="https://pretereo.com/contact#ContactFooter" method="post"> <input type="email" name="contact[email]" placeholder="Your email address" required aria-label="Email for newsletter"> <button type="submit">Subscribe</button> </form> </div> </div> <div class="hc-footer__payments" aria-label="Accepted payment methods"> <svg viewBox="0 0 38 24" aria-label="Visa" role="img"><rect width="38" height="24" rx="3" fill="#1A1F71"/><text x="19" y="16" text-anchor="middle" fill="#fff" font-size="10" font-weight="bold" font-family="Arial">VISA</text></svg> <svg viewBox="0 0 38 24" aria-label="Mastercard" role="img"><rect width="38" height="24" rx="3" fill="#252525"/><circle cx="15" cy="12" r="7" fill="#EB001B"/><circle cx="23" cy="12" r="7" fill="#F79E1B"/></svg> <svg viewBox="0 0 38 24" aria-label="American Express" role="img"><rect width="38" height="24" rx="3" fill="#006FCF"/><text x="19" y="15" text-anchor="middle" fill="#fff" font-size="7" font-weight="bold" font-family="Arial">AMEX</text></svg> <svg viewBox="0 0 38 24" aria-label="PayPal" role="img"><rect width="38" height="24" rx="3" fill="#003087"/><text x="19" y="15" text-anchor="middle" fill="#fff" font-size="8" font-weight="bold" font-family="Arial">PayPal</text></svg> <svg viewBox="0 0 38 24" aria-label="Apple Pay" role="img"><rect width="38" height="24" rx="3" fill="#000"/><text x="19" y="15" text-anchor="middle" fill="#fff" font-size="7" font-family="Arial"> Apple Pay</text></svg> <svg viewBox="0 0 38 24" aria-label="Shop Pay" role="img"><rect width="38" height="24" rx="3" fill="#5A31F4"/><text x="19" y="15" text-anchor="middle" fill="#fff" font-size="7" font-weight="bold" font-family="Arial">Shop Pay</text></svg> </div> <div class="hc-footer__bottom"> © 2026, pretereo.com pretereo.com · <a href="https://pretereo.com/policies/refund-policy">Refund Policy</a> · <a href="https://pretereo.com/policies/privacy-policy">Privacy Policy</a> · <a href="https://pretereo.com/policies/terms-of-service">Terms of Service</a> · <a href="https://pretereo.com/policies/shipping-policy">Shipping Policy</a> · <a href="https://pretereo.com/policies/contact-information">Contact Information</a> </div> </footer> <script> (function () { var toggle = document.getElementById('menu-toggle'); var drawer = document.getElementById('mobile-drawer'); var overlay = document.getElementById('drawer-overlay'); var closeBtn = document.getElementById('drawer-close'); function openDrawer() { drawer.classList.add('is-open'); overlay.classList.add('is-visible'); document.body.classList.add('drawer-open'); toggle.setAttribute('aria-expanded', 'true'); drawer.setAttribute('aria-hidden', 'false'); overlay.setAttribute('aria-hidden', 'false'); } function closeDrawer() { drawer.classList.remove('is-open'); overlay.classList.remove('is-visible'); document.body.classList.remove('drawer-open'); toggle.setAttribute('aria-expanded', 'false'); drawer.setAttribute('aria-hidden', 'true'); overlay.setAttribute('aria-hidden', 'true'); } if (toggle) toggle.addEventListener('click', openDrawer); if (closeBtn) closeBtn.addEventListener('click', closeDrawer); if (overlay) overlay.addEventListener('click', closeDrawer); document.addEventListener('keydown', function (e) { if (e.key === 'Escape') closeDrawer(); }); })(); </script> </body> </html>