{"product_id":"hydra-barrier-sunscreen-spf-50-pa","title":"Hydra-defense Barrier Sunscreen","description":"\u003cp\u003e\u003cstrong\u003eSPF 50   PA++++   Broad   Spectrum 50 ml\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eDON’T JUST WEAR SPF. \u003c\/strong\u003e\u003cstrong\u003eWEAR SKINCARE WITH SPF. \u003c\/strong\u003e\u003cbr\u003e\u003cstrong\u003eYOUR SUNSCREEN\u003c\/strong\u003e should feel like the final step of your skincare ritual.\u003c\/p\u003e\n\u003cp\u003eOur hydra-defense crème is a high-protection daily sunscreen designed to care for your skin while it protects it.A weightless daily shield built on four advanced UV filters, while keeping your barrier calm, cushioned and deeply hydrated.\u003c\/p\u003e\n\u003cp\u003eThe refreshing texture absorbs quickly without leaving a white cast or greasy feel, leaving skin feeling smooth, comfortable and naturally radiant while creating an ideal base for makeup.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eWorks on:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e✓ Sun Damage\u003cbr\u003e✓ Barrier Weakness\u003cbr\u003e✓ Dehydration\u003cbr\u003e✓ Premature Ageing\u003c\/p\u003e\n\u003cstyle\u003e\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400;500;600;700\u0026display=swap');\n\n    .lmr-hero{\n      --bg:#fcfcfc;\n      --ink:#111111;\n      --muted:#6f6f6f;\n      --line:#e8e8e8;\n      --pad:clamp(20px,5vw,44px);\n      display:block;\n      font-family:\"Josefin Sans\",ui-sans-serif,system-ui,sans-serif;\n      font-weight:400;\n      background:var(--bg);\n      color:var(--ink);\n      line-height:1.5;\n      padding:5px var(--pad) clamp(32px,6vw,76px);\n      -webkit-font-smoothing:antialiased;\n      text-rendering:optimizeLegibility;\n    }\n    .lmr-hero *,\n    .lmr-hero *::before,\n    .lmr-hero *::after{box-sizing:border-box;}\n    .lmr-hero p,\n    .lmr-hero ul,\n    .lmr-hero li{margin:0;padding:0;list-style:none;}\n\n    \/* ================= BOX ================= *\/\n    .lmr-box{\n      max-width:760px;\n      margin:0 auto;\n      background:#ffffff;\n      border:1px solid var(--line);\n      border-radius:16px;\n      overflow:hidden;\n    }\n    .lmr-box + .lmr-box{margin-top:clamp(16px,2.4vw,24px);}\n\n    \/* ================= OUTER FAQ ================= *\/\n    .lmr-faq \u003e summary{\n      display:grid;\n      grid-template-columns:minmax(0,1fr) auto;\n      align-items:center;\n      gap:16px;\n      padding:clamp(20px,3vw,28px) clamp(18px,3vw,28px);\n      cursor:pointer;\n      list-style:none;\n      -webkit-tap-highlight-color:transparent;\n    }\n    .lmr-faq \u003e summary::-webkit-details-marker{display:none;}\n    .lmr-faq \u003e summary::marker{content:\"\";}\n    .lmr-faq \u003e summary:focus-visible{\n      outline:2px solid var(--ink);\n      outline-offset:-4px;\n    }\n    .lmr-title{\n      font-size:clamp(19px,2.6vw,27px);\n      font-weight:600;\n      letter-spacing:-.02em;\n      line-height:1.15;\n      transition:opacity .3s ease;\n    }\n    .lmr-faq \u003e summary:hover .lmr-title{opacity:.6;}\n\n    \/* ---------- icon (outer only) ---------- *\/\n    .lmr-icon{\n      position:relative;\n      justify-self:end;\n      flex:0 0 auto;\n      width:32px;\n      height:32px;\n      border-radius:50%;\n      border:1px solid var(--ink);\n      background:#fff;\n      transition:background .35s ease,border-color .35s ease;\n    }\n    .lmr-icon::before,\n    .lmr-icon::after{\n      content:\"\";\n      position:absolute;\n      left:50%;\n      top:50%;\n      background:var(--ink);\n      border-radius:2px;\n      transition:transform .38s cubic-bezier(.22,1,.36,1),background .35s ease;\n    }\n    .lmr-icon::before{width:12px;height:1.6px;transform:translate(-50%,-50%);}\n    .lmr-icon::after{width:1.6px;height:12px;transform:translate(-50%,-50%);}\n    .lmr-faq[open] .lmr-icon{background:var(--ink);border-color:var(--ink);}\n    .lmr-faq[open] .lmr-icon::before{background:#fff;}\n    .lmr-faq[open] .lmr-icon::after{background:#fff;transform:translate(-50%,-50%) scaleY(0);}\n\n    \/* ================= CONTENT ================= *\/\n    .lmr-panel{\n      padding:0 clamp(18px,3vw,28px) clamp(14px,2.2vw,22px);\n      border-top:1px solid var(--line);\n      animation:lmrFade .5s cubic-bezier(.22,1,.36,1) both;\n    }\n    .lmr-row{\n      padding:clamp(14px,1.9vw,18px) 0;\n      border-bottom:1px solid var(--line);\n    }\n    .lmr-list \u003e .lmr-row:last-child{border-bottom:0;padding-bottom:0;}\n    .lmr-list \u003e .lmr-row:first-child{padding-top:clamp(16px,2.2vw,22px);}\n\n    .lmr-name{\n      font-size:clamp(14px,1.8vw,16.5px);\n      font-weight:500;\n      letter-spacing:-.005em;\n      color:var(--ink);\n    }\n    .lmr-benefit{\n      margin-top:3px;\n      font-size:clamp(13px,1.5vw,14.5px);\n      font-weight:300;\n      color:var(--muted);\n    }\n\n    \/* ---------- plain rows (directions) ---------- *\/\n    .lmr-row--plain{\n      font-size:clamp(14px,1.8vw,16px);\n      font-weight:400;\n      color:var(--ink);\n    }\n\n    \/* ---------- full ingredients box ---------- *\/\n    .lmr-ing{\n      margin-top:clamp(14px,1.9vw,18px);\n      padding:clamp(14px,2vw,18px) clamp(14px,2vw,18px);\n      border:1px solid var(--line);\n      border-radius:12px;\n      background:#fcfcfc;\n    }\n    .lmr-ing-title{\n      font-size:clamp(13px,1.6vw,15px);\n      font-weight:600;\n      letter-spacing:-.01em;\n      color:var(--ink);\n      margin-bottom:6px;\n    }\n    .lmr-ing-text{\n      font-size:clamp(12px,1.4vw,13.5px);\n      font-weight:300;\n      color:var(--muted);\n      line-height:1.7;\n      word-break:break-word;\n      overflow-wrap:anywhere;\n    }\n\n    \/* ---------- meter ---------- *\/\n    .lmr-meter{\n      display:block;\n      height:3px;\n      margin-top:12px;\n      max-width:280px;\n      background:var(--line);\n      border-radius:99px;\n      overflow:hidden;\n    }\n    .lmr-meter i{\n      display:block;\n      height:100%;\n      width:var(--w,0%);\n      border-radius:99px;\n      background:var(--ink);\n      transform-origin:left center;\n      transform:scaleX(0);\n    }\n    .lmr-faq[open] .lmr-meter i{\n      animation:lmrGrow .95s cubic-bezier(.22,1,.36,1) .18s both;\n    }\n\n    @keyframes lmrGrow{\n      from{transform:scaleX(0);}\n      to{transform:scaleX(1);}\n    }\n    @keyframes lmrFade{\n      from{opacity:0;transform:translateY(-6px);}\n      to{opacity:1;transform:none;}\n    }\n\n    \/* ================= REVEAL ================= *\/\n    .lmr-hero.lmr-js .lmr-box{\n      opacity:0;\n      transform:translateY(14px);\n      transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1);\n    }\n    .lmr-hero.lmr-js .lmr-box.is-in{opacity:1;transform:none;}\n\n    \/* ================= RESPONSIVE ================= *\/\n    @media (max-width:560px){\n      .lmr-icon{width:28px;height:28px;}\n      .lmr-meter{max-width:100%;}\n    }\n\n    \/* ============ DESKTOP: smaller type + left aligned ============ *\/\n    @media (min-width:992px){\n      .lmr-hero{\n        --pad:clamp(24px,3vw,48px);\n        padding:5px var(--pad) clamp(40px,4vw,64px);\n      }\n      \/* move everything to the left edge of the container *\/\n      .lmr-box{\n        margin-left:-50px;\n        margin-right:auto;\n        max-width:620px;\n      }\n      \/* smaller type scale *\/\n      .lmr-title{\n        font-size:clamp(16px,1.5vw,20px);\n        letter-spacing:-.015em;\n      }\n      .lmr-faq \u003e summary{\n        padding:18px 24px;\n        gap:14px;\n      }\n      .lmr-icon{width:26px;height:26px;}\n      .lmr-icon::before{width:10px;}\n      .lmr-icon::after{height:10px;}\n      .lmr-panel{padding:0 24px 16px;}\n      .lmr-row{padding:12px 0;}\n      .lmr-list \u003e .lmr-row:first-child{padding-top:16px;}\n      .lmr-name{font-size:clamp(12.5px,1.05vw,14px);}\n      .lmr-benefit{\n        font-size:clamp(11.5px,.95vw,12.5px);\n        margin-top:2px;\n      }\n      .lmr-row--plain{font-size:clamp(12.5px,1.05vw,14px);}\n      .lmr-meter{height:2.5px;margin-top:10px;max-width:220px;}\n\n      \/* full ingredients box – desktop type scale *\/\n      .lmr-ing{margin-top:14px;padding:14px 16px;}\n      .lmr-ing-title{font-size:clamp(12px,1.05vw,14px);}\n      .lmr-ing-text{font-size:clamp(11px,.95vw,12.5px);line-height:1.65;}\n    }\n\n    @media (prefers-reduced-motion:reduce){\n      .lmr-hero *,\n      .lmr-hero *::before,\n      .lmr-hero *::after{\n        animation-duration:.01ms !important;\n        animation-iteration-count:1 !important;\n        transition-duration:.01ms !important;\n      }\n      .lmr-hero.lmr-js .lmr-box{opacity:1;transform:none;}\n    }\n\u003c\/style\u003e\n\u003csection class=\"lmr-hero\" id=\"lmrHero\"\u003e\u003c!-- ================= BOX 1 : KEY INGREDIENTS ================= --\u003e\n\u003cdiv class=\"lmr-box\"\u003e\n\u003cdetails class=\"lmr-faq\"\u003e\n\u003csummary\u003e\u003cspan class=\"lmr-title\"\u003eKey Ingredients\u003c\/span\u003e \u003cspan class=\"lmr-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"lmr-panel\"\u003e\n\u003cul class=\"lmr-list\"\u003e\n\u003cli class=\"lmr-row\"\u003e\n\u003cp class=\"lmr-name\"\u003e01) 4 Advanced UV Filters (UV Defense)\u003c\/p\u003e\n\u003cp class=\"lmr-benefit\"\u003ePhotostable protection against UVA, UVB and daily light stress.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"lmr-row\"\u003e\n\u003cp class=\"lmr-name\"\u003eDiethylamino Hydroxybenzoyl Hexyl Benzoate\u003c\/p\u003e\n\u003cp class=\"lmr-benefit\"\u003eUVA protection\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"lmr-row\"\u003e\n\u003cp class=\"lmr-name\"\u003eEthylhexyl Triazone\u003c\/p\u003e\n\u003cp class=\"lmr-benefit\"\u003eHigh-performance UVB protection\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"lmr-row\"\u003e\n\u003cp class=\"lmr-name\"\u003eBis-Ethylhexyloxyphenol Methoxyphenyl Triazine\u003c\/p\u003e\n\u003cp class=\"lmr-benefit\"\u003eBroad-spectrum UVA + UVB protection\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"lmr-row\"\u003e\n\u003cp class=\"lmr-name\"\u003eHomosalate\u003c\/p\u003e\n\u003cp class=\"lmr-benefit\"\u003eUVB protection\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"lmr-row\"\u003e\n\u003cp class=\"lmr-name\"\u003e02) Barrier + Skin Support (Barrier Care)\u003c\/p\u003e\n\u003cp class=\"lmr-benefit\"\u003eActives that reinforce the skin’s own defence while you wear it.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"lmr-row\"\u003e\n\u003cp class=\"lmr-name\"\u003eEctoin\u003c\/p\u003e\n\u003cp class=\"lmr-benefit\"\u003eProtects and supports the skin barrier\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"lmr-row\"\u003e\n\u003cp class=\"lmr-name\"\u003eCeramide Complex\u003c\/p\u003e\n\u003cp class=\"lmr-benefit\"\u003eStrengthens and reinforces the barrier\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"lmr-row\"\u003e\n\u003cp class=\"lmr-name\"\u003ePanthenol\u003c\/p\u003e\n\u003cp class=\"lmr-benefit\"\u003eHydrates and soothes\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"lmr-row\"\u003e\n\u003cp class=\"lmr-name\"\u003ePhospholipids\u003c\/p\u003e\n\u003cp class=\"lmr-benefit\"\u003eHelps strengthen the skin barrier and lock in moisture.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"lmr-row\"\u003e\n\u003cp class=\"lmr-name\"\u003eAllantoin\u003c\/p\u003e\n\u003cp class=\"lmr-benefit\"\u003eCalms and comforts the skin\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"lmr-row\"\u003e\n\u003cp class=\"lmr-name\"\u003eBeta-Glucan\u003c\/p\u003e\n\u003cp class=\"lmr-benefit\"\u003eHydrates and soothes\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"lmr-row\"\u003e\n\u003cp class=\"lmr-name\"\u003eSunflower Seed Oil\u003c\/p\u003e\n\u003cp class=\"lmr-benefit\"\u003eHelps nourish and soften skin while supporting its natural barrier.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"lmr-row\"\u003e\n\u003cp class=\"lmr-name\"\u003e03 Hydration + Antioxidant Care (Hydration)\u003c\/p\u003e\n\u003cp class=\"lmr-benefit\"\u003eMulti-level moisture and antioxidant support for a plump finish.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"lmr-row\"\u003e\n\u003cp class=\"lmr-name\"\u003eMulti-Hyaluronic Acid Complex\u003c\/p\u003e\n\u003cp class=\"lmr-benefit\"\u003eMulti-level hydration\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"lmr-row\"\u003e\n\u003cp class=\"lmr-name\"\u003eSqualane\u003c\/p\u003e\n\u003cp class=\"lmr-benefit\"\u003eNourishes and reduces moisture loss\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"lmr-row\"\u003e\n\u003cp class=\"lmr-name\"\u003eRice Extract\u003c\/p\u003e\n\u003cp class=\"lmr-benefit\"\u003eSkin-conditioning and antioxidant support\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"lmr-row\"\u003e\n\u003cp class=\"lmr-name\"\u003eVitamin E\u003c\/p\u003e\n\u003cp class=\"lmr-benefit\"\u003eAntioxidant support\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"lmr-row\"\u003e\n\u003cp class=\"lmr-name\"\u003eLaminaria Digitata Extract\u003c\/p\u003e\n\u003cp class=\"lmr-benefit\"\u003eHelps defend against environmental stress while keeping skin hydrated and conditioned.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli class=\"lmr-row lmr-row--plain\"\u003e\u003cbr\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- ---------- FULL INGREDIENTS BOX ---------- --\u003e\n\u003cdiv class=\"lmr-ing\"\u003e\n\u003cp class=\"lmr-ing-title\"\u003eFull Ingredients:\u003c\/p\u003e\n\u003cp class=\"lmr-ing-text\"\u003ePurified water, Water, Propanediol, C12-15 Alkyl Benzoate, Diethylamino Hydroxybenzoyl Hexyl Benzoate, Ethylhexyl Triazone, BisEthylhexyloxyphenol Methoxyphenyl Triazine, Phospholipids, Phenoxyethanol, Hydroxyacetophenone , Oryza Sativa (Rice) Powder, Pentylene Glycol, C12- 15 Alkyl Benzoate , Isomyl laurate, Cetyl Dimethicone , Homosalate , Ectoin , Panthenol, Phenoxyethanol , Helianthus Annuus (Sunflower) Seed Oil , Allantoin , Squalane , Laminaria Digitata Extract \u0026amp; Cetyl-PG Hydroxyethyl Palmitamide \u0026amp; Ceramide 1 \u0026amp; Ceramide 2 \u0026amp; Ceramide 3 \u0026amp; Ceramide 4 \u0026amp; Ceramide 6 II, Arachidyl Alcohol \u0026amp; Behenyl Alcohol \u0026amp; Arachidyl Glucoside , Tocopheryl acetate , Acrylates\/C10-30 Alkyl Acrylate Crosspolymer Polysorbate 20 , Beta-Glucan , Sodium Hydroxide , Carbomer, Disodium EDTA , Sodium Hyaluronate Crosspolymer \u0026amp; Sodium Hyaluronate \u0026amp; Sodium Acetylated Hyaluronate \u0026amp; Hydrolyzed Sodium Hyaluronate \u0026amp; Pentylene Glycol \u0026amp; Ethylhexylglycerin \u0026amp; Aqua , Xanthan Gum Fragrance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ---------- \/FULL INGREDIENTS BOX ---------- --\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c!-- ================= BOX 2 : DIRECTIONS FOR USE ================= --\u003e\n\u003cdiv class=\"lmr-box\"\u003e\n\u003cdetails class=\"lmr-faq\"\u003e\n\u003csummary\u003e\u003cspan class=\"lmr-title\"\u003eDirections for use:\u003c\/span\u003e \u003cspan class=\"lmr-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"lmr-panel\"\u003e\n\u003cul class=\"lmr-list\"\u003e\n\u003cli class=\"lmr-row lmr-row--plain\"\u003eApply generously on your face \u0026amp; neck, as the last step of your morning skincare routine.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    (function () {\n      var root = document.getElementById('lmrHero');\n      if (!root) return;\n\n      root.classList.add('lmr-js');\n\n      var boxes = Array.prototype.slice.call(root.querySelectorAll('.lmr-box'));\n      var faqs  = Array.prototype.slice.call(root.querySelectorAll('.lmr-faq'));\n\n      \/* only one box open at a time *\/\n      faqs.forEach(function (faq) {\n        faq.addEventListener('toggle', function () {\n          if (!faq.open) return;\n          faqs.forEach(function (other) {\n            if (other !== faq \u0026\u0026 other.open) other.open = false;\n          });\n        });\n      });\n\n      \/* staggered reveal on scroll *\/\n      if ('IntersectionObserver' in window) {\n        var io = new IntersectionObserver(function (entries) {\n          entries.forEach(function (entry) {\n            if (entry.isIntersecting) {\n              entry.target.classList.add('is-in');\n              io.unobserve(entry.target);\n            }\n          });\n        }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\n\n        boxes.forEach(function (box, i) {\n          box.style.transitionDelay = Math.min(i * 90, 180) + 'ms';\n          io.observe(box);\n        });\n      } else {\n        boxes.forEach(function (box) { box.classList.add('is-in'); });\n      }\n    })();\n  \u003c\/script\u003e\u003c\/section\u003e","brand":"House of LÈMOR","offers":[{"title":"50ml \/1.69 fl oz","offer_id":49245804953754,"sku":null,"price":2299.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0742\/3406\/9146\/files\/sunscreen.webp?v=1793686239","url":"https:\/\/houseoflemor.com\/products\/hydra-barrier-sunscreen-spf-50-pa","provider":"House of LÈMOR","version":"1.0","type":"link"}