{"product_id":"acnex-toner-pads-pore-clearing-oil-balancing-toner-pad-60-pads","title":"AcneX Toner Pads","description":"\u003c!-- SYSTEM SECTION: CLINICAL ACCORDION MULTI-CELL --\u003e\n\u003cdiv class=\"clinical-accordion-wrapper\"\u003e\n  \u003cdiv class=\"accordion-container\"\u003e\n    \n    \u003c!-- HEADER INTRO BLOCK (SHORTENED FOR HIGHER VELOCITY) --\u003e\n    \u003cdiv class=\"accordion-intro-summary\"\u003e\n      \u003ch3 class=\"intro-headline font-bold\"\u003eYOUR 2-IN-1 SECRET TO CLEARER SKIN\u003c\/h3\u003e\n      \u003cp class=\"intro-paragraph text-muted\"\u003e\n        Achieve a fresh, balanced glow with multi-use treatment pads engineered for oily, acne-prone skin. Minimizes pores and controls shine with zero mess.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- TOGGLE CELL 1: BENEFITS --\u003e\n    \u003cdiv class=\"accordion-node\"\u003e\n      \u003cbutton type=\"button\" class=\"accordion-trigger\" onclick=\"toggleAccordionNode(this)\"\u003e\n        \u003cspan class=\"trigger-title font-bold\"\u003eWHY YOU’LL LOVE IT\u003c\/span\u003e\n        \u003cspan class=\"trigger-icon\"\u003e\u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"accordion-panel\"\u003e\n        \u003cdiv class=\"panel-content-inner\"\u003e\n          \u003cul class=\"clinical-data-list\"\u003e\n            \u003cli\u003e\n\u003cspan class=\"font-bold\"\u003eTotal Oil Control:\u003c\/span\u003e Reduces excess shine and tightens pore appearance.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cspan class=\"font-bold\"\u003eFights Breakouts:\u003c\/span\u003e Tea Tree Oil targets blemish-causing bacteria.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cspan class=\"font-bold\"\u003eLightweight Hydration:\u003c\/span\u003e Hyaluronic Acid and Panthenol moisturize without grease.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cspan class=\"font-bold\"\u003eSoothes Irritation:\u003c\/span\u003e Botanical extracts instantly calm redness and stabilize skin.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cspan class=\"font-bold\"\u003eRefines Texture:\u003c\/span\u003e Clears away micro-buildup for a healthy-looking glow.\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- TOGGLE CELL 2: APPLICATION PROTOCOL --\u003e\n    \u003cdiv class=\"accordion-node\"\u003e\n      \u003cbutton type=\"button\" class=\"accordion-trigger\" onclick=\"toggleAccordionNode(this)\"\u003e\n        \u003cspan class=\"trigger-title font-bold\"\u003eTWO WAYS TO USE\u003c\/span\u003e\n        \u003cspan class=\"trigger-icon\"\u003e\u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"accordion-panel\"\u003e\n        \u003cdiv class=\"panel-content-inner\"\u003e\n          \u003cul class=\"clinical-data-list\"\u003e\n            \u003cli\u003e\n\u003cspan class=\"font-bold\"\u003eAs a Toner Pad:\u003c\/span\u003e After cleansing, gently swipe across your face—focusing on oily areas—to prep skin.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cspan class=\"font-bold\"\u003eAs a Treatment Mask:\u003c\/span\u003e For a deeper detox, place pads on forehead, cheeks, or chin for 15 minutes. Let remaining serum absorb.\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- TOGGLE CELL 3: CLINICAL PARAMETERS --\u003e\n    \u003cdiv class=\"accordion-node\"\u003e\n      \u003cbutton type=\"button\" class=\"accordion-trigger\" onclick=\"toggleAccordionNode(this)\"\u003e\n        \u003cspan class=\"trigger-title font-bold\"\u003eEXPERT PROTOCOL \u0026amp; TARGET AUDIENCE\u003c\/span\u003e\n        \u003cspan class=\"trigger-icon\"\u003e\u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"accordion-panel\"\u003e\n        \u003cdiv class=\"panel-content-inner panel-text-block\"\u003e\n          \u003cp\u003e\u003cspan class=\"font-bold\"\u003eUsage:\u003c\/span\u003e Use daily, morning and evening, for best results. Keep lid tightly closed; store in a cool, dry place away from sunlight.\u003c\/p\u003e\n          \u003cp class=\"mt-3\"\u003e\u003cspan class=\"font-bold\"\u003eWho is it for?\u003c\/span\u003e Ideal for anyone dealing with enlarged pores, dark spots, or an oily T-zone. \u003cspan class=\"text-alert\"\u003e*Precaution: If pregnant, consult with your doctor before initializing use.\u003c\/span\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- TOGGLE CELL 4: KEY INGREDIENTS --\u003e\n    \u003cdiv class=\"accordion-node\"\u003e\n      \u003cbutton type=\"button\" class=\"accordion-trigger\" onclick=\"toggleAccordionNode(this)\"\u003e\n        \u003cspan class=\"trigger-title font-bold\"\u003eKEY INGREDIENTS\u003c\/span\u003e\n        \u003cspan class=\"trigger-icon\"\u003e\u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"accordion-panel\"\u003e\n        \u003cdiv class=\"panel-content-inner panel-text-block\"\u003e\n          \u003cp class=\"font-mono tracking-wide\"\u003ePanthenol, Hyaluronic Acid, 8 Botanical Extracts, Tea Tree Oil.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- SYSTEM INTERFACE GRAPHICS CONTROL STYLESHEET --\u003e\n\u003cstyle\u003e\n  .clinical-accordion-wrapper {\n    width: 100%;\n    padding: 40px 50px; \/* Rigorous 50px side safety constraints enforced *\/\n    background-color: #ffffff;\n    display: flex;\n    justify-content: center;\n    box-sizing: border-box;\n    font-family: inherit; \/* Direct mapping onto your brand font tokens *\/\n  }\n\n  .accordion-container {\n    max-width: 680px; \/* Condensed reading grid widths to force rapid vertical scanning *\/\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .accordion-intro-summary {\n    text-align: left;\n    margin-bottom: 32px;\n  }\n\n  .intro-headline {\n    font-size: 14px;\n    letter-spacing: 0.1em;\n    color: #11161a;\n    margin: 0 0 12px 0;\n  }\n\n  .intro-paragraph {\n    font-size: 15px;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  \/* Dropdown Node Component Structuring *\/\n  .accordion-node {\n    border-bottom: 1px solid #eef1f2;\n    width: 100%;\n  }\n  .accordion-node:first-of-type {\n    border-top: 1px solid #eef1f2;\n  }\n\n  .accordion-trigger {\n    width: 100%;\n    background: none;\n    border: none;\n    padding: 20px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    cursor: pointer;\n    text-align: left;\n    box-sizing: border-box;\n  }\n\n  .trigger-title {\n    font-size: 13px;\n    letter-spacing: 0.05em;\n    color: #11161a;\n    text-transform: uppercase;\n  }\n\n  \/* Minimal CSS Vector Toggle Indicator *\/\n  .trigger-icon {\n    position: relative;\n    width: 12px;\n    height: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .trigger-icon::before,\n  .trigger-icon::after {\n    content: \"\";\n    position: absolute;\n    background-color: #11161a;\n    transition: transform 0.2s ease;\n  }\n  \/* Horizontal line *\/\n  .trigger-icon::before {\n    width: 12px;\n    height: 1.5px;\n  }\n  \/* Vertical line *\/\n  .trigger-icon::after {\n    width: 1.5px;\n    height: 12px;\n  }\n\n  \/* Open State Vector Transformations *\/\n  .accordion-node.is-open .trigger-icon::after {\n    transform: rotate(90deg);\n    opacity: 0; \/* Slashes line down smoothly to create dynamic minus element *\/\n  }\n  .accordion-node.is-open .trigger-icon::before {\n    transform: rotate(180deg);\n  }\n\n  \/* Animation Performance Mechanics *\/\n  .accordion-panel {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n    box-sizing: border-box;\n  }\n\n  .panel-content-inner {\n    padding: 0 0 24px 0;\n  }\n\n  \/* Content Element Type Specifications *\/\n  .clinical-data-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n  .clinical-data-list li {\n    font-size: 14px;\n    line-height: 1.5;\n    color: #4a5157;\n    margin-bottom: 10px;\n    padding-left: 16px;\n    position: relative;\n  }\n  .clinical-data-list li::before {\n    content: \"•\";\n    position: absolute;\n    left: 0;\n    color: #11161a;\n  }\n  .clinical-data-list li:last-child {\n    margin-bottom: 0;\n  }\n\n  .panel-text-block p {\n    font-size: 14px;\n    line-height: 1.5;\n    color: #4a5157;\n    margin: 0;\n  }\n  \n  .text-alert {\n    color: #718096;\n    font-size: 13px;\n    display: block;\n  }\n\n  \/* Utility Global Triggers *\/\n  .font-bold { font-weight: 700; }\n  .font-mono { font-family: monospace; font-size: 13px; color: #2d3748; }\n  .text-muted { color: #4a5157; }\n  .tracking-wide { letter-spacing: 0.03em; }\n  .mt-3 { margin-top: 12px; }\n\n  \/* Responsive Display Overrides *\/\n  @media (max-width: 768px) {\n    .clinical-accordion-wrapper {\n      padding: 30px 24px; \/* Step-down adjustment layer optimized for mobile devices *\/\n    }\n    .panel-content-inner {\n      padding-bottom: 20px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003c!-- SYSTEM FUNCTIONAL ANIMATION ENGINE --\u003e\n\u003cscript\u003e\n  function toggleAccordionNode(buttonElement) {\n    const currentNode = buttonElement.parentElement;\n    const targetPanel = currentNode.querySelector(\".accordion-panel\");\n    const isOpen = currentNode.classList.contains(\"is-open\");\n\n    \/\/ Close all alternative nodes to keep user focused entirely on single active text field\n    document.querySelectorAll(\".accordion-node\").forEach(node =\u003e {\n      node.classList.remove(\"is-open\");\n      node.querySelector(\".accordion-panel\").style.maxHeight = null;\n    });\n\n    if (!isOpen) {\n      currentNode.classList.add(\"is-open\");\n      \/\/ Calculates precise inner dimensions dynamically to unlock instant CSS transition speeds without hardcoded height parameters\n      targetPanel.style.maxHeight = targetPanel.scrollHeight + \"px\";\n    }\n  }\n\u003c\/script\u003e","brand":"DERMAX Professional by SkinStation","offers":[{"title":"Default Title","offer_id":52196701667610,"sku":null,"price":1318.0,"currency_code":"PHP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0991\/3122\/8442\/files\/WebsiteGraphicAcneX1.1.png?v=1778310943","url":"https:\/\/dermaxpro.ph\/products\/acnex-toner-pads-pore-clearing-oil-balancing-toner-pad-60-pads","provider":"DERMAX Professional | Clinical-Grade Skincare \u0026 Hair Science","version":"1.0","type":"link"}