Vol. XVIII · Free shipping $75+ · Read the collection
metron-ms.com
Home
Shop All
New Arrivals
Sale
Login
Register
Feature · Product Review
Home
/
/
Vida the Vet - Cheerful Check Up Pack animal_axoloti
<div class="rm-gallery-band__frame"> <!-- EP (v3.3+ SingleMainImageMode): minimal_four / product_gallery ；Vida the Vet - Cheerful Check Up Pack animal_axoloti <iframe width="417" height="742" src="https://www image_0 --> <section id="ep-minimal-gallery" class="ep-minimal-gallery ep-single-main-gallery" aria-label="Vida the Vet - Cheerful Check Up Pack animal_axoloti <iframe width="417" height="742" src="https://www"> <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/0421/8204/9945/files/wdhf1snn16uqa1oumvzr.jpg?v=1776670906" alt="Vida the Vet - Cheerful Check Up Pack animal_axoloti <iframe width="417" height="742" src="https://www" loading="eager" fetchpriority="high" decoding="async"/> </div> </section> </div> </section> <article class="rm-product"> <div class="rm-product__editorial"> <span class="rm-product__kicker"></span> <h1 class="rm-product__title">Vida the Vet - Cheerful Check Up Pack animal_axoloti <iframe width="417" height="742" src="https://www</h1> <p class="rm-product__deck">Vida the Vet - Cheerful Check Up Pack animal_axoloti <iframe width="417" height="742" src="https://wwwIntroducing the Vida the Vet Cheerful Check Up Pack, where caring meets fun in the most delightful way! This engaging playset features Vida, the bubbly veterinarian, along with her adorable patient ready for a check up. Dressed in her vibrant veterinary outfit and equipped with her trusty stethoscope, Vida is all set to ensure her furry friend is healthy and happy. The set comes with Vidas charming animal companion, showcasing endearing big ears and a</p> <p class="rm-product__meta">SKU: 76413397379 · From metron-ms.com</p> <div class="rm-product__rating" aria-label="Product rating"> <svg viewBox="0 0 24 24" width="16" height="16" fill="var(--rm-brick)"><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.2</span> </div> </div> <div class="rm-product__buy"> <div class="rm-product__price-row"> <span class="rm-product__price">USD11.95</span> <span class="rm-product__old-price">USD37.95</span> </div> <p class="rm-product__installment"> Pay in 4 interest-free payments of <strong>$2.99</strong> <a href="https://www.shopify.com/shop-pay/installments" rel="noopener" target="_blank">Learn more</a> </p> <!-- 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="76413397379" 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 5</span> - <span class="s_time-2">Aug 10</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> <form class="rm-add-form" action="https://metron-ms.com/cart/add" method="post"> <input name="product-id" type="hidden" value="1777528"> <button type="submit" name="add">Add to Cart</button> </form> </div> </article> <section class="rm-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><iframe width="417" height="742" src="https://www</p> <p>ensuring a lasting radiant shine that complements the jewel-toned color perfectly</p> <p>Intricate Detail: Includes 392 miniature blocks that allow for a high level of realism</p> <p>boasting a total carat weight of</p> <p>adding a touch of charm to any outdoor space</p> <p>Vida the Vet - Cheerful Check Up Pack animal_axoloti <iframe width="417" height="742" src="https://wwwIntroducing the Vida the Vet Cheerful Check Up Pack, where caring meets fun in the most delightful way! This engaging playset features Vida, the bubbly veterinarian, along with her adorable patient ready for a check up. Dressed in her vibrant veterinary outfit and equipped with her trusty stethoscope, Vida is all set to ensure her furry friend is healthy and happy. The set comes with Vidas charming animal companion, showcasing endearing big ears and a</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@metron-ms.com</li> <li>Please click here for more details>>> <a href="https://metron-ms.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://metron-ms.com/?p=51854072406"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://metron-ms.com/?p=51854072406">Pliers Wrench XS, 4", Bare Handles, Embossed battery powered vacuum</a> <p class="ep-rp__price">US$ 48.96</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.7 (20 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://metron-ms.com/?p=89889478460"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://metron-ms.com/?p=89889478460">M18 FUEL™ NEXUS™ 6 Gallon Wet/Dry Vacuum dual battery vacuum</a> <p class="ep-rp__price">US$ 124.50</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.3 (6 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://metron-ms.com/?p=80606184822"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://metron-ms.com/?p=80606184822">Regatta Aceana Tankini Top Iii Colour:Abstract Floral</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.7 (18 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://metron-ms.com/?p=22370634895"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://metron-ms.com/?p=22370634895">Puma Mens Away Shirt 2026 27 Size:L</a> <p class="ep-rp__price">US$ 101.95</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.9 (21 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://metron-ms.com/?p=22107249417"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://metron-ms.com/?p=22107249417">LORENZO 13K2-434 Alloy-Quatz-Men Watch, Personalized Premium Gift for Anniversary Color:Black</a> <p class="ep-rp__price">US$ 35.95</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.5 (24 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://metron-ms.com/?p=15859254176"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://metron-ms.com/?p=15859254176">Tea Tables 2 pcs MDF Sonoma Oak vida-xl</a> <p class="ep-rp__price">US$ 37.62</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.1 (25 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://metron-ms.com/?p=34303492814"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://metron-ms.com/?p=34303492814">TV Cabinet Set 2 pcs Old Wood Engineered Wood vida-xl</a> <p class="ep-rp__price">US$ 39.46</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.2 (24 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://metron-ms.com/?p=67868075318"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://metron-ms.com/?p=67868075318">M12 FUEL™ 1.6 Gallon Wet/Dry Vacuum 18V shop vacuum</a> <p class="ep-rp__price">US$ 149.00</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 5.0 (22 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://metron-ms.com/?p=45265788170"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://metron-ms.com/?p=45265788170">High-Neck Jersey Sheath Dress with Beaded Cutouts Size:16</a> <p class="ep-rp__price">US$ 67.49</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.5 (14 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://metron-ms.com/?p=91422791320"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://metron-ms.com/?p=91422791320">MARILYN 13K2-434 Alloy-Quatz-Men Watch, Personalized Premium Gift for Anniversary Color:Silver</a> <p class="ep-rp__price">US$ 35.95</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://metron-ms.com/?p=74739846061"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://metron-ms.com/?p=74739846061">Hydrogel Screen Protector for iPhone 17 Pro Max (Pack of 2) Type:Screen Protector</a> <p class="ep-rp__price">US$ 19.99</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 5.0 (22 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://metron-ms.com/?p=927015745"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://metron-ms.com/?p=927015745">Hydrogel Screen Protector for Xiaomi Black Shark 4 Pro gravel geometry</a> <p class="ep-rp__price">US$ 13.99</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 5.0 (9 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://metron-ms.com/?p=65369581367"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://metron-ms.com/?p=65369581367">Nike Mens Breaker 5 Brief Lined Volley Shorts Arsenal</a> <p class="ep-rp__price">US$ 36.99</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.0 (6 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://metron-ms.com/?p=97267282072"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://metron-ms.com/?p=97267282072">TV Wall Cabinet 2 pcs White Engineered Wood vida-xl</a> <p class="ep-rp__price">US$ 82.42</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.5 (16 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://metron-ms.com/?p=36323431881"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://metron-ms.com/?p=36323431881">Sink Cabinet with Built-in Basin White Engineered Wood vida-xl</a> <p class="ep-rp__price">US$ 166.92</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.6 (13 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://metron-ms.com/?p=73474461454"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://metron-ms.com/?p=73474461454">TV Cabinet Set 4 pcs Old Wood Engineered Wood SW</a> <p class="ep-rp__price">US$ 75.23</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.4 (20 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://metron-ms.com/?p=59929352268"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://metron-ms.com/?p=59929352268">Vine-Beaded Mesh Gown with Elbow-Length Sleeves SLMS251276</a> <p class="ep-rp__price">US$ 24.94</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://metron-ms.com/?p=68908831329"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://metron-ms.com/?p=68908831329">NATHALIE 13K2-434 Alloy-Quatz-Men Watch, Personalized Premium Gift for Anniversary Color:Silver</a> <p class="ep-rp__price">US$ 39.95</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.7 (25 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://metron-ms.com/?p=12925685417"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://metron-ms.com/?p=12925685417">MONIKA 13K2-434 Alloy-Quatz-Men Watch, Personalized Premium Gift for Anniversary AGOSTINO</a> <p class="ep-rp__price">US$ 39.95</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.7 (14 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://metron-ms.com/?p=52394620623"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://metron-ms.com/?p=52394620623">NATASHA 13K2-434 Alloy-Quatz-Men Watch, Personalized Premium Gift for Anniversary Box:Luxury leather box</a> <p class="ep-rp__price">US$ 39.95</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.1 (14 reviews)</p> </div> </article> </div> </section> <section class="rm-reviews-wrap" aria-label="Reviews"> </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://metron-ms.com/?p=5731064411"></a> <div class="ep-rc__body"> <a class="ep-rc__name" href="https://metron-ms.com/?p=5731064411">AVF Gold Petite Pink Topaz Drop Earrings (SI6725) Unisex</a> <p class="ep-rc__price">US$ 60.00</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 (11 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://metron-ms.com/?p=22822791650"></a> <div class="ep-rc__body"> <a class="ep-rc__name" href="https://metron-ms.com/?p=22822791650">Gold Foil Backdrop</a> <p class="ep-rc__price">US$ 20.00</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.9 (23 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://metron-ms.com/?p=70762016933"></a> <div class="ep-rc__body"> <a class="ep-rc__name" href="https://metron-ms.com/?p=70762016933">Nigerian Dwarf Goat Chalk Stall Sign - Reusable Livestock Show Sign Emblem:4H Clover</a> <p class="ep-rc__price">US$ 15.00</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 (14 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://metron-ms.com/?p=64635143500"></a> <div class="ep-rc__body"> <a class="ep-rc__name" href="https://metron-ms.com/?p=64635143500">Tell your Tale Headband scarf</a> <p class="ep-rc__price">US$ 17.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.9 (26 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://metron-ms.com/?p=60332369174"></a> <div class="ep-rc__body"> <a class="ep-rc__name" href="https://metron-ms.com/?p=60332369174">Postcards Size:5 x 7in</a> <p class="ep-rc__price">US$ 35.00</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.2 (22 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://metron-ms.com/?p=622714047"></a> <div class="ep-rc__body"> <a class="ep-rc__name" href="https://metron-ms.com/?p=622714047">3x Anti-Glare Screen Protector for Vivo Y77 Pebble 2 Lime</a> <p class="ep-rc__price">US$ 171.57</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.2 (15 reviews)</p> <p class="ep-rc__sold">Sold : <a href="#">Login>></a></p> </div> </article> </div> </section> </main> <footer class="rm-footer"> <div class="rm-footer__grid"> <div class="rm-footer__brand"> <h3>metron-ms.com</h3> <p>Vida the Vet - Cheerful Check Up Pack animal_axoloti <iframe width="417" height="742" src="https://wwwIntroducing the Vida the Vet Cheerful Check Up Pack, where caring meets fun in the most delightful way! This engaging playset features Vida, the bubbly veterinarian, along with her adorable patient ready for a check up. Dressed in her vibrant veterinary outfit and equipped with her trusty stethoscope, Vida is all set to ensure her furry friend is healthy and happy. The set comes with Vidas charming animal companion, showcasing endearing big ears and a</p> <div class="rm-footer__social"> <a href="https://www.facebook.com/sharer.php?u=https://metron-ms.com/?p=76413397379" 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://metron-ms.com/?p=76413397379" 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://metron-ms.com/?p=76413397379" 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="rm-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@metron-ms.com">contactus@metron-ms.com</a><br> metron-ms.com </address> </div> <div class="rm-footer__menu"> <h4>About</h4> <ul class="rm-footer__links"> <li><a href="https://metron-ms.com/pages/about-us">About Us</a></li> <li><a href="https://metron-ms.com/pages/contact-us">Contact Us</a></li> <li><a href="https://metron-ms.com/pages/faq">FAQ</a></li> <li><a href="https://metron-ms.com/pages/track-order">Track Order</a></li> </ul> </div> <div class="rm-footer__menu"> <h4>Policies</h4> <ul class="rm-footer__links"> <li><a href="https://metron-ms.com/policies/refund-policy">Refund Policy</a></li> <li><a href="https://metron-ms.com/policies/privacy-policy">Privacy Policy</a></li> <li><a href="https://metron-ms.com/policies/terms-of-service">Terms of Service</a></li> <li><a href="https://metron-ms.com/policies/shipping-policy">Shipping Policy</a></li> <li><a href="https://metron-ms.com/policies/contact-information">Contact Information</a></li> </ul> </div> </div> <div class="rm-footer__subscribe rm-footer__grid" style="grid-template-columns:1fr;margin-bottom:28px;"> <div> <h4>Subscribe to the Issue</h4> <form action="https://metron-ms.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="rm-footer__payments" aria-label="Accepted payment methods"> <svg viewBox="0 0 38 24" aria-label="Visa" role="img"><rect width="38" height="24" rx="0" 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="0" 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="0" 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="0" 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="0" 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="0" 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="rm-footer__bottom"> © 2026, metron-ms.com metron-ms.com · <a href="https://metron-ms.com/policies/refund-policy">Refund Policy</a> · <a href="https://metron-ms.com/policies/privacy-policy">Privacy Policy</a> · <a href="https://metron-ms.com/policies/terms-of-service">Terms of Service</a> · <a href="https://metron-ms.com/policies/shipping-policy">Shipping Policy</a> · <a href="https://metron-ms.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>