{"id":5548,"date":"2026-05-23T22:19:54","date_gmt":"2026-05-23T22:19:54","guid":{"rendered":"https:\/\/essencemakeup.it.com\/?page_id=5548"},"modified":"2026-06-22T21:21:49","modified_gmt":"2026-06-22T21:21:49","slug":"new-home","status":"publish","type":"page","link":"https:\/\/www.essencemakeup.it.com\/","title":{"rendered":"NEW HOME"},"content":{"rendered":"\t\t
\n\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 Sale Banner Component<\/title>\r\n <style>\r\n \/* ======================\r\n \u72ec\u7acb\u547d\u540d\u7a7a\u95f4\uff1a\u901a\u7528\u540d+\u968f\u673a\u5b57\u7b26\u4e32\r\n \u5f7b\u5e95\u907f\u514d\u4e0e\u5176\u4ed6CSS\u51b2\u7a81\r\n ====================== *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .banner-component-7f9d2 {\r\n width: 100%;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n background-color: #ffffff;\r\n }\r\n\r\n .banner-wrapper-7f9d2 {\r\n width: 100%;\r\n max-width: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u684c\u9762\u7aef\u5e03\u5c40\uff1a\u80cc\u666f\u56fe+\u6587\u5b57\u53e0\u52a0 *\/\r\n @media (min-width: 768px) {\r\n .banner-inner-7f9d2 {\r\n position: relative;\r\n width: 100%;\r\n height: 0;\r\n \/* \u9002\u914d\u622a\u56fe\u6bd4\u4f8b\uff1a\u5bbd\u9ad8\u6bd4\u7ea6\u4e3a 100:53 *\/\r\n padding-bottom: 53%;\r\n background: url('\/wp-content\/uploads\/2026\/05\/10001.jpg') center center \/ cover no-repeat;\r\n }\r\n\r\n .banner-content-7f9d2 {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n align-items: flex-start;\r\n padding: 0 5% 3% 5%;\r\n }\r\n\r\n .banner-title-7f9d2 {\r\n font-size: clamp(3rem, 7vw, 6rem);\r\n font-weight: 800;\r\n color: #ffffff;\r\n text-transform: uppercase;\r\n line-height: 1;\r\n margin-bottom: 1.5rem;\r\n text-shadow: 1px 1px 4px rgba(0,0,0,0.2);\r\n }\r\n\r\n .banner-btn-7f9d2 {\r\n display: inline-block;\r\n padding: 0.8rem 4rem;\r\n background-color: #ffd4e7;\r\n color: #bd198d;\r\n border-radius: 2rem;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 12px rgba(255, 179, 217, 0.3);\r\n }\r\n\r\n .banner-btn-7f9d2:hover {\r\n background-color: #ffffff;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 16px rgba(255, 128, 191, 0.4);\r\n }\r\n\r\n \/* \u79fb\u52a8\u7aef\u5143\u7d20\u9690\u85cf *\/\r\n .banner-mobile-image-7f9d2,\r\n .banner-mobile-content-7f9d2 {\r\n display: none;\r\n }\r\n }\r\n\r\n \/* \u79fb\u52a8\u7aef\u5e03\u5c40\uff1a\u56fe\u7247\u5728\u4e0a\uff0c\u6587\u5b57\/\u6309\u94ae\u5728\u4e0b\uff08\u5168\u6846\u5e03\u5c40\uff09 *\/\r\n @media (max-width: 767px) {\r\n .banner-inner-7f9d2 {\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n }\r\n\r\n \/* \u79fb\u52a8\u7aef\u56fe\u7247\u5bb9\u5668 *\/\r\n .banner-mobile-image-7f9d2 {\r\n width: 100%;\r\n height: 0;\r\n \/* \u9002\u914d\u622a\u56fe\u7ad6\u7248\u6bd4\u4f8b\uff1a\u7ea6 100:80 *\/\r\n padding-bottom: 80%;\r\n background: url('\/wp-content\/uploads\/2026\/05\/10001.jpg') center center \/ cover no-repeat;\r\n }\r\n\r\n \/* \u79fb\u52a8\u7aef\u6587\u5b57\/\u6309\u94ae\u5bb9\u5668 \u2014\u2014 \u5168\u90e8\u6539\u4e3a\u9760\u5de6 *\/\r\n .banner-mobile-content-7f9d2 {\r\n padding: 1rem 5% 5rem;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start; \/* \ud83d\udc48 \u9760\u5de6 *\/\r\n text-align: left; \/* \ud83d\udc48 \u6587\u5b57\u9760\u5de6 *\/\r\n background-color: #ffffff;\r\n }\r\n\r\n .banner-title-7f9d2 {\r\n font-size: clamp(2rem, 10vw, 4rem);\r\n font-weight: 800;\r\n color: #aa198d;\r\n text-transform: uppercase;\r\n line-height: 1.1;\r\n margin-bottom: 1rem;\r\n text-align: left; \/* \ud83d\udc48 \u6807\u9898\u9760\u5de6 *\/\r\n }\r\n\r\n \/* \u624b\u673a\u7aef\u6309\u94ae\u5927\u5c0f *\/\r\n .banner-btn-7f9d2 {\r\n display: inline-block;\r\n padding: 0.2rem 1.2rem;\r\n background-color: #ffd4e7;\r\n color: #bd198d;\r\n border: 2px solid #bd198d;\r\n border-radius: 50px;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n \/* \u684c\u9762\u7aef\u5143\u7d20\u9690\u85cf *\/\r\n .banner-content-7f9d2 {\r\n display: none;\r\n }\r\n }\r\n\r\n \/* \u6de1\u5165\u52a8\u753b *\/\r\n @keyframes bannerFadeIn-7f9d2 {\r\n from { opacity: 0; transform: translateY(15px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .banner-animate-7f9d2 {\r\n animation: bannerFadeIn-7f9d2 0.8s ease-out forwards;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"banner-component-7f9d2\">\r\n <div class=\"banner-wrapper-7f9d2\">\r\n <div class=\"banner-inner-7f9d2\">\r\n <!-- \u684c\u9762\u7aef -->\r\n <div class=\"banner-content-7f9d2 banner-animate-7f9d2\">\r\n <h1 class=\"banner-title-7f9d2\">\r\n 60% OFF<br>SITE-WIDE\r\n <\/h1>\r\n <a href=\"#\" class=\"banner-btn-7f9d2\">SHOP SALE<\/a>\r\n <\/div>\r\n\r\n <!-- \u79fb\u52a8\u7aef\uff08\u540c\u6b65\u4fee\u6539\u4e3a 60% OFF SITE-WIDE\uff09 -->\r\n <div class=\"banner-mobile-image-7f9d2\"><\/div>\r\n <div class=\"banner-mobile-content-7f9d2 banner-animate-7f9d2\">\r\n <h1 class=\"banner-title-7f9d2\">\r\n 60% OFF<br>SITE-WIDE\r\n <\/h1>\r\n <a href=\"#\" class=\"banner-btn-7f9d2\">SHOP SALE<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ \u57fa\u7840\u4ea4\u4e92\u903b\u8f91\uff08\u7eaf\u539f\u751fJS\uff0c\u65e0\u6846\u67b6\uff09\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const bannerButton = document.querySelector('.banner-btn-7f9d2');\r\n if (bannerButton) {\r\n bannerButton.addEventListener('click', function(e) {\r\n console.log('Sale banner button clicked');\r\n });\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-177fd44 e-con-full elementor-hidden-desktop e-flex e-con e-parent\" data-id=\"177fd44\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ha_eqh_enable":false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bc8d97 elementor-widget elementor-widget-html\" data-id=\"7bc8d97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Essence Banners<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n body {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n background-color: #fff;\r\n }\r\n\r\n \/* \ud83d\udc47 \u4fee\u590d\u8986\u76d6\u7684\u5173\u952e\uff1a\u9694\u79bb\u5c42\uff0c\u8ba9\u4e24\u4e2aBanner\u4e92\u4e0d\u5e72\u6270 *\/\r\n .banner-wrap {\r\n width: 100%;\r\n position: relative;\r\n overflow: visible;\r\n margin-bottom: 5px;\r\n }\r\n\r\n \/* =================================== *\/\r\n \/* \u4ee3\u78011 \u5168\u90e8\u6837\u5f0f *\/\r\n \/* =================================== *\/\r\n .essence-double-banners-container-2a7b {\r\n width: 100%;\r\n max-width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n padding: 0;\r\n overflow: hidden;\r\n }\r\n .essence-banner-card-2a7b {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n \/* \ud83d\udc47 \u589e\u52a0\u5e95\u90e8\u5185\u8fb9\u8ddd\uff0c\u8ba9\u6309\u94ae\u5b8c\u6574\u663e\u793a *\/\r\n padding-bottom: 0px;\r\n }\r\n .essence-banner-image-wrap-2a7b {\r\n width: 100%;\r\n height: 0;\r\n padding-bottom: 60%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n }\r\n .essence-banner-image-1-2a7b {\r\n background-image: url('https:\/\/essencemakeup.it.com\/wp-content\/uploads\/2026\/05\/10058.jpg');\r\n }\r\n .essence-banner-image-2-2a7b {\r\n background-image: url('https:\/\/essencemakeup.it.com\/wp-content\/uploads\/2026\/05\/10016.jpg');\r\n }\r\n .essence-banner-button-wrap-2a7b {\r\n width: 100%;\r\n display: flex;\r\n justify-content: flex-start;\r\n padding: 0.5rem 5%;\r\n box-sizing: border-box;\r\n }\r\n .essence-banner-button-2a7b {\r\n display: inline-block;\r\n padding: 0.5rem 1.8rem;\r\n background-color: #b81a90;\r\n color: #ffffff;\r\n border: none;\r\n border-radius: 2rem;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n white-space: nowrap;\r\n }\r\n .essence-banner-button-2a7b:hover {\r\n background-color: #99147a;\r\n transform: translateY(-2px);\r\n }\r\n @keyframes essenceBannerFadeIn-2a7b {\r\n from { opacity: 0; transform: translateY(15px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n .essence-banner-animate-2a7b {\r\n animation: essenceBannerFadeIn-2a7b 0.8s ease-out forwards;\r\n }\r\n\r\n \/* =================================== *\/\r\n \/* \u4ee3\u78012 \u5168\u90e8\u6837\u5f0f *\/\r\n \/* =================================== *\/\r\n .essence-new-drops-banner-wrapper-9b3c {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n background-color: #ffffff;\r\n }\r\n .essence-new-drops-banner-container-9b3c {\r\n width: 100%;\r\n max-width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n }\r\n .essence-new-drops-banner-image-9b3c {\r\n width: 100%;\r\n height: 0;\r\n padding-bottom: 75%;\r\n background: url('\/wp-content\/uploads\/2026\/05\/10015.jpg') center center \/ cover no-repeat;\r\n }\r\n .essence-new-drops-banner-content-9b3c {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n \/* \ud83d\udc47 \u589e\u5927\u5e95\u90e8\u5185\u8fb9\u8ddd\uff0c\u4fdd\u8bc1\u6309\u94ae\u4e0d\u8d85\u51fa\u5bb9\u5668 *\/\r\n padding: 0rem 5% 15rem 5%;\r\n box-sizing: border-box;\r\n }\r\n .essence-new-drops-banner-title-9b3c {\r\n font-size: clamp(2.5rem, 12vw, 5rem);\r\n font-weight: 900;\r\n color: #b81a90;\r\n text-transform: uppercase;\r\n line-height: 1;\r\n margin: 0 0 0rem 0;\r\n text-align: left;\r\n }\r\n .essence-new-drops-banner-button-9b3c {\r\n display: inline-block;\r\n padding: 0.5rem 2rem;\r\n background-color: #ffcce0;\r\n color: #b81a90;\r\n border: none;\r\n border-radius: 2.5rem;\r\n font-size: 1.1rem;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n .essence-new-drops-banner-button-9b3c:hover {\r\n background-color: #ffb3d9;\r\n transform: translateY(-2px);\r\n }\r\n @keyframes essenceBannerFadeIn-9b3c {\r\n from { opacity: 0; transform: translateY(15px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n .essence-new-drops-banner-animate-9b3c {\r\n animation: essenceBannerFadeIn-9b3c 0.8s ease-out forwards;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u4ee3\u78011\uff1a\uff08\u5b8c\u6574\u5185\u5bb9\uff0c\u5df2\u653e\u5165\u9694\u79bb\u5c42\uff09 -->\r\n<div class=\"banner-wrap\">\r\n <div class=\"essence-double-banners-wrapper-2a7b\">\r\n <div class=\"essence-double-banners-container-2a7b\">\r\n <div class=\"essence-banner-card-2a7b essence-banner-animate-2a7b\">\r\n <!-- \u7b2c\u4e00\u4e2a\u5546\u54c1 \u56fe\u7247 + \u8df3\u8f6c\u94fe\u63a5 -->\r\n <a href=\"\/index.php\/product\/soft-touch-bouncy-blush-2\/\" target=\"_blank\">\r\n <div class=\"essence-banner-image-wrap-2a7b essence-banner-image-1-2a7b\"><\/div>\r\n <\/a>\r\n <div class=\"essence-banner-button-wrap-2a7b\">\r\n <!-- \u7b2c\u4e00\u4e2a\u5546\u54c1 \u6309\u94ae + \u8df3\u8f6c\u94fe\u63a5 -->\r\n <a href=\"\/index.php\/product\/soft-touch-bouncy-blush-2\/\" class=\"essence-banner-button-2a7b\">Shop Now<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"essence-banner-card-2a7b essence-banner-animate-2a7b\">\r\n <!-- \u7b2c\u4e8c\u4e2a\u5546\u54c1 \u56fe\u7247 + \u8df3\u8f6c\u94fe\u63a5 -->\r\n <a href=\"\/index.php\/product\/lash-princess-false-lash-mascara-4\/\" target=\"_blank\">\r\n <div class=\"essence-banner-image-wrap-2a7b essence-banner-image-2-2a7b\"><\/div>\r\n <\/a>\r\n <div class=\"essence-banner-button-wrap-2a7b\">\r\n <!-- \u7b2c\u4e8c\u4e2a\u5546\u54c1 \u6309\u94ae + \u8df3\u8f6c\u94fe\u63a5 -->\r\n <a href=\"\/index.php\/product\/lash-princess-false-lash-mascara-4\/\" class=\"essence-banner-button-2a7b\">Shop Lash Princess<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u4ee3\u78012\uff1a\uff08\u5b8c\u6574\u5185\u5bb9\uff0c\u5df2\u653e\u5165\u9694\u79bb\u5c42\uff09 -->\r\n<div class=\"banner-wrap\">\r\n <div class=\"essence-new-drops-banner-wrapper-9b3c\">\r\n <div class=\"essence-new-drops-banner-container-9b3c\">\r\n <div class=\"essence-new-drops-banner-image-9b3c\"><\/div>\r\n <div class=\"essence-new-drops-banner-content-9b3c essence-new-drops-banner-animate-9b3c\">\r\n <h1 class=\"essence-new-drops-banner-title-9b3c\">NEW DROPS<\/h1>\r\n <!-- \ud83d\udc47 \u5df2\u4fee\u6539\u4e3a\u4f60\u8981\u7684\u6700\u65b0\u94fe\u63a5 -->\r\n <a href=\"\/index.php\/product-category\/new\/\" class=\"essence-new-drops-banner-button-9b3c\">SHOP NOW!<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ \u4ee3\u78011 \u4ea4\u4e92\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const buttons = document.querySelectorAll('.essence-banner-button-2a7b');\r\n buttons.forEach((btn, index) => {\r\n btn.addEventListener('click', function() {\r\n console.log(`Essence mobile banner ${index + 1} clicked`);\r\n });\r\n });\r\n\r\n \/\/ \u4ee3\u78012 \u4ea4\u4e92\r\n const button = document.querySelector('.essence-new-drops-banner-button-9b3c');\r\n button.addEventListener('click', function() {\r\n console.log('Essence New Drops banner clicked');\r\n });\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98c7d7d elementor-widget elementor-widget-html\" data-id=\"98c7d7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Essence Most Loved Mobile Carousel<\/title>\r\n <style>\r\n \/* \u5168\u5c40\u91cd\u7f6e\u4e0e\u57fa\u7840\u6837\u5f0f *\/\r\n .essence-most-loved-mobile-wrapper-6d8f {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n background-color: #ffffff;\r\n }\r\n\r\n \/* \u4e3b\u5bb9\u5668 - \u624b\u673a\u7aef\u5168\u5bbd *\/\r\n .essence-most-loved-mobile-container-6d8f {\r\n width: 100%;\r\n max-width: 100%;\r\n padding: 2rem 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* \u6807\u9898\u6837\u5f0f *\/\r\n .essence-most-loved-mobile-title-6d8f {\r\n text-align: center;\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n color: #b81a90;\r\n text-transform: lowercase;\r\n margin: 0 0 3rem 0;\r\n position: relative;\r\n }\r\n\r\n .essence-most-loved-mobile-title-6d8f::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -8px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 120px;\r\n height: 3px;\r\n background-color: #b81a90;\r\n }\r\n\r\n \/* \u8f6e\u64ad\u5bb9\u5668 *\/\r\n .essence-most-loved-mobile-carousel-6d8f {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u4ea7\u54c1\u5217\u8868 *\/\r\n .essence-most-loved-mobile-list-6d8f {\r\n display: flex;\r\n transition: transform 0.3s ease-out;\r\n padding: 0;\r\n user-select: none;\r\n }\r\n\r\n \/* \u5355\u4e2a\u4ea7\u54c1\u5361\u7247 *\/\r\n .essence-most-loved-mobile-card-6d8f {\r\n flex: 0 0 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n box-sizing: border-box;\r\n padding: 0 2rem;\r\n }\r\n\r\n \/* \u4ea7\u54c1\u56fe\u7247\u5bb9\u5668 *\/\r\n .essence-most-loved-mobile-image-wrap-6d8f {\r\n width: 100%;\r\n height: 300px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .essence-most-loved-mobile-image-6d8f {\r\n max-width: 80%;\r\n max-height: 100%;\r\n object-fit: contain;\r\n pointer-events: auto;\r\n }\r\n\r\n \/* \u4ea7\u54c1\u540d\u79f0 *\/\r\n .essence-most-loved-mobile-name-6d8f {\r\n font-size: 1.5rem;\r\n font-weight: 900;\r\n color: #b81a90;\r\n margin: 0 0 1.5rem 0;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* \u4ef7\u683c\u5bb9\u5668 *\/\r\n .essence-most-loved-mobile-price-wrap-6d8f {\r\n display: flex;\r\n gap: 0.8rem;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 2rem;\r\n }\r\n \/* \u539f\u4ef7\u5212\u7ebf *\/\r\n .essence-most-loved-mobile-old-price-6d8f {\r\n font-size: 1.3rem;\r\n color: #999;\r\n text-decoration: line-through;\r\n }\r\n \/* \u73b0\u4ef7\u52a0\u7c97\u9192\u76ee *\/\r\n .essence-most-loved-mobile-new-price-6d8f {\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n color: #333;\r\n }\r\n\r\n \/* \u6dfb\u52a0\u8d2d\u7269\u8f66\u6309\u94ae *\/\r\n .essence-most-loved-mobile-add-btn-6d8f {\r\n padding: 0.8rem 3rem;\r\n border: 1px solid #ddd;\r\n background-color: #ffffff;\r\n color: #b81a90;\r\n border-radius: 2rem;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n display: inline-block;\r\n }\r\n\r\n .essence-most-loved-mobile-add-btn-6d8f:hover {\r\n background-color: #b81a90;\r\n color: #ffffff;\r\n }\r\n\r\n \/* \u5e95\u90e8\u8f6e\u64ad\u6307\u793a\u5668 *\/\r\n .essence-most-loved-mobile-dots-6d8f {\r\n display: flex;\r\n justify-content: center;\r\n gap: 0.8rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .essence-most-loved-mobile-dot-6d8f {\r\n width: 12px;\r\n height: 12px;\r\n border-radius: 50%;\r\n background-color: #d8b8d8;\r\n border: none;\r\n cursor: pointer;\r\n padding: 0;\r\n }\r\n\r\n .essence-most-loved-mobile-dot-6d8f.active {\r\n background-color: #6b1b6b;\r\n box-shadow: 0 0 0 3px rgba(184, 26, 144, 0.3);\r\n transform: scale(1.1);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"essence-most-loved-mobile-wrapper-6d8f\">\r\n <div class=\"essence-most-loved-mobile-container-6d8f\">\r\n <h2 class=\"essence-most-loved-mobile-title-6d8f\">Most Loved<\/h2>\r\n\r\n <div class=\"essence-most-loved-mobile-carousel-6d8f\">\r\n <div class=\"essence-most-loved-mobile-list-6d8f\">\r\n\r\n <!-- \u5546\u54c11 -->\r\n <div class=\"essence-most-loved-mobile-card-6d8f\">\r\n <a href=\"\/index.php\/product\/lash-princess-false-lash-mascara-4\/\">\r\n <div class=\"essence-most-loved-mobile-image-wrap-6d8f\">\r\n <img decoding=\"async\" src=\"https:\/\/essencemakeup.it.com\/wp-content\/uploads\/2026\/05\/10018-1.png\" class=\"essence-most-loved-mobile-image-6d8f\">\r\n <\/div>\r\n <\/a>\r\n <h3 class=\"essence-most-loved-mobile-name-6d8f\">lash princess false lash mascara<\/h3>\r\n <div class=\"essence-most-loved-mobile-price-wrap-6d8f\">\r\n <span class=\"essence-most-loved-mobile-old-price-6d8f\">$4.99<\/span>\r\n <span class=\"essence-most-loved-mobile-new-price-6d8f\">$2.99<\/span>\r\n <\/div>\r\n <a href=\"\/index.php\/product\/lash-princess-false-lash-mascara-4\/\" class=\"essence-most-loved-mobile-add-btn-6d8f\">Add \ud83d\uded2<\/a>\r\n <\/div>\r\n\r\n <!-- \u5546\u54c12 -->\r\n <div class=\"essence-most-loved-mobile-card-6d8f\">\r\n <a href=\"\/index.php\/product\/what-a-tint-lip-cheek-tint-3\/\">\r\n <div class=\"essence-most-loved-mobile-image-wrap-6d8f\">\r\n <img decoding=\"async\" src=\"https:\/\/essencemakeup.it.com\/wp-content\/uploads\/2026\/05\/10019-1.png\" class=\"essence-most-loved-mobile-image-6d8f\">\r\n <\/div>\r\n <\/a>\r\n <h3 class=\"essence-most-loved-mobile-name-6d8f\">What A Tint! Lip & Cheek Tint<\/h3>\r\n <div class=\"essence-most-loved-mobile-price-wrap-6d8f\">\r\n <span class=\"essence-most-loved-mobile-old-price-6d8f\">$4.99<\/span>\r\n <span class=\"essence-most-loved-mobile-new-price-6d8f\">$2.99<\/span>\r\n <\/div>\r\n <a href=\"\/index.php\/product\/what-a-tint-lip-cheek-tint-3\/\" class=\"essence-most-loved-mobile-add-btn-6d8f\">Add \ud83d\uded2<\/a>\r\n <\/div>\r\n\r\n <!-- \u5546\u54c13 -->\r\n <div class=\"essence-most-loved-mobile-card-6d8f\">\r\n <a href=\"\/index.php\/product\/hydra-kiss-lip-oil\/\">\r\n <div class=\"essence-most-loved-mobile-image-wrap-6d8f\">\r\n <img decoding=\"async\" src=\"https:\/\/essencemakeup.it.com\/wp-content\/uploads\/2026\/05\/10021-1.png\" class=\"essence-most-loved-mobile-image-6d8f\">\r\n <\/div>\r\n <\/a>\r\n <h3 class=\"essence-most-loved-mobile-name-6d8f\">Hydra Kiss Lip Oil<\/h3>\r\n <div class=\"essence-most-loved-mobile-price-wrap-6d8f\">\r\n <span class=\"essence-most-loved-mobile-old-price-6d8f\">$4.99<\/span>\r\n <span class=\"essence-most-loved-mobile-new-price-6d8f\">$2.99<\/span>\r\n <\/div>\r\n <a href=\"\/index.php\/product\/hydra-kiss-lip-oil\/\" class=\"essence-most-loved-mobile-add-btn-6d8f\">Add \ud83d\uded2<\/a>\r\n <\/div>\r\n\r\n <!-- \u5546\u54c14 -->\r\n <div class=\"essence-most-loved-mobile-card-6d8f\">\r\n <a href=\"\/index.php\/product\/lash-princess-false-lash-effect-mascara-waterproof-4\/\">\r\n <div class=\"essence-most-loved-mobile-image-wrap-6d8f\">\r\n <img decoding=\"async\" src=\"https:\/\/essencemakeup.it.com\/wp-content\/uploads\/2026\/05\/10022-1.png\" class=\"essence-most-loved-mobile-image-6d8f\">\r\n <\/div>\r\n <\/a>\r\n <h3 class=\"essence-most-loved-mobile-name-6d8f\">lash princess false lash effect mascara waterproof<\/h3>\r\n <div class=\"essence-most-loved-mobile-price-wrap-6d8f\">\r\n <span class=\"essence-most-loved-mobile-old-price-6d8f\">$4.99<\/span>\r\n <span class=\"essence-most-loved-mobile-new-price-6d8f\">$2.99<\/span>\r\n <\/div>\r\n <a href=\"\/index.php\/product\/lash-princess-false-lash-effect-mascara-waterproof-4\/\" class=\"essence-most-loved-mobile-add-btn-6d8f\">Add \ud83d\uded2<\/a>\r\n <\/div>\r\n\r\n <!-- \u5546\u54c15 -->\r\n <div class=\"essence-most-loved-mobile-card-6d8f\">\r\n <a href=\"\/index.php\/product\/i-love-extreme-crazy-volume-mascara-3\/\">\r\n <div class=\"essence-most-loved-mobile-image-wrap-6d8f\">\r\n <img decoding=\"async\" src=\"https:\/\/essencemakeup.it.com\/wp-content\/uploads\/2026\/05\/10023-1.png\" class=\"essence-most-loved-mobile-image-6d8f\">\r\n <\/div>\r\n <\/a>\r\n <h3 class=\"essence-most-loved-mobile-name-6d8f\">i love extreme crazy volume mascara<\/h3>\r\n <div class=\"essence-most-loved-mobile-price-wrap-6d8f\">\r\n <span class=\"essence-most-loved-mobile-old-price-6d8f\">$4.99<\/span>\r\n <span class=\"essence-most-loved-mobile-new-price-6d8f\">$2.99<\/span>\r\n <\/div>\r\n <a href=\"\/index.php\/product\/i-love-extreme-crazy-volume-mascara-3\/\" class=\"essence-most-loved-mobile-add-btn-6d8f\">Add \ud83d\uded2<\/a>\r\n <\/div>\r\n\r\n <!-- \u5546\u54c16 -->\r\n <div class=\"essence-most-loved-mobile-card-6d8f\">\r\n <a href=\"\/index.php\/product\/lash-princess-sculpted-volume-mascara-4\/\">\r\n <div class=\"essence-most-loved-mobile-image-wrap-6d8f\">\r\n <img decoding=\"async\" src=\"https:\/\/essencemakeup.it.com\/wp-content\/uploads\/2026\/05\/10024-1.png\" class=\"essence-most-loved-mobile-image-6d8f\">\r\n <\/div>\r\n <\/a>\r\n <h3 class=\"essence-most-loved-mobile-name-6d8f\">lash princess sculpted volume mascara<\/h3>\r\n <div class=\"essence-most-loved-mobile-price-wrap-6d8f\">\r\n <span class=\"essence-most-loved-mobile-old-price-6d8f\">$4.99<\/span>\r\n <span class=\"essence-most-loved-mobile-new-price-6d8f\">$2.99<\/span>\r\n <\/div>\r\n <a href=\"\/index.php\/product\/lash-princess-sculpted-volume-mascara-4\/\" class=\"essence-most-loved-mobile-add-btn-6d8f\">Add \ud83d\uded2<\/a>\r\n <\/div>\r\n\r\n <!-- \u5546\u54c17 -->\r\n <div class=\"essence-most-loved-mobile-card-6d8f\">\r\n <a href=\"\/index.php\/product\/lash-princess-volume-mascara-4\/\">\r\n <div class=\"essence-most-loved-mobile-image-wrap-6d8f\">\r\n <img decoding=\"async\" src=\"https:\/\/essencemakeup.it.com\/wp-content\/uploads\/2026\/05\/10025-1.png\" class=\"essence-most-loved-mobile-image-6d8f\">\r\n <\/div>\r\n <\/a>\r\n <h3 class=\"essence-most-loved-mobile-name-6d8f\">lash princess volume mascara<\/h3>\r\n <div class=\"essence-most-loved-mobile-price-wrap-6d8f\">\r\n <span class=\"essence-most-loved-mobile-old-price-6d8f\">$4.99<\/span>\r\n <span class=\"essence-most-loved-mobile-new-price-6d8f\">$2.99<\/span>\r\n <\/div>\r\n <a href=\"\/index.php\/product\/lash-princess-volume-mascara-4\/\" class=\"essence-most-loved-mobile-add-btn-6d8f\">Add \ud83d\uded2<\/a>\r\n <\/div>\r\n\r\n <!-- \u5546\u54c18 -->\r\n <div class=\"essence-most-loved-mobile-card-6d8f\">\r\n <a href=\"\/index.php\/product\/pure-nude-highlighter-2\/\">\r\n <div class=\"essence-most-loved-mobile-image-wrap-6d8f\">\r\n <img decoding=\"async\" src=\"https:\/\/essencemakeup.it.com\/wp-content\/uploads\/2026\/05\/10026-1.png\" class=\"essence-most-loved-mobile-image-6d8f\">\r\n <\/div>\r\n <\/a>\r\n <h3 class=\"essence-most-loved-mobile-name-6d8f\">pure nude highlighter<\/h3>\r\n <div class=\"essence-most-loved-mobile-price-wrap-6d8f\">\r\n <span class=\"essence-most-loved-mobile-old-price-6d8f\">$4.99<\/span>\r\n <span class=\"essence-most-loved-mobile-new-price-6d8f\">$2.99<\/span>\r\n <\/div>\r\n <a href=\"\/index.php\/product\/pure-nude-highlighter-2\/\" class=\"essence-most-loved-mobile-add-btn-6d8f\">Add \ud83d\uded2<\/a>\r\n <\/div>\r\n\r\n <!-- \u5546\u54c19 -->\r\n <div class=\"essence-most-loved-mobile-card-6d8f\">\r\n <a href=\"\/index.php\/product\/hello-good-stuff-glow-serum-primer-3\/\">\r\n <div class=\"essence-most-loved-mobile-image-wrap-6d8f\">\r\n <img decoding=\"async\" src=\"https:\/\/essencemakeup.it.com\/wp-content\/uploads\/2026\/05\/10027-1.png\" class=\"essence-most-loved-mobile-image-6d8f\">\r\n <\/div>\r\n <\/a>\r\n <h3 class=\"essence-most-loved-mobile-name-6d8f\">Hello, Good Stuff! Glow Serum Primer<\/h3>\r\n <div class=\"essence-most-loved-mobile-price-wrap-6d8f\">\r\n <span class=\"essence-most-loved-mobile-old-price-6d8f\">$4.99<\/span>\r\n <span class=\"essence-most-loved-mobile-new-price-6d8f\">$2.99<\/span>\r\n <\/div>\r\n <a href=\"\/index.php\/product\/hello-good-stuff-glow-serum-primer-3\/\" class=\"essence-most-loved-mobile-add-btn-6d8f\">Add \ud83d\uded2<\/a>\r\n <\/div>\r\n\r\n <!-- \u5546\u54c110 -->\r\n <div class=\"essence-most-loved-mobile-card-6d8f\">\r\n <a href=\"\/index.php\/product\/i-love-extreme-volume-mascara-waterproof-3\/\">\r\n <div class=\"essence-most-loved-mobile-image-wrap-6d8f\">\r\n <img decoding=\"async\" src=\"https:\/\/essencemakeup.it.com\/wp-content\/uploads\/2026\/05\/10028-1.png\" class=\"essence-most-loved-mobile-image-6d8f\">\r\n <\/div>\r\n <\/a>\r\n <h3 class=\"essence-most-loved-mobile-name-6d8f\">i love extreme volume mascara waterproof<\/h3>\r\n <div class=\"essence-most-loved-mobile-price-wrap-6d8f\">\r\n <span class=\"essence-most-loved-mobile-old-price-6d8f\">$4.99<\/span>\r\n <span class=\"essence-most-loved-mobile-new-price-6d8f\">$2.99<\/span>\r\n <\/div>\r\n <a href=\"\/index.php\/product\/i-love-extreme-volume-mascara-waterproof-3\/\" class=\"essence-most-loved-mobile-add-btn-6d8f\">Add \ud83d\uded2<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"essence-most-loved-mobile-dots-6d8f\">\r\n <button class=\"essence-most-loved-mobile-dot-6d8f active\"><\/button>\r\n <button class=\"essence-most-loved-mobile-dot-6d8f\"><\/button>\r\n <button class=\"essence-most-loved-mobile-dot-6d8f\"><\/button>\r\n <button class=\"essence-most-loved-mobile-dot-6d8f\"><\/button>\r\n <button class=\"essence-most-loved-mobile-dot-6d8f\"><\/button>\r\n <button class=\"essence-most-loved-mobile-dot-6d8f\"><\/button>\r\n <button class=\"essence-most-loved-mobile-dot-6d8f\"><\/button>\r\n <button class=\"essence-most-loved-mobile-dot-6d8f\"><\/button>\r\n <button class=\"essence-most-loved-mobile-dot-6d8f\"><\/button>\r\n <button class=\"essence-most-loved-mobile-dot-6d8f\"><\/button>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n const list = document.querySelector('.essence-most-loved-mobile-list-6d8f');\r\n const dots = document.querySelectorAll('.essence-most-loved-mobile-dot-6d8f');\r\n const cards = document.querySelectorAll('.essence-most-loved-mobile-card-6d8f');\r\n let currentIndex = 0;\r\n let startX = 0;\r\n let isScrolling = false;\r\n\r\n function update() {\r\n list.style.transform = `translateX(-${currentIndex * 100}%)`;\r\n dots.forEach((d, i) => d.classList.toggle('active', i === currentIndex));\r\n }\r\n\r\n dots.forEach((dot, i) => {\r\n dot.addEventListener('click', () => {\r\n currentIndex = i;\r\n update();\r\n });\r\n });\r\n\r\n list.addEventListener('touchstart', (e) => {\r\n startX = e.touches[0].clientX;\r\n isScrolling = false;\r\n });\r\n\r\n list.addEventListener('touchmove', (e) => {\r\n const moveX = e.touches[0].clientX - startX;\r\n if (Math.abs(moveX) > 10) isScrolling = true;\r\n });\r\n\r\n list.addEventListener('touchend', (e) => {\r\n if (!isScrolling) return;\r\n const endX = e.changedTouches[0].clientX;\r\n const diff = startX - endX;\r\n\r\n if (diff > 50 && currentIndex < cards.length - 1) currentIndex++;\r\n if (diff < -50 && currentIndex > 0) currentIndex--;\r\n\r\n update();\r\n isScrolling = false;\r\n });\r\n\r\n \/\/ \u6838\u5fc3\u4fee\u590d\uff1a\u6ed1\u52a8\u65f6\u7981\u6b62\u6240\u6709\u94fe\u63a5\u8df3\u8f6c\r\n list.addEventListener('click', (e) => {\r\n if (isScrolling) {\r\n e.preventDefault();\r\n }\r\n }, true);\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a15b060 elementor-widget elementor-widget-image\" data-id=\"a15b060\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1820\" height=\"850\" src=\"https:\/\/essencemakeupshop.com\/wp-content\/uploads\/2026\/05\/10029.jpg\" class=\"attachment-full size-full wp-image-21\" alt=\"\" srcset=\"https:\/\/essencemakeupshop.com\/wp-content\/uploads\/2026\/05\/10029.jpg 1820w, https:\/\/essencemakeupshop.com\/wp-content\/uploads\/2026\/05\/10029-600x280.jpg 600w, https:\/\/essencemakeupshop.com\/wp-content\/uploads\/2026\/05\/10029-300x140.jpg 300w, https:\/\/essencemakeupshop.com\/wp-content\/uploads\/2026\/05\/10029-1024x478.jpg 1024w, https:\/\/essencemakeupshop.com\/wp-content\/uploads\/2026\/05\/10029-768x359.jpg 768w, https:\/\/essencemakeupshop.com\/wp-content\/uploads\/2026\/05\/10029-1536x717.jpg 1536w\" sizes=\"(max-width: 1820px) 100vw, 1820px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ddf2b7 e-con-full elementor-hidden-desktop e-flex e-con e-parent\" data-id=\"6ddf2b7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ha_eqh_enable":false}\">\n\t\t\t\t\t\t\t<h2 \n\t\tdata-interaction-id=\"a785a34\" \n\t\tclass=\"e-a785a34-9992237 e-heading-base\" \n\t\t \n\t\t\n\t>\n\t\n\t\t\tmascara<br>mania!\n\t\t<\/h2>\n\t\t\t\t\t \t <a\n href=\"\/index.php\/product-category\/mascara\/\" target=\"_self\"\n class=\"e-1db6d03-0bf7800 e-button-base\"\n data-interaction-id=\"1db6d03\"\n \n >\n SHOP NOW\n <\/a>\n \t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2aa94d7 e-con-full elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"2aa94d7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ha_eqh_enable":false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39add4e elementor-widget elementor-widget-html\" data-id=\"39add4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Essence Product Banners<\/title>\r\n <style>\r\n \/* \u5168\u5c40\u91cd\u7f6e\u4e0e\u57fa\u7840\u6837\u5f0f *\/\r\n .essence-dual-banner-wrapper-7b2f {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n }\r\n\r\n \/* \u53cc\u680f\u5bb9\u5668 - \u684c\u9762\u7aef *\/\r\n .essence-dual-banner-container-7b2f {\r\n width: 100%;\r\n max-width: 100%;\r\n display: flex;\r\n gap: 2px;\r\n background-color: #ffffff;\r\n }\r\n\r\n \/* \u5355\u4e2a\u6a2a\u5e45\u901a\u7528\u6837\u5f0f *\/\r\n .essence-banner-card-7b2f {\r\n flex: 1;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u80cc\u666f\u56fe\u7247\u5bb9\u5668 *\/\r\n .essence-banner-card-bg-7b2f {\r\n width: 100%;\r\n height: 0;\r\n padding-bottom: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n }\r\n\r\n \/* \u5de6\u4fa7\u816e\u7ea2\u6a2a\u5e45 *\/\r\n .essence-card-blush-bg-7b2f {\r\n background-image: url('\/wp-content\/uploads\/2026\/05\/10058.jpg');\r\n }\r\n\r\n \/* \u53f3\u4fa7\u776b\u6bdb\u818f\u6a2a\u5e45 *\/\r\n .essence-card-mascara-bg-7b2f {\r\n background-image: url('\/wp-content\/uploads\/2026\/05\/10016.jpg');\r\n }\r\n\r\n \/* \u6309\u94ae\u5bb9\u5668\uff1a\u5de6\u4e0b\u89d2 *\/\r\n .essence-banner-button-container-7b2f {\r\n position: absolute;\r\n bottom: 3%;\r\n left: 3%;\r\n width: auto;\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: center;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* \u6309\u94ae\u6837\u5f0f *\/\r\n .essence-banner-button-7b2f {\r\n display: inline-block;\r\n padding: 0.8rem 4rem;\r\n background-color: #e60099;\r\n color: #ffffff;\r\n border: none;\r\n border-radius: 2rem;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-align: center;\r\n }\r\n\r\n .essence-banner-button-7b2f:hover {\r\n background-color: #ff33b3;\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* \u6de1\u5165\u52a8\u753b *\/\r\n @keyframes essenceCardFadeIn-7b2f {\r\n from { opacity: 0; transform: translateY(10px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .essence-banner-animate-7b2f {\r\n animation: essenceCardFadeIn-7b2f 0.8s ease-out forwards;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"essence-dual-banner-wrapper-7b2f\">\r\n <div class=\"essence-dual-banner-container-7b2f\">\r\n <div class=\"essence-banner-card-7b2f essence-banner-animate-7b2f\">\r\n <div class=\"essence-banner-card-bg-7b2f essence-card-blush-bg-7b2f\"><\/div>\r\n <div class=\"essence-banner-button-container-7b2f\">\r\n <!-- \u5de6\u4fa7\u816e\u7ea2 \u5df2\u66ff\u6362\u94fe\u63a5 -->\r\n <a href=\"\/index.php\/product\/soft-touch-bouncy-blush-2\/\" class=\"essence-banner-button-7b2f\">Shop Now<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"essence-banner-card-7b2f essence-banner-animate-7b2f\" style=\"animation-delay: 0.2s;\">\r\n <div class=\"essence-banner-card-bg-7b2f essence-card-mascara-bg-7b2f\"><\/div>\r\n <div class=\"essence-banner-button-container-7b2f\">\r\n <!-- \u53f3\u4fa7\u776b\u6bdb\u818f \u5df2\u66ff\u6362\u94fe\u63a5 -->\r\n <a href=\"\/index.php\/product\/lash-princess-false-lash-mascara-4\/\" class=\"essence-banner-button-7b2f\">Shop Lash Princess<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const buttons = document.querySelectorAll('.essence-banner-button-7b2f');\r\n buttons.forEach(button => {\r\n button.addEventListener('click', function() {\r\n console.log('Button clicked');\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-85a2e10 elementor-widget elementor-widget-html\" data-id=\"85a2e10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Essence New Drops Banner<\/title>\r\n <style>\r\n \/* \u5168\u5c40\u91cd\u7f6e\u4e0e\u57fa\u7840\u6837\u5f0f *\/\r\n .essence-banner-wrapper-5c4e {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n }\r\n\r\n \/* \u6a2a\u5e45\u5bb9\u5668 - \u5168\u5bbd\u5e03\u5c40 *\/\r\n .essence-banner-container-5c4e {\r\n width: 100%;\r\n max-width: 100%;\r\n position: relative;\r\n overflow: hidden;\r\n background-color: #ffffff;\r\n }\r\n\r\n \/* \u80cc\u666f\u56fe\u7247\u5bb9\u5668 - \u684c\u9762\u7aef *\/\r\n .essence-banner-bg-5c4e {\r\n width: 100%;\r\n height: 0;\r\n \/* \u9002\u914d\u539f\u56fe\u5bbd\u9ad8\u6bd4\uff1a1808:960 \u2248 100:53 *\/\r\n padding-bottom: 53%;\r\n background: url('\/wp-content\/uploads\/2026\/05\/10015.jpg') center center \/ cover no-repeat;\r\n position: relative;\r\n }\r\n\r\n \/* \u6587\u5b57\u5185\u5bb9\u5bb9\u5668 - \u684c\u9762\u7aef *\/\r\n .essence-banner-content-5c4e {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n align-items: flex-start;\r\n padding: 0 5% 3% 5%;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* \u6807\u9898\u6837\u5f0f - \u684c\u9762\u7aef *\/\r\n .essence-banner-title-5c4e {\r\n font-size: clamp(1rem, 7vw, 7rem);\r\n font-weight: 800;\r\n color: #ffffff;\r\n text-transform: uppercase;\r\n line-height: 1;\r\n margin: 0 0 1.5rem 0;\r\n text-align: left;\r\n text-shadow: 1px 1px 4px rgba(0,0,0,0.2);\r\n }\r\n\r\n \/* \u6309\u94ae\u5bb9\u5668 - \u684c\u9762\u7aef *\/\r\n .essence-banner-button-wrap-5c4e {\r\n margin: 0;\r\n }\r\n\r\n \/* \u6309\u94ae\u6837\u5f0f - \u684c\u9762\u7aef *\/\r\n .essence-banner-button-5c4e {\r\n display: inline-block;\r\n padding: 0.8rem 4rem;\r\n background-color: #ffd4e7;\r\n color: #bd198d;\r\n border: none;\r\n border-radius: 2rem;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 12px rgba(255, 179, 217, 0.3);\r\n }\r\n\r\n .essence-banner-button-5c4e:hover {\r\n background-color: #ffffff;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 16px rgba(255, 128, 191, 0.4);\r\n }\r\n\r\n \/* ======================\r\n \u79fb\u52a8\u7aef\u4e13\u5c5e\u6837\u5f0f\r\n ====================== *\/\r\n @media (max-width: 768px) {\r\n \/* \u79fb\u52a8\u7aef\u80cc\u666f\u56fe\u7247\u5bb9\u5668 *\/\r\n .essence-banner-bg-5c4e {\r\n padding-bottom: 120%; \/* \u9002\u914d\u79fb\u52a8\u7aef\u7ad6\u7248\u6bd4\u4f8b *\/\r\n background: url('\/wp-content\/uploads\/2026\/05\/10015.jpg') center top \/ contain no-repeat;\r\n background-color: #ffffff;\r\n height: auto;\r\n }\r\n\r\n \/* \u79fb\u52a8\u7aef\u6587\u5b57\u5185\u5bb9\u5bb9\u5668 *\/\r\n .essence-banner-content-5c4e {\r\n justify-content: flex-end;\r\n align-items: center;\r\n padding: 0 5% 12% 5%;\r\n }\r\n\r\n \/* \u79fb\u52a8\u7aef\u6807\u9898\u6837\u5f0f *\/\r\n .essence-banner-title-5c4e {\r\n font-size: clamp(2rem, 10vw, 4rem);\r\n text-align: center;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n \/* \u79fb\u52a8\u7aef\u6309\u94ae\u6837\u5f0f *\/\r\n .essence-banner-button-5c4e {\r\n padding: 0.7rem 2rem;\r\n font-size: 0.9rem;\r\n }\r\n }\r\n\r\n \/* \u6de1\u5165\u52a8\u753b *\/\r\n @keyframes essenceFadeIn-5c4e {\r\n from { opacity: 0; transform: translateY(15px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .essence-banner-animate-5c4e {\r\n animation: essenceFadeIn-5c4e 0.8s ease-out forwards;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- \u7ec4\u4ef6\u4e3b\u4f53 -->\r\n <div class=\"essence-banner-wrapper-5c4e\">\r\n <div class=\"essence-banner-container-5c4e\">\r\n <!-- \u80cc\u666f\u56fe\u7247 -->\r\n <div class=\"essence-banner-bg-5c4e\">\r\n <!-- \u6587\u5b57\u5185\u5bb9 -->\r\n <div class=\"essence-banner-content-5c4e essence-banner-animate-5c4e\">\r\n <h1 class=\"essence-banner-title-5c4e\">\r\n NEW<br>DROPS\r\n <\/h1>\r\n <div class=\"essence-banner-button-wrap-5c4e\">\r\n <a href=\"\/index.php\/product-category\/new\/\" class=\"essence-banner-button-5c4e\">Shop Now!<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ \u4ea4\u4e92\u903b\u8f91\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const banner = document.querySelector('.essence-banner-wrapper-5c4e');\r\n const button = banner.querySelector('.essence-banner-button-5c4e');\r\n\r\n \/\/ \u6309\u94ae\u70b9\u51fb\u8ddf\u8e2a\uff08\u9002\u914d\u7535\u5546\u7edf\u8ba1\uff09\r\n button.addEventListener('click', function(e) {\r\n console.log('Essence banner button clicked - New Drops collection');\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d4d0ee elementor-widget elementor-widget-html\" data-id=\"0d4d0ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Essence Most Loved Products<\/title>\r\n <style>\r\n \/* \u5168\u5c40\u91cd\u7f6e\u4e0e\u57fa\u7840\u6837\u5f0f *\/\r\n .essence-most-loved-wrapper-8d3b {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n background-color: #ffffff;\r\n }\r\n\r\n \/* \u4e3b\u5bb9\u5668 - \u684c\u9762\u7aef\u5168\u5bbd *\/\r\n .essence-most-loved-container-8d3b {\r\n width: 100%;\r\n max-width: 100%;\r\n padding: 4rem 2rem;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* \u6807\u9898\u6837\u5f0f *\/\r\n .essence-most-loved-title-8d3b {\r\n text-align: center;\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n color: #b81a90;\r\n text-transform: lowercase;\r\n margin: 0 0 3rem 0;\r\n position: relative;\r\n }\r\n\r\n .essence-most-loved-title-8d3b::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -8px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 120px;\r\n height: 3px;\r\n background-color: #b81a90;\r\n }\r\n\r\n \/* \u8f6e\u64ad\u5bb9\u5668 *\/\r\n .essence-carousel-container-8d3b {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u4ea7\u54c1\u5217\u8868 *\/\r\n .essence-product-list-8d3b {\r\n display: flex;\r\n gap: 2rem;\r\n transition: transform 0.5s ease;\r\n padding: 0 1rem;\r\n }\r\n\r\n \/* \u5355\u4e2a\u4ea7\u54c1\u5361\u7247 *\/\r\n .essence-product-card-8d3b {\r\n flex: 0 0 calc(25% - 1.5rem); \/* \u684c\u9762\u7aef4\u5217 *\/\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* \u4ea7\u54c1\u56fe\u7247\u5bb9\u5668 *\/\r\n .essence-product-image-wrap-8d3b {\r\n width: 100%;\r\n height: 300px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .essence-product-image-8d3b {\r\n max-width: 80%;\r\n max-height: 100%;\r\n object-fit: contain;\r\n }\r\n\r\n \/* \u4ea7\u54c1\u540d\u79f0 *\/\r\n .essence-product-name-8d3b {\r\n font-size: 1rem;\r\n font-weight: 999;\r\n color: #b81a90;\r\n margin: 0 0 1rem 0;\r\n line-height: 1.3;\r\n min-height: 40px;\r\n }\r\n\r\n \/* \u4ef7\u683c\u533a\u57df\u5bb9\u5668 *\/\r\n .essence-product-price-wrap-8d3b {\r\n display: flex;\r\n gap: 0.75rem;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 1.5rem;\r\n }\r\n \/* \u539f\u4ef7\u5212\u7ebf\u6837\u5f0f *\/\r\n .essence-product-old-price-8d3b {\r\n font-size: 0.95rem;\r\n color: #999;\r\n text-decoration: line-through;\r\n }\r\n \/* \u73b0\u4ef7\u52a0\u7c97\u9192\u76ee *\/\r\n .essence-product-new-price-8d3b {\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: #333;\r\n }\r\n\r\n \/* \u6dfb\u52a0\u8d2d\u7269\u8f66\u6309\u94ae *\/\r\n .essence-add-cart-btn-8d3b {\r\n padding: 0.6rem 2.5rem;\r\n border: 1px solid #ddd;\r\n background-color: #ffffff;\r\n color: #b81a90;\r\n border-radius: 2rem;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n display: inline-block;\r\n }\r\n\r\n .essence-add-cart-btn-8d3b:hover {\r\n background-color: #b81a90;\r\n color: #ffffff;\r\n }\r\n\r\n \/* \u53f3\u4fa7\u7bad\u5934\u6309\u94ae *\/\r\n .essence-carousel-arrow-8d3b {\r\n position: absolute;\r\n top: 50%;\r\n right: 0;\r\n transform: translateY(-50%);\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n border: none;\r\n background-color: #ffcce0;\r\n color: #b81a90;\r\n font-size: 1.2rem;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .essence-carousel-arrow-8d3b:hover {\r\n background-color: #ffb3d9;\r\n }\r\n\r\n \/* \u5e95\u90e8\u8f6e\u64ad\u6307\u793a\u5668 - \u5df2\u4fee\u6539\u4e3a\u622a\u56fe\u6837\u5f0f *\/\r\n .essence-carousel-dots-8d3b {\r\n display: flex;\r\n justify-content: center;\r\n gap: 0.8rem;\r\n margin-top: 2rem;\r\n }\r\n\r\n .essence-carousel-dot-8d3b {\r\n width: 12px;\r\n height: 12px;\r\n border-radius: 50%;\r\n background-color: #d8b8d8; \/* \u622a\u56fe\u4e2d\u7684\u6d45\u7d2b\u8272\u5706\u70b9 *\/\r\n border: none;\r\n cursor: pointer;\r\n padding: 0;\r\n }\r\n\r\n .essence-carousel-dot-8d3b.active {\r\n background-color: #6b1b6b; \/* \u622a\u56fe\u4e2d\u7684\u6df1\u7d2b\u8272\u9009\u4e2d\u5706\u70b9 *\/\r\n box-shadow: 0 0 0 3px rgba(184, 26, 144, 0.3); \/* \u6a21\u62df\u622a\u56fe\u4e2d\u7684\u5916\u5708\u6548\u679c *\/\r\n transform: scale(1.1);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"essence-most-loved-wrapper-8d3b\">\r\n <div class=\"essence-most-loved-container-8d3b\">\r\n <h2 class=\"essence-most-loved-title-8d3b\">Most Loved<\/h2>\r\n\r\n <div class=\"essence-carousel-container-8d3b\">\r\n <div class=\"essence-product-list-8d3b\">\r\n\r\n <!-- \u5546\u54c11 -->\r\n <div class=\"essence-product-card-8d3b\">\r\n <div class=\"essence-product-image-wrap-8d3b\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/10018-1.png\" class=\"essence-product-image-8d3b\">\r\n <\/div>\r\n <h3 class=\"essence-product-name-8d3b\">lash princess false lash mascara<\/h3>\r\n <div class=\"essence-product-price-wrap-8d3b\">\r\n <span class=\"essence-product-old-price-8d3b\">$4.99<\/span>\r\n <span class=\"essence-product-new-price-8d3b\">$2.99<\/span>\r\n <\/div>\r\n <a href=\"\/index.php\/product\/lash-princess-false-lash-mascara-4\/\" class=\"essence-add-cart-btn-8d3b\">Add \ud83d\uded2<\/a>\r\n <\/div>\r\n\r\n <!-- \u5546\u54c12 -->\r\n <div class=\"essence-product-card-8d3b\">\r\n <div class=\"essence-product-image-wrap-8d3b\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/10019-1.png\" class=\"essence-product-image-8d3b\">\r\n <\/div>\r\n <h3 class=\"essence-product-name-8d3b\">What A Tint! Lip & Cheek Tint<\/h3>\r\n <div class=\"essence-product-price-wrap-8d3b\">\r\n <span class=\"essence-product-old-price-8d3b\">$4.99<\/span>\r\n <span class=\"essence-product-new-price-8d3b\">$2.99<\/span>\r\n <\/div>\r\n <a href=\"\/index.php\/product\/what-a-tint-lip-cheek-tint-3\/\" class=\"essence-add-cart-btn-8d3b\">Add \ud83d\uded2<\/a>\r\n <\/div>\r\n\r\n <!-- \u5546\u54c13 -->\r\n <div class=\"essence-product-card-8d3b\">\r\n <div class=\"essence-product-image-wrap-8d3b\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/10021-1.png\" class=\"essence-product-image-8d3b\">\r\n <\/div>\r\n <h3 class=\"essence-product-name-8d3b\">Hydra Kiss Lip Oil<\/h3>\r\n <div class=\"essence-product-price-wrap-8d3b\">\r\n <span class=\"essence-product-old-price-8d3b\">$4.99<\/span>\r\n <span class=\"essence-product-new-price-8d3b\">$2.99<\/span>\r\n <\/div>\r\n <button class=\"essence-add-cart-btn-8d3b\">Add \ud83d\uded2<\/button>\r\n <\/div>\r\n\r\n <!-- \u5546\u54c14 -->\r\n <div class=\"essence-product-card-8d3b\">\r\n <div class=\"essence-product-image-wrap-8d3b\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/10022-1.png\" class=\"essence-product-image-8d3b\">\r\n <\/div>\r\n <h3 class=\"essence-product-name-8d3b\">lash princess false lasheffect mascarawaterproof<\/h3>\r\n <div class=\"essence-product-price-wrap-8d3b\">\r\n <span class=\"essence-product-old-price-8d3b\">$4.99<\/span>\r\n <span class=\"essence-product-new-price-8d3b\">$2.99<\/span>\r\n <\/div>\r\n <a href=\"\/index.php\/product\/lash-princess-false-lash-effect-mascara-waterproof-4\/\" class=\"essence-add-cart-btn-8d3b\">Add \ud83d\uded2<\/a>\r\n <\/div>\r\n\r\n <!-- \u5546\u54c15 -->\r\n <div class=\"essence-product-card-8d3b\">\r\n <div class=\"essence-product-image-wrap-8d3b\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/10023-1.png\" class=\"essence-product-image-8d3b\">\r\n <\/div>\r\n <h3 class=\"essence-product-name-8d3b\">i love extreme crazyvolume mascara<\/h3>\r\n <div class=\"essence-product-price-wrap-8d3b\">\r\n <span class=\"essence-product-old-price-8d3b\">$4.99<\/span>\r\n <span class=\"essence-product-new-price-8d3b\">$2.99<\/span>\r\n <\/div>\r\n <a href=\"\/index.php\/product\/i-love-extreme-crazy-volume-mascara-3\/\" class=\"essence-add-cart-btn-8d3b\">Add \ud83d\uded2<\/a>\r\n <\/div>\r\n\r\n <!-- \u5546\u54c16 -->\r\n <div class=\"essence-product-card-8d3b\">\r\n <div class=\"essence-product-image-wrap-8d3b\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/10024-1.png\" class=\"essence-product-image-8d3b\">\r\n <\/div>\r\n <h3 class=\"essence-product-name-8d3b\">lash princess sculptedvolume mascara<\/h3>\r\n <div class=\"essence-product-price-wrap-8d3b\">\r\n <span class=\"essence-product-old-price-8d3b\">$4.99<\/span>\r\n <span class=\"essence-product-new-price-8d3b\">$2.99<\/span>\r\n <\/div>\r\n <a href=\"\/index.php\/product\/lash-princess-sculpted-volume-mascara-4\/\" class=\"essence-add-cart-btn-8d3b\">Add \ud83d\uded2<\/a>\r\n <\/div>\r\n\r\n <!-- \u5546\u54c17 -->\r\n <div class=\"essence-product-card-8d3b\">\r\n <div class=\"essence-product-image-wrap-8d3b\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/10025-1.png\" class=\"essence-product-image-8d3b\">\r\n <\/div>\r\n <h3 class=\"essence-product-name-8d3b\">lash princess volume mascara<\/h3>\r\n <div class=\"essence-product-price-wrap-8d3b\">\r\n <span class=\"essence-product-old-price-8d3b\">$4.99<\/span>\r\n <span class=\"essence-product-new-price-8d3b\">$2.99<\/span>\r\n <\/div>\r\n <a href=\"\/index.php\/product\/lash-princess-volume-mascara-4\/\" class=\"essence-add-cart-btn-8d3b\">Add \ud83d\uded2<\/a>\r\n <\/div>\r\n\r\n <!-- \u5546\u54c18 -->\r\n <div class=\"essence-product-card-8d3b\">\r\n <div class=\"essence-product-image-wrap-8d3b\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/10026-1.png\" class=\"essence-product-image-8d3b\">\r\n <\/div>\r\n <h3 class=\"essence-product-name-8d3b\">pure nude highlighter<\/h3>\r\n <div class=\"essence-product-price-wrap-8d3b\">\r\n <span class=\"essence-product-old-price-8d3b\">$4.99<\/span>\r\n <span class=\"essence-product-new-price-8d3b\">$2.99<\/span>\r\n <\/div>\r\n <a href=\"\/index.php\/product\/pure-nude-highlighter-2\/\" class=\"essence-add-cart-btn-8d3b\">Add \ud83d\uded2<\/a>\r\n <\/div>\r\n\r\n <!-- \u5546\u54c19 -->\r\n <div class=\"essence-product-card-8d3b\">\r\n <div class=\"essence-product-image-wrap-8d3b\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/10027-1.png\" class=\"essence-product-image-8d3b\">\r\n <\/div>\r\n <h3 class=\"essence-product-name-8d3b\">Hello, Good Stuff! GlowSerum Primer<\/h3>\r\n <div class=\"essence-product-price-wrap-8d3b\">\r\n <span class=\"essence-product-old-price-8d3b\">$4.99<\/span>\r\n <span class=\"essence-product-new-price-8d3b\">$2.99<\/span>\r\n <\/div>\r\n <a href=\"\/index.php\/product\/hello-good-stuff-glow-serum-primer-3\/\" class=\"essence-add-cart-btn-8d3b\">Add \ud83d\uded2<\/a>\r\n <\/div>\r\n\r\n <!-- \u5546\u54c110 -->\r\n <div class=\"essence-product-card-8d3b\">\r\n <div class=\"essence-product-image-wrap-8d3b\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/10028-1.png\" class=\"essence-product-image-8d3b\">\r\n <\/div>\r\n <h3 class=\"essence-product-name-8d3b\">ilove extreme volumemascara waterproof<\/h3>\r\n <div class=\"essence-product-price-wrap-8d3b\">\r\n <span class=\"essence-product-old-price-8d3b\">$4.99<\/span>\r\n <span class=\"essence-product-new-price-8d3b\">$2.99<\/span>\r\n <\/div>\r\n <a href=\"\/index.php\/product\/i-love-extreme-volume-mascara-waterproof-3\/\" class=\"essence-add-cart-btn-8d3b\">Add \ud83d\uded2<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <button class=\"essence-carousel-arrow-8d3b\">\u2192<\/button>\r\n <\/div>\r\n\r\n <!-- \u5e95\u90e8\u6307\u793a\u5668 10 \u4e2a -->\r\n <div class=\"essence-carousel-dots-8d3b\">\r\n <button class=\"essence-carousel-dot-8d3b active\"><\/button>\r\n <button class=\"essence-carousel-dot-8d3b\"><\/button>\r\n <button class=\"essence-carousel-dot-8d3b\"><\/button>\r\n <button class=\"essence-carousel-dot-8d3b\"><\/button>\r\n <button class=\"essence-carousel-dot-8d3b\"><\/button>\r\n <button class=\"essence-carousel-dot-8d3b\"><\/button>\r\n <button class=\"essence-carousel-dot-8d3b\"><\/button>\r\n <button class=\"essence-carousel-dot-8d3b\"><\/button>\r\n <button class=\"essence-carousel-dot-8d3b\"><\/button>\r\n <button class=\"essence-carousel-dot-8d3b\"><\/button>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const list = document.querySelector('.essence-product-list-8d3b');\r\n const arrow = document.querySelector('.essence-carousel-arrow-8d3b');\r\n const dots = document.querySelectorAll('.essence-carousel-dot-8d3b');\r\n let currentIndex = 0;\r\n const cardWidth = document.querySelector('.essence-product-card-8d3b').offsetWidth + 32;\r\n\r\n arrow.addEventListener('click', function() {\r\n currentIndex++;\r\n if (currentIndex >= dots.length) currentIndex = 0;\r\n update();\r\n });\r\n\r\n dots.forEach((dot, i) => {\r\n dot.addEventListener('click', () => {\r\n currentIndex = i;\r\n update();\r\n });\r\n });\r\n\r\n function update() {\r\n list.style.transform = `translateX(-${currentIndex * cardWidth}px)`;\r\n dots.forEach((d, i) => d.classList.toggle('active', i === currentIndex));\r\n }\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e50ea3b elementor-widget elementor-widget-html\" data-id=\"e50ea3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Essence Mascara Mania Banner<\/title>\r\n <style>\r\n \/* \u5168\u5c40\u91cd\u7f6e\u4e0e\u57fa\u7840\u6837\u5f0f *\/\r\n .essence-mascara-banner-wrapper-4e2c {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n }\r\n\r\n \/* \u6a2a\u5e45\u5bb9\u5668 - \u684c\u9762\u7aef\u5168\u5bbd *\/\r\n .essence-mascara-banner-container-4e2c {\r\n width: 100%;\r\n max-width: 100%;\r\n position: relative;\r\n overflow: hidden;\r\n background-color: #ffffff;\r\n }\r\n\r\n \/* \u80cc\u666f\u56fe\u7247\u5bb9\u5668 - \u684c\u9762\u7aef *\/\r\n .essence-mascara-banner-bg-4e2c {\r\n width: 100%;\r\n height: 0;\r\n \/* \u9002\u914d\u539f\u56fe\u5bbd\u9ad8\u6bd4\uff1a2003:960 \u2248 100:47.9 *\/\r\n padding-bottom: 47.9%;\r\n background: url('\/wp-content\/uploads\/2026\/05\/10029.jpg') center center \/ cover no-repeat;\r\n position: relative;\r\n }\r\n\r\n \/* \ud83d\udc47 \u6838\u5fc3\u4fee\u6539\uff1a\u56fa\u5b9a\u5b9a\u4f4d\u5728\u5de6\u4e0b\u89d2\uff0c\u7f29\u653e\u4e0d\u504f\u79fb *\/\r\n .essence-mascara-banner-content-4e2c {\r\n position: absolute;\r\n left: 5%; \/* \u56fa\u5b9a\u5de6\u8fb9\u8ddd\u767e\u5206\u6bd4 *\/\r\n bottom: 8%; \/* \u56fa\u5b9a\u5e95\u8fb9\u8ddd\u767e\u5206\u6bd4 *\/\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-start;\r\n align-items: flex-start;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* \u6807\u9898\u6837\u5f0f *\/\r\n .essence-mascara-banner-title-4e2c {\r\n font-size: clamp(3rem, 8vw, 7rem);\r\n font-weight: 900;\r\n color: #ffffff;\r\n text-transform: lowercase;\r\n line-height: 1;\r\n margin: 0 0 1.5rem 0;\r\n text-shadow: 1px 1px 4px rgba(0,0,0,0.2);\r\n white-space: nowrap;\r\n }\r\n\r\n \/* \u6309\u94ae\u6837\u5f0f *\/\r\n .essence-mascara-banner-button-4e2c {\r\n display: inline-block;\r\n padding: 0.8rem 4.5rem;\r\n background-color: #ffcce0;\r\n color: #b81a90;\r\n border: none;\r\n border-radius: 2rem;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-align: center;\r\n white-space: nowrap;\r\n }\r\n\r\n .essence-mascara-banner-button-4e2c:hover {\r\n background-color: #ffb3d9;\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* \u6de1\u5165\u52a8\u753b *\/\r\n @keyframes essenceMascaraFadeIn-4e2c {\r\n from { opacity: 0; transform: translateY(15px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .essence-mascara-banner-animate-4e2c {\r\n animation: essenceMascaraFadeIn-4e2c 0.8s ease-out forwards;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- \u6a2a\u5e45\u7ec4\u4ef6\u4e3b\u4f53 -->\r\n <div class=\"essence-mascara-banner-wrapper-4e2c\">\r\n <div class=\"essence-mascara-banner-container-4e2c\">\r\n <!-- \u80cc\u666f\u56fe\u7247 -->\r\n <div class=\"essence-mascara-banner-bg-4e2c\">\r\n <!-- \u6587\u5b57\u6309\u94ae\u5185\u5bb9 -->\r\n <div class=\"essence-mascara-banner-content-4e2c essence-mascara-banner-animate-4e2c\">\r\n <h1 class=\"essence-mascara-banner-title-4e2c\">\r\n mascara<br>mania!\r\n <\/h1>\r\n <a href=\"\/index.php\/product-category\/mascara\/\" class=\"essence-mascara-banner-button-4e2c\">Shop Now<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ \u4ea4\u4e92\u903b\u8f91\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const button = document.querySelector('.essence-mascara-banner-button-4e2c');\r\n button.addEventListener('click', function() {\r\n console.log('Essence Mascara Mania banner button clicked');\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60350c5 elementor-widget elementor-widget-html\" data-id=\"60350c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Essence Mascara Products<\/title>\r\n <style>\r\n \/* \u5168\u5c40\u91cd\u7f6e\u4e0e\u57fa\u7840\u6837\u5f0f *\/\r\n .essence-mascara-products-wrapper-7f9a {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n background-color: #ffffff;\r\n }\r\n\r\n \/* \u4e3b\u5bb9\u5668 - \u684c\u9762\u7aef\u5168\u5bbd *\/\r\n .essence-mascara-products-container-7f9a {\r\n width: 100%;\r\n max-width: 100%;\r\n padding: 4rem 2rem;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* \u8f6e\u64ad\u5bb9\u5668 *\/\r\n .essence-mascara-carousel-container-7f9a {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u4ea7\u54c1\u5217\u8868 *\/\r\n .essence-mascara-product-list-7f9a {\r\n display: flex;\r\n gap: 3rem;\r\n transition: transform 0.5s ease;\r\n padding: 0 1rem;\r\n }\r\n\r\n \/* \u5355\u4e2a\u4ea7\u54c1\u5361\u7247 *\/\r\n .essence-mascara-product-card-7f9a {\r\n flex: 0 0 calc(25% - 2.25rem); \/* \u684c\u9762\u7aef4\u5217 *\/\r\n display: flex;\r\n flex-direction: row; \/* \u2190 \u6539\u6210\u6c34\u5e73\u5e03\u5c40 *\/\r\n align-items: center; \/* \u2190 \u5782\u76f4\u5c45\u4e2d *\/\r\n justify-content: center;\r\n text-align: left; \/* \u2190 \u6587\u5b57\u5de6\u5bf9\u9f50 *\/\r\n box-sizing: border-box;\r\n gap: 1rem; \/* \u2190 \u56fe\u7247\u548c\u6587\u5b57\u4e4b\u95f4\u7684\u95f4\u8ddd *\/\r\n }\r\n\r\n \/* \u4ea7\u54c1\u56fe\u7247\u5bb9\u5668 *\/\r\n .essence-mascara-product-image-wrap-7f9a {\r\n width: 100px; \/* \u2190 \u7f29\u5c0f\u56fe\u7247\u5bbd\u5ea6 *\/\r\n height: 150px; \/* \u2190 \u7f29\u5c0f\u56fe\u7247\u9ad8\u5ea6 *\/\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 0; \/* \u2190 \u53d6\u6d88\u5e95\u90e8\u8fb9\u8ddd *\/\r\n flex-shrink: 0; \/* \u2190 \u9632\u6b62\u56fe\u7247\u88ab\u538b\u7f29 *\/\r\n }\r\n\r\n .essence-mascara-product-image-7f9a {\r\n max-width: 100%;\r\n max-height: 100%;\r\n object-fit: contain;\r\n }\r\n\r\n \/* \u6587\u5b57\u5185\u5bb9\u5bb9\u5668 *\/\r\n .essence-mascara-product-info-7f9a {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n justify-content: center;\r\n flex: 1;\r\n }\r\n\r\n \/* \u4ea7\u54c1\u540d\u79f0 *\/\r\n .essence-mascara-product-name-7f9a {\r\n font-size: 1rem;\r\n font-weight: 900;\r\n color: #b81a90;\r\n margin: 0 0 1rem 0;\r\n line-height: 1.3;\r\n min-height: unset; \/* \u2190 \u53d6\u6d88\u56fa\u5b9a\u9ad8\u5ea6 *\/\r\n }\r\n\r\n \/* \u4ef7\u683c\u5916\u5c42\u5bb9\u5668 *\/\r\n .essence-mascara-price-wrap-7f9a {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.8rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n \/* \u539f\u4ef7\u5212\u7ebf\u6837\u5f0f *\/\r\n .essence-mascara-old-price-7f9a {\r\n font-size: 1.2rem;\r\n color: #999;\r\n text-decoration: line-through;\r\n }\r\n \/* \u73b0\u4ef7\u52a0\u7c97\u9192\u76ee *\/\r\n .essence-mascara-new-price-7f9a {\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n color: #333;\r\n }\r\n\r\n \/* \u6dfb\u52a0\u8d2d\u7269\u8f66\u6309\u94ae *\/\r\n .essence-mascara-add-cart-btn-7f9a {\r\n padding: 1rem 4rem;\r\n border: 1px solid #ddd;\r\n background-color: #ffffff;\r\n color: #b81a90;\r\n border-radius: 3rem;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .essence-mascara-add-cart-btn-7f9a:hover {\r\n background-color: #b81a90;\r\n color: #ffffff;\r\n }\r\n\r\n \/* \u53f3\u4fa7\u7bad\u5934\u6309\u94ae *\/\r\n .essence-mascara-carousel-arrow-7f9a {\r\n position: absolute;\r\n top: 50%;\r\n right: 0;\r\n transform: translateY(-50%);\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n border: none;\r\n background-color: #ffcce0;\r\n color: #b81a90;\r\n font-size: 1.5rem;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .essence-mascara-carousel-arrow-7f9a:hover {\r\n background-color: #ffb3d9;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"essence-mascara-products-wrapper-7f9a\">\r\n <div class=\"essence-mascara-products-container-7f9a\">\r\n <div class=\"essence-mascara-carousel-container-7f9a\">\r\n <div class=\"essence-mascara-product-list-7f9a\">\r\n\r\n <!-- \u5546\u54c11 -->\r\n <div class=\"essence-mascara-product-card-7f9a\">\r\n <div class=\"essence-mascara-product-image-wrap-7f9a\">\r\n <img decoding=\"async\" src=\"https:\/\/essencemakeup.it.com\/wp-content\/uploads\/2026\/05\/10030.png\" class=\"essence-mascara-product-image-7f9a\">\r\n <\/div>\r\n <div class=\"essence-mascara-product-info-7f9a\">\r\n <h3 class=\"essence-mascara-product-name-7f9a\">bye bye panda eyes! smudge-proof volumizing and defining mascara<\/h3>\r\n <div class=\"essence-mascara-price-wrap-7f9a\">\r\n <span class=\"essence-mascara-old-price-7f9a\">$4.99<\/span>\r\n <span class=\"essence-mascara-new-price-7f9a\">$2.99<\/span>\r\n <\/div>\r\n <button class=\"essence-mascara-add-cart-btn-7f9a\">Add \ud83d\uded2<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u5546\u54c12 -->\r\n <div class=\"essence-mascara-product-card-7f9a\">\r\n <div class=\"essence-mascara-product-image-wrap-7f9a\">\r\n <img decoding=\"async\" src=\"https:\/\/essencemakeup.it.com\/wp-content\/uploads\/2026\/05\/10031.png\" class=\"essence-mascara-product-image-7f9a\">\r\n <\/div>\r\n <div class=\"essence-mascara-product-info-7f9a\">\r\n <h3 class=\"essence-mascara-product-name-7f9a\">what the fake! volumizing & lengthening mascara<\/h3>\r\n <div class=\"essence-mascara-price-wrap-7f9a\">\r\n <span class=\"essence-mascara-old-price-7f9a\">$4.99<\/span>\r\n <span class=\"essence-mascara-new-price-7f9a\">$2.99<\/span>\r\n <\/div>\r\n <button class=\"essence-mascara-add-cart-btn-7f9a\">Add \ud83d\uded2<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u5546\u54c13 -->\r\n <div class=\"essence-mascara-product-card-7f9a\">\r\n <div class=\"essence-mascara-product-image-wrap-7f9a\">\r\n <img decoding=\"async\" src=\"https:\/\/essencemakeup.it.com\/wp-content\/uploads\/2026\/05\/10018-1.png\" class=\"essence-mascara-product-image-7f9a\">\r\n <\/div>\r\n <div class=\"essence-mascara-product-info-7f9a\">\r\n <h3 class=\"essence-mascara-product-name-7f9a\">lash princess false lash mascara<\/h3>\r\n <div class=\"essence-mascara-price-wrap-7f9a\">\r\n <span class=\"essence-mascara-old-price-7f9a\">$4.99<\/span>\r\n <span class=\"essence-mascara-new-price-7f9a\">$2.99<\/span>\r\n <\/div>\r\n <button class=\"essence-mascara-add-cart-btn-7f9a\">Add \ud83d\uded2<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u5546\u54c14 -->\r\n <div class=\"essence-mascara-product-card-7f9a\">\r\n <div class=\"essence-mascara-product-image-wrap-7f9a\">\r\n <img decoding=\"async\" src=\"https:\/\/essencemakeup.it.com\/wp-content\/uploads\/2026\/05\/10023-1.png\" class=\"essence-mascara-product-image-7f9a\">\r\n <\/div>\r\n <div class=\"essence-mascara-product-info-7f9a\">\r\n <h3 class=\"essence-mascara-product-name-7f9a\">i love extreme crazy volume mascara<\/h3>\r\n <div class=\"essence-mascara-price-wrap-7f9a\">\r\n <span class=\"essence-mascara-old-price-7f9a\">$4.99<\/span>\r\n <span class=\"essence-mascara-new-price-7f9a\">$2.99<\/span>\r\n <\/div>\r\n <button class=\"essence-mascara-add-cart-btn-7f9a\">Add \ud83d\uded2<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <button class=\"essence-mascara-carousel-arrow-7f9a\">\u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const list = document.querySelector('.essence-mascara-product-list-7f9a');\r\n const arrow = document.querySelector('.essence-mascara-carousel-arrow-7f9a');\r\n const cards = document.querySelectorAll('.essence-mascara-product-card-7f9a');\r\n const container = document.querySelector('.essence-mascara-carousel-container-7f9a');\r\n\r\n let currentIndex = 0;\r\n \/\/ \u4e00\u5c4f\u663e\u793a4\u4e2a\uff0c\u603b\u53ef\u6ed1\u52a8\u9875\u6570 = \u603b\u5361\u7247\u6570 - \u6bcf\u9875\u6570\u91cf\r\n const perPage = 4;\r\n const maxSlideIndex = cards.length - perPage;\r\n\r\n function getCardStepWidth() {\r\n const card = cards[0];\r\n const gap = parseFloat(getComputedStyle(list).gap);\r\n return card.offsetWidth + gap;\r\n }\r\n\r\n function updateSlide() {\r\n const step = getCardStepWidth();\r\n list.style.transform = `translateX(-${currentIndex * step}px)`;\r\n }\r\n\r\n arrow.addEventListener('click', function() {\r\n \/\/ \u5230\u8fbe\u6700\u540e\u4e00\u9875\u56de\u52300\u5faa\u73af\r\n currentIndex = currentIndex >= maxSlideIndex ? 0 : currentIndex + 1;\r\n updateSlide();\r\n });\r\n\r\n \/\/ \u6dfb\u52a0\u8d2d\u7269\u8f66\u6309\u94ae\u70b9\u51fb\u4e8b\u4ef6\r\n document.querySelectorAll('.essence-mascara-add-cart-btn-7f9a').forEach(btn => {\r\n btn.addEventListener('click', function() {\r\n const productName = this.closest('.essence-mascara-product-card-7f9a').querySelector('.essence-mascara-product-name-7f9a').textContent;\r\n console.log(`Added to cart: ${productName}`);\r\n });\r\n });\r\n\r\n \/\/ \u7a97\u53e3\u7f29\u653e\u91cd\u65b0\u8ba1\u7b97\u5bbd\u5ea6\r\n window.addEventListener('resize', updateSlide);\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb24925 e-con-full elementor-hidden-desktop e-flex e-con e-parent\" data-id=\"cb24925\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ha_eqh_enable":false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7336660 elementor-widget elementor-widget-html\" data-id=\"7336660\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* \u7ec4\u4ef6\u6839\u5bb9\u5668 \u5168\u5c40\u6837\u5f0f\u9694\u79bb \u6240\u6709\u6837\u5f0f\u4ec5\u4f5c\u7528\u5185\u90e8 *\/\r\n.mascara-slider-root-9s2k7d {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n background: #fff;\r\n width: 100%;\r\n overflow: hidden;\r\n}\r\n.mascara-slider-root-9s2k7d * {\r\n box-sizing: border-box;\r\n}\r\n\r\n\/* \u5916\u5c42\u5305\u88f9\u5bb9\u5668 \u624b\u673a\u5168\u5c4f *\/\r\n.mascara-wrap-9s2k7d {\r\n width: 100%;\r\n padding: 32px 16px;\r\n}\r\n\r\n\/* \u8f6e\u64ad\u5916\u5c42\u5bb9\u5668 *\/\r\n.mascara-carousel-box-9s2k7d {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n touch-action: pan-y; \/* \u4ec5\u5141\u8bb8\u5782\u76f4\u9875\u9762\u6eda\u52a8\uff0c\u6c34\u5e73\u4ea4\u7ed9\u62d6\u62fd *\/\r\n}\r\n\r\n\/* \u5546\u54c1\u6a2a\u5411\u6eda\u52a8\u5217\u8868 *\/\r\n.mascara-item-list-9s2k7d {\r\n display: flex;\r\n gap: 24px;\r\n transition: transform 0.4s ease-out;\r\n padding: 0 4px;\r\n cursor: grab;\r\n}\r\n.mascara-item-list-9s2k7d:active {\r\n cursor: grabbing;\r\n transition: none;\r\n}\r\n\r\n\/* \u5355\u4e2a\u5546\u54c1\u5361\u7247 \u4e00\u5c4f\u4ec5\u663e\u793a1\u4ef6 *\/\r\n.mascara-card-9s2k7d {\r\n flex: 0 0 calc(100% - 8px);\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 12px;\r\n text-align: left;\r\n}\r\n\r\n\/* \u5546\u54c1\u56fe\u7247\u5bb9\u5668 \u56fa\u5b9a\u5c3a\u5bf8\u9632\u538b\u7f29 *\/\r\n.mascara-img-box-9s2k7d {\r\n width: 90px;\r\n height: 130px;\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.mascara-img-9s2k7d {\r\n max-width: 100%;\r\n max-height: 100%;\r\n object-fit: contain;\r\n}\r\n\r\n\/* \u5546\u54c1\u6587\u5b57\u4fe1\u606f\u533a *\/\r\n.mascara-text-group-9s2k7d {\r\n display: flex;\r\n flex-direction: column;\r\n flex: 1;\r\n align-items: flex-start;\r\n}\r\n\r\n\/* \u5546\u54c1\u6807\u9898 *\/\r\n.mascara-title-9s2k7d {\r\n font-size: 13px;\r\n font-weight: 900;\r\n color: #b81a90;\r\n margin: 0 0 8px;\r\n line-height: 1.25;\r\n}\r\n\r\n\/* \u4ef7\u683c\u5bb9\u5668 *\/\r\n.mascara-price-row-9s2k7d {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 12px;\r\n}\r\n.mascara-old-price-9s2k7d {\r\n font-size: 14px;\r\n color: #999;\r\n text-decoration: line-through;\r\n}\r\n.mascara-new-price-9s2k7d {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #222;\r\n}\r\n\r\n\/* \u52a0\u8d2d\u6309\u94ae \u79fb\u52a8\u7aef\u9002\u914d\u7a84\u5c4f *\/\r\n.mascara-cart-btn-9s2k7d {\r\n padding: 8px 20px;\r\n border: 1px solid #ddd;\r\n background: #fff;\r\n color: #b81a90;\r\n border-radius: 999px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n transition: all 0.25s ease;\r\n white-space: nowrap;\r\n}\r\n.mascara-cart-btn-9s2k7d:active {\r\n background: #b81a90;\r\n color: #fff;\r\n}\r\n<\/style>\r\n\r\n<!-- \u79fb\u52a8\u7aef\u776b\u6bdb\u818f\u5355\u5546\u54c1\u62d6\u62fd\u8f6e\u64ad\u7ec4\u4ef6\uff08\u5df2\u5220\u9664\u7bad\u5934\uff09 -->\r\n<div class=\"mascara-slider-root-9s2k7d\">\r\n <div class=\"mascara-wrap-9s2k7d\">\r\n <div class=\"mascara-carousel-box-9s2k7d\">\r\n <div class=\"mascara-item-list-9s2k7d\">\r\n <!-- \u5546\u54c11 -->\r\n <div class=\"mascara-card-9s2k7d\">\r\n <div class=\"mascara-img-box-9s2k7d\">\r\n <img decoding=\"async\" src=\"https:\/\/essencemakeup.it.com\/wp-content\/uploads\/2026\/05\/10030.png\" class=\"mascara-img-9s2k7d\" alt=\"Mascara\">\r\n <\/div>\r\n <div class=\"mascara-text-group-9s2k7d\">\r\n <h3 class=\"mascara-title-9s2k7d\">bye bye panda eyes! smudge-proof volumizing and defining mascara<\/h3>\r\n <div class=\"mascara-price-row-9s2k7d\">\r\n <span class=\"mascara-old-price-9s2k7d\">$4.99<\/span>\r\n <span class=\"mascara-new-price-9s2k7d\">$2.99<\/span>\r\n <\/div>\r\n <button class=\"mascara-cart-btn-9s2k7d\">Add \ud83d\uded2<\/button>\r\n <\/div>\r\n <\/div>\r\n <!-- \u5546\u54c12 -->\r\n <div class=\"mascara-card-9s2k7d\">\r\n <div class=\"mascara-img-box-9s2k7d\">\r\n <img decoding=\"async\" src=\"https:\/\/essencemakeup.it.com\/wp-content\/uploads\/2026\/05\/10031.png\" class=\"mascara-img-9s2k7d\" alt=\"Mascara\">\r\n <\/div>\r\n <div class=\"mascara-text-group-9s2k7d\">\r\n <h3 class=\"mascara-title-9s2k7d\">what the fake! volumizing & lengthening mascara<\/h3>\r\n <div class=\"mascara-price-row-9s2k7d\">\r\n <span class=\"mascara-old-price-9s2k7d\">$4.99<\/span>\r\n <span class=\"mascara-new-price-9s2k7d\">$2.99<\/span>\r\n <\/div>\r\n <button class=\"mascara-cart-btn-9s2k7d\">Add \ud83d\uded2<\/button>\r\n <\/div>\r\n <\/div>\r\n <!-- \u5546\u54c13 -->\r\n <div class=\"mascara-card-9s2k7d\">\r\n <div class=\"mascara-img-box-9s2k7d\">\r\n <img decoding=\"async\" src=\"https:\/\/essencemakeup.it.com\/wp-content\/uploads\/2026\/05\/10018-1.png\" class=\"mascara-img-9s2k7d\" alt=\"Mascara\">\r\n <\/div>\r\n <div class=\"mascara-text-group-9s2k7d\">\r\n <h3 class=\"mascara-title-9s2k7d\">lash princess false lash mascara<\/h3>\r\n <div class=\"mascara-price-row-9s2k7d\">\r\n <span class=\"mascara-old-price-9s2k7d\">$4.99<\/span>\r\n <span class=\"mascara-new-price-9s2k7d\">$2.99<\/span>\r\n <\/div>\r\n <button class=\"mascara-cart-btn-9s2k7d\">Add \ud83d\uded2<\/button>\r\n <\/div>\r\n <\/div>\r\n <!-- \u5546\u54c14 -->\r\n <div class=\"mascara-card-9s2k7d\">\r\n <div class=\"mascara-img-box-9s2k7d\">\r\n <img decoding=\"async\" src=\"https:\/\/essencemakeup.it.com\/wp-content\/uploads\/2026\/05\/10023-1.png\" class=\"mascara-img-9s2k7d\" alt=\"Mascara\">\r\n <\/div>\r\n <div class=\"mascara-text-group-9s2k7d\">\r\n <h3 class=\"mascara-title-9s2k7d\">i love extreme crazy volume mascara<\/h3>\r\n <div class=\"mascara-price-row-9s2k7d\">\r\n <span class=\"mascara-old-price-9s2k7d\">$4.99<\/span>\r\n <span class=\"mascara-new-price-9s2k7d\">$2.99<\/span>\r\n <\/div>\r\n <button class=\"mascara-cart-btn-9s2k7d\">Add \ud83d\uded2<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ \u7ec4\u4ef6\u72ec\u7acbJS \u65e0\u5168\u5c40\u53d8\u91cf\u6c61\u67d3 \u62d6\u62fd\u624b\u52bf+\u5355\u9875\u8f6e\u64ad\uff08\u5df2\u79fb\u9664\u7bad\u5934\u903b\u8f91\uff09\r\n(function(){\r\n document.addEventListener('DOMContentLoaded', function(){\r\n const sliderRoot = document.querySelector('.mascara-slider-root-9s2k7d');\r\n if(!sliderRoot) return;\r\n\r\n const list = sliderRoot.querySelector('.mascara-item-list-9s2k7d');\r\n const cardList = sliderRoot.querySelectorAll('.mascara-card-9s2k7d');\r\n const totalCards = cardList.length;\r\n\r\n \/\/ \u8f6e\u64ad\u914d\u7f6e\uff1a\u4e00\u5c4f1\u4ef6\r\n let currentIndex = 0;\r\n const perPageNum = 1;\r\n const maxSlideCount = totalCards - perPageNum;\r\n\r\n \/\/ \u62d6\u62fd\u53d8\u91cf\r\n let isDrag = false;\r\n let startX = 0;\r\n let dragOffset = 0;\r\n\r\n \/\/ \u83b7\u53d6\u5355\u5361\u7247\u5bbd\u5ea6+\u95f4\u8ddd\r\n function getSingleCardWidth(){\r\n const card = cardList[0];\r\n const gapVal = parseFloat(getComputedStyle(list).gap);\r\n return card.offsetWidth + gapVal;\r\n }\r\n\r\n \/\/ \u66f4\u65b0\u6eda\u52a8\u4f4d\u79fb\r\n function refreshSlider(transition = true){\r\n const stepWidth = getSingleCardWidth();\r\n list.style.transition = transition ? 'transform 0.4s ease-out' : 'none';\r\n list.style.transform = `translateX(-${currentIndex * stepWidth + dragOffset}px)`;\r\n }\r\n\r\n \/\/ \u5438\u9644\u5bf9\u9f50\r\n function snapSlide(){\r\n const stepWidth = getSingleCardWidth();\r\n \/\/ \u6839\u636e\u62d6\u62fd\u504f\u79fb\u5224\u65ad\u5207\u6362\u4e0a\/\u4e0b\u4e00\u5f20\r\n if(dragOffset < -stepWidth * 0.25 && currentIndex < maxSlideCount){\r\n currentIndex++;\r\n }else if(dragOffset > stepWidth * 0.25 && currentIndex > 0){\r\n currentIndex--;\r\n }\r\n dragOffset = 0;\r\n refreshSlider();\r\n }\r\n\r\n \/\/ \u62d6\u62fd\u5f00\u59cb\r\n function dragStart(e){\r\n isDrag = true;\r\n startX = e.type.includes('touch') ? e.touches[0].clientX : e.clientX;\r\n dragOffset = 0;\r\n refreshSlider(false);\r\n }\r\n \/\/ \u62d6\u62fd\u79fb\u52a8\r\n function dragMove(e){\r\n if(!isDrag) return;\r\n const x = e.type.includes('touch') ? e.touches[0].clientX : e.clientX;\r\n dragOffset = x - startX;\r\n \/\/ \u8fb9\u754c\u963b\u5c3c\r\n if((currentIndex === 0 && dragOffset > 0) || (currentIndex >= maxSlideCount && dragOffset < 0)){\r\n dragOffset *= 0.3;\r\n }\r\n refreshSlider(false);\r\n }\r\n \/\/ \u62d6\u62fd\u7ed3\u675f\r\n function dragEnd(){\r\n if(!isDrag) return;\r\n isDrag = false;\r\n snapSlide();\r\n }\r\n\r\n \/\/ \u7ed1\u5b9a\u89e6\u5c4f\/\u9f20\u6807\u62d6\u62fd\u4e8b\u4ef6\r\n list.addEventListener('mousedown', dragStart);\r\n list.addEventListener('touchstart', dragStart, {passive:true});\r\n window.addEventListener('mousemove', dragMove);\r\n window.addEventListener('touchmove', dragMove, {passive:true});\r\n window.addEventListener('mouseup', dragEnd);\r\n window.addEventListener('touchend', dragEnd);\r\n\r\n \/\/ \u52a0\u8d2d\u6309\u94ae\u4e8b\u4ef6\r\n sliderRoot.querySelectorAll('.mascara-cart-btn-9s2k7d').forEach(btn => {\r\n btn.addEventListener('click', function(e){\r\n e.stopPropagation(); \/\/ \u70b9\u51fb\u6309\u94ae\u4e0d\u89e6\u53d1\u62d6\u62fd\r\n const cardDom = this.closest('.mascara-card-9s2k7d');\r\n const productName = cardDom.querySelector('.mascara-title-9s2k7d').textContent.trim();\r\n console.log(`Added to cart: ${productName}`);\r\n });\r\n });\r\n\r\n \/\/ \u7a97\u53e3\u7f29\u653e\u91cd\u7b97\r\n window.addEventListener('resize', ()=>{\r\n dragOffset = 0;\r\n refreshSlider();\r\n });\r\n });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2f854d5 e-con-full e-flex e-con e-parent\" data-id=\"2f854d5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ha_eqh_enable":false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f201224 elementor-widget elementor-widget-html\" data-id=\"f201224\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Footer \u72ec\u7acb\u7ec4\u4ef6 \u65e0\u6846\u67b6 | \u552f\u4e00class\u540e\u7f00 ft2026x9s7 -->\r\n<footer class=\"ft-wrap-ft2026x9s7\" data-section-id=\"footer\">\r\n <style>\r\n \/* ========== \u7ec4\u4ef6\u72ec\u7acb\u9694\u79bb\u6837\u5f0f\uff0c\u6240\u6709\u7c7b\u5e26\u552f\u4e00\u540e\u7f00 ft2026x9s7\uff0c\u4e0d\u6c61\u67d3\u5168\u5c40 ========== *\/\r\n .ft-wrap-ft2026x9s7 * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n .ft-wrap-ft2026x9s7 ul {\r\n list-style: none;\r\n }\r\n .ft-wrap-ft2026x9s7 a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n \/* \u5916\u5c42\u5168\u6846\u5bb9\u5668 \u7edf\u4e00\u8fb9\u6846\u5e03\u5c40 + \u6307\u5b9a\u80cc\u666f #702266 *\/\r\n .ft-container-box-ft2026x9s7 {\r\n border: 5px solid #ffffff;\r\n position: relative;\r\n z-index: 9;\r\n background-color: #702266;\r\n color: #ffffff;\r\n }\r\n .ft-inner-wrapper-ft2026x9s7 {\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n padding: 40px 30px;\r\n }\r\n\r\n \/* \u9876\u90e8\u83dc\u5355\u533a\u57df \u684c\u9762\u4e09\u680f\u6805\u683c \u4fdd\u7559\u539f\u4e09\u680f\u6392\u7248\u5e03\u5c40 *\/\r\n .ft-menu-grid-ft2026x9s7 {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 40px;\r\n }\r\n .ft-menu-col-ft2026x9s7 .ft-col-title-ft2026x9s7 {\r\n font-weight: 700;\r\n font-size: 16px;\r\n margin-bottom: 14px;\r\n text-transform: capitalize;\r\n }\r\n .ft-menu-item-ft2026x9s7 {\r\n margin: 6px 0;\r\n }\r\n .ft-menu-link-ft2026x9s7 {\r\n display: inline-block;\r\n margin: 5px 0;\r\n opacity: 0.85;\r\n transition: opacity 0.24s ease;\r\n }\r\n .ft-menu-link-ft2026x9s7:hover {\r\n opacity: 1;\r\n }\r\n\r\n \/* \u5e95\u90e8\u7248\u6743\u533a\u57df \u6a2a\u5411\u5f39\u6027\u5e03\u5c40 *\/\r\n .ft-copyright-box-ft2026x9s7 {\r\n border-top: 1px solid rgba(255,255,255,0.2);\r\n margin-top: 30px;\r\n padding-top: 30px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: flex-start;\r\n gap: 25px;\r\n }\r\n .ft-logo-block-ft2026x9s7 img {\r\n max-height: 38px;\r\n width: auto;\r\n }\r\n \/* \u6a2a\u5411\u5185\u8054\u83dc\u5355\uff08\u4ec5\u4fdd\u7559\u793e\u4ea4\uff0c\u79fb\u9664Legal\u6807\u9898\uff09 *\/\r\n .ft-inline-menu-ft2026x9s7 .ft-menu-list-ft2026x9s7 {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px 20px;\r\n }\r\n .ft-social-icon-ft2026x9s7 {\r\n width: 24px;\r\n height: 24px;\r\n vertical-align: middle;\r\n display: block;\r\n }\r\n\r\n \/* \u7b2c\u4e09\u65b9\u8bc4\u5206\u539f\u6709\u6837\u5f0f\u4fdd\u7559\u9694\u79bb *\/\r\n .ft-wrap-ft2026x9s7 [data-bv-show=\"rating_summary\"] .bv_main_container .bv_button_buttonMinimalist {\r\n margin: 10px 0 !important;\r\n }\r\n\r\n \/* ========== \u79fb\u52a8\u7aef\u5a92\u4f53\u67e5\u8be2 768px \u65ad\u70b9 ========== *\/\r\n @media screen and (max-width: 768px) {\r\n .ft-menu-grid-ft2026x9s7 {\r\n grid-template-columns: 1fr;\r\n gap: 32px;\r\n }\r\n .ft-copyright-box-ft2026x9s7 {\r\n flex-direction: column;\r\n text-align: center;\r\n }\r\n .ft-inline-menu-ft2026x9s7 .ft-menu-list-ft2026x9s7 {\r\n justify-content: center;\r\n }\r\n .ft-inner-wrapper-ft2026x9s7 {\r\n padding: 30px 16px;\r\n }\r\n }\r\n <\/style>\r\n\r\n <!-- \u9876\u90e8\u83dc\u5355\u5168\u6846\u533a\u5757\uff0c\u7ef4\u6301\u4e09\u680f\u6392\u7248\u4e0d\u53d8 -->\r\n <section class=\"ft-container-box-ft2026x9s7\">\r\n <div class=\"ft-inner-wrapper-ft2026x9s7\">\r\n <div class=\"ft-menu-grid-ft2026x9s7\">\r\n <!-- \u7b2c\u4e00\u680f\uff1a\u5220\u9664Account\u6807\u9898\u3001my account\uff0c\u4ec5\u4fdd\u7559faq\u3001\u65e0\u969c\u788d\u58f0\u660e -->\r\n <div class=\"ft-menu-col-ft2026x9s7\">\r\n <ul class=\"ft-menu-list-ft2026x9s7\">\r\n <li class=\"ft-menu-item-ft2026x9s7\">\r\n <a class=\"ft-menu-link-ft2026x9s7\" href=\"\/pages\/faq\">faq's<\/a>\r\n <\/li>\r\n <li class=\"ft-menu-item-ft2026x9s7\">\r\n <a class=\"ft-menu-link-ft2026x9s7\" href=\"\/pages\/accessibility-statement\">accessibility statement<\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- \u7b2c\u4e8c\u680f\uff1aessence\uff0c\u79fb\u9664Beauty Collective\u3001Blog\uff0c\u4ec5\u4fdd\u7559\u5173\u4e8e\u6211\u4eec\u3001\u8054\u7cfb\u6211\u4eec -->\r\n <div class=\"ft-menu-col-ft2026x9s7\">\r\n <div class=\"ft-col-title-ft2026x9s7\">essence<\/div>\r\n <ul class=\"ft-menu-list-ft2026x9s7\">\r\n <li class=\"ft-menu-item-ft2026x9s7\">\r\n <a class=\"ft-menu-link-ft2026x9s7\" href=\"\/pages\/about\">about us<\/a>\r\n <\/li>\r\n <li class=\"ft-menu-item-ft2026x9s7\">\r\n <a class=\"ft-menu-link-ft2026x9s7\" href=\"http:\/\/support.essencemakeup.com\/support\/home\">contact us<\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- \u7b2c\u4e09\u680f\uff1a\u653e\u7f6e\u79fb\u8fc7\u6765\u7684 essence Beauty Collective\u3001essence Blog -->\r\n <div class=\"ft-menu-col-ft2026x9s7\">\r\n <ul class=\"ft-menu-list-ft2026x9s7\">\r\n <li class=\"ft-menu-item-ft2026x9s7\">\r\n <a class=\"ft-menu-link-ft2026x9s7\" href=\"\/pages\/beauty-collective\">essence Beauty Collective<\/a>\r\n <\/li>\r\n <li class=\"ft-menu-item-ft2026x9s7\">\r\n <a class=\"ft-menu-link-ft2026x9s7\" href=\"https:\/\/essencemakeup.com\/pages\/blog\">essence Blog<\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u5e95\u90e8\u7248\u6743\u533a\u57df\uff1a\u5df2\u5b8c\u5168\u5220\u9664\u793e\u4ea4\u5a92\u4f53\u56fe\u6807\u6a21\u5757 -->\r\n <div class=\"ft-copyright-box-ft2026x9s7\">\r\n <!-- Logo -->\r\n <div class=\"ft-logo-block-ft2026x9s7\">\r\n <img decoding=\"async\" src=\"\/\/essencemakeup.com\/cdn\/shop\/t\/20\/assets\/essence-full.svg?v=91916151092011018151750778930\" alt=\"essence cosmetics logo\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/footer>\r\n\r\n<script>\r\n \/\/ \u7ec4\u4ef6\u914d\u5957\u539f\u751fJS\uff08\u65e0\u6846\u67b6\u4f9d\u8d56\uff0c\u9694\u79bb\u4f5c\u7528\u57df\uff09\r\n (function(){\r\n const footerWrap = document.querySelector('.ft-wrap-ft2026x9s7');\r\n if(!footerWrap) return;\r\n console.log('Footer Component ft2026x9s7 loaded success');\r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sale Banner Component 60% OFFSITE-WIDE SHOP SALE 60% OFFSITE-WIDE SHOP SALE Essence Banners Shop Now Shop Lash Princess NEW DROPS […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"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":"","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-5548","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.essencemakeup.it.com\/index.php\/wp-json\/wp\/v2\/pages\/5548","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.essencemakeup.it.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.essencemakeup.it.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.essencemakeup.it.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.essencemakeup.it.com\/index.php\/wp-json\/wp\/v2\/comments?post=5548"}],"version-history":[{"count":175,"href":"https:\/\/www.essencemakeup.it.com\/index.php\/wp-json\/wp\/v2\/pages\/5548\/revisions"}],"predecessor-version":[{"id":5870,"href":"https:\/\/www.essencemakeup.it.com\/index.php\/wp-json\/wp\/v2\/pages\/5548\/revisions\/5870"}],"wp:attachment":[{"href":"https:\/\/www.essencemakeup.it.com\/index.php\/wp-json\/wp\/v2\/media?parent=5548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}