{"id":25,"date":"2025-12-28T14:35:39","date_gmt":"2025-12-28T14:35:39","guid":{"rendered":"https:\/\/magnela.store\/?page_id=25"},"modified":"2026-06-06T13:57:54","modified_gmt":"2026-06-06T13:57:54","slug":"home","status":"publish","type":"page","link":"https:\/\/magnela.store\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25\" class=\"elementor elementor-25\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fab3b8 e-flex e-con-boxed e-con e-parent\" data-id=\"9fab3b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b144cc elementor-widget elementor-widget-text-editor\" data-id=\"7b144cc\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"how-to-use\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"top-sale-bar\">\n  <div class=\"sale-track\">\n    <span>\ud83d\udd25 FLASH SALE \u2013 40% OFF TODAY | \ud83d\ude9a FREE DELIVERY ALL OVER PAKISTAN | \ud83d\udce6 OPEN PARCEL BEFORE PAYMENT |<\/span>\n    <span>\ud83d\udd25 FLASH SALE \u2013 40% OFF TODAY | \ud83d\ude9a FREE DELIVERY ALL OVER PAKISTAN | \ud83d\udce6 OPEN PARCEL BEFORE PAYMENT |<\/span>\n    <span>\ud83d\udd25 FLASH SALE \u2013 40% OFF TODAY | \ud83d\ude9a FREE DELIVERY ALL OVER PAKISTAN | \ud83d\udce6 OPEN PARCEL BEFORE PAYMENT |<\/span>\n  <\/div>\n<\/div>\n\n<style>\n  \/* ========================= *\/\n  \/* MOVING FLASH SALE BAR *\/\n  \/* ========================= *\/\n  .top-sale-bar{\n    background:#000;\n    color:#fff;\n    overflow:hidden;\n    white-space:nowrap;\n    border-bottom:2px solid #D4AF37;\n    padding:10px 0;\n    width:100%;\n    box-sizing: border-box;\n  }\n\n  .sale-track{\n    display:flex;\n    width:max-content;\n    animation:marquee 15s linear infinite;\n  }\n\n  .sale-track span{\n    white-space:nowrap;\n    padding-right:100px;\n    font-size:14px;\n    font-weight:600;\n    letter-spacing:.3px;\n  }\n\n  @keyframes marquee{\n    0%{ transform:translateX(0); }\n    100%{ transform:translateX(-33.33%); }\n  }\n\n  \/* ========================= *\/\n  \/* HEADER *\/\n  \/* ========================= *\/\n  .magnela-header{\n    background:#000000;\n    height:80px;\n    padding:0 20px;\n    overflow:hidden;\n    display:flex;\n    justify-content:space-between;\n    align-items:center;\n    position:sticky;\n    top:0;\n    width:100%;\n    z-index:9999;\n    box-shadow:0 4px 10px rgba(0,0,0,.5);\n    backdrop-filter:blur(10px);\n    font-family:'Segoe UI',sans-serif;\n    box-sizing:border-box;\n  }\n\n  \/* LOGO *\/\n  .logo-brand{\n    display:flex;\n    align-items:center;\n    text-decoration:none;\n  }\n\n  .logo-brand img{\n    height:95px;\n    width:auto;\n    display:block;\n  }\n\n  \/* DESKTOP MENU *\/\n  .nav-desktop{\n    display:flex;\n    align-items:center;\n    gap:25px;\n  }\n\n  .nav-desktop a{\n    color:#fff;\n    text-decoration:none;\n    font-size:14px;\n    font-weight:600;\n    transition:.3s;\n  }\n\n  .nav-desktop a:hover{\n    color:#D4AF37;\n  }\n\n  \/* TRACK BUTTON *\/\n  .btn-track{\n    border:1.5px solid #D4AF37;\n    color:#D4AF37 !important;\n    padding:8px 15px;\n    border-radius:6px;\n  }\n\n  \/* WHATSAPP BUTTON *\/\n  .btn-whatsapp{\n    background:#25D366;\n    color:#fff !important;\n    text-decoration:none;\n    padding:10px 18px;\n    border-radius:50px;\n    font-size:13px;\n    font-weight:700;\n    display:flex;\n    align-items:center;\n    gap:8px;\n    transition:.3s;\n    box-shadow:0 4px 8px rgba(0,0,0,.25);\n  }\n\n  .btn-whatsapp:hover{\n    transform:translateY(-2px);\n  }\n\n  \/* MOBILE MENU ICON *\/\n  .mobile-menu-icon{\n    display:none;\n    color:#fff;\n    font-size:28px;\n    cursor:pointer;\n  }\n\n  \/* MOBILE DRAWER *\/\n  .side-drawer{\n    height:100%;\n    width:0;\n    position:fixed;\n    top:0;\n    left:0;\n    background:#111;\n    overflow-x:hidden;\n    transition:.4s;\n    z-index:10000;\n    padding-top:60px;\n  }\n\n  .side-drawer a{\n    padding:15px 30px;\n    text-decoration:none;\n    font-size:18px;\n    color:#fff;\n    display:block;\n    border-bottom:1px solid #222;\n  }\n\n  .side-drawer a:hover{\n    color:#D4AF37;\n  }\n\n  .close-btn{\n    position:absolute;\n    top:10px;\n    right:20px;\n    font-size:40px !important;\n    border:none !important;\n    cursor:pointer;\n  }\n\n  \/* MOBILE RESPONSIVENESS *\/\n  @media(max-width:768px){\n    .nav-desktop{\n      display:none;\n    }\n    .mobile-menu-icon{\n      display:block;\n    }\n    .logo-brand{\n      font-size:20px;\n    }\n    .btn-whatsapp{\n      padding:8px 12px;\n      font-size:12px;\n    }\n  }\n<\/style>\n\n<div class=\"magnela-header\">\n  <div class=\"mobile-menu-icon\" onclick=\"openMenu()\">\u2630<\/div>\n  \n  <a class=\"logo-brand\" href=\"\/\">\n    <img decoding=\"async\" src=\"https:\/\/magnela.store\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-02-at-8.37.57-AM.jpeg\" alt=\"Magnela Logo\" \/>\n  <\/a>\n  \n  <div class=\"nav-desktop\">\n    <a href=\"\/\">HOME<\/a>\n    <a class=\"btn-track\" href=\"https:\/\/wa.me\/923024412720?text=Assalamualaikum,%20I%20want%20to%20track%20my%20order\">TRACK ORDER<\/a>\n  <\/div>\n  \n  <a class=\"btn-whatsapp\" href=\"https:\/\/wa.me\/923024412720?text=Assalamualaikum,%20I%20want%20to%20order%20Magnela%20Beauty%20Cream\">\n    \ud83d\udcac ORDER NOW\n  <\/a>\n<\/div>\n\n<div id=\"magnelaMenu\" class=\"side-drawer\">\n  <a class=\"close-btn\" onclick=\"closeMenu()\">\u00d7<\/a>\n  \n  <a href=\"\/\" onclick=\"closeMenu()\">\ud83c\udfe0 HOME<\/a>\n  <a href=\"https:\/\/wa.me\/923024412720?text=Assalamualaikum,%20I%20want%20to%20track%20my%20order\" onclick=\"closeMenu()\">\ud83d\udce6 TRACK ORDER<\/a>\n  <a href=\"https:\/\/wa.me\/923024412720?text=Assalamualaikum,%20I%20want%20to%20order%20Magnela%20Beauty%20Cream\" onclick=\"closeMenu()\">\ud83d\udcac ORDER ON WHATSAPP<\/a>\n  \n  <div style=\"padding: 30px; text-align: center;\">\n    <p style=\"color: #d4af37; font-size: 14px; margin: 0 0 10px 0;\">Need Help? Contact Us<\/p>\n    <a style=\"background: #25D366; color: #fff; padding: 10px 18px; border-radius: 6px; text-decoration: none; display: inline-block; font-weight: bold;\" href=\"tel:03024412720\">\n      CALL NOW\n    <\/a>\n  <\/div>\n<\/div>\n\n<script>\nfunction openMenu(){\n    document.getElementById(\"magnelaMenu\").style.width = \"280px\";\n}\n\nfunction closeMenu(){\n    document.getElementById(\"magnelaMenu\").style.width = \"0\";\n}\n<\/script>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d058a42 e-con-full e-flex e-con e-parent\" data-id=\"d058a42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4ba718a e-con-full e-flex e-con e-child\" data-id=\"4ba718a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-958421e e-con-full e-flex e-con e-child\" data-id=\"958421e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b18eb2 elementor-widget elementor-widget-text-editor\" data-id=\"8b18eb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"m-perfect-full-img-new\">\n  <!-- \u0622\u067e \u06a9\u06cc \u0646\u0626\u06cc \u062a\u0635\u0648\u06cc\u0631 \u06a9\u0627 \u0644\u0646\u06a9 \u06cc\u06c1\u0627\u06ba \u0641\u0679 \u06a9\u0631 \u062f\u06cc\u0627 \u06af\u06cc\u0627 \u06c1\u06d2 -->\n  <img decoding=\"async\" src=\"https:\/\/magnela.store\/wp-content\/uploads\/2026\/06\/aaa.png\" alt=\"Magnela New Product Presentation\" \/>\n<\/div>\n\n<style>\n  .m-perfect-full-img-new {\n    max-width: 480px;\n    width: 100% !important;\n    margin: 15px auto;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  .m-perfect-full-img-new img {\n    width: 100% !important;\n    height: auto !important;\n    display: block;\n    object-fit: cover;\n  }\n\n  @media screen and (max-width: 480px) {\n    .m-perfect-full-img-new {\n      width: 100vw !important;\n      position: relative !important;\n      left: 50% !important;\n      right: 50% !important;\n      margin-left: -50vw !important;\n      margin-right: -50vw !important;\n      \n      \/* \u0628\u0627\u0644\u06a9\u0644 \u0622\u067e \u06a9\u06cc \u0628\u062a\u0627\u0626\u06cc \u06c1\u0648\u0626\u06cc 8.6px \u06a9\u06cc \u067e\u0631\u0641\u06cc\u06a9\u0679 \u0633\u06cc\u0679\u0646\u06af *\/\n      padding-left: 8.6px !important; \n      padding-right: 8.6px !important; \n      box-sizing: border-box !important;\n    }\n  }\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d1c03c9 e-con-full e-flex e-con e-child\" data-id=\"d1c03c9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-945473d e-con-full e-flex e-con e-child\" data-id=\"945473d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91f9f5d elementor-widget elementor-widget-text-editor\" data-id=\"91f9f5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Nastaliq+Urdu:wght@400;700&display=swap');\n  \n  \/* \u0645\u0648\u0628\u0627\u0626\u0644 \u0627\u0633\u06a9\u0631\u06cc\u0646 \u067e\u0631 \u062f\u0627\u0626\u06cc\u06ba \u0627\u0648\u0631 \u0628\u0627\u0626\u06cc\u06ba \u06a9\u06d2 \u06af\u064e\u06cc\u067e \u06a9\u0648 \u0645\u06a9\u0645\u0644 \u062e\u062a\u0645 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0641\u06a9\u0633\u0688 \u0628\u0631\u06cc\u06a9 \u0622\u0624\u0679 *\/\n  .m-master-wrapper {\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    max-width: 480px;\n    width: 100% !important;\n    margin: auto;\n    padding: 10px;\n    color: #1a1a1a;\n    border: 1px solid #f0f0f0;\n    box-sizing: border-box;\n  }\n\n  \/* \u062e\u0627\u0635 \u0645\u0648\u0628\u0627\u0626\u0644 \u0648\u06cc\u0648 \u0686\u0648\u0691\u0627\u0626\u06cc \u06a9\u06cc \u0641\u06a9\u0633\u0646\u06af *\/\n  @media screen and (max-width: 480px) {\n    .m-master-wrapper {\n      width: 100vw !important;\n      position: relative !important;\n      left: 50% !important;\n      right: 50% !important;\n      margin-left: -50vw !important;\n      margin-right: -50vw !important;\n      padding-left: 15px !important;\n      padding-right: 15px !important;\n    }\n  }\n\n  \/* 1. \u06c1\u06cc\u067e\u06cc \u06a9\u0633\u0679\u0645\u0631 \u067e\u0679\u06cc - \u0641\u06a9\u0633\u0688 \u0627\u0646\u0633\u0627\u0646\u0648\u06ba \u06a9\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 \u06a9\u06d2 \u0633\u0627\u062a\u06be *\/\n  .happy-customers-bar {\n    background-color: #1b5e20;\n    color: #fff;\n    padding: 10px 8px;\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    font-size: 14px;\n    font-weight: bold;\n    margin-bottom: 20px;\n    white-space: nowrap;\n  }\n  .customer-avatars { display: flex; align-items: center; }\n  .avatar-img {\n    width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid white;\n    margin-left: -10px; background-color: #eee;\n  }\n\n  \/* \u0646\u0627\u0645 \u06a9\u06cc \u0633\u06cc\u0679\u0646\u06af - \u0628\u0627\u0644\u06a9\u0644 \u0641\u06a9\u0633 *\/\n  .m-brand-name { font-size: 14px; color: #666; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; }\n  .m-main-title { font-size: 24px; font-weight: bold; line-height: 1.2; margin-bottom: 5px; color: #000; }\n  .m-main-sub { font-size: 13px; color: #666; margin-bottom: 15px; display: block; }\n\n  \/* 2. \u0631\u06cc\u0679\u0646\u06af *\/\n  .m-rating-box { display: inline-flex; align-items: center; background-color: #f1fcf4; border: 1px dashed #a5d6a7; padding: 6px 10px; border-radius: 6px; margin-bottom: 20px; }\n  .m-star-green { background-color: #00b67a; color: white; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; font-size: 10px; border-radius: 2px; margin: 0 1px; }\n\n  \/* 3. \u0642\u06cc\u0645\u062a *\/\n  .m-price-flex { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }\n  .m-old-pr { font-size: 18px; color: #999; text-decoration: line-through; }\n  .m-new-pr { font-size: 26px; font-weight: bold; color: #000; }\n  .m-sale-tag { background-color: #1c252e; color: #fff; padding: 6px 12px; border-radius: 20px; font-size: 10px; font-weight: bold; }\n\n  \/* 4. \u06a9\u0648\u0627\u0646\u0679\u0679\u06cc *\/\n  .qty-label-v11 { font-size: 14px; margin-bottom: 8px; font-weight: 500; display: block; text-align: left; }\n  .qty-v11-box { display: flex; align-items: center; border: 1px solid #ccc; width: fit-content; margin-bottom: 20px; }\n  .qty-v11-btn { background: none; border: none; font-size: 22px; padding: 5px 15px; cursor: pointer; }\n  .qty-v11-input { width: 45px; border: none; text-align: center; font-size: 16px; font-weight: bold; outline: none; }\n\n  \/* 5. \u0633\u06cc\u0644 \u067e\u0679\u06cc \u0627\u06cc\u0646\u06cc\u0645\u06cc\u0634\u0646 *\/\n  @keyframes smoothMove { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(8px); } }\n  .sale-patti { background-color: #ff2e55; color: #ffffff; padding: 12px; border-radius: 8px; font-weight: bold; font-size: 15px; margin-bottom: 15px; text-align: center; animation: smoothMove 2.5s infinite ease-in-out; }\n\n  .wa-order-v11 {\n    text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 10px;\n    width: 100%; padding: 16px 5px; background-color: #cddc39; color: #000; border: 2px solid #000;\n    border-radius: 5px; font-size: 17px; font-weight: bold; margin-bottom: 10px; white-space: nowrap; box-sizing: border-box;\n  }\n\n  \/* Buy Now \u0628\u0679\u0646 *\/\n  .buy-now-v11 { width: 100%; padding: 16px; background-color: #e64200; color: #fff; border: none; border-radius: 5px; font-size: 18px; font-weight: bold; cursor: pointer; margin-bottom: 15px; }\n\n  \/* 7. \u0627\u0631\u062f\u0648 \u067e\u0679\u06cc *\/\n  .urdu-final-bar { background-color: #2d5a27; color: #fff; padding: 15px; border-radius: 5px; font-size: 18px; text-align: center; font-family: 'Noto Nastaliq Urdu', serif; line-height: 1.8; direction: rtl; margin-bottom: 15px; }\n\n  \/* 8. \u0646\u06cc\u0627 \u0627\u0633\u0645\u0648\u062a\u06be \u0628\u0644\u06cc\u06a9 \u0679\u0627\u0626\u0645\u0631 *\/\n  .m-original-timer { background: #000; color: #fff; padding: 20px 10px; border-radius: 12px; text-align: center; margin-top: 10px; }\n  .timer-title { font-size: 18px; font-weight: 900; letter-spacing: 1px; margin-bottom: 5px; color: #fff; }\n  .timer-offer { color: #d4e157; font-size: 14px; font-weight: bold; margin-bottom: 15px; }\n  .timer-grid { display: flex; justify-content: space-evenly; align-items: center; }\n  .t-box { display: flex; flex-direction: column; width: 60px; }\n  .t-digit { font-size: 28px; font-weight: 900; color: #d4e157; line-height: 1; }\n  .t-label { font-size: 10px; color: #888; text-transform: uppercase; margin-top: 5px; font-weight: bold; }\n<\/style>\n\n<div class=\"m-master-wrapper\">\n  <div class=\"happy-customers-bar\">\n    <div class=\"customer-avatars\">\n      <img decoding=\"async\" class=\"avatar-img\" src=\"https:\/\/i.pravatar.cc\/100?img=11\" alt=\"c1\" \/>\n      <img decoding=\"async\" class=\"avatar-img\" src=\"https:\/\/i.pravatar.cc\/100?img=12\" alt=\"c2\" \/>\n      <img decoding=\"async\" class=\"avatar-img\" src=\"https:\/\/i.pravatar.cc\/100?img=13\" alt=\"c3\" \/>\n    <\/div>\n    1,000,000+ HAPPY CUSTOMERS\n  <\/div>\n  \n  <div class=\"m-brand-name\">MAGNELA<\/div>\n  <div class=\"m-main-title\">Magnela Ultra Whitening Beauty Cream<\/div>\n  <span class=\"m-main-sub\">(Anti-Aging | Dark Spots | Skin Glow)<\/span>\n  \n  <div class=\"m-rating-box\">\n    <span style=\"font-weight: bold; font-size: 12px;\">&#8220;Amazing&#8221;<\/span>\n    <div class=\"m-star-green\">\u2605<\/div>\n    <div class=\"m-star-green\">\u2605<\/div>\n    <div class=\"m-star-green\">\u2605<\/div>\n    <div class=\"m-star-green\">\u2605<\/div>\n    <div class=\"m-star-green\">\u2605<\/div>\n    <span style=\"font-size: 11px; margin-left: 5px;\">Rated 4.8\/5 on <span style=\"color: #00b67a; font-weight: bold;\">Trustpilot<\/span><\/span>\n  <\/div>\n  \n  <div class=\"m-price-flex\">\n    <span class=\"m-old-pr\">Rs. 2,950.00<\/span>\n    <span class=\"m-new-pr\">Rs. 1,770.00<\/span>\n    <div class=\"m-sale-tag\">SAVE 40%<\/div>\n  <\/div>\n  \n  <div style=\"font-size: 12px; color: #555; margin-bottom: 15px; text-align: left;\"><u>Shipping<\/u> calculated at checkout.<\/div>\n  \n  <label class=\"qty-label-v11\">Quantity<\/label>\n  <div class=\"qty-v11-box\">\n    <button class=\"qty-v11-btn\" onclick=\"v11Q(-1)\">\u2212<\/button>\n    <input id=\"v11-input\" class=\"qty-v11-input\" min=\"1\" readonly=\"readonly\" type=\"number\" value=\"1\" \/>\n    <button class=\"qty-v11-btn\" onclick=\"v11Q(1)\">+<\/button>\n  <\/div>\n  \n  <div class=\"sale-patti\">\ud83d\ude80 Last Day Sale \u2014 Book Order \ud83d\udce6<\/div>\n\n  <a id=\"v11-wa\" class=\"wa-order-v11\" href=\"https:\/\/wa.me\/923024412720?text=I%20want%20to%20order%20Magnela\" target=\"_blank\" rel=\"noopener\">\n    \ud83d\ude9a Buy Now &#8211; Cash On Delivery\n  <\/a>\n\n  <button class=\"buy-now-v11\">Buy it now<\/button>\n  <div class=\"urdu-final-bar\">\u0622\u067e \u0642\u06cc\u0645\u062a \u0627\u062f\u0627 \u06a9\u0631\u0646\u06d2 \u0633\u06d2 \u067e\u06c1\u0644\u06d2 \u0627\u067e\u0646\u0627 \u067e\u0627\u0631\u0633\u0644 \u06a9\u06be\u0648\u0644 \u06a9\u0631 \u0686\u06cc\u06a9 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba<\/div>\n  \n  <div class=\"m-original-timer\">\n    <div class=\"timer-title\">HURRY UP !<\/div>\n    <div class=\"timer-offer\">40% OFF NOW<\/div>\n    <div class=\"timer-grid\">\n      <div class=\"t-box\"><span id=\"d-live\" class=\"t-digit\">00<\/span><span class=\"t-label\">Days<\/span><\/div>\n      <div class=\"t-box\"><span id=\"h-live\" class=\"t-digit\">00<\/span><span class=\"t-label\">Hours<\/span><\/div>\n      <div class=\"t-box\"><span id=\"m-live\" class=\"t-digit\">00<\/span><span class=\"t-label\">Mins<\/span><\/div>\n      <div class=\"t-box\"><span id=\"s-live\" class=\"t-digit\">00<\/span><span class=\"t-label\">Secs<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- Popups (10% \u06a9\u0648 \u0627\u0628 40% \u0622\u0641\u0631 \u0645\u06cc\u06ba \u0628\u062f\u0644 \u062f\u06cc\u0627 \u06af\u06cc\u0627 \u06c1\u06d2) -->\n<div id=\"waitOfferPopup\" style=\"display: none; position: fixed; z-index: 999999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); align-items: center; justify-content: center;\">\n  <div style=\"background: #fff; width: 92%; max-width: 380px; border-radius: 20px; text-align: center; padding: 30px; border: 2px solid #ff3366;\">\n    <h2 style=\"margin: 0; font-size: 32px; color: #000; font-weight: 900;\">Wait!<\/h2>\n    <p style=\"color: #333; font-size: 16px; margin: 5px 0; font-weight: bold;\">Special 40% Extra Discount!<\/p>\n    <div style=\"background: #ff3366; color: #fff; width: 100px; height: 100px; line-height: 100px; border-radius: 50%; margin: 15px auto; font-size: 35px; font-weight: 900;\">40%<\/div>\n    <button onclick=\"applyTenPercentAndReturn()\" style=\"background: #ff3366; color: #fff; width: 100%; padding: 18px; border: none; border-radius: 40px; font-size: 17px; font-weight: 900; cursor: pointer; margin-bottom: 12px;\">GET 40% OFF NOW<\/button>\n    <button onclick=\"finalExit()\" style=\"background: none; border: none; text-decoration: underline; cursor: pointer; color: #444; font-weight: bold;\">No thank you<\/button>\n  <\/div>\n<\/div>\n\n<div id=\"orderLoader\" style=\"display: none; position: fixed; z-index: 999998; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.9); align-items: center; justify-content: center; flex-direction: column;\">\n  <div style=\"border: 6px solid #f3f3f3; border-top: 6px solid #1b5e20; border-radius: 50%; width: 50px; height: 50px; animation: spin 1s linear infinite;\"><\/div>\n  <p style=\"margin-top: 15px; font-family: sans-serif; font-weight: bold; color: #1b5e20;\">Updating Price&#8230;<\/p>\n<\/div>\n\n<style> @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } <\/style>\n\n<div id=\"mainOrderPopup\" style=\"display: none; position: fixed; z-index: 999997; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); overflow-y: auto;\">\n  <div style=\"background: #fff; margin: 20px auto; width: 94%; max-width: 450px; border-radius: 15px; overflow: hidden; position: relative; box-shadow: 0 15px 50px rgba(0,0,0,0.4);\">\n    <div style=\"padding: 15px; border-bottom: 1px solid #ddd; text-align: center; position: relative;\">\n      <b style=\"font-size: 18px; color: #000; font-weight: 900;\">Submit Form To Order<\/b>\n      <span onclick=\"closePop()\" style=\"position: absolute; right: 15px; top: 8px; font-size: 30px; cursor: pointer; color: #000; font-weight: bold;\">\u00d7<\/span>\n    <\/div>\n    <div style=\"padding: 15px; background: #f9f9f9; display: flex; gap: 12px; border-bottom: 1px solid #ddd;\">\n      <div style=\"position: relative;\">\n        <img decoding=\"async\" style=\"width: 80px; height: 80px; border-radius: 10px; object-fit: cover; border: 1px solid #000;\" src=\"https:\/\/magnela.store\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-02-at-13.54.29.jpeg\" \/>\n        <span id=\"imgQtyBadge\" style=\"position: absolute; top: -8px; right: -8px; background: #000; color: #fff; width: 22px; height: 22px; border-radius: 50%; font-size: 12px; font-weight: bold; display: flex; align-items: center; justify-content: center; border: 2px solid #fff;\">1<\/span>\n      <\/div>\n      <div style=\"flex: 1; color: #000;\">\n        <h4 style=\"margin: 0; font-size: 14px; font-weight: 900;\">Magnela Ultra Whitening Cream<\/h4>\n        <div style=\"font-size: 13px; margin-top: 5px; display: flex; justify-content: space-between; font-weight: 800;\">Price (<span id=\"txtQtyDisplay\">1<\/span> Item) <span id=\"basePriceDisplay\">Rs. 1,770.00<\/span><\/div>\n        <div style=\"font-size: 13px; display: flex; justify-content: space-between; font-weight: 800;\">Shipping <span id=\"shipVal\" style=\"color: #1b5e20; font-weight: bold;\">FREE<\/span><\/div>\n        <div style=\"font-size: 19px; font-weight: 900; margin-top: 8px; border-top: 1px dashed #000; padding-top: 8px; display: flex; justify-content: space-between;\">Total <span id=\"totalVal\">Rs. 1,770.00<\/span><\/div>\n      <\/div>\n    <\/div>\n    <div style=\"background: #1b5e20; color: #fff; text-align: center; padding: 10px; font-size: 20px; direction: rtl; font-family: 'Noto Nastaliq Urdu', serif; font-weight: bold;\">\u0622\u067e \u0642\u06cc\u0645\u062a \u0627\u062f\u0627 \u06a9\u0631\u0646\u06d2 \u0633\u06d2 \u067e\u06c1\u0644\u06d2 \u0627\u067e\u0646\u0627 \u067e\u0627\u0631\u0633\u0644 \u06a9\u06be\u0648\u0644 \u06a9\u0631 \u0686\u06cc\u06a9 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba<\/div>\n    \n    <div style=\"padding: 20px;\">\n      <div style=\"background: #fff9c4; padding: 10px; border: 1px dashed #fbc02d; border-radius: 10px; margin-bottom: 15px; display: flex; gap: 5px; align-items: center;\">\n        <input id=\"couponField\" style=\"flex: 1; padding: 10px; border: 1px solid #000; border-radius: 8px; font-weight: bold; height: 45px; box-sizing: border-box;\" type=\"text\" placeholder=\"Enter Coupon Code\" \/>\n        <button onclick=\"applySecretCoupon()\" style=\"background: #000; color: #fff; border: none; padding: 0 15px; border-radius: 8px; cursor: pointer; font-weight: 900; height: 45px;\">Apply<\/button>\n      <\/div>\n      \n      <div class=\"f-row\">\n        <label>Your Name *<\/label>\n        <div class=\"f-icon\">\ud83d\udc64<input id=\"f_name\" type=\"text\" placeholder=\"Full Name\" \/><\/div>\n      <\/div>\n      <div class=\"f-row\">\n        <label>Phone number *<\/label>\n        <div class=\"f-icon\">\ud83d\udcde<input id=\"f_phone\" type=\"tel\" placeholder=\"Active Phone\" \/><\/div>\n      <\/div>\n      <div class=\"f-row\">\n        <label>Complete Address *<\/label>\n        <div class=\"f-icon\">\ud83c\udfe0<input id=\"f_addr\" type=\"text\" placeholder=\"House\/Area Address\" \/><\/div>\n      <\/div>\n      <div class=\"f-row\">\n        <label>Near Location &amp; Street *<\/label>\n        <div class=\"f-icon\">\ud83d\udccd<input id=\"f_street\" type=\"text\" placeholder=\"Famous Landmark \/ Street\" \/><\/div>\n      <\/div>\n      <div class=\"f-row\">\n        <label>City *<\/label>\n        <div class=\"f-icon\">\ud83c\udfd9\ufe0f<input id=\"f_city\" type=\"text\" placeholder=\"City Name\" \/><\/div>\n      <\/div>\n      \n      <button onclick=\"submitOrderNow()\" style=\"width: 100%; padding: 18px; background: #1b5e20; color: #fff; border: none; border-radius: 10px; font-size: 22px; font-weight: 900; cursor: pointer; margin-top: 10px;\">COMPLETE ORDER<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n    .f-row { margin-bottom:14px; }\n    .f-row label { display:block; font-size:13px; font-weight:900; margin-bottom:6px; color:#000; }\n    .f-icon { position:relative; width:100%; }\n    .f-icon span { position:absolute; left:12px; top:12px; font-size:18px; }\n    \n    .f-icon input { \n      width:100% !important; padding:14px 10px 14px 42px !important; \n      border:1px solid #999999 !important; border-radius:10px !important; \n      box-sizing:border-box !important; font-size:15px !important; font-weight:800 !important; \n      color:#000 !important; outline:none !important; background-color: #fafafa !important;\n      display: block !important; transition: all 0.3s ease !important;\n    }\n    .f-icon input:focus {\n      border-color: #1b5e20 !important;\n      background-color: #fff !important;\n      box-shadow: 0 0 5px rgba(27,94,32,0.3) !important;\n    }\n<\/style>\n\n<script>\n    var offerShown = false;\n    var unitPrice = 1770;\n    var shippingPrice = 0; \n    var currentQty = 1;\n\n    function v11Q(n) {\n      var inp = document.getElementById('v11-input');\n      var res = parseInt(inp.value) + n;\n      if (res >= 1) {\n        inp.value = res;\n        currentQty = res;\n        var txt = \"I want to order \" + res + \" Magnela Ultra Whitening Beauty Cream.\";\n        document.getElementById('v11-wa').href = \"https:\/\/wa.me\/923024412720?text=\" + encodeURIComponent(txt);\n      }\n    }\n\n    function syncAndShow() {\n        document.getElementById('orderLoader').style.display = 'flex';\n        setTimeout(function() {\n            var qInput = document.getElementById('v11-input');\n            currentQty = (qInput && qInput.value) ? parseInt(qInput.value) : 1;\n            \n            updateDisplay(currentQty * unitPrice, shippingPrice);\n            \n            document.getElementById('orderLoader').style.display = 'none';\n            document.getElementById('mainOrderPopup').style.display = 'block';\n            document.body.style.overflow = 'hidden';\n        }, 800);\n    }\n\n    function updateDisplay(subtotal, ship) {\n        document.getElementById('imgQtyBadge').innerText = currentQty;\n        document.getElementById('txtQtyDisplay').innerText = currentQty;\n        document.getElementById('basePriceDisplay').innerText = \"Rs. \" + subtotal.toLocaleString();\n        \n        document.getElementById('shipVal').innerText = \"FREE\";\n        document.getElementById('shipVal').style.color = \"#1b5e20\";\n        document.getElementById('totalVal').innerText = \"Rs. \" + subtotal.toLocaleString();\n    }\n\n    function applySecretCoupon() {\n        var code = document.getElementById('couponField').value.trim().toLowerCase();\n        if(code === \"savemoney\") {\n            var discountedSub = (currentQty * unitPrice) * 0.8;\n            updateDisplay(discountedSub, 0);\n            document.getElementById('shipVal').style.color = \"green\";\n            alert(\"Success! 20% Discount + Free Shipping Applied.\");\n        } else { alert(\"Invalid Coupon Code\"); }\n    }\n\n    function triggerOfferPopup() {\n        if (!offerShown) {\n            document.getElementById('waitOfferPopup').style.display = 'flex';\n            offerShown = true;\n        } else { finalExit(); }\n    }\n\n    function applyTenPercentAndReturn() {\n        var discountedSub = (currentQty * unitPrice) * 0.6;\n        updateDisplay(discountedSub, 0);\n        document.getElementById('waitOfferPopup').style.display = 'none';\n    }\n\n    function finalExit() {\n        document.getElementById('waitOfferPopup').style.display = 'none';\n        document.getElementById('mainOrderPopup').style.display = 'none';\n        document.body.style.overflow = 'auto';\n    }\n\n    function closePop() { triggerOfferPopup(); }\n\n    document.addEventListener('click', function(e) {\n        if (e.target && (e.target.innerText.toUpperCase().includes('CASH ON DELIVERY') || e.target.innerText.toUpperCase().includes('BUY IT NOW'))) {\n            e.preventDefault();\n            syncAndShow();\n        }\n    }, true);\n\n    function submitOrderNow() {\n        var name = document.getElementById('f_name').value.trim();\n        var phone = document.getElementById('f_phone').value.trim();\n        var address = document.getElementById('f_addr').value.trim();\n        var street = document.getElementById('f_street').value.trim();\n        var city = document.getElementById('f_city').value.trim();\n        var total = document.getElementById('totalVal').innerText;\n\n        if(!name || !phone || !address || !street || !city) { \n            alert(\"\u0628\u0631\u0627\u06c1 \u06a9\u0631\u0645 \u0641\u0627\u0631\u0645 \u06a9\u06cc \u062a\u0645\u0627\u0645 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062f\u0631\u0633\u062a \u0637\u0631\u06cc\u0642\u06d2 \u0633\u06d2 \u067e\u064f\u0631 \u06a9\u0631\u06cc\u06ba! (Please fill all fields)\"); \n            return; \n        }\n\n        var message = \"\ud83c\udf1f *\u0646\u06cc\u0627 \u0622\u0631\u0688\u0631 \u0645\u0648\u0635\u0648\u0644 \u06c1\u0648\u0627 \u06c1\u06d2!* \ud83c\udf1f\\n\\n\" +\n                      \"\ud83d\udce6 *\u067e\u0631\u0648\u0688\u06a9\u0679:* Magnela Ultra Whitening Cream\\n\" +\n                      \"\ud83d\udd22 *\u062a\u0639\u062f\u0627\u062f:* \" + currentQty + \"\\n\" +\n                      \"\ud83d\udcb0 *\u06a9\u0644 \u0631\u0642\u0645:* \" + total + \" (\u0688\u06cc\u0644\u06cc\u0648\u0631\u06cc \u0628\u0627\u0644\u06a9\u0644 \u0645\u0641\u062a)\\n\\n\" +\n                      \"\ud83d\udc64 *\u06a9\u0633\u0679\u0645\u0631 \u06a9\u0627 \u0646\u0627\u0645:* \" + name + \"\\n\" +\n                      \"\ud83d\udcde *\u0641\u0648\u0646 \u0646\u0645\u0628\u0631:* \" + phone + \"\\n\" +\n                      \"\ud83c\udfd9\ufe0f *\u0634\u06c1\u0631:* \" + city + \"\\n\" +\n                      \"\ud83d\udccd *\u0642\u0631\u06cc\u0628\u06cc \u062c\u06af\u06c1\/\u06af\u0644\u06cc:* \" + street + \"\\n\" +\n                      \"\ud83c\udfe0 *\u0645\u06a9\u0645\u0644 \u0627\u06cc\u0688\u0631\u06cc\u0633:* \" + address + \"\\n\\n\" +\n                      \"\ud83d\ude80 *\u0628\u0631\u0627\u06c1 \u06a9\u0631\u0645 \u0622\u0631\u0688\u0631 \u06a9\u0646\u0641\u0631\u0645 \u06a9\u0631 \u06a9\u06d2 \u062c\u0644\u062f \u0628\u06be\u06cc\u062c \u062f\u06cc\u06ba\u060c \u0634\u06a9\u0631\u06cc\u06c1!*\";\n\n        var whatsappUrl = \"https:\/\/wa.me\/923024412720?text=\" + encodeURIComponent(message);\n        window.open(whatsappUrl, '_blank');\n        finalExit();\n    }\n\n    function startTimer() {\n        const now = new Date();\n        const totalSecondsInDay = (now.getHours() * 3600) + (now.getMinutes() * 60) + now.getSeconds();\n        const cycleSeconds = 12 * 3600; \n        const remainingSeconds = cycleSeconds - (totalSecondsInDay % cycleSeconds);\n\n        const h = Math.floor(remainingSeconds \/ 3600);\n        const m = Math.floor((remainingSeconds % 3600) \/ 60);\n        const s = remainingSeconds % 60;\n\n        document.getElementById('d-live').innerText = \"00\"; \n        document.getElementById('h-live').innerText = h.toString().padStart(2, '0');\n        document.getElementById('m-live').innerText = m.toString().padStart(2, '0');\n        document.getElementById('s-live').innerText = s.toString().padStart(2, '0');\n    }\n    setInterval(startTimer, 1000);\n    startTimer();\n<\/script>\n\n<style>\n  .my-special-wa-btn {\n    display: flex !important; align-items: center; justify-content: center;\n    background: linear-gradient(135deg, #1ebea5 0%, #075e54 100%) !important;\n    color: #fff !important; width: 100% !important; padding: 13px !important;\n    border-radius: 50px !important; font-size: 17px !important; font-weight: 800 !important;\n    margin: 12px 0 !important; cursor: pointer !important; border: 2px solid #fff !important;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important; text-decoration: none !important;\n    box-sizing: border-box !important; font-family: sans-serif !important;\n  }\n  .my-special-wa-btn img { width: 22px; margin-right: 10px; }\n<\/style>\n\n<script>\n  (function() {\n    function cleanJunk() {\n      const junk = ['.wa-order-final', '.wa-pill-v1', '.wa-style-v1', '.wa-final-pill', '#custom-wa-btn'];\n      junk.forEach(s => document.querySelectorAll(s).forEach(el => el.remove()));\n    }\n    cleanJunk();\n\n    var waBtn = document.createElement('a');\n    waBtn.className = 'my-special-wa-btn';\n    waBtn.innerHTML = '<img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/6b\/WhatsApp.svg\"> ORDER ON WHATSAPP';\n\n    waBtn.onclick = function(e) {\n      e.preventDefault(); e.stopPropagation();\n      var qty = document.getElementById('v11-input') ? document.getElementById('v11-input').value : 1;\n      var msg = \"\u0627\u0644\u0633\u0644\u0627\u0645 \u0639\u0644\u06cc\u06a9\u0645! \u2728\\n\\n\u0645\u06cc\u06ba \u0622\u067e \u06a9\u06cc \u0648\u06cc\u0628 \u0633\u0627\u0626\u0679 \u0633\u06d2 Magnela Cream \u0622\u0631\u0688\u0631 \u06a9\u0631\u0646\u0627 \u0686\u0627\u06c1\u062a\u06cc \u06c1\u0648\u06ba\u06d4\\n\u2705 \u062a\u0639\u062f\u0627\u062f: \" + qty;\n      window.open(\"https:\/\/wa.me\/923024412720?text=\" + encodeURIComponent(msg), '_blank');\n    };\n\n    function positionBtn() {\n      var yellow = document.querySelector('.wa-order-v11');\n      if (yellow && yellow.parentNode) {\n        cleanJunk();\n        yellow.parentNode.insertBefore(waBtn, yellow.nextSibling);\n      }\n    }\n\n    window.addEventListener('load', positionBtn);\n    setTimeout(positionBtn, 500);\n    setTimeout(positionBtn, 2000); \n  })();\n<\/script>\n\n<style>\n  \/* \u06cc\u06c1\u0627\u06ba \u0635\u0631\u0641 \u0627\u0646 \u067e\u0679 \u0641\u06cc\u0644\u0688\u0632 \u06a9\u0648 \u0686\u06be\u0648\u0691 \u06a9\u0631 \u0628\u0627\u0642\u06cc \u062a\u0645\u0627\u0645 \u063a\u06cc\u0631 \u0636\u0631\u0648\u0631\u06cc \u0628\u0627\u0631\u0688\u0631\u0632 \u06a9\u0648 \u0631\u06cc\u0645\u0648\u0648 \u06a9\u06cc\u0627 \u06af\u06cc\u0627 \u06c1\u06d2 \u062c\u0648 \u0627\u067e \u06a9\u06d2 \u0627\u0648\u0631\u06cc\u062c\u0646\u0644 \u06a9\u0648\u0688 \u0645\u06cc\u06ba \u0633\u06cc\u0679 \u062a\u06be\u0627 *\/\n  .m-master-wrapper,\n  .m-rating-box,\n  .qty-v11-box,\n  .wa-order-v11,\n  #couponField,\n  .buy-now-v11,\n  #mainOrderPopup div {\n      border: none !important;\n      border-width: 0px !important;\n      outline: none !important;\n      box-shadow: none !important;\n  }\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e969f2 e-con-full e-flex e-con e-child\" data-id=\"0e969f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18b1e80 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"18b1e80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"m-spec-wrapper\">\n  <h2 class=\"m-spec-title\">Product Specifications<\/h2>\n  <ul class=\"m-spec-list\">\n    <li><strong>Product Name:<\/strong> Magnela Ultra Whitening Beauty Cream<\/li>\n    <li><strong>Key Ingredients:<\/strong> Kojic Acid, Glutathione, Vitamin E, Niacinamide<\/li>\n    <li><strong>Net Weight:<\/strong> 30g<\/li>\n    <li><strong>Skin Type:<\/strong> All Skin Types<\/li>\n    <li><strong>Gender:<\/strong> Men &amp; Women<\/li>\n    <li><strong>Usage Area:<\/strong> Face &amp; Neck<\/li>\n    <li><strong>Benefits:<\/strong> Brightening, Dark Spot Care, Even Skin Tone<\/li>\n    <li><strong>Shelf Life:<\/strong> 24 Months<\/li>\n    <li><strong>Made In:<\/strong> Pakistan<\/li>\n    <li><strong>Quality:<\/strong> Dermatologically Tested<\/li>\n  <\/ul>\n<\/div>\n\n<style>\n  .m-spec-wrapper {\n    padding: 15px 20px; \n    background: #f9f9f9; \/* Halka grey background *\/\n    max-width: 480px;\n    width: 100% !important;\n    margin: auto;\n    box-sizing: border-box;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n  }\n\n  .m-spec-title {\n    font-size: 20px; \n    font-weight: 700; \n    color: #111; \n    margin-bottom: 10px; \/* Heading ke baad ka gap kam kar diya *\/\n  }\n\n  .m-spec-list {\n    font-size: 14px; \n    line-height: 1.4; \/* Lines ke darmiyan ka gap bilkul tight kar diya *\/\n    color: #444; \n    padding-left: 15px;\n    margin: 0;\n  }\n  \n  .m-spec-list li {\n    margin-bottom: 3px; \/* Extra line chhorna bilkul khatam *\/\n    font-weight: 400;\n  }\n\n  .m-spec-list strong {\n    color: #222;\n    font-weight: 600;\n  }\n\n  \/* Mobile Full-Width Spreader *\/\n  @media screen and (max-width: 480px) {\n    .m-spec-wrapper {\n      width: 100vw !important;\n      position: relative !important;\n      left: 50% !important;\n      right: 50% !important;\n      margin-left: -50vw !important;\n      margin-right: -50vw !important;\n      padding-left: 20px !important;\n      padding-right: 20px !important;\n    }\n  }\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79872a2 e-con-full e-flex e-con e-child\" data-id=\"79872a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2772c60 elementor-widget elementor-widget-text-editor\" data-id=\"2772c60\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"m-perfect-full-img-v4\">\n  <!-- \u0622\u067e \u06a9\u06cc \u0628\u0627\u0644\u06a9\u0644 \u0646\u0626\u06cc \u062a\u0635\u0648\u06cc\u0631 \u06a9\u0627 \u0644\u0646\u06a9 \u06cc\u06c1\u0627\u06ba \u0641\u0679 \u06a9\u0631 \u062f\u06cc\u0627 \u06af\u06cc\u0627 \u06c1\u06d2 -->\n  <img decoding=\"async\" src=\"https:\/\/magnela.store\/wp-content\/uploads\/2026\/06\/file_00000000bdd4720bb8d86d2034faaa58.png\" alt=\"Magnela Product Image Update\" \/>\n<\/div>\n\n<style>\n  .m-perfect-full-img-v4 {\n    max-width: 480px;\n    width: 100% !important;\n    margin: 15px auto;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  .m-perfect-full-img-v4 img {\n    width: 100% !important;\n    height: auto !important;\n    display: block;\n    object-fit: cover;\n  }\n\n  @media screen and (max-width: 480px) {\n    .m-perfect-full-img-v4 {\n      width: 100vw !important;\n      position: relative !important;\n      left: 50% !important;\n      right: 50% !important;\n      margin-left: -50vw !important;\n      margin-right: -50vw !important;\n      \/* \u0622\u067e \u06a9\u06cc \u0628\u062a\u0627\u0626\u06cc \u06c1\u0648\u0626\u06cc 8.6px \u06a9\u06cc \u067e\u0631\u0641\u06cc\u06a9\u0679 \u0633\u0627\u0626\u06cc\u0688 \u0633\u06cc\u0679\u0646\u06af *\/\n      padding-left: 8.6px !important;\n      padding-right: 8.6px !important;\n      box-sizing: border-box !important;\n    }\n  }\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-480cb66 e-con-full e-flex e-con e-child\" data-id=\"480cb66\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f19476 elementor-widget elementor-widget-text-editor\" data-id=\"1f19476\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n  \/* \u0635\u0631\u0641 \u06c1\u06cc\u067e\u06cc \u06a9\u0633\u0679\u0645\u0631 \u067e\u0679\u06cc \u06a9\u0627 \u0641\u06a9\u0633\u0688 \u062d\u0635\u06c1 *\/\n  .happy-customers-bar {\n    background-color: #1b5e20;\n    color: #fff;\n    padding: 8px 12px; \/* \u062a\u06be\u0648\u0691\u0627 \u0633\u0627 \u0632\u06cc\u0627\u062f\u06c1 \u0641\u0627\u0635\u0644\u06c1 \u062a\u0627\u06a9\u06c1 \u062a\u0635\u0627\u0648\u06cc\u0631 \u0627\u0646\u062f\u0631 \u0631\u06c1\u06cc\u06ba *\/\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    font-size: 14px;\n    font-weight: bold;\n    margin-bottom: 20px;\n    overflow: hidden; \/* \u067e\u0679\u06cc \u0633\u06d2 \u0628\u0627\u06c1\u0631 \u0646\u06a9\u0644\u0646\u06d2 \u0648\u0627\u0644\u06cc \u0686\u06cc\u0632\u0648\u06ba \u06a9\u0648 \u0686\u06be\u067e\u0627\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 *\/\n  }\n  .customer-avatars { display: flex; align-items: center; }\n  .avatar-img { \n    width: 24px; height: 24px; border-radius: 50%; border: 1.5px solid white; \n    margin-left: -10px; object-fit: cover; background: #fff;\n  }\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8090bc7 e-con-full e-flex e-con e-child\" data-id=\"8090bc7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46bcae4 elementor-widget elementor-widget-text-editor\" data-id=\"46bcae4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"m-perfect-full-img-v5\">\n  <!-- \u0622\u067e \u06a9\u06cc \u0646\u0626\u06cc \u062a\u0635\u0648\u06cc\u0631 \u06a9\u0627 \u0644\u0646\u06a9 \u06cc\u06c1\u0627\u06ba \u0641\u0679 \u06a9\u0631 \u062f\u06cc\u0627 \u06af\u06cc\u0627 \u06c1\u06d2 -->\n  <img decoding=\"async\" src=\"https:\/\/magnela.store\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-05-at-4.34.07-PM.jpeg\" alt=\"Magnela Product Image 5\" \/>\n<\/div>\n\n<style>\n  .m-perfect-full-img-v5 {\n    max-width: 480px;\n    width: 100% !important;\n    margin: 15px auto;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  .m-perfect-full-img-v5 img {\n    width: 100% !important;\n    height: auto !important;\n    display: block;\n    object-fit: cover;\n  }\n\n  @media screen and (max-width: 480px) {\n    .m-perfect-full-img-v5 {\n      width: 100vw !important;\n      position: relative !important;\n      left: 50% !important;\n      right: 50% !important;\n      margin-left: -50vw !important;\n      margin-right: -50vw !important;\n      \n      \/* \u0648\u06c1\u06cc \u067e\u0631\u0641\u06cc\u06a9\u0679 8.6px \u06a9\u06cc \u0633\u06cc\u0679\u0646\u06af *\/\n      padding-left: 8.6px !important; \n      padding-right: 8.6px !important; \n      box-sizing: border-box !important;\n    }\n  }\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d653d7d e-con-full e-flex e-con e-child\" data-id=\"d653d7d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ccaaad elementor-widget elementor-widget-text-editor\" data-id=\"1ccaaad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"m-perfect-full-img-v4\"><br \/><!-- \u0622\u067e \u06a9\u06cc \u0646\u0626\u06cc \u062a\u0635\u0648\u06cc\u0631 \u06a9\u0627 \u0644\u0646\u06a9 \u06cc\u06c1\u0627\u06ba \u0641\u0679 \u06a9\u0631 \u062f\u06cc\u0627 \u06af\u06cc\u0627 \u06c1\u06d2 --><br \/><img decoding=\"async\" src=\"https:\/\/magnela.store\/wp-content\/uploads\/2026\/06\/file_00000000fd58720b8a5a25f95b1787e3.png\" alt=\"Magnela Product Image New\" \/><\/div><p><style>\n  .m-perfect-full-img-v4 {<br \/>    max-width: 480px;<br \/>    width: 100% !important;<br \/>    margin: 15px auto;<br \/>    padding: 0;<br \/>    box-sizing: border-box;<br \/>  }<\/p>\n<p>  .m-perfect-full-img-v4 img {<br \/>    width: 100% !important;<br \/>    height: auto !important;<br \/>    display: block;<br \/>    object-fit: cover;<br \/>  }<\/p>\n<p>  @media screen and (max-width: 480px) {<br \/>    .m-perfect-full-img-v4 {<br \/>      width: 100vw !important;<br \/>      position: relative !important;<br \/>      left: 50% !important;<br \/>      right: 50% !important;<br \/>      margin-left: -50vw !important;<br \/>      margin-right: -50vw !important;<br \/>      \/* \u0622\u067e \u06a9\u06cc \u0628\u062a\u0627\u0626\u06cc \u06c1\u0648\u0626\u06cc 8.6px \u06a9\u06cc \u067e\u0631\u0641\u06cc\u06a9\u0679 \u0633\u0627\u0626\u06cc\u0688 \u0633\u06cc\u0679\u0646\u06af *\/<br \/>      padding-left: 8.6px !important;<br \/>      padding-right: 8.6px !important;<br \/>      box-sizing: border-box !important;<br \/>    }<br \/>  }<br \/><\/style><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f09e84 elementor-widget elementor-widget-text-editor\" data-id=\"3f09e84\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div style=\"padding: 15px; background: #fff; border: 1px solid #e0e0e0; border-radius: 10px; text-align: center; font-family: sans-serif; box-shadow: 0 2px 5px rgba(0,0,0,0.05); margin: 10px;\">\n  <h3 style=\"margin: 0 0 8px 0; color: #c5a059; font-size: 18px; font-weight: 800;\">Unlock Flawless Beauty with Magnela<\/h3>\n  <p style=\"margin: 0; font-size: 14px; color: #444; line-height: 1.5;\">Our <span style=\"color: #2e7d32; font-weight: bold;\">Advanced Active Formula<\/span> is expertly crafted to <span style=\"color: #d32f2f; font-weight: bold;\">erase stubborn pigmentation<\/span> and dark spots for an <span style=\"color: #c5a059; font-weight: bold;\">instant healthy glow<\/span>.\n  Trusted for a <span style=\"font-weight: bold;\">clear, radiant tone<\/span>\u2014totally <span style=\"text-decoration: underline; color: #2e7d32;\">free from harsh chemicals<\/span>.<\/p>\n  <p style=\"margin: 8px 0 0 0; font-size: 16px; color: #c5a059; font-weight: bold;\">Experience the power of glowing skin.<\/p>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f4c71f1 e-con-full e-flex e-con e-child\" data-id=\"f4c71f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0027514 e-con-full e-flex e-con e-child\" data-id=\"0027514\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8b7f45 elementor-widget elementor-widget-text-editor\" data-id=\"a8b7f45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"m-perfect-full-img-v4\"><br \/><!-- \u0622\u067e \u06a9\u06cc \u0646\u0626\u06cc \u062a\u0635\u0648\u06cc\u0631 \u06a9\u0627 \u0644\u0646\u06a9 \u06cc\u06c1\u0627\u06ba \u0641\u0679 \u06a9\u0631 \u062f\u06cc\u0627 \u06af\u06cc\u0627 \u06c1\u06d2 --><br \/><img decoding=\"async\" src=\"https:\/\/magnela.store\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-05-at-4.18.29-PM.jpeg\" alt=\"Magnela Product Image 4\" \/><\/div><p><style>\n  .m-perfect-full-img-v4 {<br \/>    max-width: 480px;<br \/>    width: 100% !important;<br \/>    margin: 15px auto;<br \/>    padding: 0;<br \/>    box-sizing: border-box;<br \/>  }<\/p>\n<p>  .m-perfect-full-img-v4 img {<br \/>    width: 100% !important;<br \/>    height: auto !important;<br \/>    display: block;<br \/>    object-fit: cover;<br \/>  }<\/p>\n<p>  @media screen and (max-width: 480px) {<br \/>    .m-perfect-full-img-v4 {<br \/>      width: 100vw !important;<br \/>      position: relative !important;<br \/>      left: 50% !important;<br \/>      right: 50% !important;<br \/>      margin-left: -50vw !important;<br \/>      margin-right: -50vw !important;<\/p>\n<p>      \/* \u0622\u067e \u06a9\u06cc \u0628\u062a\u0627\u0626\u06cc \u06c1\u0648\u0626\u06cc 8.6px \u06a9\u06cc \u067e\u0631\u0641\u06cc\u06a9\u0679 \u0633\u06cc\u0679\u0646\u06af *\/<br \/>      padding-left: 8.6px !important;<br \/>      padding-right: 8.6px !important;<br \/>      box-sizing: border-box !important;<br \/>    }<br \/>  }<br \/><\/style><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b859f2f e-con-full e-flex e-con e-child\" data-id=\"b859f2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd89a20 elementor-widget elementor-widget-text-editor\" data-id=\"bd89a20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"m-ultimate-branding-container\">\n  \n  <!-- INTRODUCTION SECTION -->\n  <div class=\"m-hero-text-box\">\n    <h1 class=\"m-main-heading\">Discover the Secret to Radiant, Fair Skin with <span class=\"m-highlight-brand\">Magnela Beauty Cream<\/span><\/h1>\n    <p class=\"m-intro-p\">Are you tired of trying different creams that promise fairness but deliver nothing? Do dark spots, pigmentation, and dull skin make you feel less confident? Your search ends here with our revolutionary <strong>Kojic Acid &#038; Glutathione Magnela Beauty Cream<\/strong> &#8211; the ultimate solution for beautiful, glowing, and fair skin.<\/p>\n    <p class=\"m-intro-p\">This powerful beauty cream combines three of the most effective whitening ingredients known to skincare science: <span class=\"m-badge-ing\">Kojic Acid<\/span>, <span class=\"m-badge-ing\">Glutathione<\/span>, and <span class=\"m-badge-ing\">Zafran (Saffron)<\/span>. Together, they create a formula so effective that you will see <span class=\"m-text-glow\">visible results in just 7 days!<\/span><\/p>\n  <\/div>\n\n  <!-- INGREDIENTS SECTION -->\n  <h2 class=\"m-section-title\">\u2728 What Makes This Cream Different From Others?<\/h2>\n  <h3 class=\"m-sub-title\">The Power of Three Miracle Ingredients<\/h3>\n  \n  <div class=\"m-ingredient-card\">\n    <h4>1. Kojic Acid &#8211; The Skin Lightening Expert<\/h4>\n    <p>Kojic Acid is one of the most powerful and scientifically proven skin whitening ingredients in the world. It works by blocking the production of melanin, the pigment that makes your skin dark. Here is what it does for your skin:<\/p>\n    <ul class=\"m-bullet-list\">\n      <li>Lightens dark spots and hyperpigmentation<\/li>\n      <li>Reduces melanin production for fairer skin<\/li>\n      <li>Evens out skin tone naturally<\/li>\n      <li>Fades age spots and sun damage<\/li>\n      <li>Prevents new dark spots from forming<\/li>\n      <li>Safe and effective for all skin types<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"m-ingredient-card\">\n    <h4>2. Glutathione &#8211; The Master Antioxidant<\/h4>\n    <p>Glutathione is often called the &#8220;master antioxidant&#8221; and is the secret ingredient used by celebrities worldwide for skin whitening. Our cream replenishes it topically to give you:<\/p>\n    <ul class=\"m-bullet-list\">\n      <li>Powerful skin whitening from within<\/li>\n      <li>Protection against free radical damage<\/li>\n      <li>Reduced signs of aging and wrinkles<\/li>\n      <li>Brighter, more youthful complexion<\/li>\n      <li>Even skin tone throughout your body<\/li>\n      <li>Natural glow that lasts all day<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"m-ingredient-card\">\n    <h4>3. Zafran (Saffron) &#8211; The Golden Beauty Secret<\/h4>\n    <p>Saffron has been used for thousands of years in traditional beauty treatments. This precious ingredient is known as &#8220;red gold&#8221; and offers incredible benefits:<\/p>\n    <ul class=\"m-bullet-list\">\n      <li>Natural skin brightening and glow<\/li>\n      <li>Improves skin texture and smoothness<\/li>\n      <li>Reduces dark circles and blemishes<\/li>\n      <li>Provides luxurious nourishment<\/li>\n      <li>Enhances natural radiance<\/li>\n      <li>Gives your skin a healthy, golden glow<\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- CORE BENEFITS SECTION -->\n  <h2 class=\"m-section-title\">\ud83d\ude80 Core Benefits of Magnela<\/h2>\n  <div class=\"m-benefits-grid\">\n    <div class=\"m-benefit-item\"><strong>\u26a1 Visible Results in Just 7 Days:<\/strong> Unlike other creams that take months, our powerful formula shows visible whitening and glow within the first week.<\/div>\n    <div class=\"m-benefit-item\"><strong>\ud83c\udfaf Triple Action Whitening:<\/strong> Three powerful ingredients work together to give you faster, more effective results than single-ingredient creams.<\/div>\n    <div class=\"m-benefit-item\"><strong>\ud83d\udee1\ufe0f Removes Dark Spots &#038; Pigmentation:<\/strong> Say goodbye to stubborn dark spots, melasma, age spots, and uneven skin tone.<\/div>\n    <div class=\"m-benefit-item\"><strong>\ud83c\udf38 Fades Acne Scars &#038; Blemishes:<\/strong> Reduces the appearance of acne scars and blemishes, giving you clear, flawless skin.<\/div>\n    <div class=\"m-benefit-item\"><strong>\u23f3 Anti-Aging Benefits:<\/strong> Glutathione fights signs of aging, reduces fine lines, and keeps your skin youthful and firm.<\/div>\n    <div class=\"m-benefit-item\"><strong>\u2600\ufe0f Sun Damage Repair:<\/strong> Reverses sun damage and tanning, restoring your natural fair complexion.<\/div>\n    <div class=\"m-benefit-item\"><strong>\ud83d\udca7 All-Day Moisture:<\/strong> Keeps your skin hydrated, soft, and supple throughout the day without feeling greasy.<\/div>\n    <div class=\"m-benefit-item\"><strong>\ud83c\udf31 Natural &#038; Safe Formula:<\/strong> Made with high-quality ingredients that are gentle on your skin with no harmful side effects.<\/div>\n    <div class=\"m-benefit-item\"><strong>\ud83c\udf0d Suitable for All Skin Types:<\/strong> Whether you have oily, dry, combination, or sensitive skin, this cream works perfectly.<\/div>\n    <div class=\"m-benefit-item\"><strong>\ud83d\udc8e Long-Lasting Fairness:<\/strong> Regular use gives you permanent whitening that does not fade away.<\/div>\n  <\/div>\n\n  <!-- HOW IT WORKS (THE SCIENCE) -->\n  <h2 class=\"m-section-title\">\ud83d\udd2c How Does Magnela Cream Work?<\/h2>\n  <h3 class=\"m-sub-title\">The Science Behind the Glow<\/h3>\n  <div class=\"m-science-container\">\n    <div class=\"m-step-level\"><span class=\"m-level-num\">Level 1<\/span> <strong>Surface Brightening:<\/strong> The moment you apply the cream, Saffron extract starts working on the surface to give you an instant glow and radiance.<\/div>\n    <div class=\"m-step-level\"><span class=\"m-level-num\">Level 2<\/span> <strong>Melanin Blocking:<\/strong> Kojic Acid penetrates deeper and blocks the enzyme responsible for melanin production. Less melanin means lighter, fairer skin.<\/div>\n    <div class=\"m-step-level\"><span class=\"m-level-num\">Level 3<\/span> <strong>Deep Skin Whitening:<\/strong> Glutathione works at the cellular level, providing antioxidant protection and promoting skin whitening from within.<\/div>\n    <div class=\"m-step-level\"><span class=\"m-level-num\">Level 4<\/span> <strong>Skin Repair &#038; Protection:<\/strong> The combined formula repairs damaged skin cells, protects against further damage, and maintains your new fair complexion.<\/div>\n  <\/div>\n\n  <!-- HOW TO USE SECTION -->\n  <h2 class=\"m-section-title\">\ud83d\udcdd How to Use Magnela Beauty Cream<\/h2>\n  <p style=\"margin-bottom: 15px;\">Follow these simple steps for best results:<\/p>\n  <div class=\"m-use-box\">\n    <p><strong>Step 1: Cleanse Your Face<\/strong> &#8211; Wash your face with a gentle cleanser and pat dry with a soft towel. Make sure your skin is completely clean and free from makeup or dirt.<\/p>\n    <p><strong>Step 2: Take the Right Amount<\/strong> &#8211; Take a small amount of Magnela Beauty Cream (about a pea-sized amount for your face).<\/p>\n    <p><strong>Step 3: Apply Evenly<\/strong> &#8211; Dot the cream on your forehead, cheeks, nose, and chin. Gently spread it evenly across your entire face and neck.<\/p>\n    <p><strong>Step 4: Massage Gently<\/strong> &#8211; Using your fingertips, massage the cream in upward circular motions for 2-3 minutes. This helps the cream absorb better and improves blood circulation.<\/p>\n    <p><strong>Step 5: Let It Absorb<\/strong> &#8211; Allow the cream to absorb completely into your skin. It absorbs quickly without leaving any greasy residue.<\/p>\n    <p><strong>Step 6: Use Twice Daily<\/strong> &#8211; For best results, apply the cream twice daily &#8211; once in the morning and once before bed.<\/p>\n  <\/div>\n\n  <!-- PRO TIPS SECTION -->\n  <div class=\"m-pro-tips-container\">\n    \ud83d\udc41\ufe0f\u200d\ud83d\udde8\ufe0f Pro Tips for Maximum Results\n    <ul>\n      <li><strong>Consistency is Key:<\/strong> Use the cream every day without skipping for fastest results.<\/li>\n      <li><strong>Sun Protection:<\/strong> Always use sunscreen during the day to protect your newly brightened skin.<\/li>\n      <li><strong>Stay Hydrated:<\/strong> Drink plenty of water to help your skin glow from within.<\/li>\n      <li><strong>Healthy Diet:<\/strong> Eat fruits and vegetables rich in vitamins for better skin health.<\/li>\n      <li><strong>Night Application:<\/strong> The cream works best when applied at night as your skin repairs itself during sleep.<\/li>\n      <li><strong>Avoid Sun Exposure:<\/strong> Try to minimize direct sun exposure, especially during peak hours.<\/li>\n      <li><strong>Patch Test First:<\/strong> If you have very sensitive skin, do a patch test on your wrist before applying to your face.<\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- WHO SHOULD USE SECTION -->\n  <h2 class=\"m-section-title\">\ud83d\udc65 Who Should Use Magnela Cream?<\/h2>\n  <div class=\"m-whoshould-box\">\n    <p>This miracle cream is perfect for:<\/p>\n    <ul class=\"m-bullet-list\">\n      <li>Women and men wanting fair, glowing skin<\/li>\n      <li>Anyone struggling with dark spots or pigmentation<\/li>\n      <li>People with uneven skin tone<\/li>\n      <li>Those with sun-damaged or tanned skin<\/li>\n      <li>Individuals with acne scars and blemishes<\/li>\n      <li>Anyone preparing for weddings or special occasions<\/li>\n      <li>People looking for anti-aging benefits<\/li>\n      <li>Those who want natural, safe whitening<\/li>\n      <li>Anyone tired of ineffective beauty products<\/li>\n    <\/ul>\n    <p style=\"margin-top: 15px; font-weight: bold; color: #2e7d32;\">\u2728 Suitable for All Ages and Skin Types:<\/p>\n    <p>Whether you are in your 20s, 30s, 40s, or beyond, Magnela Beauty Cream works for all age groups. It is also gentle enough for sensitive skin yet powerful enough to show dramatic results.<\/p>\n  <\/div>\n\n  <!-- EXTENDED COMPREHENSIVE FAQS SECTION (ALL SCREENSHOTS INCLUDED) -->\n  <h2 class=\"m-section-title\">\ud83d\udcac Frequently Asked Questions (FAQs)<\/h2>\n  \n  <div class=\"m-faq-block\">\n    <p class=\"m-faq-q\">Q: Is Magnela Beauty Cream safe to use?<\/p>\n    <p class=\"m-faq-a\"><strong>A:<\/strong> Yes, absolutely safe. Our cream is made with high-quality, dermatologically tested ingredients. It contains no harmful chemicals like mercury or steroids.<\/p>\n  <\/div>\n\n  <div class=\"m-faq-block\">\n    <p class=\"m-faq-q\">Q: Will I really see results in 7 days?<\/p>\n    <p class=\"m-faq-a\"><strong>A:<\/strong> Yes! Most users see visible whitening and glow within the first week. However, individual results may vary based on skin type and condition.<\/p>\n  <\/div>\n\n  <div class=\"m-faq-block\">\n    <p class=\"m-faq-q\">Q: Can I use it on my body as well?<\/p>\n    <p class=\"m-faq-a\"><strong>A:<\/strong> Yes, you can use it on your face, neck, hands, and other body parts for even-toned fair skin throughout.<\/p>\n  <\/div>\n\n  <div class=\"m-faq-block\">\n    <p class=\"m-faq-q\">Q: Does it have any side effects?<\/p>\n    <p class=\"m-faq-a\"><strong>A:<\/strong> No, our cream is made with natural and safe ingredients. It has no known side effects. However, we recommend a patch test if you have extremely sensitive skin.<\/p>\n  <\/div>\n\n  <div class=\"m-faq-block\">\n    <p class=\"m-faq-q\">Q: Does it work on very dark skin?<\/p>\n    <p class=\"m-faq-a\"><strong>A:<\/strong> Yes, it works on all skin tones. The triple-action formula is powerful enough to lighten even very dark skin.<\/p>\n  <\/div>\n\n  <div class=\"m-faq-block\">\n    <p class=\"m-faq-q\">Q: Can I use makeup over this cream?<\/p>\n    <p class=\"m-faq-a\"><strong>A:<\/strong> Yes, the cream absorbs quickly and creates a perfect base for makeup.<\/p>\n  <\/div>\n\n  <div class=\"m-faq-block\">\n    <p class=\"m-faq-q\">Q: How is it different from other whitening creams?<\/p>\n    <p class=\"m-faq-a\"><strong>A:<\/strong> Most creams use only one whitening ingredient. Our cream combines three powerful ingredients (Kojic Acid, Glutathione, and Saffron) for faster, more effective results.<\/p>\n  <\/div>\n\n  <div class=\"m-faq-block\">\n    <p class=\"m-faq-q\">Q: Can I use it with other skincare products?<\/p>\n    <p class=\"m-faq-a\"><strong>A:<\/strong> Yes, but for best results, we recommend using it as your primary whitening treatment. You can use a basic cleanser and sunscreen alongside it.<\/p>\n  <\/div>\n\n  <div class=\"m-faq-block\">\n    <p class=\"m-faq-q\">Q: How long does one jar last?<\/p>\n    <p class=\"m-faq-a\"><strong>A:<\/strong> With regular twice-daily use on face and neck, one jar typically lasts 4-6 weeks.<\/p>\n  <\/div>\n\n  <div class=\"m-faq-block\">\n    <p class=\"m-faq-q\">Q: Can I use it during pregnancy?<\/p>\n    <p class=\"m-faq-a\"><strong>A:<\/strong> While our ingredients are natural, we recommend consulting your doctor before using any new skincare product during pregnancy.<\/p>\n  <\/div>\n\n  <!-- WHY BUY FROM US (TRUST & BRANDING) -->\n  <h2 class=\"m-section-title\">\ud83d\udee1\ufe0f Why Buy From Magnela.store?<\/h2>\n  <div class=\"m-trust-container\">\n    <p class=\"m-trust-p\">\u2714\ufe0f <strong>100% Original &#038; Authentic:<\/strong> We guarantee genuine products with all original ingredients.<\/p>\n    <p class=\"m-trust-p\">\u2714\ufe0f <strong>Quality Assurance:<\/strong> Every jar is quality checked before dispatch.<\/p>\n    <p class=\"m-trust-p\">\u2714\ufe0f <strong>Fast Delivery Across Pakistan:<\/strong> Get your order delivered to your doorstep quickly.<\/p>\n    <p class=\"m-trust-p\">\u2714\ufe0f <strong>Secure Payment Options:<\/strong> Multiple safe payment methods available.<\/p>\n    <p class=\"m-trust-p\">\u2714\ufe0f <strong>Easy Returns &#038; Refunds:<\/strong> Not satisfied? Hassle-free returns within 7 days.<\/p>\n    <p class=\"m-trust-p\">\u2714\ufe0f <strong>Expert Customer Support:<\/strong> Our beauty experts are here to answer all your questions.<\/p>\n    <p class=\"m-trust-p\">\u2714\ufe0f <strong>Privacy Protected:<\/strong> Your information is completely secure with us.<\/p>\n    <p class=\"m-trust-p\">\u2714\ufe0f <strong>Best Prices Guaranteed:<\/strong> Get the best deals and discounts on all products.<\/p>\n  <\/div>\n\n  <!-- IMPORTANT NOTES POP-OUT BOX -->\n  <div class=\"m-notes-popout\">\n    \ud83d\udccc Important Notes:\n    <ul>\n      <li>For external use only<\/li>\n      <li>Avoid contact with eyes<\/li>\n      <li>Store in a cool, dry place away from direct sunlight<\/li>\n      <li>Keep out of reach of children<\/li>\n      <li>Do a patch test if you have sensitive skin<\/li>\n      <li>Results may vary based on individual skin type<\/li>\n      <li>Use sunscreen during the day for best results<\/li>\n    <\/ul>\n  <\/div>\n\n<\/div>\n\n<style>\n  \/* Base layout matched to 8.6px constraints *\/\n  .m-ultimate-branding-container {\n    max-width: 480px;\n    width: 100% !important;\n    margin: 30px auto;\n    padding: 0 8.6px !important; \/* \u067e\u0631\u0641\u06cc\u06a9\u0679 8.6px \u0627\u0645\u06cc\u062c \u0627\u0644\u0627\u0626\u0646\u0645\u0646\u0679 \u0633\u0627\u0626\u0632 *\/\n    box-sizing: border-box !important;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n    color: #2b2b2b;\n    line-height: 1.6;\n  }\n\n  \/* Typography Styles *\/\n  .m-main-heading {\n    font-size: 24px;\n    font-weight: 800;\n    line-height: 1.3;\n    color: #111111;\n    margin-bottom: 15px;\n  }\n  \n  .m-section-title {\n    font-size: 21px;\n    font-weight: 700;\n    color: #111111;\n    margin: 35px 0 15px 0;\n    border-bottom: 2px solid #ff4d6d;\n    padding-bottom: 6px;\n  }\n\n  .m-sub-title {\n    font-size: 17px;\n    color: #ff4d6d;\n    font-weight: 700;\n    margin-bottom: 15px;\n    margin-top: -5px;\n  }\n\n  \/* Custom Highlight Components *\/\n  .m-highlight-brand {\n    color: #ff4d6d;\n    font-weight: 800;\n  }\n\n  .m-badge-ing {\n    background-color: #ffe5ec;\n    color: #ff4d6d;\n    padding: 2px 8px;\n    border-radius: 4px;\n    font-weight: 700;\n    font-size: 14px;\n    display: inline-block;\n    margin: 2px;\n  }\n\n  .m-text-glow {\n    background: linear-gradient(120deg, #fff3b0 0%, #fff3b0 100%);\n    padding: 2px 5px;\n    font-weight: 700;\n    color: #bfa054;\n    border-radius: 3px;\n  }\n\n  \/* Container Blocks *\/\n  .m-hero-text-box {\n    background-color: #fffafb;\n    padding: 15px;\n    border-radius: 8px;\n    border-left: 5px solid #ff4d6d;\n    margin-bottom: 25px;\n  }\n\n  .m-intro-p {\n    font-size: 15px;\n    margin-bottom: 12px;\n    color: #444444;\n  }\n\n  .m-ingredient-card {\n    background-color: #ffffff;\n    border: 1px solid #e0e0e0;\n    border-radius: 8px;\n    padding: 15px;\n    margin-bottom: 15px;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.03);\n  }\n\n  .m-ingredient-card h4 {\n    margin: 0 0 10px 0;\n    font-size: 16px;\n    color: #ff4d6d;\n    font-weight: 700;\n  }\n\n  .m-bullet-list {\n    padding-left: 18px;\n    margin-top: 10px;\n  }\n\n  .m-bullet-list li {\n    margin-bottom: 6px;\n    font-size: 14.5px;\n  }\n\n  \/* Grid\/List items for benefits *\/\n  .m-benefits-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .m-benefit-item {\n    background: #fdfdfd;\n    padding: 12px;\n    border-radius: 6px;\n    border: 1px dashed #cccccc;\n    font-size: 14.5px;\n  }\n\n  \/* Science Levels Box Style *\/\n  .m-science-container {\n    background-color: #f7f9fc;\n    padding: 15px;\n    border-radius: 8px;\n    border: 1px solid #dbe2ef;\n  }\n\n  .m-step-level {\n    font-size: 14.5px;\n    margin-bottom: 15px;\n    padding-bottom: 15px;\n    border-bottom: 1px solid #e2e8f0;\n  }\n\n  .m-step-level:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n    border-bottom: none;\n  }\n\n  .m-level-num {\n    background-color: #3f72af;\n    color: white;\n    padding: 2px 8px;\n    border-radius: 20px;\n    font-size: 12px;\n    font-weight: bold;\n    margin-right: 5px;\n  }\n\n  \/* Use Box styling *\/\n  .m-use-box {\n    background-color: #fffcf7;\n    border: 1px solid #fcdfa6;\n    padding: 15px;\n    border-radius: 8px;\n  }\n\n  .m-use-box p {\n    font-size: 14.5px;\n    margin-bottom: 12px;\n    border-bottom: 1px dashed #f5e1bc;\n    padding-bottom: 10px;\n  }\n\n  .m-use-box p:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n    border-bottom: none;\n  }\n\n  \/* Pro Tips Dark Popout Box *\/\n  .m-pro-tips-container {\n    background: linear-gradient(135deg, #111111 0%, #2c3e50 100%);\n    color: #ffffff;\n    padding: 20px 15px;\n    border-radius: 10px;\n    margin: 30px 0;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.15);\n    font-weight: bold;\n    font-size: 17px;\n  }\n\n  .m-pro-tips-container ul {\n    padding-left: 18px;\n    margin-top: 15px;\n    font-weight: normal;\n  }\n\n  .m-pro-tips-container li {\n    font-size: 14px;\n    margin-bottom: 10px;\n    color: #f5f5f5;\n    line-height: 1.5;\n  }\n\n  .m-pro-tips-container strong {\n    color: #f1c40f; \/* Golden Text Highlight *\/\n  }\n\n  \/* Who should use styling *\/\n  .m-whoshould-box {\n    background-color: #f9fbe7;\n    border: 1px solid #d4e157;\n    padding: 15px;\n    border-radius: 8px;\n  }\n\n  \/* FAQ Block styling *\/\n  .m-faq-block {\n    background-color: #fdfdfd;\n    border: 1px solid #eef2f3;\n    padding: 12px 15px;\n    border-radius: 6px;\n    margin-bottom: 12px;\n  }\n\n  .m-faq-q {\n    font-weight: 700;\n    color: #ff4d6d;\n    margin: 0 0 5px 0;\n    font-size: 15px;\n  }\n\n  .m-faq-a {\n    margin: 0;\n    font-size: 14.5px;\n    color: #4a4a4a;\n  }\n\n  \/* Brand Trust Container *\/\n  .m-trust-container {\n    background-color: #f4fbf7;\n    border: 1px solid #a3ebd4;\n    padding: 15px;\n    border-radius: 8px;\n  }\n\n  .m-trust-p {\n    margin: 0 0 10px 0;\n    font-size: 14.5px;\n  }\n\n  .m-trust-p:last-child {\n    margin: 0;\n  }\n\n  \/* Important Notes Popout Box (Light-Red\/Orange alert look) *\/\n  .m-notes-popout {\n    background-color: #fff5f5;\n    border: 1px dashed #feb2b2;\n    padding: 15px;\n    border-radius: 8px;\n    margin-top: 25px;\n    font-weight: bold;\n    color: #c53030;\n    font-size: 16px;\n  }\n\n  .m-notes-popout ul {\n    margin-top: 10px;\n    padding-left: 18px;\n    font-weight: normal;\n    color: #4a5568;\n  }\n\n  .m-notes-popout li {\n    font-size: 14px;\n    margin-bottom: 6px;\n  }\n\n  \/* Force Full View Scaling Optimization on Mobile Screen *\/\n  @media screen and (max-width: 480px) {\n    .m-ultimate-branding-container {\n      width: 100vw !important;\n      position: relative !important;\n      left: 50% !important;\n      right: 50% !important;\n      margin-left: -50vw !important;\n      margin-right: -50vw !important;\n      padding: 0 16px !important; \/* Mobile Screen Content Padding Buffer *\/\n      box-sizing: border-box !important;\n    }\n    .m-main-heading { font-size: 21px; }\n    .m-section-title { font-size: 18px; }\n  }\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eabd2ee e-con-full e-flex e-con e-child\" data-id=\"eabd2ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa25e23 elementor-widget elementor-widget-text-editor\" data-id=\"aa25e23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"m-custom-reviews-container\">\n\n  <div class=\"m-share-wrapper\">\n    <button class=\"m-share-btn\" onclick=\"mAdvancedNativeShare()\">\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 2-2v-8\"><\/path><polyline points=\"16 6 12 2 8 6\"><\/polyline><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"15\"><\/line><\/svg>\n      <span id=\"m-share-text\">Share via WhatsApp, Bluetooth &#038; More<\/span>\n    <\/button>\n  <\/div>\n\n  <div class=\"m-reviews-header-box\">\n    <h2 class=\"m-review-main-title\">Customer Reviews<\/h2>\n    \n    <div class=\"m-rating-summary-row\">\n      <div class=\"m-stars-gold\">\u2605\u2605\u2605\u2605\u2605<\/div>\n      <div class=\"m-rating-text-score\">4.88 out of 5<\/div>\n    <\/div>\n    <p class=\"m-based-on-text\" onclick=\"mScrollToReviews()\" style=\"cursor: pointer; text-decoration: underline;\">\n      Based on <span id=\"m-total-count-top\">148<\/span> reviews <span class=\"m-verified-check-icon\">\u2713<\/span>\n    <\/p>\n  <\/div>\n\n  <div class=\"m-reviews-graph-wrapper\">\n    <div class=\"m-graph-row\" onclick=\"mSelectFilterFromGraph('star5')\" style=\"cursor: pointer;\">\n      <span class=\"m-graph-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n      <div class=\"m-bar-bg\"><div class=\"m-bar-fill\" style=\"width: 90%;\"><\/div><\/div>\n      <span class=\"m-graph-count\" id=\"m-star5-count\">133<\/span>\n    <\/div>\n    <div class=\"m-graph-row\" onclick=\"mSelectFilterFromGraph('star4')\" style=\"cursor: pointer;\">\n      <span class=\"m-graph-stars\">\u2605\u2605\u2605\u2605\u2606<\/span>\n      <div class=\"m-bar-bg\"><div class=\"m-bar-fill\" style=\"width: 8%;\"><\/div><\/div>\n      <span class=\"m-graph-count\" id=\"m-star4-count\">11<\/span>\n    <\/div>\n    <div class=\"m-graph-row\" onclick=\"mSelectFilterFromGraph('star3')\" style=\"cursor: pointer;\">\n      <span class=\"m-graph-stars\">\u2605\u2605\u2605\u2606\u2606<\/span>\n      <div class=\"m-bar-bg\"><div class=\"m-bar-fill\" style=\"width: 2%;\"><\/div><\/div>\n      <span class=\"m-graph-count\" id=\"m-star3-count\">4<\/span>\n    <\/div>\n    <div class=\"m-graph-row\" onclick=\"mSelectFilterFromGraph('star2')\" style=\"cursor: pointer;\">\n      <span class=\"m-graph-stars\">\u2605\u2605\u2606\u2606\u2606<\/span>\n      <div class=\"m-bar-bg\"><div class=\"m-bar-fill\" style=\"width: 0%;\"><\/div><\/div>\n      <span class=\"m-graph-count\" id=\"m-star2-count\">0<\/span>\n    <\/div>\n    <div class=\"m-graph-row\" onclick=\"mSelectFilterFromGraph('star1')\" style=\"cursor: pointer;\">\n      <span class=\"m-graph-stars\">\u2605\u2606\u2606\u2606\u2606<\/span>\n      <div class=\"m-bar-bg\"><div class=\"m-bar-fill\" style=\"width: 0%;\"><\/div><\/div>\n      <span class=\"m-graph-count\" id=\"m-star1-count\">0<\/span>\n    <\/div>\n  <\/div>\n\n  <button class=\"m-write-review-trigger-btn\" onclick=\"mToggleReviewForm()\">Write a review<\/button>\n\n  <div id=\"m-hidden-review-form-block\" class=\"m-review-form-hidden-panel\">\n    <h3>Submit Your Review<\/h3>\n    <input type=\"text\" id=\"m-form-name\" placeholder=\"Your Name\" class=\"m-input-field\" \/>\n    <div class=\"m-form-star-selector\">\n      <label>Your Rating: <\/label>\n      <select id=\"m-form-stars-val\" class=\"m-select-field\">\n        <option value=\"5\">\u2605\u2605\u2605\u2605\u2605 (5 Stars)<\/option>\n        <option value=\"4\">\u2605\u2605\u2605\u2605\u2606 (4 Stars)<\/option>\n        <option value=\"3\">\u2605\u2605\u2605\u2606\u2606 (3 Stars)<\/option>\n        <option value=\"2\">\u2605\u2605\u2606\u2606\u2606 (2 Stars)<\/option>\n        <option value=\"1\">\u2605\u2606\u2606\u2606\u2606 (1 Star)<\/option>\n      <\/select>\n    <\/div>\n    <textarea id=\"m-form-comment\" rows=\"3\" placeholder=\"Write your experience...\" class=\"m-textarea-field\"><\/textarea>\n    <button class=\"m-submit-review-btn\" onclick=\"mSubmitFormAction()\">Submit Review<\/button>\n  <\/div>\n\n  <div class=\"m-filter-dropdown-relative-wrapper\">\n    <div class=\"m-filter-sort-row\" id=\"m-dropdown-trigger-btn\">\n      <span class=\"m-sort-label\" id=\"m-active-filter-label\">Most Recent (148 reviews)<\/span>\n      <span class=\"m-dropdown-arrow-icon\">\u25bc<\/span>\n    <\/div>\n\n    <div class=\"m-dark-dropdown-menu\" id=\"m-dark-dropdown-popup\">\n      <div class=\"m-dark-dropdown-item m-active-selected\" data-filter=\"recent\"><span>Most Recent<\/span><span class=\"m-radio-dot\"><\/span><\/div>\n      <div class=\"m-dark-dropdown-item\" data-filter=\"highest\"><span>Highest Rating (5 Stars First)<\/span><span class=\"m-radio-dot\"><\/span><\/div>\n      <div class=\"m-dark-dropdown-item\" data-filter=\"lowest\"><span>Lowest Rating<\/span><span class=\"m-radio-dot\"><\/span><\/div>\n      <div class=\"m-dark-dropdown-item\" data-filter=\"star5\"><span>\u2605\u2605\u2605\u2605\u2605 (5 Stars Only)<\/span><span class=\"m-radio-dot\"><\/span><\/div>\n      <div class=\"m-dark-dropdown-item\" data-filter=\"star4\"><span>\u2605\u2605\u2605\u2605\u2606 (4 Stars Only)<\/span><span class=\"m-radio-dot\"><\/span><\/div>\n      <div class=\"m-dark-dropdown-item\" data-filter=\"star3\"><span>\u2605\u2605\u2605\u2606\u2606 (3 Stars Only)<\/span><span class=\"m-radio-dot\"><\/span><\/div>\n      <div class=\"m-dark-dropdown-item\" data-filter=\"star2\"><span>\u2605\u2605\u2606\u2606\u2606 (2 Stars Only)<\/span><span class=\"m-radio-dot\"><\/span><\/div>\n      <div class=\"m-dark-dropdown-item\" data-filter=\"star1\"><span>\u2605\u2606\u2606\u2606\u2606 (1 Star Only)<\/span><span class=\"m-radio-dot\"><\/span><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"m-reviews-feed-list\" id=\"m-feed-dynamic-box\">\n    <\/div>\n\n<\/div>\n\n<script>\n  \/\/ Complete Review Database Array (Saare reviews is array mein store hain)\n  let reviewsDatabase = [\n    { name: \"Amna Akran\", rating: 5, date: \"2026-06-05\", comment: \"Nice cream\" },\n    { name: \"Areeba\", rating: 5, date: \"2026-06-05\", comment: \"I have been using Magnela beauty cream for a week now, and the dark spots on my skin are already fading. Best result so far!\" },\n    { name: \"Sana\", rating: 5, date: \"2026-06-04\", comment: \"Boht achi cream h 7 din me skin ka rang saaf hona shuru ho gya h. My sister also ordered today.\" },\n    { name: \"Muhammad Zain\", rating: 5, date: \"2026-06-02\", comment: \"Mene apni wife k liye li thi, pigmentation kafi kam ho gyi hai pehle se. Strongly recommended.\" },\n    { name: \"Amna Bibi\", rating: 5, date: \"2026-05-29\", comment: \"Skin me natural glow ata hai aur chipchipahat bilkul nahi hoti. Saffron ki khushbu boht pyari hai.\" },\n    { name: \"Fatima Shah\", rating: 5, date: \"2026-05-26\", comment: \"Amazing product! It really gives visible results in 7 days. Face fresh fresh lagta hai ab.\" },\n    { name: \"Iqra\", rating: 4, date: \"2026-05-22\", comment: \"Result accha hai thoda late shuru hua mere face pr par dark spots light ho rahe hain ab 10 din me.\" },\n    { name: \"Noreen Asif\", rating: 5, date: \"2026-05-19\", comment: \"Best whitening cream, koi side effect nahi hua. Packing bhi boht vip thi. Thanks Magnela.\" },\n    { name: \"Kiran\", rating: 5, date: \"2026-05-15\", comment: \"Mene shadi k liye use ki thi face pr boht acha fair glow aya h. Sab tareef kr rhe hain.\" },\n    { name: \"Hamza Butt\", rating: 5, date: \"2026-05-12\", comment: \"Boys k liye bhi best h. Tanning khatam kr k rang gora krti h, genuine product.\" },\n    { name: \"Zoya\", rating: 5, date: \"2026-05-08\", comment: \"Kojic acid and glutathione ka combo boht fit kam krta h. Meray pimple scars saaf ho gye hain.\" },\n    { name: \"Sidra\", rating: 5, date: \"2026-05-05\", comment: \"Highly recommended cream! No steroids, isiliye skin safe rehti hai aur permanent white krti h.\" },\n    { name: \"Asma Ali\", rating: 4, date: \"2026-05-02\", comment: \"Rang gora krny k liye best cream ha mene 2 boxes aur order kiye hain abhi.\" },\n    { name: \"Nida\", rating: 5, date: \"2026-04-28\", comment: \"Baqi sasti local creams se 100 guna behtar ha ye. Ek dafa lagao gora rang pao.\" },\n    { name: \"Mariam Lodhi\", rating: 5, date: \"2026-04-25\", comment: \"Very good consistency, skin me jaldi absorb ho jati h. Delivery bhi next day mil gyi thi.\" },\n    { name: \"Shazia\", rating: 5, date: \"2026-04-22\", comment: \"Bohot achi packing thi product original h bilkul fast delivery.\" },\n    { name: \"Uzma Khan\", rating: 5, date: \"2026-04-19\", comment: \"Mera face dry tha but is se moisturizing soft feel ati h and rang b saaf ho rha h.\" },\n    { name: \"Anum\", rating: 5, date: \"2026-04-15\", comment: \"Superb quality, dark spots are completely gone within 8 days.\" },\n    { name: \"Mehak\", rating: 5, date: \"2026-04-12\", comment: \"Fragrance bohot achi hai iski and skin instant bright ho jati h.\" },\n    { name: \"Hina Sheikh\", rating: 4, date: \"2026-04-09\", comment: \"Acha result h regular use krne se hi pata chalta hai skin clean ho gyi.\" },\n    { name: \"Alia\", rating: 5, date: \"2026-04-05\", comment: \"Recommended! Best whitening cream i have ever used till now.\" },\n    { name: \"Nadia Khan\", rating: 5, date: \"2026-04-01\", comment: \"Bhai sach me rang gora krti h ye cream to superb hai product.\" },\n    { name: \"Irum\", rating: 5, date: \"2026-03-28\", comment: \"Chaiyan khtam krne k liye bohot behtreen cheez h thank u.\" },\n    { name: \"Tayyaba\", rating: 5, date: \"2026-03-24\", comment: \"Best formula cream h non oily formula face fresh lagta h.\" },\n    { name: \"Rimsha\", rating: 5, date: \"2026-03-20\", comment: \"Glow bohot pyara ata h face pr side effect koi ni ha organic lagti h.\" },\n    { name: \"Komal\", rating: 5, date: \"2026-03-16\", comment: \"My order received today very safe packing thanks magnela team.\" },\n    { name: \"Fiza\", rating: 5, date: \"2026-03-12\", comment: \"Pigmentation kafi had tak light ho gyi h 5 din k use se.\" },\n    { name: \"Bushra Bibi\", rating: 4, date: \"2026-03-08\", comment: \"Good cream face tone even ho rha h results achay hain satisfies.\" },\n    { name: \"Madiha\", rating: 5, date: \"2026-03-04\", comment: \"Highly recommended cream rang bilkul gora chitta krti h.\" },\n    { name: \"Saba Jamil\", rating: 5, date: \"2026-02-28\", comment: \"Baki sasti local brands se lakh darja behtar h or safe h skin k lye.\" },\n    { name: \"Aqsa\", rating: 5, date: \"2026-02-24\", comment: \"Zafran ki waja se texture bohot soft silky h skin dynamic ho gyi.\" },\n    { name: \"Zunaira\", rating: 5, date: \"2026-02-20\", comment: \"Awesome product results r very fast face fair and lovely ho gya.\" },\n    { name: \"Nida\", rating: 5, date: \"2026-02-15\", comment: \"Pimple marks reduce ho gye pore face se soft clean feeling.\" },\n    { name: \"Amara\", rating: 4, date: \"2026-02-11\", comment: \"Valuable item delivery fast h and product genuine h perfectly.\" },\n    { name: \"Kiran Shahh\", rating: 5, date: \"2026-02-06\", comment: \"Bohot hi umda quality h skin permanent white lagti h natural look.\" },\n    { name: \"Javaria\", rating: 5, date: \"2026-02-01\", comment: \"Skin barrier repairs smooth finish oily look bilkul b ni ata face pe.\" },\n    { name: \"Noreen\", rating: 5, date: \"2026-01-27\", comment: \"Mene 3 boxes mazeed order kr diye hain family k lye trusted brand.\" },\n    { name: \"Sania\", rating: 5, date: \"2026-01-22\", comment: \"Super and amazing formula sun tanning fully khtm kr di product top h.\" },\n    { name: \"Alisha Khan\", rating: 5, date: \"2026-01-18\", comment: \"Glass skin glow complete clean look highly appreciated product.\" },\n    { name: \"Rubab\", rating: 4, date: \"2026-01-13\", comment: \"It works fine slow but visible steady improvements dark zones gone.\" },\n    { name: \"Sidra\", rating: 5, date: \"2026-01-09\", comment: \"Bohot hi pyari cream h full marks skin glowing beautifully.\" },\n    { name: \"Kinza\", rating: 5, date: \"2026-01-04\", comment: \"Pure glutathion and kojic acid results outstanding real product.\" },\n    { name: \"Fareeha\", rating: 5, date: \"2025-12-30\", comment: \"Amazing delivery tracking was smooth item genuine h standard vip.\" },\n    { name: \"Maria Khan\", rating: 5, date: \"2025-12-25\", comment: \"Best formula face became bright and soft completely fine items.\" },\n    { name: \"Naila\", rating: 5, date: \"2025-12-20\", comment: \"Bohot achi cream h face k kafi acne marks gayb ho gye hain.\" },\n    { name: \"Urooj\", rating: 5, date: \"2025-12-15\", comment: \"Genuine beauty product results are real 100% permanent fair tone.\" },\n    { name: \"Tahira\", rating: 4, date: \"2025-12-11\", comment: \"Good cream smooth application face glowing after a week of usage.\" },\n    { name: \"Sumaira\", rating: 5, date: \"2025-12-06\", comment: \"Mene pehli bar aisi organic perfect fairness cream dekhi h love it.\" },\n    { name: \"Zainab Bibi\", rating: 5, date: \"2025-12-01\", comment: \"Best quality whitening formula no side effects at all fully safe.\" },\n    { name: \"Memoona\", rating: 5, date: \"2025-11-26\", comment: \"Brilliant results delivery pack was highly professional and real cream.\" },\n    { name: \"Asma\", rating: 5, date: \"2025-11-21\", comment: \"Best whitening item highly recommended to everyone face became clean.\" },\n    { name: \"Sadaf Khan\", rating: 5, date: \"2025-11-15\", comment: \"Awesome texture quickly absorb ho jati h skin bright lagti h.\" },\n    { name: \"Rida\", rating: 5, date: \"2025-11-10\", comment: \"Acne patches and spots are completely fading super effective cream.\" },\n    { name: \"Nisha\", rating: 4, date: \"2025-11-05\", comment: \"Satisfied with the product working well on sensitive skin type.\" },\n    { name: \"Komal Shahzadi\", rating: 5, date: \"2025-11-01\", comment: \"Bohot pyari cream h skin instant smooth glow dti h non greasy formula.\" },\n    { name: \"Farwa\", rating: 5, date: \"2025-10-26\", comment: \"Permanent whitening formula 1 box me clear changes nazar ayi.\" },\n    { name: \"Sehrish\", rating: 5, date: \"2025-10-21\", comment: \"Mene 2nd box order kia h today face is completely fair look.\" },\n    { name: \"Aiman\", rating: 5, date: \"2025-10-15\", comment: \"Luxury standard product delivery was fast packaging top class premium.\" },\n    { name: \"Ayesha Mughal\", rating: 5, date: \"2025-10-10\", comment: \"Best skin whitening treatment so far natural glow and fair shine.\" },\n    { name: \"Minahel\", rating: 4, date: \"2025-10-05\", comment: \"Good one standard skin fairness properties values for money cream.\" },\n    { name: \"Shiza\", rating: 5, date: \"2025-09-29\", comment: \"Bohot hi sandar cream h flawless skin texture glass glowing.\" },\n    { name: \"Naveeda\", rating: 5, date: \"2025-09-24\", comment: \"Pure Glutathione and kojic standard results outstanding real cream.\" },\n    { name: \"Fatima Bibi\", rating: 5, date: \"2025-09-19\", comment: \"Best fairness choice highly recommended packing vip original items.\" },\n    { name: \"Zoya Khan\", rating: 5, date: \"2025-09-14\", comment: \"Face became completely clear bright pigmentation fully lightened.\" },\n    { name: \"Tayyaba Noor\", rating: 5, date: \"2025-09-09\", comment: \"No steroids safe organic formulation natural glowing bright face skin.\" },\n    { name: \"Rubina\", rating: 5, date: \"2025-09-04\", comment: \"Perfect item for skin spots reduction completely clean skin layer.\" },\n    { name: \"Humaira\", rating: 4, date: \"2025-08-29\", comment: \"Good feedback regular usage creates massive visible whitening glow.\" },\n    { name: \"Mariam Bibi\", rating: 5, date: \"2025-08-24\", comment: \"Highly dynamic glowing fairness results zero side effects skin fine.\" },\n    { name: \"Sidra Tul Muntaha\", rating: 5, date: \"2025-08-18\", comment: \"Best ever item for melasma hyperpigmentation complete cure premium cream.\" },\n    { name: \"Zunaira Shah\", rating: 5, date: \"2025-08-13\", comment: \"Love this product! Face tone light and white completely original brand.\" },\n    { name: \"Amna Bibi\", rating: 5, date: \"2025-08-08\", comment: \"Bohot hi pyari fragrance h or face permanent fair lgta h.\" },\n    { name: \"Sadaf\", rating: 5, date: \"2025-08-03\", comment: \"Mera 3rd order mila aj safe secure delivery packing vip cream.\" },\n    { name: \"Fiza Gill\", rating: 5, date: \"2025-07-29\", comment: \"Best quality whitening agent skin layers became bright shiny smooth.\" },\n    { name: \"Kinza Khan\", rating: 5, date: \"2025-07-24\", comment: \"Fully satisfied skin marks totally reduced face glowing perfectly fine.\" },\n    { name: \"Rimsha Bibi\", rating: 4, date: \"2025-07-19\", comment: \"It works nicely texture lines are clean results real brand solid.\" },\n    { name: \"Madiha Bibi\", rating: 5, date: \"2025-07-14\", comment: \"Massive skin whitening standard product strongly recommended original stuff.\" },\n    { name: \"Noreen Shah\", rating: 5, date: \"2025-07-09\", comment: \"Glass skin flawless glow pure organic formulations best ever quality item.\" },\n    { name: \"Aqsa Jamil\", rating: 5, date: \"2025-07-04\", comment: \"Baki brand fizool hain ye genuine real whitening krti h skin glowing.\" },\n    { name: \"Anum Bibi\", rating: 5, date: \"2025-06-29\", comment: \"Best option for face skin fair smooth treatment top premium level product.\" },\n    { name: \"Javaria Khan\", rating: 4, date: \"2025-06-24\", comment: \"Good skin cream absorb instantly matte finish looks original genuine cream.\" },\n    { name: \"Saba Bibi\", rating: 5, date: \"2025-06-19\", comment: \"Pigmentation kafi light ho rhi h dark circles b complete remove hone lage.\" },\n    { name: \"Ayesha Jamil\", rating: 5, date: \"2025-06-14\", comment: \"Bohot hi umda product quality skin permanent white dynamic looks.\" },\n    { name: \"Uzma Bibi\", rating: 5, date: \"2025-06-09\", comment: \"No mercury no steroid fully pure biological safe formula items real stuff.\" },\n    { name: \"Shazia Bibi\", rating: 5, date: \"2025-06-04\", comment: \"Awesome item skin layers became clear bright glowing radiant skin.\" },\n    { name: \"Nida Bibi\", rating: 4, date: \"2025-05-29\", comment: \"Satisfied quality items safe packing standard response values for money.\" },\n    { name: \"Kiran Shahzadi\", rating: 5, date: \"2025-05-24\", comment: \"Highly smooth texturing face fairness visible within 6 days permanent action.\" },\n    { name: \"Sidra Khan\", rating: 5, date: \"2025-05-19\", comment: \"Best option for face skin fair soft patches reduction completely top.\" },\n    { name: \"Zoya Bibi\", rating: 5, date: \"2025-05-14\", comment: \"Luxury product fast cash on delivery received securely original item.\" },\n    { name: \"Maria Bibi\", rating: 5, date: \"2025-05-09\", comment: \"Melasma hyperpigmentation patch gone completely safe skin formula cream.\" },\n    { name: \"Tahira Bibi\", rating: 4, date: \"2025-05-04\", comment: \"Good cream smooth texture skin brightening effects looks premium items.\" },\n    { name: \"Sumaira Bibi\", rating: 5, date: \"2025-04-29\", comment: \"Mene pehli bar aisi safe organic fairness product dekhi h completely genuine.\" },\n    { name: \"Zainab Khan\", rating: 5, date: \"2025-04-24\", comment: \"Best quality whitening cream pure dynamic action zero side effects safe.\" },\n    { name: \"Memoona Bibi\", rating: 5, date: \"2025-04-19\", comment: \"Brilliant face glowing properties fast actions safe secure shipping pack.\" },\n    { name: \"Asma Bibi\", rating: 5, date: \"2025-04-14\", comment: \"Best skin whitening treatment so far natural glow and fair shine.\" },\n    { name: \"Irum Bibi\", rating: 4, date: \"2025-04-09\", comment: \"Good feedback regular usage creates massive visible whitening glow.\" },\n    { name: \"Sehrish Bibi\", rating: 5, date: \"2025-04-04\", comment: \"Highly dynamic glowing fairness results zero side effects skin fine.\" },\n    { name: \"Aiman Bibi\", rating: 5, date: \"2025-03-29\", comment: \"Best ever item for melasma hyperpigmentation complete cure premium cream.\" },\n    { name: \"Farwa Bibi\", rating: 5, date: \"2025-03-24\", comment: \"Love this product! Face tone light and white completely original brand.\" },\n    { name: \"Komal Bibi\", rating: 5, date: \"2025-03-19\", comment: \"Bohot hi pyari fragrance h or face permanent fair lgta h.\" },\n    { name: \"Alia Bibi\", rating: 5, date: \"2025-03-14\", comment: \"Mera order mila aj safe secure delivery packing vip cream.\" }\n  ];\n\n  \/\/ Global Dynamic Counters State\n  let currentTotalReviews = 148;\n  let star5Count = 133;\n  let star4Count = 11;\n  let star3Count = 4;\n  let star2Count = 0;\n  let star1Count = 0;\n\n  \/\/ Dropdown UI Open\/Close Toggle Engine\n  const dropdownTrigger = document.getElementById(\"m-dropdown-trigger-btn\");\n  const darkDropdownPopup = document.getElementById(\"m-dark-dropdown-popup\");\n  const activeFilterLabel = document.getElementById(\"m-active-filter-label\");\n  const feedBoxContainer = document.getElementById(\"m-feed-dynamic-box\");\n\n  dropdownTrigger.addEventListener(\"click\", function(e) {\n    e.stopPropagation();\n    darkDropdownPopup.classList.toggle(\"m-open-show\");\n  });\n\n  \/\/ Close dropdown if clicked outside anywhere on page\n  window.addEventListener(\"click\", function() {\n    darkDropdownPopup.classList.remove(\"m-open-show\");\n  });\n\n  \/\/ Dropdown Items Click Event Handler\n  document.querySelectorAll(\".m-dark-dropdown-item\").forEach(item => {\n    item.addEventListener(\"click\", function() {\n      document.querySelector(\".m-dark-dropdown-item.m-active-selected\").classList.remove(\"m-active-selected\");\n      this.classList.add(\"m-active-selected\");\n      \n      const filterMode = this.getAttribute(\"data-filter\");\n      let cleanLabelText = this.querySelector(\"span\").innerText;\n      \n      \/\/ Label text handle formatting\n      if(filterMode === \"recent\" || filterMode === \"highest\" || filterMode === \"lowest\") {\n        activeFilterLabel.innerText = cleanLabelText + \" (\" + currentTotalReviews + \" reviews)\";\n      } else {\n        activeFilterLabel.innerText = cleanLabelText;\n      }\n      \n      mFilterAndRenderEngine(filterMode);\n    });\n  });\n\n  \/\/ Graph Row Click Navigation Utility\n  function mScrollToReviews() {\n    const targetElement = document.getElementById(\"m-dropdown-trigger-btn\");\n    if(targetElement) { targetElement.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\n  }\n\n  function mSelectFilterFromGraph(starFilterName) {\n    mScrollToReviews();\n    const targetDropdownNode = document.querySelector(`[data-filter=\"${starFilterName}\"]`);\n    if(targetDropdownNode) { targetDropdownNode.click(); }\n  }\n\n  \/\/ CORE ENGINE: Process Array with Filters & Sorting algorithm\n  function mFilterAndRenderEngine(filterType = \"recent\") {\n    let outputList = [...reviewsDatabase];\n\n    \/\/ Execution of algorithm sorting\n    if (filterType === \"recent\") {\n      outputList.sort((a, b) => new Date(b.date) - new Date(a.date));\n    } \n    else if (filterType === \"highest\") {\n      outputList.sort((a, b) => b.rating - a.rating || new Date(b.date) - new Date(a.date));\n    } \n    else if (filterType === \"lowest\") {\n      outputList.sort((a, b) => a.rating - b.rating || new Date(b.date) - new Date(a.date));\n    } \n    else if (filterType.startsWith(\"star\")) {\n      const numericTarget = parseInt(filterType.replace(\"star\", \"\"));\n      outputList = outputList.filter(item => item.rating === numericTarget);\n    }\n\n    \/\/ Render generated list onto page UI\n    feedBoxContainer.innerHTML = \"\";\n    \n    if(outputList.length === 0) {\n      feedBoxContainer.innerHTML = `<p style=\"text-align:center; color:#a0aec0; font-size:14px; padding:20px 0;\">No reviews available for this rating group.<\/p>`;\n      return;\n    }\n\n    outputList.forEach(rev => {\n      let buildStars = \"\";\n      for(let s=0; s<5; s++) { buildStars += (s < rev.rating) ? \"\u2605\" : \"\u2606\"; }\n      \n      \/\/ Date convert to standard localization format (DD\/MM\/YYYY)\n      let revDate = new Date(rev.date);\n      let day = String(revDate.getDate()).padStart(2, '0');\n      let month = String(revDate.getMonth() + 1).padStart(2, '0');\n      let year = revDate.getFullYear();\n      let displayDate = `${day}\/${month}\/${year}`;\n\n      let cardHTML = `\n        <div class=\"m-single-user-review-card\">\n          <div class=\"m-card-top-meta\">\n            <span class=\"m-user-stars\">${buildStars}<\/span>\n            <span class=\"m-review-date-stamp\">${displayDate}<\/span>\n          <\/div>\n          <div class=\"m-user-profile-info\">\n            <div class=\"m-avatar-dummy-icon\">${rev.name.charAt(0).toUpperCase()}<\/div>\n            <div class=\"m-user-meta-name-box\">\n              <p class=\"m-user-real-name\">${rev.name}<\/p>\n              <p class=\"m-verified-buyer-badge\">Verified Buyer<\/p>\n            <\/div>\n          <\/div>\n          <p class=\"m-review-content-body\">${rev.comment}<\/p>\n        <\/div>\n      `;\n      feedBoxContainer.insertAdjacentHTML('beforeend', cardHTML);\n    });\n  }\n\n  \/\/ Native share mechanics\n  function mAdvancedNativeShare() {\n    if (navigator.share) {\n      navigator.share({\n        title: 'Magnela Beauty Cream',\n        text: 'Check out Magnela Kojic Acid & Glutathione Beauty Cream for 7 days visible fairness!',\n        url: window.location.href\n      }).catch((err) => console.log('Share failed', err));\n    } else {\n      navigator.clipboard.writeText(window.location.href);\n      var sBtn = document.getElementById(\"m-share-text\");\n      sBtn.innerText = \"Link Copied to Clipboard!\";\n      setTimeout(function() { sBtn.innerText = \"Share via WhatsApp, Bluetooth & More\"; }, 2500);\n    }\n  }\n\n  function mToggleReviewForm() {\n    var formBox = document.getElementById(\"m-hidden-review-form-block\");\n    formBox.style.display = (formBox.style.display === \"block\") ? \"none\" : \"block\";\n  }\n\n  \/\/ Submit Handler: Inject dynamically into current database state array\n  function mSubmitFormAction() {\n    var uName = document.getElementById(\"m-form-name\").value.trim();\n    var uStars = parseInt(document.getElementById(\"m-form-stars-val\").value);\n    var uComment = document.getElementById(\"m-form-comment\").value.trim();\n\n    if(uName === \"\" || uComment === \"\") {\n      alert(\"Please enter your name and comments!\");\n      return;\n    }\n\n    \/\/ Set formatting timeline to actual date\n    let rawToday = new Date();\n    let yyyy = rawToday.getFullYear();\n    let mm = String(rawToday.getMonth() + 1).padStart(2, '0');\n    let dd = String(rawToday.getDate()).padStart(2, '0');\n    let currentISODate = `${yyyy}-${mm}-${dd}`;\n\n    \/\/ Push entry element safely inside state database\n    reviewsDatabase.unshift({\n      name: uName,\n      rating: uStars,\n      date: currentISODate,\n      comment: uComment\n    });\n\n    \/\/ Update internal counter configurations\n    currentTotalReviews += 1;\n    document.getElementById(\"m-total-count-top\").innerText = currentTotalReviews;\n\n    if(uStars === 5) { star5Count++; document.getElementById(\"m-star5-count\").innerText = star5Count; }\n    else if(uStars === 4) { star4Count++; document.getElementById(\"m-star4-count\").innerText = star4Count; }\n    else if(uStars === 3) { star3Count++; document.getElementById(\"m-star3-count\").innerText = star3Count; }\n    else if(uStars === 2) { star2Count++; document.getElementById(\"m-star2-count\").innerText = star2Count; }\n    else if(uStars === 1) { star1Count++; document.getElementById(\"m-star1-count\").innerText = star1Count; }\n\n    \/\/ Reset clean fields view\n    document.getElementById(\"m-form-name\").value = \"\";\n    document.getElementById(\"m-form-comment\").value = \"\";\n    document.getElementById(\"m-hidden-review-form-block\").style.display = \"none\";\n\n    \/\/ Set focus filter to auto refresh recent review live\n    document.querySelector('[data-filter=\"recent\"]').click();\n    mScrollToReviews();\n\n    alert(\"Thank you! Your review has been published.\");\n  }\n\n  \/\/ Initial Boot-up execution command on layout load\n  mFilterAndRenderEngine(\"recent\");\n<\/script>\n\n<style>\n  \/* Base Container CSS Rules *\/\n  .m-custom-reviews-container {\n    max-width: 480px;\n    width: 100% !important;\n    margin: 15px auto;\n    padding: 0 8.6px !important;\n    box-sizing: border-box !important;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n    color: #111111;\n  }\n\n  .m-share-wrapper { width: 100%; margin-bottom: 25px; padding-top: 5px; }\n  .m-share-btn { background: none; border: none; color: #4a5568; font-size: 14px; font-weight: 500; cursor: pointer; display: inline-flex; align-items: center; padding: 4px 0; text-decoration: underline; }\n  .m-share-btn:hover { color: #ff4d6d; }\n  .m-reviews-header-box { text-align: center; margin-bottom: 20px; }\n  .m-review-main-title { font-size: 24px; font-weight: 700; color: #111111; margin: 0 0 10px 0; }\n  .m-rating-summary-row { display: flex; justify-content: center; align-items: center; gap: 8px; margin-bottom: 5px; }\n  .m-stars-gold { color: #000000; font-size: 20px; letter-spacing: 2px; }\n  .m-rating-text-score { font-size: 15px; font-weight: 600; color: #2d3748; }\n  .m-based-on-text { font-size: 13.5px; color: #718096; margin: 0; }\n  .m-verified-check-icon { color: #00a884; font-weight: bold; font-size: 14px; margin-left: 3px; }\n\n  \/* Graph Fill Styles *\/\n  .m-reviews-graph-wrapper { margin-bottom: 25px; }\n  .m-graph-row { display: flex; align-items: center; margin-bottom: 6px; font-size: 13px; }\n  .m-graph-stars { width: 75px; color: #000000; letter-spacing: 1px; }\n  .m-bar-bg { flex: 1; background-color: #f1f2f6; height: 11px; border-radius: 2px; margin: 0 10px; overflow: hidden; }\n  .m-bar-fill { background-color: #000000; height: 100%; }\n  .m-graph-count { width: 22px; text-align: right; color: #718096; }\n\n  .m-write-review-trigger-btn { width: 100%; background-color: #000000; color: #ffffff; border: none; padding: 12px; font-size: 15px; font-weight: bold; cursor: pointer; border-radius: 4px; margin-bottom: 20px; letter-spacing: 0.5px; }\n\n  \/* Filter Header Wrapper Box Structure *\/\n  .m-filter-dropdown-relative-wrapper { position: relative; width: 100%; margin-bottom: 20px; }\n  .m-filter-sort-row { border-top: 1px solid #edf2f7; border-bottom: 1px solid #edf2f7; padding: 12px 0; display: flex; align-items: center; gap: 5px; cursor: pointer; }\n  .m-sort-label { font-size: 14px; font-weight: 600; color: #2d3748; }\n  .m-dropdown-arrow-icon { font-size: 9px; color: #718096; }\n\n  \/* Premium Dark Modal Style (Matches Screenshot 1000193295) *\/\n  .m-dark-dropdown-menu {\n    position: absolute;\n    top: 102%;\n    left: 0;\n    width: 100%;\n    background-color: #231f1a;\n    color: #ffffff;\n    border-radius: 12px;\n    box-shadow: 0 8px 24px rgba(0,0,0,0.25);\n    z-index: 9999;\n    display: none;\n    padding: 6px 0;\n    box-sizing: border-box;\n  }\n  .m-dark-dropdown-menu.m-open-show { display: block; }\n  \n  .m-dark-dropdown-item {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 14px 18px;\n    font-size: 14.5px;\n    font-weight: 500;\n    cursor: pointer;\n    border-bottom: 1px solid rgba(255,255,255,0.04);\n    transition: background 0.2s;\n  }\n  .m-dark-dropdown-item:last-child { border-bottom: none; }\n  .m-dark-dropdown-item:hover { background-color: rgba(255, 255, 255, 0.05); }\n  \n  \/* Circular Radio selection ring asset *\/\n  .m-radio-dot { width: 16px; height: 16px; border: 2px solid #8a857e; border-radius: 50%; display: inline-block; position: relative; box-sizing: border-box; }\n  .m-dark-dropdown-item.m-active-selected { color: #f3a63b; }\n  .m-dark-dropdown-item.m-active-selected .m-radio-dot { border-color: #f3a63b; }\n  .m-dark-dropdown-item.m-active-selected .m-radio-dot::after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    background-color: #f3a63b;\n    border-radius: 50%;\n    position: absolute;\n    top: 2px;\n    left: 2px;\n  }\n\n  \/* User Layout Feed Card Elements *\/\n  .m-single-user-review-card { border-bottom: 1px solid #edf2f7; padding-bottom: 15px; margin-bottom: 15px; animation: mFadeIn 0.4s ease; }\n  .m-card-top-meta { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }\n  .m-user-stars { color: #000000; font-size: 14px; letter-spacing: 1px; }\n  .m-review-date-stamp { font-size: 12px; color: #a0aec0; }\n  .m-user-profile-info { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }\n  \n  .m-avatar-dummy-icon { background-color: #edf2f7; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 600; color: #4a5568; }\n  .m-user-meta-name-box { display: flex; flex-direction: column; line-height: 1.2; }\n  .m-user-real-name { font-weight: 600; font-size: 14px; color: #2d3748; margin: 0; }\n  .m-verified-buyer-badge { font-size: 11px; color: #718096; margin: 2px 0 0 0; }\n  .m-review-content-body { font-size: 14px; color: #4a5568; margin: 0; line-height: 1.5; text-align: left; }\n\n  \/* Input Form UI Panels *\/\n  .m-review-form-hidden-panel { display: none; background: #f7fafc; border: 1px solid #e2e8f0; border-radius: 6px; padding: 15px; margin-bottom: 20px; }\n  .m-review-form-hidden-panel h3 { margin: 0 0 10px 0; font-size: 15px; color: #111111; }\n  .m-input-field, .m-select-field, .m-textarea-field { width: 100%; margin-bottom: 10px; padding: 8px; border: 1px solid #cbd5e0; border-radius: 4px; box-sizing: border-box; font-size: 13px; font-family: inherit; }\n  .m-form-star-selector { font-size: 13px; margin-bottom: 10px; display: flex; align-items: center; gap: 10px; }\n  .m-submit-review-btn { background: #00a884; color: white; border: none; padding: 8px 15px; font-weight: bold; border-radius: 4px; cursor: pointer; font-size: 13px; }\n\n  @keyframes mFadeIn {\n    from { opacity: 0; transform: translateY(6px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media screen and (max-width: 480px) {\n    .m-custom-reviews-container { width: 100vw !important; position: relative !important; left: 50% !important; right: 50% !important; margin-left: -50vw !important; margin-right: -50vw !important; padding: 0 16px !important; box-sizing: border-box !important; }\n  }\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be7356c e-con-full e-flex e-con e-child\" data-id=\"be7356c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5258e62 elementor-widget elementor-widget-text-editor\" data-id=\"5258e62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n\/* ============================================================ *\/\n\/* UNIVERSAL SIZE RESET & 8.6px MOBILE LAYOUT ENGINE (LOCKED) *\/\n\/* ============================================================ *\/\n.magnela-footer {\n  background: linear-gradient(180deg,#000,#111);\n  padding: 60px 25px;\n  color: #fff;\n  font-family: 'Segoe UI',sans-serif;\n  border-top: 3px solid #D4AF37;\n  text-align: center;\n  max-width: 480px;\n  width: 100% !important;\n  margin: 15px auto;\n  box-sizing: border-box;\n}\n\n@media screen and (max-width: 480px) {\n  .magnela-footer {\n    width: 100vw !important;\n    position: relative !important;\n    left: 50% !important;\n    right: 50% !important;\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n    \/* Aapki batai hui 8.6px ki perfect side setting *\/\n    padding-left: 8.6px !important;\n    padding-right: 8.6px !important;\n    box-sizing: border-box !important;\n  }\n}\n\n\/* ============================================================ *\/\n\/* ORIGINAL OFFICIAL DESIGN STYLES (UNTOUCHED & LOCKED) *\/\n\/* ============================================================ *\/\n.magnela-brand {\n  font-size: 38px;\n  font-weight: 800;\n  color: #D4AF37;\n  letter-spacing: 2px;\n  margin-bottom: 10px;\n}\n\n.magnela-tagline {\n  font-size: 18px;\n  color: #ddd;\n  max-width: 700px;\n  margin: auto;\n  line-height: 1.8;\n}\n\n.magnela-divider {\n  width: 120px;\n  height: 3px;\n  background: #D4AF37;\n  margin: 25px auto;\n  border-radius: 50px;\n}\n\n.magnela-buttons {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin: 30px 0;\n}\n\n.magnela-btn {\n  display: inline-block;\n  padding: 12px 22px;\n  border-radius: 50px;\n  font-weight: 700;\n  text-decoration: none;\n  color: #fff;\n  transition: .3s;\n}\n\n.whatsapp-btn {\n  background: #25D366;\n}\n\n.social-btn {\n  background: #D4AF37;\n  color: #000;\n}\n\n.contact-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit,minmax(250px,1fr));\n  gap: 20px;\n  margin-top: 40px;\n  text-align: left;\n}\n\n.contact-card {\n  background: rgba(255,255,255,.05);\n  padding: 20px;\n  border: 1px solid rgba(212,175,55,.25);\n  border-radius: 14px;\n}\n\n.contact-card h3 {\n  color: #D4AF37;\n  margin-bottom: 10px;\n  font-size: 18px;\n}\n\n.contact-card p {\n  line-height: 1.8;\n  color: #ddd;\n  margin: 0;\n}\n\n.policy-section {\n  margin-top: 50px;\n  text-align: left;\n  background: rgba(255,255,255,.03);\n  padding: 25px;\n  border-radius: 14px;\n  border: 1px solid rgba(212,175,55,.2);\n}\n\n.policy-section h3 {\n  color: #D4AF37;\n  margin-bottom: 12px;\n}\n\n.policy-section p {\n  color: #ddd;\n  line-height: 1.9;\n  margin-bottom: 15px;\n}\n\n.footer-bottom {\n  margin-top: 40px;\n  padding-top: 20px;\n  border-top: 1px solid rgba(212,175,55,.25);\n  color: #aaa;\n  font-size: 14px;\n  line-height: 1.8;\n}\n<\/style>\n\n<!-- FOOTER HTML DATA CONTEXT -->\n<div class=\"magnela-footer\">\n  <div class=\"magnela-brand\">\n    \u2728 MAGNELA BEAUTY CREAM \u2728\n  <\/div>\n  <div class=\"magnela-tagline\">\n    Your Trusted Beauty Partner For Healthy, Glowing &#038; Radiant Skin Across Pakistan\n  <\/div>\n  <div class=\"magnela-divider\"><\/div>\n  \n  <div class=\"magnela-buttons\">\n    <a class=\"magnela-btn whatsapp-btn\" href=\"https:\/\/wa.me\/923024412720?text=Assalamualaikum,%20I%20want%20to%20order%20Magnela%20Beauty%20Cream\">\n      \ud83d\udcac ORDER ON WHATSAPP\n    <\/a>\n\n    <a class=\"magnela-btn social-btn\" href=\"https:\/\/www.tiktok.com\/@aneela.g.home.tips\">\n      \ud83c\udfb5 TIKTOK\n    <\/a>\n\n    <a class=\"magnela-btn social-btn\" href=\"https:\/\/youtube.com\/@aneelaghometips?si=IkxRjzY9QlIQSV0z\">\n      \u25b6 YOUTUBE\n    <\/a>\n  <\/div>\n\n  <div class=\"contact-grid\">\n    <div class=\"contact-card\">\n      <h3>\ud83d\udcde Contact Information<\/h3>\n      <p>\n        Phone: 03024412720<br>\n        Email: magnelastore@gmail.com\n      <\/p>\n    <\/div>\n    <div class=\"contact-card\">\n      <h3>\ud83d\ude9a Fast Delivery<\/h3>\n      <p>\n        Free Delivery Available Across Pakistan.<br>\n        Cash On Delivery Available.<br>\n        Estimated Delivery: 2\u20135 Working Days.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"policy-section\">\n    <h3>\ud83d\udd04 Return &#038; Refund Policy<\/h3>\n    <p>\n      Customers should inspect the parcel upon receiving it. If you receive a damaged or incorrect item, please contact us within 24 hours. Used products are not eligible for return or exchange.\n    <\/p>\n    <h3>\ud83d\udd12 Privacy Policy<\/h3>\n    <p>\n      Customer information is kept secure and confidential. Personal information is only used for order processing, delivery and customer support purposes.\n    <\/p>\n    <h3>\ud83d\udccb Terms &#038; Conditions<\/h3>\n    <p>\n      Results may vary depending on skin type and regular usage. By placing an order, customers agree to our policies and terms.\n    <\/p>\n    <h3>\u26a0 Disclaimer<\/h3>\n    <p>\n      This product is intended for cosmetic and skincare use only. Customers with sensitive skin are advised to perform a patch test before regular use.\n    <\/p>\n  <\/div>\n\n  <div class=\"footer-bottom\">\n    \u00a9 2026 Magnela Beauty Cream \u2014 All Rights Reserved\n    <br><br>\n    Made With \u2764\ufe0f For Customers Across Pakistan\n  <\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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>\ud83d\udd25 FLASH SALE \u2013 40% OFF TODAY | \ud83d\ude9a FREE DELIVERY ALL OVER PAKISTAN | \ud83d\udce6 OPEN PARCEL BEFORE PAYMENT | \ud83d\udd25 FLASH SALE \u2013 40% OFF TODAY | \ud83d\ude9a FREE DELIVERY ALL OVER PAKISTAN | \ud83d\udce6 OPEN PARCEL BEFORE PAYMENT | \ud83d\udd25 FLASH SALE \u2013 40% OFF TODAY | \ud83d\ude9a FREE DELIVERY ALL OVER [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/magnela.store\/index.php\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magnela.store\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/magnela.store\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/magnela.store\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/magnela.store\/index.php\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":695,"href":"https:\/\/magnela.store\/index.php\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":797,"href":"https:\/\/magnela.store\/index.php\/wp-json\/wp\/v2\/pages\/25\/revisions\/797"}],"wp:attachment":[{"href":"https:\/\/magnela.store\/index.php\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}