{"product_id":"dermatological-hydrating-facial-gel","title":"Dermatological Hydrating Facial Gel","description":"\u003cp\u003eA dermatological hydrating gel with Vitamin E, Retinol, Peptides and Aloe Vera Gel — made with natural ingredients to deeply hydrate, smooth, firm, and plump. Lightweight, fast-absorbing, and designed for daily radiance.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"hydration-section-wrapper\"\u003e\n  \u003cdiv class=\"hydration-header\"\u003e\n    \u003ch2 class=\"hydration-title\"\u003eFormulated for deep hydration\u003c\/h2\u003e\n    \u003cp class=\"hydration-subtitle\"\u003e\n      Four proven actives at balanced levels to hydrate, support collagen look, and improve the feel of firmness — now enhanced with Aloe Vera Gel.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"hydration-grid\"\u003e\n    \u003cdiv class=\"hydration-card\"\u003e\n      \u003cdiv class=\"card-top\"\u003e\n        \u003cspan class=\"card-badge-number\"\u003e01\u003c\/span\u003e\n        \u003cspan class=\"card-dot\"\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"card-heading\"\u003eVitamin E\u003c\/h3\u003e\n      \u003cspan class=\"card-tagline\"\u003eANTIOXIDANT SHIELD\u003c\/span\u003e\n      \u003cp class=\"card-description\"\u003e\n        Helps protect against environmental stressors and supports skin barrier resilience for softer, calmer-looking skin.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hydration-card\"\u003e\n      \u003cdiv class=\"card-top\"\u003e\n        \u003cspan class=\"card-badge-number\"\u003e02\u003c\/span\u003e\n        \u003cspan class=\"card-dot\"\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"card-heading\"\u003eRetinol\u003c\/h3\u003e\n      \u003cspan class=\"card-tagline\"\u003eSMOOTH \u0026amp; REFINE\u003c\/span\u003e\n      \u003cp class=\"card-description\"\u003e\n        A gentle retinoid to help smooth texture appearance, even tone, and support a firmer, more lifted look.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hydration-card\"\u003e\n      \u003cdiv class=\"card-top\"\u003e\n        \u003cspan class=\"card-badge-number\"\u003e03\u003c\/span\u003e\n        \u003cspan class=\"card-dot\"\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"card-heading\"\u003ePeptides\u003c\/h3\u003e\n      \u003cspan class=\"card-tagline\"\u003eFIRM \u0026amp; PLUMP\u003c\/span\u003e\n      \u003cp class=\"card-description\"\u003e\n        Skin-identical peptides that help visibly improve bounce and plumpness for a hydrated, supple feel.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hydration-card featured-card\"\u003e\n      \u003cdiv class=\"card-top\"\u003e\n        \u003cdiv class=\"icon-circle\"\u003e\n          \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#007958\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"pill-badge-new\"\u003e• NEW\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003ch3 class=\"card-heading\"\u003eAloe Vera Gel\u003c\/h3\u003e\n      \u003cspan class=\"card-tagline\"\u003eSOOTHES + DEEP HYDRATES\u003c\/span\u003e\n      \u003cp class=\"card-description\"\u003e\n        Soothes, calms and deeply hydrates with natural polysaccharides. Rich in vitamins A, C, E, helps restore skin barrier, reduce redness and boost moisture retention.\n      \u003c\/p\u003e\n      \u003cdiv class=\"card-bottom-chip\"\u003e\n        \u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#007958\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cpath d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        \u003cspan\u003eNatural polysaccharides • Vitamins A, C, E\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  .hydration-section-wrapper {\n    max-width: 1240px;\n    margin: 0 auto;\n    padding: 60px 20px;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    color: #1a1a1a;\n    box-sizing: border-box;\n  }\n\n  .hydration-section-wrapper * {\n    box-sizing: border-box;\n  }\n\n  \/* Header Styles *\/\n  .hydration-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 48px;\n    gap: 32px;\n  }\n\n  .hydration-title {\n    font-family: Georgia, 'Times New Roman', serif;\n    font-size: 38px;\n    font-weight: 400;\n    line-height: 1.2;\n    margin: 0;\n    color: #111;\n    flex: 1;\n  }\n\n  .hydration-subtitle {\n    font-size: 15px;\n    line-height: 1.6;\n    color: #555;\n    margin: 0;\n    max-width: 440px;\n    flex: 1;\n  }\n\n  \/* Grid Setup *\/\n  .hydration-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  \/* Base Card Styles *\/\n  .hydration-card {\n    background: #ffffff;\n    border: 1px solid #eaeaea;\n    border-radius: 20px;\n    padding: 28px 24px;\n    display: flex;\n    flex-direction: column;\n    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.03);\n    position: relative;\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n  }\n\n  .hydration-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.06);\n  }\n\n  \/* Top elements *\/\n  .card-top {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 24px;\n  }\n\n  .card-badge-number {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    border: 1px solid #d4d4d4;\n    font-size: 12px;\n    font-weight: 600;\n    color: #555;\n  }\n\n  .card-dot {\n    width: 6px;\n    height: 6px;\n    background-color: #638870;\n    border-radius: 50%;\n  }\n\n  \/* Typography inside cards *\/\n  .card-heading {\n    font-family: Georgia, 'Times New Roman', serif;\n    font-size: 20px;\n    font-weight: 600;\n    color: #111;\n    margin: 0 0 6px 0;\n  }\n\n  .card-tagline {\n    display: block;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: #8c9b90;\n    margin-bottom: 16px;\n  }\n\n  .card-description {\n    font-size: 14px;\n    line-height: 1.6;\n    color: #4a4a4a;\n    margin: 0;\n  }\n\n  \/* 4th Highlighted Card Specifics *\/\n  .hydration-card.featured-card {\n    background-color: #f5fbf8;\n    border: 1.5px solid #a3dfca;\n  }\n\n  .icon-circle {\n    width: 34px;\n    height: 34px;\n    border-radius: 50%;\n    background-color: #e2f5ee;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .pill-badge-new {\n    background-color: #007958;\n    color: #ffffff;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.05em;\n    padding: 4px 12px;\n    border-radius: 20px;\n  }\n\n  .card-bottom-chip {\n    margin-top: auto;\n    padding-top: 20px;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: #ffffff;\n    border: 1px solid #cfead9;\n    border-radius: 24px;\n    padding: 8px 12px;\n    margin-top: 24px;\n    font-size: 11px;\n    font-weight: 600;\n    color: #007958;\n  }\n\n  \/* Responsive Breakpoints *\/\n  @media (max-width: 1024px) {\n    .hydration-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 16px;\n    }\n  }\n\n  @media (max-width: 640px) {\n    .hydration-header {\n      flex-direction: column;\n      gap: 16px;\n      margin-bottom: 32px;\n    }\n\n    .hydration-title {\n      font-size: 28px;\n    }\n\n    .hydration-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e","brand":"Naxall","offers":[{"title":"Default Title","offer_id":46110277140540,"sku":"HFG","price":2500.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0653\/7019\/3980\/files\/hydrating-facial-gel-cover.webp?v=1788184381","url":"https:\/\/naxall.com\/products\/dermatological-hydrating-facial-gel","provider":"Naxall","version":"1.0","type":"link"}