{"id":2189,"date":"2025-02-10T12:19:47","date_gmt":"2025-02-10T12:19:47","guid":{"rendered":"https:\/\/herandmi.com\/shop\/"},"modified":"2025-11-10T22:41:25","modified_gmt":"2025-11-10T22:41:25","slug":"shop","status":"publish","type":"page","link":"https:\/\/ethio.herandmi.com\/am\/shop\/","title":{"rendered":"\u12ed\u130d\u12d9"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Her&Mi Hydrating Glow Serum<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <script src=\"https:\/\/scripts.sirv.com\/sirvjs\/v3\/sirv.js\"><\/script>\r\n <style>\r\n :root {\r\n --gold-gradient: linear-gradient(135deg, #D4AF37 0%, #F5E6A4 50%, #D4AF37 100%);\r\n --gold-color: #D4AF37;\r\n --light-gold: #F5E6A4;\r\n --dark-bg: #121212;\r\n --darker-bg: #0a0a0a;\r\n --card-bg: #1e1e1e;\r\n --light-text: #e0e0e0;\r\n --lighter-text: #f5f5f5;\r\n --border-radius: 12px;\r\n --box-shadow: 0 8px 24px rgba(0,0,0,0.3);\r\n --transition: all 0.3s ease;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n body {\r\n background-color: var(--dark-bg);\r\n color: var(--light-text);\r\n line-height: 1.6;\r\n padding: 20px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n }\r\n\r\n .product-section {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 30px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 50px;\r\n justify-content: center;\r\n background: var(--darker-bg);\r\n border-radius: var(--border-radius);\r\n box-shadow: var(--box-shadow);\r\n }\r\n\r\n .product-media {\r\n flex: 1;\r\n min-width: 300px;\r\n max-width: 500px;\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: var(--border-radius);\r\n box-shadow: var(--box-shadow);\r\n background: var(--card-bg);\r\n }\r\n\r\n .product-viewer {\r\n position: relative;\r\n width: 100%;\r\n height: 450px;\r\n overflow: hidden;\r\n background: #000;\r\n border-radius: var(--border-radius) var(--border-radius) 0 0;\r\n }\r\n\r\n .Sirv {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n }\r\n\r\n .product-image {\r\n width: 90%;\r\n height: 80%;\r\n object-fit: contain;\r\n display: none;\r\n margin-top: -45px;\r\n }\r\n\r\n .viewer-controls {\r\n display: flex;\r\n justify-content: center;\r\n padding: 20px;\r\n background: var(--card-bg);\r\n border-top: 1px solid #333;\r\n }\r\n\r\n .control-btn {\r\n background: var(--gold-gradient);\r\n border: none;\r\n color: #000;\r\n padding: 12px 24px;\r\n border-radius: 30px;\r\n cursor: pointer;\r\n font-weight: 600;\r\n transition: var(--transition);\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .control-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 12px rgba(212, 175, 55, 0.3);\r\n }\r\n\r\n .product-details {\r\n flex: 1;\r\n min-width: 300px;\r\n max-width: 600px;\r\n }\r\n\r\n .product-brand {\r\n font-size: 14px;\r\n color: var(--gold-color);\r\n margin-bottom: 5px;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n text-align: center;\r\n }\r\n\r\n .product-title {\r\n font-size: 32px;\r\n margin-bottom: 15px;\r\n line-height: 1.2;\r\n background: var(--gold-gradient);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n text-align: center;\r\n }\r\n\r\n .product-price {\r\n font-size: 28px;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n color: #ffffff !important;\r\n text-align: center;\r\n }\r\n\r\n .product-size {\r\n font-size: 18px;\r\n margin-bottom: 25px;\r\n color: var(--light-text);\r\n text-align: center;\r\n }\r\n\r\n .product-description {\r\n margin-bottom: 30px;\r\n color: var(--light-text);\r\n line-height: 1.7;\r\n text-align: center;\r\n }\r\n\r\n .read-more-btn {\r\n background: none;\r\n border: none;\r\n color: var(--gold-color);\r\n font-weight: 600;\r\n cursor: pointer;\r\n padding: 0;\r\n margin-top: 10px;\r\n text-decoration: underline;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n }\r\n\r\n .benefits-section {\r\n margin-bottom: 30px;\r\n background: var(--card-bg);\r\n border-radius: var(--border-radius);\r\n padding: 25px;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.2);\r\n }\r\n\r\n .benefits-title {\r\n font-size: 22px;\r\n margin-bottom: 20px;\r\n color: var(--gold-color);\r\n text-align: center;\r\n }\r\n\r\n .benefits-list {\r\n list-style-type: none;\r\n }\r\n\r\n .benefits-list li {\r\n margin-bottom: 15px;\r\n padding-left: 20px;\r\n position: relative;\r\n }\r\n\r\n .benefits-list li::before {\r\n content: '\u2022';\r\n position: absolute;\r\n left: 0;\r\n color: var(--gold-color);\r\n font-weight: bold;\r\n font-size: 18px;\r\n }\r\n\r\n .details-section {\r\n margin-bottom: 25px;\r\n background: var(--card-bg);\r\n border-radius: var(--border-radius);\r\n overflow: hidden;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.2);\r\n }\r\n\r\n .details-title {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 18px 20px;\r\n cursor: pointer;\r\n font-weight: 600;\r\n transition: var(--transition);\r\n color: var(--light-text);\r\n }\r\n\r\n .details-title:hover {\r\n background: rgba(255,255,255,0.05);\r\n }\r\n\r\n .details-title::after {\r\n content: '+';\r\n font-size: 22px;\r\n color: var(--gold-color);\r\n transition: var(--transition);\r\n }\r\n\r\n .details-title.active::after {\r\n transform: rotate(45deg);\r\n }\r\n\r\n .details-content {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.4s ease;\r\n padding: 0 20px;\r\n }\r\n\r\n .details-content.active {\r\n max-height: 1000px;\r\n padding: 20px;\r\n border-top: 1px solid #333;\r\n }\r\n\r\n .details-list {\r\n list-style-type: none;\r\n }\r\n\r\n .details-list li {\r\n margin-bottom: 12px;\r\n padding-left: 20px;\r\n position: relative;\r\n }\r\n\r\n .details-list li::before {\r\n content: '\u2022';\r\n position: absolute;\r\n left: 0;\r\n color: var(--gold-color);\r\n font-weight: bold;\r\n }\r\n\r\n .add-to-cart-btn {\r\n background: var(--gold-gradient);\r\n border: none;\r\n color: #000;\r\n padding: 18px 30px;\r\n border-radius: 30px;\r\n cursor: pointer;\r\n font-weight: 700;\r\n font-size: 18px;\r\n width: 100%;\r\n margin-top: 25px;\r\n transition: var(--transition);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 12px;\r\n text-decoration: none;\r\n }\r\n\r\n .add-to-cart-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 16px rgba(212, 175, 55, 0.4);\r\n }\r\n\r\n .modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0,0,0,0.85);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: var(--transition);\r\n padding: 20px;\r\n }\r\n\r\n .modal-overlay.active {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .modal-content {\r\n background: var(--card-bg);\r\n padding: 40px;\r\n border-radius: var(--border-radius);\r\n max-width: 800px;\r\n width: 100%;\r\n max-height: 85vh;\r\n overflow-y: auto;\r\n position: relative;\r\n transform: translateY(20px);\r\n transition: transform 0.4s ease;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.5);\r\n }\r\n\r\n .modal-overlay.active .modal-content {\r\n transform: translateY(0);\r\n }\r\n\r\n .close-modal {\r\n position: absolute;\r\n top: 20px;\r\n right: 20px;\r\n background: none;\r\n border: none;\r\n font-size: 28px;\r\n cursor: pointer;\r\n color: var(--light-text);\r\n transition: var(--transition);\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n }\r\n\r\n .close-modal:hover {\r\n background: rgba(255,255,255,0.1);\r\n }\r\n\r\n .modal-title {\r\n margin-bottom: 25px;\r\n padding-bottom: 15px;\r\n border-bottom: 1px solid #333;\r\n font-size: 28px;\r\n background: var(--gold-gradient);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n text-align: center;\r\n }\r\n\r\n .modal-section {\r\n margin-bottom: 25px;\r\n }\r\n\r\n .modal-section h3 {\r\n margin-bottom: 15px;\r\n color: var(--gold-color);\r\n font-size: 20px;\r\n }\r\n\r\n .modal-section p, .modal-section ul {\r\n margin-bottom: 15px;\r\n }\r\n\r\n .cart-message {\r\n position: fixed;\r\n top: 20px;\r\n right: 20px;\r\n background: var(--card-bg);\r\n color: var(--light-text);\r\n padding: 15px 25px;\r\n border-radius: var(--border-radius);\r\n box-shadow: var(--box-shadow);\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n z-index: 1001;\r\n transform: translateX(150%);\r\n transition: transform 0.4s ease;\r\n border-left: 4px solid var(--gold-color);\r\n }\r\n\r\n .cart-message.show {\r\n transform: translateX(0);\r\n }\r\n\r\n .additional-info {\r\n margin-top: 25px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 25px;\r\n }\r\n\r\n \/* Image Popup Styles - Fixed with even smaller size *\/\r\n .image-popup-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0,0,0,0.95);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 2000;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: var(--transition);\r\n }\r\n\r\n .image-popup-overlay.active {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .image-popup-content {\r\n max-width: 35%; \/* Further reduced size *\/\r\n max-height: 35%; \/* Further reduced size *\/\r\n position: relative;\r\n transform: scale(0.8);\r\n transition: transform 0.4s ease;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .image-popup-overlay.active .image-popup-content {\r\n transform: scale(1);\r\n }\r\n\r\n .image-popup-content img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n border-radius: var(--border-radius);\r\n }\r\n\r\n .close-popup {\r\n position: absolute;\r\n top: 20px;\r\n right: 20px;\r\n background: rgba(0,0,0,0.7);\r\n border: none;\r\n font-size: 24px;\r\n cursor: pointer;\r\n color: white;\r\n transition: var(--transition);\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n z-index: 2001;\r\n }\r\n\r\n .close-popup:hover {\r\n background: rgba(0,0,0,0.9);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .product-section {\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 20px;\r\n gap: 30px;\r\n }\r\n \r\n .product-media, .product-details {\r\n max-width: 100%;\r\n }\r\n \r\n .product-title {\r\n font-size: 26px;\r\n }\r\n \r\n .modal-content {\r\n padding: 25px;\r\n }\r\n \r\n .cart-message {\r\n top: 10px;\r\n right: 10px;\r\n left: 10px;\r\n transform: translateY(-150%);\r\n }\r\n \r\n .cart-message.show {\r\n transform: translateY(0);\r\n }\r\n \r\n .image-popup-content {\r\n max-width: 90%;\r\n max-height: 90%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"product-section\">\r\n <div class=\"product-media\">\r\n <div class=\"product-viewer\">\r\n <div class=\"Sirv\" data-src=\"https:\/\/premiumproductphotos.sirv.com\/Her%20%26%20Mi\/Her%20%26%20Mi.spin\"><\/div>\r\n <img decoding=\"async\" loading=\"lazy\" class=\"product-image\" id=\"productImage\" src=\"https:\/\/herandmi.com\/wp-content\/uploads\/2025\/11\/BoxnBottle-scaled.jpg\" alt=\"Her&Mi Hydrating Glow Serum\">\r\n <\/div>\r\n <div class=\"viewer-controls\">\r\n <button class=\"control-btn\" id=\"toggleViewer\">\r\n <i class=\"fas fa-image\"><\/i>\r\n <span id=\"viewerText\">Show Image<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <!-- Additional Information Sections as Dropdowns -->\r\n <div class=\"additional-info\">\r\n <div class=\"details-section\">\r\n <div class=\"details-title active\" id=\"howToUseTitle\">How to Use<\/div>\r\n <div class=\"details-content active\" id=\"howToUseContent\">\r\n <ul class=\"details-list\">\r\n <li>Apply 2-3 drops to clean, dry skin in the morning and evening.<\/li>\r\n <li>Gently pat the serum onto your face until it is fully absorbed.<\/li>\r\n <li>Follow with your favorite moisturizer to lock in the glow.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"details-section\">\r\n <div class=\"details-title\" id=\"ingredientsListTitle\">Ingredients<\/div>\r\n <div class=\"details-content\" id=\"ingredientsListContent\">\r\n <p>WATER\/AQUA, Glycerin, 3-O-Ethyl Ascorbic Acid (Vitamin C), Niacinamide, Sodium Hyaluronate (Hyaluronic Acid), Tocopheryl Acetate (Vitamin E), Centella Asiatica Extract, Oat (Avena Sativa) Extract.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"details-section\">\r\n <div class=\"details-title\" id=\"shippingTitle\">Shipping & Delivery<\/div>\r\n <div class=\"details-content\" id=\"shippingContent\">\r\n <p>We carefully ship our HER&MI Serums from Ontario, Canada.<\/p>\r\n <ul class=\"details-list\">\r\n <li>Orders are packed with care and shipped within 1\u20132 business days<\/li>\r\n <li>We currently ship across Canada and the U.S.<\/li>\r\n <li>Shipping costs are calculated at checkout.<\/li>\r\n <li>Complimentary shipping offers are coming soon * join our newsletter to be the first to know!<\/li>\r\n <\/ul>\r\n <p>Dedicated email: <a href=\"mailto:order@herandmi.com\" style=\"color: var(--gold-color);\">order@herandmi.com<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-details\">\r\n <p class=\"product-brand\">Her&Mi<\/p>\r\n <h1 class=\"product-title\">Hydrating Glow Serum<\/h1>\r\n <p class=\"product-price\">$22.95<\/p>\r\n <p class=\"product-size\">1 FL OZ (30 mL)<\/p>\r\n <p class=\"product-description\">\r\n Unlock your skin's maximum radiance with the Her&Mi Hydrating Glow Serum. This luxurious, high-performance serum is a triple-threat formula, infused with powerhouse ingredients Niacinamide, Vitamin C, and Hyaluronic Acid. Designed to work on all skin types, it delivers intense hydration, superior brightening, and a smoothing effect for protected, truly radiant skin.\r\n <button class=\"read-more-btn\" id=\"readMoreBtn\">\r\n Read More <i class=\"fas fa-chevron-right\"><\/i>\r\n <\/button>\r\n <\/p>\r\n\r\n <div class=\"benefits-section\">\r\n <h3 class=\"benefits-title\">Key Benefits<\/h3>\r\n <ul class=\"benefits-list\">\r\n <li><strong>Hydrates & Plumps:<\/strong> Deeply infuses the skin with moisture for a plumping and firming effect.<\/li>\r\n <li><strong>Brightens & Evens:<\/strong> Vitamin C brightens and reduces dullness, promoting an even, luminous complexion.<\/li>\r\n <li><strong>Barrier-Boosting:<\/strong> Strengthens the skin's natural moisture barrier for a healthier, more resilient look.<\/li>\r\n <li><strong>Pore-Minimizing:<\/strong> Helps to refine and minimize the appearance of pores for a smoother skin texture.<\/li>\r\n <li><strong>Smooths & Protects:<\/strong> Leaves skin feeling soft and smooth while providing antioxidant protection against environmental stressors.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"details-section\">\r\n <div class=\"details-title\" id=\"ingredientsTitle\">Star Ingredients<\/div>\r\n <div class=\"details-content\" id=\"ingredientsContent\">\r\n <ul class=\"details-list\">\r\n <li><strong>Niacinamide (Vitamin B3):<\/strong> A skin-restoring vitamin that visibly reduces the appearance of pores, helps balance oil, and strengthens the skin barrier.<\/li>\r\n <li><strong>3-O-Ethyl Ascorbic Acid (Vitamin C):<\/strong> A highly stable and potent form of Vitamin C known for its powerful antioxidant properties to brighten, fight free radicals, and boost collagen production.<\/li>\r\n <li><strong>Sodium Hyaluronate (Hyaluronic Acid):<\/strong> A moisture magnet that draws water into the skin, instantly smoothing and reducing the look of fine lines by delivering long-lasting hydration.<\/li>\r\n <li><strong>Tocopheryl Acetate (Vitamin E):<\/strong> An essential antioxidant that nourishes the skin and offers an extra layer of protection.<\/li>\r\n <li><strong>Centella Asiatica Extract:<\/strong> A soothing ingredient that calms the skin and supports a healthy skin barrier function.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"details-section\">\r\n <div class=\"details-title\" id=\"cautionTitle\">Caution & Storage<\/div>\r\n <div class=\"details-content\" id=\"cautionContent\">\r\n <ul class=\"details-list\">\r\n <li>For external use only.<\/li>\r\n <li>Prior to first use, we recommend performing a patch test on a small area (such as behind the ear). Discontinue use if discomfort or adverse reactions occur.<\/li>\r\n <li>Store in a cool, dry place away from direct sunlight.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/herandmi.com\/?add-to-cart=5424&quantity=1\" class=\"add-to-cart-btn\" id=\"addToCartBtn\">\r\n <i class=\"fas fa-shopping-cart\"><\/i>\r\n Add to Cart - $22.95\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"modal-overlay\" id=\"descriptionModal\">\r\n <div class=\"modal-content\">\r\n <button class=\"close-modal\" id=\"closeModal\">×<\/button>\r\n <h2 class=\"modal-title\">Complete Product Details<\/h2>\r\n \r\n <div class=\"modal-section\">\r\n <h3>Product Summary<\/h3>\r\n <p>Unlock your skin's maximum radiance with the Her&Mi Hydrating Glow Serum. This luxurious, high-performance serum is a triple-threat formula, infused with powerhouse ingredients Niacinamide, Vitamin C, and Hyaluronic Acid. Designed to work on all skin types, it delivers intense hydration, superior brightening, and a smoothing effect for protected, truly radiant skin.<\/p>\r\n <\/div>\r\n \r\n <div class=\"modal-section\">\r\n <h3>Key Benefits<\/h3>\r\n <ul class=\"details-list\">\r\n <li><strong>Hydrates & Plumps:<\/strong> Deeply infuses the skin with moisture for a plumping and firming effect.<\/li>\r\n <li><strong>Brightens & Evens:<\/strong> Vitamin C brightens and reduces dullness, promoting an even, luminous complexion.<\/li>\r\n <li><strong>Barrier-Boosting:<\/strong> Strengthens the skin's natural moisture barrier for a healthier, more resilient look.<\/li>\r\n <li><strong>Pore-Minimizing:<\/strong> Helps to refine and minimize the appearance of pores for a smoother skin texture.<\/li>\r\n <li><strong>Smooths & Protects:<\/strong> Leaves skin feeling soft and smooth while providing antioxidant protection against environmental stressors.<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"modal-section\">\r\n <h3>Star Ingredients<\/h3>\r\n <ul class=\"details-list\">\r\n <li><strong>Niacinamide (Vitamin B3):<\/strong> A skin-restoring vitamin that visibly reduces the appearance of pores, helps balance oil, and strengthens the skin barrier.<\/li>\r\n <li><strong>3-O-Ethyl Ascorbic Acid (Vitamin C):<\/strong> A highly stable and potent form of Vitamin C known for its powerful antioxidant properties to brighten, fight free radicals, and boost collagen production.<\/li>\r\n <li><strong>Sodium Hyaluronate (Hyaluronic Acid):<\/strong> A moisture magnet that draws water into the skin, instantly smoothing and reducing the look of fine lines by delivering long-lasting hydration.<\/li>\r\n <li><strong>Tocopheryl Acetate (Vitamin E):<\/strong> An essential antioxidant that nourishes the skin and offers an extra layer of protection.<\/li>\r\n <li><strong>Centella Asiatica Extract:<\/strong> A soothing ingredient that calms the skin and supports a healthy skin barrier function.<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"modal-section\">\r\n <h3>How to Use<\/h3>\r\n <ul class=\"details-list\">\r\n <li>Apply 2-3 drops to clean, dry skin in the morning and evening.<\/li>\r\n <li>Gently pat the serum onto your face until it is fully absorbed.<\/li>\r\n <li>Follow with your favorite moisturizer to lock in the glow.<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"modal-section\">\r\n <h3>Ingredients<\/h3>\r\n <p>WATER\/AQUA, Glycerin, 3-O-Ethyl Ascorbic Acid (Vitamin C), Niacinamide, Sodium Hyaluronate (Hyaluronic Acid), Tocopheryl Acetate (Vitamin E), Centella Asiatica Extract, Oat (Avena Sativa) Extract.<\/p>\r\n <\/div>\r\n \r\n <div class=\"modal-section\">\r\n <h3>Caution & Storage<\/h3>\r\n <ul class=\"details-list\">\r\n <li>For external use only.<\/li>\r\n <li>Prior to first use, we recommend performing a patch test on a small area (such as behind the ear). Discontinue use if discomfort or adverse reactions occur.<\/li>\r\n <li>Store in a cool, dry place away from direct sunlight.<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"modal-section\">\r\n <h3>Shipping & Delivery<\/h3>\r\n <p>We carefully ship our HER&MI Serums from Ontario, Canada.<\/p>\r\n <ul class=\"details-list\">\r\n <li>Orders are packed with care and shipped within 1\u20132 business days<\/li>\r\n <li>We currently ship across Canada and the U.S.<\/li>\r\n <li>Shipping costs are calculated at checkout.<\/li>\r\n <li>Complimentary shipping offers are coming soon * join our newsletter to be the first to know!<\/li>\r\n <\/ul>\r\n <p>Dedicated email: <a href=\"mailto:order@herandmi.com\" style=\"color: var(--gold-color);\">order@herandmi.com<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Image Popup Modal -->\r\n <div class=\"image-popup-overlay\" id=\"imagePopup\">\r\n <button class=\"close-popup\" id=\"closeImagePopup\">×<\/button>\r\n <div class=\"image-popup-content\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/herandmi.com\/wp-content\/uploads\/2025\/11\/BoxnBottle-scaled.jpg\" alt=\"Her&Mi Hydrating Glow Serum\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cart-message\" id=\"cartMessage\">\r\n <i class=\"fas fa-check-circle\" style=\"color: var(--gold-color);\"><\/i>\r\n <span>Product successfully added to cart!<\/span>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Toggle between spin and image\r\n const toggleViewerBtn = document.getElementById('toggleViewer');\r\n const viewerText = document.getElementById('viewerText');\r\n const sirvElement = document.querySelector('.Sirv');\r\n const productImage = document.getElementById('productImage');\r\n let isSpinViewerActive = true;\r\n\r\n \/\/ Initialize the spin viewer to be visible\r\n sirvElement.style.display = 'block';\r\n productImage.style.display = 'none';\r\n\r\n toggleViewerBtn.addEventListener('click', function() {\r\n if (isSpinViewerActive) {\r\n \/\/ Switch to image\r\n sirvElement.style.display = 'none';\r\n productImage.style.display = 'block';\r\n viewerText.textContent = 'Show 360\u00b0 View';\r\n isSpinViewerActive = false;\r\n } else {\r\n \/\/ Switch to spin\r\n productImage.style.display = 'none';\r\n sirvElement.style.display = 'block';\r\n viewerText.textContent = 'Show Image';\r\n isSpinViewerActive = true;\r\n }\r\n });\r\n\r\n \/\/ Image popup functionality\r\n const imagePopup = document.getElementById('imagePopup');\r\n const closeImagePopup = document.getElementById('closeImagePopup');\r\n \r\n \/\/ Show image popup when clicking the product image\r\n productImage.addEventListener('click', function() {\r\n if (this.style.display === 'block') {\r\n imagePopup.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n });\r\n\r\n closeImagePopup.addEventListener('click', function() {\r\n imagePopup.classList.remove('active');\r\n document.body.style.overflow = '';\r\n });\r\n\r\n \/\/ Close image popup when clicking outside the image\r\n imagePopup.addEventListener('click', function(e) {\r\n if (e.target === imagePopup) {\r\n imagePopup.classList.remove('active');\r\n document.body.style.overflow = '';\r\n }\r\n });\r\n\r\n \/\/ Toggle details sections on right side\r\n const ingredientsTitle = document.getElementById('ingredientsTitle');\r\n const ingredientsContent = document.getElementById('ingredientsContent');\r\n const cautionTitle = document.getElementById('cautionTitle');\r\n const cautionContent = document.getElementById('cautionContent');\r\n\r\n ingredientsTitle.addEventListener('click', function() {\r\n this.classList.toggle('active');\r\n ingredientsContent.classList.toggle('active');\r\n });\r\n\r\n cautionTitle.addEventListener('click', function() {\r\n this.classList.toggle('active');\r\n cautionContent.classList.toggle('active');\r\n });\r\n\r\n \/\/ Toggle info sections on left side\r\n const howToUseTitle = document.getElementById('howToUseTitle');\r\n const howToUseContent = document.getElementById('howToUseContent');\r\n const ingredientsListTitle = document.getElementById('ingredientsListTitle');\r\n const ingredientsListContent = document.getElementById('ingredientsListContent');\r\n const shippingTitle = document.getElementById('shippingTitle');\r\n const shippingContent = document.getElementById('shippingContent');\r\n\r\n howToUseTitle.addEventListener('click', function() {\r\n this.classList.toggle('active');\r\n howToUseContent.classList.toggle('active');\r\n });\r\n\r\n ingredientsListTitle.addEventListener('click', function() {\r\n this.classList.toggle('active');\r\n ingredientsListContent.classList.toggle('active');\r\n });\r\n\r\n shippingTitle.addEventListener('click', function() {\r\n this.classList.toggle('active');\r\n shippingContent.classList.toggle('active');\r\n });\r\n\r\n \/\/ Modal functionality\r\n const readMoreBtn = document.getElementById('readMoreBtn');\r\n const descriptionModal = document.getElementById('descriptionModal');\r\n const closeModal = document.getElementById('closeModal');\r\n\r\n readMoreBtn.addEventListener('click', function() {\r\n descriptionModal.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n });\r\n\r\n closeModal.addEventListener('click', function() {\r\n descriptionModal.classList.remove('active');\r\n document.body.style.overflow = '';\r\n });\r\n\r\n \/\/ Close modal when clicking outside the content\r\n descriptionModal.addEventListener('click', function(e) {\r\n if (e.target === descriptionModal) {\r\n descriptionModal.classList.remove('active');\r\n document.body.style.overflow = '';\r\n }\r\n });\r\n\r\n \/\/ Cart message animation\r\n const addToCartBtn = document.getElementById('addToCartBtn');\r\n const cartMessage = document.getElementById('cartMessage');\r\n\r\n addToCartBtn.addEventListener('click', function(e) {\r\n e.preventDefault(); \/\/ Prevent instant redirect\r\n cartMessage.classList.add('show');\r\n setTimeout(() => {\r\n cartMessage.classList.remove('show');\r\n window.location.href = this.href; \/\/ Then go to cart\r\n }, 1500);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Her&Mi Hydrating Glow Serum Show Image How to Use Apply 2-3 drops to clean, dry skin in the morning and […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2189","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Shop - Her&Mi<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ethio.herandmi.com\/am\/shop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Shop - Her&Mi\" \/>\n<meta property=\"og:description\" content=\"Her&Mi Hydrating Glow Serum Show Image How to Use Apply 2-3 drops to clean, dry skin in the morning and […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ethio.herandmi.com\/am\/shop\/\" \/>\n<meta property=\"og:site_name\" content=\"Her&Mi\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-10T22:41:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/herandmi.com\/wp-content\/uploads\/2025\/11\/BoxnBottle-scaled.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 \u12f0\u1242\u1243\u12ce\u127d\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ethio.herandmi.com\\\/shop\\\/\",\"url\":\"https:\\\/\\\/ethio.herandmi.com\\\/shop\\\/\",\"name\":\"Shop - Her&Mi\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ethio.herandmi.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ethio.herandmi.com\\\/shop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ethio.herandmi.com\\\/shop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/herandmi.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/BoxnBottle-scaled.jpg\",\"datePublished\":\"2025-02-10T12:19:47+00:00\",\"dateModified\":\"2025-11-10T22:41:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ethio.herandmi.com\\\/shop\\\/#breadcrumb\"},\"inLanguage\":\"am\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ethio.herandmi.com\\\/shop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"am\",\"@id\":\"https:\\\/\\\/ethio.herandmi.com\\\/shop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/herandmi.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/BoxnBottle-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/herandmi.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/BoxnBottle-scaled.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ethio.herandmi.com\\\/shop\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ethio.herandmi.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Shop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ethio.herandmi.com\\\/#website\",\"url\":\"https:\\\/\\\/ethio.herandmi.com\\\/\",\"name\":\"Her&Mi\",\"description\":\"Glow naturally - Age confidently\",\"publisher\":{\"@id\":\"https:\\\/\\\/ethio.herandmi.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ethio.herandmi.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"am\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ethio.herandmi.com\\\/#organization\",\"name\":\"Her&Mi\",\"url\":\"https:\\\/\\\/ethio.herandmi.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"am\",\"@id\":\"https:\\\/\\\/ethio.herandmi.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ethio.herandmi.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/Logo-01_1_-2-scaled.png\",\"contentUrl\":\"https:\\\/\\\/ethio.herandmi.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/Logo-01_1_-2-scaled.png\",\"width\":2560,\"height\":2560,\"caption\":\"Her&Mi\"},\"image\":{\"@id\":\"https:\\\/\\\/ethio.herandmi.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Shop - Her&Mi","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ethio.herandmi.com\/am\/shop\/","og_locale":"en_US","og_type":"article","og_title":"Shop - Her&Mi","og_description":"Her&Mi Hydrating Glow Serum Show Image How to Use Apply 2-3 drops to clean, dry skin in the morning and […]","og_url":"https:\/\/ethio.herandmi.com\/am\/shop\/","og_site_name":"Her&Mi","article_modified_time":"2025-11-10T22:41:25+00:00","og_image":[{"url":"https:\/\/herandmi.com\/wp-content\/uploads\/2025\/11\/BoxnBottle-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"10 \u12f0\u1242\u1243\u12ce\u127d"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ethio.herandmi.com\/shop\/","url":"https:\/\/ethio.herandmi.com\/shop\/","name":"Shop - Her&Mi","isPartOf":{"@id":"https:\/\/ethio.herandmi.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ethio.herandmi.com\/shop\/#primaryimage"},"image":{"@id":"https:\/\/ethio.herandmi.com\/shop\/#primaryimage"},"thumbnailUrl":"https:\/\/herandmi.com\/wp-content\/uploads\/2025\/11\/BoxnBottle-scaled.jpg","datePublished":"2025-02-10T12:19:47+00:00","dateModified":"2025-11-10T22:41:25+00:00","breadcrumb":{"@id":"https:\/\/ethio.herandmi.com\/shop\/#breadcrumb"},"inLanguage":"am","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ethio.herandmi.com\/shop\/"]}]},{"@type":"ImageObject","inLanguage":"am","@id":"https:\/\/ethio.herandmi.com\/shop\/#primaryimage","url":"https:\/\/herandmi.com\/wp-content\/uploads\/2025\/11\/BoxnBottle-scaled.jpg","contentUrl":"https:\/\/herandmi.com\/wp-content\/uploads\/2025\/11\/BoxnBottle-scaled.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/ethio.herandmi.com\/shop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ethio.herandmi.com\/"},{"@type":"ListItem","position":2,"name":"Shop"}]},{"@type":"WebSite","@id":"https:\/\/ethio.herandmi.com\/#website","url":"https:\/\/ethio.herandmi.com\/","name":"Her&Mi","description":"Glow naturally - Age confidently","publisher":{"@id":"https:\/\/ethio.herandmi.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ethio.herandmi.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"am"},{"@type":"Organization","@id":"https:\/\/ethio.herandmi.com\/#organization","name":"Her&Mi","url":"https:\/\/ethio.herandmi.com\/","logo":{"@type":"ImageObject","inLanguage":"am","@id":"https:\/\/ethio.herandmi.com\/#\/schema\/logo\/image\/","url":"https:\/\/ethio.herandmi.com\/wp-content\/uploads\/2025\/08\/Logo-01_1_-2-scaled.png","contentUrl":"https:\/\/ethio.herandmi.com\/wp-content\/uploads\/2025\/08\/Logo-01_1_-2-scaled.png","width":2560,"height":2560,"caption":"Her&Mi"},"image":{"@id":"https:\/\/ethio.herandmi.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ethio.herandmi.com\/am\/wp-json\/wp\/v2\/pages\/2189","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ethio.herandmi.com\/am\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ethio.herandmi.com\/am\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ethio.herandmi.com\/am\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ethio.herandmi.com\/am\/wp-json\/wp\/v2\/comments?post=2189"}],"version-history":[{"count":20,"href":"https:\/\/ethio.herandmi.com\/am\/wp-json\/wp\/v2\/pages\/2189\/revisions"}],"predecessor-version":[{"id":5647,"href":"https:\/\/ethio.herandmi.com\/am\/wp-json\/wp\/v2\/pages\/2189\/revisions\/5647"}],"wp:attachment":[{"href":"https:\/\/ethio.herandmi.com\/am\/wp-json\/wp\/v2\/media?parent=2189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}