Glacier stage · Ice-shelf light · Free shipping over $75
the-garden.tn
Glacier Stage
Home
Shop All
New Arrivals
Sale
Login
Register
Home
/
/
S.NATURE Aqua 365 UV Sun Protective Cream 40ml SPF 50+ / PA++++ GM-Lifestyle
Glacier stage · Hero bleed</div> </div> <section class="gs-hero-bleed" aria-label="Product gallery"> <div class="gs-hero-bleed__inner"> <div class="gs-hero-bleed__chrome"> <div class="gs-hero-bleed__gallery"> <section id="ep-minimal-gallery" class="ep-minimal-gallery ep-single-main-gallery" aria-label="S.NATURE Aqua 365 UV Sun Protective Cream 40ml SPF 50+ / PA++++ GM-Lifestyle <iframe width="560" height="315" src="https://www MPC-02929 superposer pour intensifier la Version:Only One/Un Masque J.DON"> <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/0578/8532/7560/files/8042438a-5b59-4318-bfd9-20ccf3ce5516.jpg?v=1771486618" alt="S.NATURE Aqua 365 UV Sun Protective Cream 40ml SPF 50+ / PA++++ GM-Lifestyle <iframe width="560" height="315" src="https://www MPC-02929 superposer pour intensifier la Version:Only One/Un Masque J.DON" loading="eager" fetchpriority="high" decoding="async"/> </div> </section> </div> </div> </div> </section> <div class="gs-stage-well"> <article class="gs-stage"> <div class="gs-stage__inner"> <aside class="gs-ice-aside" aria-label="Ice cue"> <h2>Ice cue</h2> <p>Glacier-stage recess — soft floe blobs and chrome-bevel ledges rim the buy tray under a full-bleed carousel.</p> <ul class="gs-ice-aside__list"> <li> <span class="gs-ice-aside__k">SKU</span> <span class="gs-ice-aside__v">9165791749</span> </li> <li> <span class="gs-ice-aside__k">Rating</span> <span class="gs-ice-aside__v">4.1</span> </li> <li> <span class="gs-ice-aside__k">House</span> <span class="gs-ice-aside__v">the-garden.tn</span> </li> </ul> </aside> <div class="gs-buy"> <div class="gs-buy__rating" aria-label="Product rating"> <svg viewBox="0 0 24 24" width="14" height="14" fill="var(--gs-primary)" aria-hidden="true"><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> 4.1 </div> <div class="gs-buy__sku-row"> <span>SKU <strong>9165791749</strong></span> <span>Collection <strong></strong></span> </div> <h1 class="gs-buy__title">S.NATURE Aqua 365 UV Sun Protective Cream 40ml SPF 50+ / PA++++ GM-Lifestyle <iframe width="560" height="315" src="https://www MPC-02929 superposer pour intensifier la Version:Only One/Un Masque J.DON</h1> <p class="gs-installment"> Pay in 4 interest-free payments of <strong>$6.35</strong> <a href="https://www.shopify.com/shop-pay/installments" rel="noopener" target="_blank">Learn more</a> </p> <div class="gs-price" aria-label="Price"> <span class="gs-price__now">EUR25.40</span> <span class="gs-price__old">EUR63.40</span> </div> <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="9165791749" 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">Sep 25</span> - <span class="s_time-2">Sep 30</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="gs-buy__form" action="https://the-garden.tn/cart/add" method="post"> <input name="product-id" type="hidden" value="2599325"> <button type="submit" name="add">Add to Cart</button> </form> </div> </div> </article> </div> <main class="gs-main"> <section class="gs-info gs-chrome" aria-label="Product details"> <span class="gs-info__label">Glacier sheet</span> <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>S.NATURE Aqua 365 UV Sun Protective Cream 40ml SPF 50+ PA++++ GM Lifestyle <iframe width="560" height="315" src="https: www MPC 02929 superposer pour intensifier la Version:Only One Un Masque J.DON <iframe width="560" height="315" src="https: www NATURE Aqua Squalane Moisturizing Cream 60ml</p> </div> </details> <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@the-garden.tn</li> <li>Please click here for more details>>> <a href="https://the-garden.tn/pages/return-policy" title="Return & Exchange Policy">Return & Exchange Policy</a></li> </ul> </div> </details> </section> <div class="gs-band"> <h2 class="gs-band__label">Discover</h2> </div> <div class="gs-band"> <h2 class="gs-band__label">Random picks</h2> <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://the-garden.tn/?x=400221558123275"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://the-garden.tn/?x=400221558123275">CASIERPIECES 24TIR POLY 14 3"LAX22 5"HX10 4"P - CF289 Fusils à calfeutrer</a> <p class="ep-rp__price">US$ 157.75</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.7 (23 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://the-garden.tn/?x=400245997903707"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://the-garden.tn/?x=400245997903707">CASIERPIECES 18TIR POLY 21"LAX12 2"HX10 4"P - CF293 Marteaux rotatifs</a> <p class="ep-rp__price">US$ 189.85</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.0 (27 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://the-garden.tn/?x=400292813924380"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://the-garden.tn/?x=400292813924380">ENS. DOUILLE MET. PRISE 1/2 6 PANS A FRAPPE (10 PIECES) - J74202 Pointes de contact</a> <p class="ep-rp__price">US$ 133.34</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.1 (8 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://the-garden.tn/?x=400237930770354"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://the-garden.tn/?x=400237930770354">ENS. DOUILLE MET. PRISE 1/2 6 PANS A FRAPPE 8-36MM (25 PIECES) - J74206 Accessories</a> <p class="ep-rp__price">US$ 243.61</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 5.0 (20 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://the-garden.tn/?x=400267646743870"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://the-garden.tn/?x=400267646743870">ENS.DOUILLE 15PCS COURT 1/2DR IMPACT 6PTS 10MM A 24MM - J74204 Étaux accessoires</a> <p class="ep-rp__price">US$ 112.15</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.6 (11 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://the-garden.tn/?x=400269547544127"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://the-garden.tn/?x=400269547544127">ARMOIRE PIECES 18 TIROIR SPS 13.9"LAX16.3"HX8.7"P - CF311 cordes</a> <p class="ep-rp__price">US$ 120.78</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.8 (10 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://the-garden.tn/?x=400293865804660"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://the-garden.tn/?x=400293865804660">BAC RANGEMENT 13 5/8" LO X 8 1/4" LA X6" H NOIR - CF382 Chiffons</a> <p class="ep-rp__price">US$ 21.23</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://the-garden.tn/?x=400271100324548"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://the-garden.tn/?x=400271100324548">ENS. DOUILLE MET. PRISE 1/2 LONGUE 6 PANS A FRAPPE (15 PIECES) - J74214 Étaux</a> <p class="ep-rp__price">US$ 177.99</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.9 (23 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://the-garden.tn/?x=400287914754487"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://the-garden.tn/?x=400287914754487">DOUILLE 5/8 PRISE 1/2 COURTE 8 PANS A FRAPPE MAG. - J7420S Barres d'alimentation</a> <p class="ep-rp__price">US$ 20.86</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.3 (29 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://the-garden.tn/?x=400281936630362"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://the-garden.tn/?x=400281936630362">BAC RANGEMENT 13 5/8" LO X 8 1/4" LAX 6" H BLEU - CF383 Sableuses à ruban</a> <p class="ep-rp__price">US$ 21.23</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.3 (30 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://the-garden.tn/?x=400273797485206"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://the-garden.tn/?x=400273797485206">BAC RANGEMENT 13 5/8" LO X 8 1/4" LAX 6" H JAUNE QUS241 - CF384 Batteries</a> <p class="ep-rp__price">US$ 21.23</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.3 (29 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://the-garden.tn/?x=400215599987246"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://the-garden.tn/?x=400215599987246">CASIERPIECES POLY 16TIR 18 3"LAX13 8"HX8 7"P - CF305 Brosses & balais</a> <p class="ep-rp__price">US$ 157.65</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://the-garden.tn/?x=400227148684964"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://the-garden.tn/?x=400227148684964">CASIER PIECES 16 TIROIRS 23-1/10" X 8-7/10" X 13-4/5" GRIS - CF298 Agrafeuses</a> <p class="ep-rp__price">US$ 133.39</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.7 (8 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://the-garden.tn/?x=400239185444220"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://the-garden.tn/?x=400239185444220">BAC RANGEMENT 13 5/8"LO X 8 1/4"LA X 6"H VERT - CF387 Gants</a> <p class="ep-rp__price">US$ 21.23</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.2 (15 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://the-garden.tn/?x=400284178367878"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://the-garden.tn/?x=400284178367878">ENS. DOUILLE MET. PRISE 1/2 LONGUE 6 PANS A FRAPPE (15 PIECES) - J74217 Perceuses à colonne</a> <p class="ep-rp__price">US$ 247.26</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.0 (7 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://the-garden.tn/?x=400214055585329"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://the-garden.tn/?x=400214055585329">DOUILLE 18MM PRISE 1/2 COURTE 6 PANS A FRAPPE MAG. - J7418MHF Embouts tourne-écrous</a> <p class="ep-rp__price">US$ 49.78</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.7 (24 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://the-garden.tn/?x=40028778482839"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://the-garden.tn/?x=40028778482839">BAC RANGEMENT 13 5/8"LOX 8 1/4" LAX 6" H IVOIRE - CF386 Raccords</a> <p class="ep-rp__price">US$ 127.38</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.3 (24 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://the-garden.tn/?x=400221581244184"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://the-garden.tn/?x=400221581244184">BAC RANGEMENT 13 5/8" LO X 8 1/4" LA X 8" H NOIR - CF388 Ciseaux à bois</a> <p class="ep-rp__price">US$ 24.25</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://the-garden.tn/?x=400251008652606"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://the-garden.tn/?x=400251008652606">CASIERPIECES 20TIR POLY 18 3"LAX13.8"HX8 7"P - CF312 Marteaux</a> <p class="ep-rp__price">US$ 157.65</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.5 (19 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://the-garden.tn/?x=400279976616518"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://the-garden.tn/?x=400279976616518">Chimie Classe de 1re C et moderne numEditeur_577</a> <p class="ep-rp__price">US$ 48.90</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.6 (24 reviews)</p> </div> </article> </div> </section> </div> <section class="gs-reviews" aria-label="Reviews"> </section> <div class="gs-recommend gs-band"> <h2 class="gs-band__label">Recommended</h2> <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://the-garden.tn/?y=367233480043448"></a> <div class="ep-rc__body"> <a class="ep-rc__name" href="https://the-garden.tn/?y=367233480043448">CAFETERA RAF AUTOMATICA DE 600ML R.100 RAF</a> <p class="ep-rc__price">US$ 45.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.4 (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://the-garden.tn/?y=367254639195431"></a> <div class="ep-rc__body"> <a class="ep-rc__name" href="https://the-garden.tn/?y=367254639195431">Pantalones Zac & Rachel Liso Stretch para Damas ALPARGATAS CABALLEROS</a> <p class="ep-rc__price">US$ 1247.50</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.3 (17 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://the-garden.tn/?y=367299507549202"></a> <div class="ep-rc__body"> <a class="ep-rc__name" href="https://the-garden.tn/?y=367299507549202">Der kleine Esel Liebernicht - Einschlafen? Lieber nicht! (Loewe) Lista 4º Básico</a> <p class="ep-rc__price">US$ 7495.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 (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://the-garden.tn/?a=330559840856414"></a> <div class="ep-rc__body"> <a class="ep-rc__name" href="https://the-garden.tn/?a=330559840856414">EvexiGLPRO</a> <p class="ep-rc__price">US$ 23.69</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://the-garden.tn/?x=400219249188631"></a> <div class="ep-rc__body"> <a class="ep-rc__name" href="https://the-garden.tn/?x=400219249188631">MICROMETRE INTERIEUR 75 A 100MM-824MA - 824MA Toupies</a> <p class="ep-rc__price">US$ 299.75</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.3 (19 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://the-garden.tn/?v=943414217525642"></a> <div class="ep-rc__body"> <a class="ep-rc__name" href="https://the-garden.tn/?v=943414217525642">abib quick sunstick protection bar spf50 pa 22g 9g</a> <p class="ep-rc__price">US$ 139.50</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 (12 reviews)</p> <p class="ep-rc__sold">Sold : <a href="#">Login>></a></p> </div> </article> </div> </section> </div> </main> <footer class="gs-footer"> <div class="gs-footer__grid"> <div class="gs-footer__brand"> <h3>the-garden.tn</h3> <div class="gs-footer__social"> <a href="https://www.facebook.com/sharer.php?u=https://the-garden.tn/?x=40029165791749" 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://the-garden.tn/?x=40029165791749" 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://the-garden.tn/?x=40029165791749" 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="gs-footer__contact"> <h4>Contact</h4> <address><a href="mailto:contactus@the-garden.tn">contactus@the-garden.tn</a><br> the-garden.tn</address> </div> <div class="gs-footer__menu"> <h4>About</h4> <ul class="gs-footer__links"> <li><a href="https://the-garden.tn/pages/about-us">About Us</a></li> <li><a href="https://the-garden.tn/pages/contact-us">Contact Us</a></li> <li><a href="https://the-garden.tn/pages/faq">FAQ</a></li> <li><a href="https://the-garden.tn/pages/track-order">Track Order</a></li> </ul> </div> <div class="gs-footer__menu"> <h4>Policies</h4> <ul class="gs-footer__links"> <li><a href="https://the-garden.tn/policies/refund-policy">Refund Policy</a></li> <li><a href="https://the-garden.tn/policies/privacy-policy">Privacy Policy</a></li> <li><a href="https://the-garden.tn/policies/terms-of-service">Terms of Service</a></li> <li><a href="https://the-garden.tn/policies/shipping-policy">Shipping Policy</a></li> <li><a href="https://the-garden.tn/policies/contact-information">Contact Information</a></li> </ul> </div> </div> <div class="gs-footer__subscribe" style="max-width:var(--gs-max);margin:0 auto 28px;"> <h4>Glacier notes</h4> <form action="https://the-garden.tn/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 class="gs-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="gs-footer__bottom"> © 2026, the-garden.tn the-garden.tn · <a href="https://the-garden.tn/policies/refund-policy">Refund Policy</a> · <a href="https://the-garden.tn/policies/privacy-policy">Privacy Policy</a> · <a href="https://the-garden.tn/policies/terms-of-service">Terms of Service</a> · <a href="https://the-garden.tn/policies/shipping-policy">Shipping Policy</a> · <a href="https://the-garden.tn/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'); var promo = document.getElementById('gs-promo'); var promoClose = document.getElementById('promo-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(); }); if (promoClose && promo) { promoClose.addEventListener('click', function () { promo.classList.add('is-collapsed'); promo.setAttribute('aria-hidden', 'true'); }); } })(); </script> </body> </html>