{"product_id":"envy-maxi-dress-maroon","title":"Maroon Gown","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eThe Maroon Slip - Peppermayo Exclusive\u003c\/title\u003e\n    \u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            --primary: #E91E63;\n            --accent: #d4af37;\n            --bg: #f9f9f9;\n            --text: #2c2c2c;\n            --border: #e8e8e5;\n        }\n\n        body {\n            font-family: 'Georgia', serif;\n            background-color: var(--bg);\n            color: var(--text);\n            line-height: 1.7;\n        }\n\n        .container {\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 60px 40px;\n        }\n\n        .brand-label {\n            font-size: 12px;\n            letter-spacing: 3px;\n            text-transform: uppercase;\n            color: var(--accent);\n            margin-bottom: 20px;\n            font-weight: 400;\n        }\n\n        h1 {\n            font-size: 48px;\n            font-weight: 300;\n            letter-spacing: 2px;\n            margin-bottom: 12px;\n            line-height: 1.2;\n            color: var(--primary);\n        }\n\n        .subtitle {\n            font-size: 16px;\n            color: #666;\n            font-style: italic;\n            margin-bottom: 40px;\n            font-family: 'Georgia', serif;\n        }\n\n        .divider {\n            width: 60px;\n            height: 2px;\n            background-color: var(--accent);\n            margin-bottom: 30px;\n        }\n\n        .intro-text {\n            font-size: 18px;\n            margin-bottom: 40px;\n            color: #444;\n            line-height: 1.8;\n        }\n\n        .details-section {\n            margin-bottom: 50px;\n        }\n\n        .section-title {\n            font-size: 14px;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            color: var(--primary);\n            margin-bottom: 16px;\n            font-weight: 600;\n        }\n\n        .details-list {\n            display: grid;\n            gap: 12px;\n            font-size: 15px;\n            color: #555;\n        }\n\n        .details-list li {\n            list-style: none;\n            padding-left: 20px;\n            position: relative;\n        }\n\n        .details-list li:before {\n            content: \"—\";\n            position: absolute;\n            left: 0;\n            color: var(--accent);\n        }\n\n        \/* Dropdown Styles *\/\n        .size-guide-wrapper {\n            border: none;\n            padding: 40px;\n            background-color: var(--primary);\n            margin: -60px -40px 60px -40px;\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n        }\n\n        .size-guide-toggle {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            cursor: pointer;\n            padding: 0;\n            border: none;\n            background: none;\n            font-size: 14px;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            color: var(--accent);\n            font-weight: 600;\n            width: 100%;\n            transition: color 0.3s ease;\n        }\n\n        .size-guide-toggle:hover {\n            color: #fff;\n        }\n\n        .toggle-icon {\n            font-size: 20px;\n            transition: transform 0.3s ease;\n        }\n\n        .toggle-icon.open {\n            transform: rotate(180deg);\n        }\n\n        .size-guide-content {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.4s ease;\n            margin-top: 0;\n        }\n\n        .size-guide-content.open {\n            max-height: 600px;\n            margin-top: 24px;\n        }\n\n        .size-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 14px;\n            background-color: #fff;\n        }\n\n        .size-table thead {\n            background-color: var(--accent);\n            border-bottom: none;\n        }\n\n        .size-table th {\n            padding: 12px;\n            text-align: left;\n            letter-spacing: 1px;\n            font-size: 12px;\n            text-transform: uppercase;\n            color: var(--primary);\n            font-weight: 600;\n        }\n\n        .size-table td {\n            padding: 12px;\n            border-bottom: 1px solid var(--border);\n            color: #555;\n        }\n\n        .size-table tbody tr:hover {\n            background-color: #fafaf8;\n        }\n\n        .model-info {\n            font-size: 13px;\n            color: #666;\n            margin-top: 24px;\n            padding-top: 24px;\n            border-top: 1px solid var(--border);\n            font-style: italic;\n        }\n\n        .cta-section {\n            margin-top: 60px;\n            padding-top: 40px;\n            border-top: 1px solid var(--border);\n            text-align: center;\n        }\n\n        .cta-text {\n            font-size: 14px;\n            color: #666;\n            margin-bottom: 24px;\n        }\n\n        @media (max-width: 600px) {\n            .container {\n                padding: 40px 20px;\n            }\n\n            h1 {\n                font-size: 36px;\n            }\n\n            .size-table {\n                font-size: 12px;\n            }\n\n            .size-table th,\n            .size-table td {\n                padding: 8px 6px;\n            }\n        }\n    \u003c\/style\u003e\n\n\n    \u003cdiv class=\"container\"\u003e\n        \u003c!-- Size Guide Dropdown - HELEMAAL BOVENAAN --\u003e\n        \u003cdiv class=\"size-guide-wrapper\"\u003e\n            \u003cbutton class=\"size-guide-toggle\" onclick=\"toggleSizeGuide()\"\u003e\n                \u003cspan\u003eSize Guide\u003c\/span\u003e\n                \u003cspan class=\"toggle-icon\"\u003e▼\u003c\/span\u003e\n            \u003c\/button\u003e\n            \n            \u003cdiv class=\"size-guide-content\" id=\"sizeGuideContent\"\u003e\n                \u003ctable class=\"size-table\"\u003e\n                    \u003cthead\u003e\n                        \u003ctr\u003e\n                            \u003cth\u003eEU Size\u003c\/th\u003e\n                            \u003cth\u003eBust (cm)\u003c\/th\u003e\n                            \u003cth\u003eWaist (cm)\u003c\/th\u003e\n                            \u003cth\u003eHips (cm)\u003c\/th\u003e\n                        \u003c\/tr\u003e\n                    \u003c\/thead\u003e\n                    \u003ctbody\u003e\n                        \u003ctr\u003e\n                            \u003ctd\u003e32\u003c\/td\u003e\n                            \u003ctd\u003e74\u003c\/td\u003e\n                            \u003ctd\u003e56\u003c\/td\u003e\n                            \u003ctd\u003e84\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd\u003e34\u003c\/td\u003e\n                            \u003ctd\u003e79\u003c\/td\u003e\n                            \u003ctd\u003e61\u003c\/td\u003e\n                            \u003ctd\u003e89\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd\u003e36\u003c\/td\u003e\n                            \u003ctd\u003e84\u003c\/td\u003e\n                            \u003ctd\u003e66\u003c\/td\u003e\n                            \u003ctd\u003e94\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd\u003e38\u003c\/td\u003e\n                            \u003ctd\u003e89\u003c\/td\u003e\n                            \u003ctd\u003e71\u003c\/td\u003e\n                            \u003ctd\u003e99\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd\u003e40\u003c\/td\u003e\n                            \u003ctd\u003e94\u003c\/td\u003e\n                            \u003ctd\u003e76\u003c\/td\u003e\n                            \u003ctd\u003e104\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd\u003e42\u003c\/td\u003e\n                            \u003ctd\u003e99\u003c\/td\u003e\n                            \u003ctd\u003e81\u003c\/td\u003e\n                            \u003ctd\u003e109\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd\u003e44\u003c\/td\u003e\n                            \u003ctd\u003e104\u003c\/td\u003e\n                            \u003ctd\u003e86\u003c\/td\u003e\n                            \u003ctd\u003e114\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd\u003e46\u003c\/td\u003e\n                            \u003ctd\u003e109\u003c\/td\u003e\n                            \u003ctd\u003e91\u003c\/td\u003e\n                            \u003ctd\u003e119\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd\u003e48\u003c\/td\u003e\n                            \u003ctd\u003e114\u003c\/td\u003e\n                            \u003ctd\u003e96\u003c\/td\u003e\n                            \u003ctd\u003e124\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd\u003e50\u003c\/td\u003e\n                            \u003ctd\u003e119\u003c\/td\u003e\n                            \u003ctd\u003e101\u003c\/td\u003e\n                            \u003ctd\u003e129\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                    \u003c\/tbody\u003e\n                \u003c\/table\u003e\n                \n                \u003cp class=\"model-info\"\u003e\n                    Model: Yasmin, 174cm wearing EU size 36\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Header --\u003e\n        \u003cdiv class=\"brand-label\"\u003ePeppermayo Exclusive\u003c\/div\u003e\n        \u003ch1\u003eThe Maroon Slip\u003c\/h1\u003e\n        \u003cp class=\"subtitle\"\u003eA study in sophisticated restraint\u003c\/p\u003e\n        \n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n        \u003c!-- Intro --\u003e\n        \u003cp class=\"intro-text\"\u003e\n            Crafted for moments that demand presence. The Maroon Slip is a masterpiece of intentional design—a maxi dress that whispers rather than shouts, yet commands attention through its deliberate details.\n        \u003c\/p\u003e\n\n        \u003cp class=\"intro-text\"\u003e\n            The plunging V-neckline and semi-sheer bodice create an interplay of revelation and mystery. A low back and delicate adjustable straps frame the shoulders with intention, while the metal clasp detail adds a subtle architectural element. The lined bustier and skirt ensure confidence in wear, while stretch jersey and lace move with your body rather than against it.\n        \u003c\/p\u003e\n\n        \u003cp class=\"intro-text\"\u003e\n            This is a dress for those who understand that true elegance lies in the details—in the thoughtful placement of fabric, the precision of a cut, the quality of materials that feel as good as they look.\n        \u003c\/p\u003e\n\n        \u003c!-- Details --\u003e\n        \u003cdiv class=\"details-section\"\u003e\n            \u003ch2 class=\"section-title\"\u003eDetails\u003c\/h2\u003e\n            \u003cul class=\"details-list\"\u003e\n                \u003cli\u003eMaxi length silhouette\u003c\/li\u003e\n                \u003cli\u003eV neckline with plunging depth\u003c\/li\u003e\n                \u003cli\u003eLow back with metal clasp detail\u003c\/li\u003e\n                \u003cli\u003eSemi-sheer bodice in stretch lace\u003c\/li\u003e\n                \u003cli\u003eLined bustier and skirt\u003c\/li\u003e\n                \u003cli\u003eThin adjustable straps\u003c\/li\u003e\n                \u003cli\u003eStretch jersey and lace blend\u003c\/li\u003e\n                \u003cli\u003e95% Polyester, 5% Spandex\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- CTA --\u003e\n        \u003cdiv class=\"cta-section\"\u003e\n            \u003cp class=\"cta-text\"\u003eAvailable now. Exclusively at Peppermayo.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        function toggleSizeGuide() {\n            const content = document.getElementById('sizeGuideContent');\n            const icon = document.querySelector('.toggle-icon');\n            \n            content.classList.toggle('open');\n            icon.classList.toggle('open');\n        }\n    \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Stella Mae","offers":[{"title":"Maroon \/ EU 32","offer_id":57016308039945,"sku":"YI-PM24-3453-MAR-MAR-4","price":36.95,"currency_code":"EUR","in_stock":false},{"title":"Maroon \/ EU 34","offer_id":57016308072713,"sku":"YI-PM24-3453-MAR-MAR-6","price":36.95,"currency_code":"EUR","in_stock":false},{"title":"Maroon \/ EU 36","offer_id":57016308105481,"sku":"YI-PM24-3453-MAR-MAR-8","price":36.95,"currency_code":"EUR","in_stock":false},{"title":"Maroon \/ EU 38","offer_id":57016308138249,"sku":"YI-PM24-3453-MAR-MAR-10","price":36.95,"currency_code":"EUR","in_stock":false},{"title":"Maroon \/ EU 40","offer_id":57016308171017,"sku":"YI-PM24-3453-MAR-MAR-12","price":36.95,"currency_code":"EUR","in_stock":false},{"title":"Maroon \/ EU 42","offer_id":57016308203785,"sku":"YI-PM24-3453-MAR-MAR-14","price":36.95,"currency_code":"EUR","in_stock":false},{"title":"Maroon \/ EU 44","offer_id":57016308236553,"sku":"YI-PM24-3453-MAR-MAR-16","price":36.95,"currency_code":"EUR","in_stock":false},{"title":"Maroon \/ EU 46","offer_id":57016308269321,"sku":"YI-PM24-3453-MAR-MAR-18","price":36.95,"currency_code":"EUR","in_stock":false},{"title":"Maroon \/ EU 48","offer_id":57016308302089,"sku":"YI-PM24-3453-MAR-MAR-20","price":36.95,"currency_code":"EUR","in_stock":false},{"title":"Maroon \/ EU 50","offer_id":57016308334857,"sku":"YI-PM24-3453-MAR-MAR-22","price":36.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0859\/8857\/3449\/files\/EnvyMaxiDressMaroon1Peppermayo.jpg?v=1776967301","url":"https:\/\/harbourglamour.com\/products\/envy-maxi-dress-maroon","provider":"Stella Mae","version":"1.0","type":"link"}