{"product_id":"xioimy-collagen-biotin-day-and-night-facial-mask-50g","title":"XIOIMY Collagen \u0026 Biotin Day And Night Facial Mask | 50g","description":"\u003cstyle\u003e\n\/* =====================================\n   HER PRIVATE EDIT™\n   COLLAGEN + BIOTIN DAY \u0026 NIGHT MASK\n===================================== *\/\n\n.hpe-reset {\n  --ink:#171513;\n  --cream:#F8F5EF;\n  --gold:#A98A58;\n  --taupe:#716B63;\n  --white:#FFFFFF;\n  --blush:#EFE4DF;\n\n  max-width:1100px;\n  margin:35px auto;\n  border-radius:28px;\n  overflow:hidden;\n  color:var(--ink);\n  font-family:Arial,Helvetica,sans-serif;\n  background:\n    radial-gradient(circle at 10% 0%,\n      rgba(169,138,88,.14),\n      transparent 32%),\n    radial-gradient(circle at 90% 35%,\n      rgba(239,228,223,.65),\n      transparent 30%),\n    linear-gradient(180deg,#FCFAF6,#F4EFE7);\n}\n\n\n\/* HERO *\/\n\n.hpe-reset-hero {\n  text-align:center;\n  padding:75px 25px 55px;\n  animation:hpeResetRise .9s ease both;\n}\n\n.hpe-reset-brand {\n  color:var(--gold);\n  font-size:10px;\n  font-weight:700;\n  letter-spacing:.32em;\n  text-transform:uppercase;\n  margin-bottom:18px;\n}\n\n.hpe-reset h2 {\n  margin:0;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:clamp(40px,6vw,65px);\n  line-height:1.05;\n  font-weight:400;\n  letter-spacing:-.025em;\n}\n\n.hpe-reset h2 em {\n  color:var(--gold);\n  font-weight:400;\n}\n\n.hpe-reset-tagline {\n  margin:17px 0;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:19px;\n  font-style:italic;\n}\n\n.hpe-reset-intro {\n  max-width:640px;\n  margin:0 auto;\n  color:var(--taupe);\n  font-size:15px;\n  line-height:1.75;\n}\n\n\n\/* PILLS *\/\n\n.hpe-reset-pills {\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:8px;\n  margin-top:28px;\n}\n\n.hpe-reset-pill {\n  padding:10px 15px;\n  background:rgba(255,255,255,.75);\n  border:1px solid rgba(23,21,19,.09);\n  border-radius:100px;\n  font-size:11px;\n}\n\n\n\/* BENEFITS *\/\n\n.hpe-reset-benefits {\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:12px;\n  padding:0 28px 55px;\n}\n\n.hpe-reset-benefit {\n  padding:28px 15px;\n  background:white;\n  border:1px solid rgba(23,21,19,.07);\n  border-radius:20px;\n  text-align:center;\n  box-shadow:0 12px 35px rgba(23,21,19,.035);\n  transition:.35s ease;\n  animation:hpeResetRise .8s ease both;\n}\n\n.hpe-reset-benefit:nth-child(2){animation-delay:.1s;}\n.hpe-reset-benefit:nth-child(3){animation-delay:.2s;}\n.hpe-reset-benefit:nth-child(4){animation-delay:.3s;}\n\n.hpe-reset-benefit:hover {\n  transform:translateY(-6px);\n  box-shadow:0 20px 45px rgba(23,21,19,.09);\n}\n\n.hpe-reset-icon {\n  font-size:25px;\n  margin-bottom:10px;\n}\n\n.hpe-reset-benefit strong {\n  display:block;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:18px;\n  font-weight:400;\n  margin-bottom:7px;\n}\n\n.hpe-reset-benefit small {\n  display:block;\n  color:var(--taupe);\n  font-size:12px;\n  line-height:1.5;\n}\n\n\n\/* DAY + NIGHT *\/\n\n.hpe-reset-dark {\n  padding:65px 28px;\n  color:white;\n  background:\n    radial-gradient(circle at 15% 10%,\n      rgba(169,138,88,.17),\n      transparent 27%),\n    radial-gradient(circle at 90% 90%,\n      rgba(169,138,88,.10),\n      transparent 30%),\n    var(--ink);\n}\n\n.hpe-reset-heading {\n  max-width:650px;\n  margin:0 auto 38px;\n  text-align:center;\n}\n\n.hpe-reset-kicker {\n  color:#D7C4A0;\n  font-size:10px;\n  font-weight:700;\n  letter-spacing:.28em;\n  text-transform:uppercase;\n}\n\n.hpe-reset-heading h3 {\n  margin:10px 0;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:clamp(30px,5vw,43px);\n  font-weight:400;\n}\n\n.hpe-reset-heading p {\n  margin:0;\n  color:rgba(255,255,255,.62);\n  font-size:14px;\n  line-height:1.6;\n}\n\n.hpe-reset-modes {\n  max-width:820px;\n  margin:auto;\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:12px;\n}\n\n.hpe-reset-mode {\n  padding:32px 25px;\n  border-radius:20px;\n  background:rgba(255,255,255,.055);\n  border:1px solid rgba(255,255,255,.09);\n  transition:.35s ease;\n}\n\n.hpe-reset-mode:hover {\n  transform:translateY(-5px);\n  background:rgba(255,255,255,.09);\n}\n\n.hpe-reset-mode-icon {\n  font-size:30px;\n  margin-bottom:15px;\n}\n\n.hpe-reset-mode h4 {\n  margin:0 0 9px;\n  color:white;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:25px;\n  font-weight:400;\n}\n\n.hpe-reset-mode p {\n  margin:0;\n  color:rgba(255,255,255,.62);\n  font-size:12px;\n  line-height:1.7;\n}\n\n\n\/* INGREDIENT STORY *\/\n\n.hpe-reset-ingredients {\n  padding:65px 28px;\n  text-align:center;\n}\n\n.hpe-reset-ingredients h3 {\n  margin:8px 0 30px;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:35px;\n  font-weight:400;\n}\n\n.hpe-reset-ingredient-grid {\n  max-width:820px;\n  margin:auto;\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:12px;\n}\n\n.hpe-reset-ingredient {\n  background:white;\n  border:1px solid rgba(23,21,19,.07);\n  border-radius:18px;\n  padding:28px 20px;\n}\n\n.hpe-reset-ingredient span {\n  display:block;\n  font-size:27px;\n  margin-bottom:10px;\n}\n\n.hpe-reset-ingredient strong {\n  display:block;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:20px;\n  font-weight:400;\n  margin-bottom:7px;\n}\n\n.hpe-reset-ingredient p {\n  max-width:300px;\n  margin:auto;\n  color:var(--taupe);\n  font-size:12px;\n  line-height:1.6;\n}\n\n\n\/* ROUTINE *\/\n\n.hpe-reset-routine {\n  padding:10px 28px 60px;\n  text-align:center;\n}\n\n.hpe-reset-routine h3 {\n  margin:8px 0 30px;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:34px;\n  font-weight:400;\n}\n\n.hpe-reset-steps {\n  max-width:850px;\n  margin:auto;\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:12px;\n}\n\n.hpe-reset-step {\n  background:white;\n  border:1px solid rgba(23,21,19,.07);\n  border-radius:18px;\n  padding:26px 15px;\n}\n\n.hpe-reset-number {\n  color:var(--gold);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:28px;\n  margin-bottom:8px;\n}\n\n.hpe-reset-step strong {\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:18px;\n  font-weight:400;\n}\n\n.hpe-reset-step p {\n  margin:7px 0 0;\n  color:var(--taupe);\n  font-size:12px;\n  line-height:1.6;\n}\n\n\n\/* FINAL *\/\n\n.hpe-reset-final {\n  padding:5px 25px 65px;\n  text-align:center;\n}\n\n.hpe-reset-line {\n  width:60px;\n  height:1px;\n  background:var(--gold);\n  margin:0 auto 28px;\n}\n\n.hpe-reset-final h3 {\n  margin:0 0 9px;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:30px;\n  font-weight:400;\n}\n\n.hpe-reset-final p {\n  margin:0 auto 22px;\n  color:var(--taupe);\n  font-size:14px;\n}\n\n.hpe-reset-signature {\n  color:var(--gold);\n  font-size:9px;\n  font-weight:700;\n  letter-spacing:.22em;\n  text-transform:uppercase;\n}\n\n\n\/* ANIMATION *\/\n\n@keyframes hpeResetRise {\n  from {\n    opacity:0;\n    transform:translateY(20px);\n  }\n  to {\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n\n\/* MOBILE *\/\n\n@media(max-width:750px){\n\n  .hpe-reset {\n    margin:15px auto;\n    border-radius:20px;\n  }\n\n  .hpe-reset-hero {\n    padding:55px 17px 40px;\n  }\n\n  .hpe-reset-benefits {\n    grid-template-columns:1fr 1fr;\n    padding:0 15px 40px;\n  }\n\n  .hpe-reset-dark {\n    padding:50px 17px;\n  }\n\n  .hpe-reset-modes {\n    grid-template-columns:1fr;\n  }\n\n  .hpe-reset-ingredients {\n    padding:50px 17px;\n  }\n\n  .hpe-reset-ingredient-grid {\n    grid-template-columns:1fr;\n  }\n\n  .hpe-reset-routine {\n    padding:5px 17px 50px;\n  }\n\n  .hpe-reset-steps {\n    grid-template-columns:1fr;\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  .hpe-reset-hero,\n  .hpe-reset-benefit {\n    animation:none;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"hpe-reset\"\u003e\n\n\n  \u003c!-- HERO --\u003e\n\n  \u003cdiv class=\"hpe-reset-hero\"\u003e\n\n    \u003cdiv class=\"hpe-reset-brand\"\u003e\n      HER PRIVATE EDIT™\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      Hydrate. Soften.\u003cbr\u003e\n      \u003cem\u003eWake Up Glowing.\u003c\/em\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"hpe-reset-tagline\"\u003e\n      Your day-to-night moisture ritual.\n    \u003c\/p\u003e\n\n    \u003cp class=\"hpe-reset-intro\"\u003e\n      Meet the \u003cstrong\u003eCollagen + Biotin Day \u0026amp; Night Facial Mask\u003c\/strong\u003e —\n      a moisture-focused facial ritual designed to leave skin feeling\n      soft, replenished and beautifully refreshed.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"hpe-reset-pills\"\u003e\n\n      \u003cspan class=\"hpe-reset-pill\"\u003e\n        💧 Hydrating Care\n      \u003c\/span\u003e\n\n      \u003cspan class=\"hpe-reset-pill\"\u003e\n        ✨ Radiance\n      \u003c\/span\u003e\n\n      \u003cspan class=\"hpe-reset-pill\"\u003e\n        ☀️ Day + 🌙 Night\n      \u003c\/span\u003e\n\n      \u003cspan class=\"hpe-reset-pill\"\u003e\n        🤍 50g\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n\n  \u003c!-- BENEFITS --\u003e\n\n  \u003cdiv class=\"hpe-reset-benefits\"\u003e\n\n\n    \u003cdiv class=\"hpe-reset-benefit\"\u003e\n\n      \u003cdiv class=\"hpe-reset-icon\"\u003e💧\u003c\/div\u003e\n\n      \u003cstrong\u003eReplenish\u003c\/strong\u003e\n\n      \u003csmall\u003e\n        Moisture-focused care for skin\n        that feels dry or depleted.\n      \u003c\/small\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"hpe-reset-benefit\"\u003e\n\n      \u003cdiv class=\"hpe-reset-icon\"\u003e🤍\u003c\/div\u003e\n\n      \u003cstrong\u003eSoft \u0026amp; Supple\u003c\/strong\u003e\n\n      \u003csmall\u003e\n        Leaves skin feeling smoother,\n        softer and comfortably conditioned.\n      \u003c\/small\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"hpe-reset-benefit\"\u003e\n\n      \u003cdiv class=\"hpe-reset-icon\"\u003e✨\u003c\/div\u003e\n\n      \u003cstrong\u003eFresh Radiance\u003c\/strong\u003e\n\n      \u003csmall\u003e\n        Helps revive the appearance of\n        dull, tired-looking skin.\n      \u003c\/small\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"hpe-reset-benefit\"\u003e\n\n      \u003cdiv class=\"hpe-reset-icon\"\u003e🌙\u003c\/div\u003e\n\n      \u003cstrong\u003eAM to PM\u003c\/strong\u003e\n\n      \u003csmall\u003e\n        A self-care ritual designed to fit\n        into your day or evening routine.\n      \u003c\/small\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\n\n  \u003c!-- DAY \/ NIGHT --\u003e\n\n  \u003cdiv class=\"hpe-reset-dark\"\u003e\n\n\n    \u003cdiv class=\"hpe-reset-heading\"\u003e\n\n      \u003cdiv class=\"hpe-reset-kicker\"\u003e\n        ONE MASK · TWO RITUALS\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Your Skin Reset.\u003cbr\u003e\n        Morning or Night.\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Make it part of the moment your skin\n        needs a little extra care.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n\n    \u003cdiv class=\"hpe-reset-modes\"\u003e\n\n\n      \u003cdiv class=\"hpe-reset-mode\"\u003e\n\n        \u003cdiv class=\"hpe-reset-mode-icon\"\u003e\n          ☀️\n        \u003c\/div\u003e\n\n        \u003ch4\u003e\n          The Morning Edit\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          Start your routine with a moisture-focused\n          skin reset for a fresh, soft and\n          radiant-looking complexion.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hpe-reset-mode\"\u003e\n\n        \u003cdiv class=\"hpe-reset-mode-icon\"\u003e\n          🌙\n        \u003c\/div\u003e\n\n        \u003ch4\u003e\n          The Evening Edit\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          Turn your evening skincare into a\n          quiet self-care ritual designed to leave\n          skin feeling replenished and conditioned.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n\n  \u003c!-- HERO INGREDIENTS --\u003e\n\n  \u003cdiv class=\"hpe-reset-ingredients\"\u003e\n\n    \u003cdiv class=\"hpe-reset-kicker\" style=\"color:#A98A58;\"\u003e\n      INSIDE YOUR EDIT\n    \u003c\/div\u003e\n\n    \u003ch3\u003e\n      Collagen + Biotin\n    \u003c\/h3\u003e\n\n\n    \u003cdiv class=\"hpe-reset-ingredient-grid\"\u003e\n\n\n      \u003cdiv class=\"hpe-reset-ingredient\"\u003e\n\n        \u003cspan\u003e💎\u003c\/span\u003e\n\n        \u003cstrong\u003e\n          Collagen Essence\n        \u003c\/strong\u003e\n\n        \u003cp\u003e\n          Featured in this moisture-focused formula\n          for a smooth, conditioned and\n          supple-feeling finish.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hpe-reset-ingredient\"\u003e\n\n        \u003cspan\u003e🌸\u003c\/span\u003e\n\n        \u003cstrong\u003e\n          Biotin\n        \u003c\/strong\u003e\n\n        \u003cp\u003e\n          Part of the formula's nourishing\n          skincare blend for your\n          day-to-night beauty ritual.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n\n  \u003c!-- HOW TO USE --\u003e\n\n  \u003cdiv class=\"hpe-reset-routine\"\u003e\n\n    \u003cdiv class=\"hpe-reset-kicker\" style=\"color:#A98A58;\"\u003e\n      YOUR PRIVATE RITUAL\n    \u003c\/div\u003e\n\n    \u003ch3\u003e\n      Cleanse. Mask. Glow.\n    \u003c\/h3\u003e\n\n\n    \u003cdiv class=\"hpe-reset-steps\"\u003e\n\n\n      \u003cdiv class=\"hpe-reset-step\"\u003e\n\n        \u003cdiv class=\"hpe-reset-number\"\u003e\n          01\n        \u003c\/div\u003e\n\n        \u003cstrong\u003e\n          Cleanse\n        \u003c\/strong\u003e\n\n        \u003cp\u003e\n          Begin with clean, dry skin.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hpe-reset-step\"\u003e\n\n        \u003cdiv class=\"hpe-reset-number\"\u003e\n          02\n        \u003c\/div\u003e\n\n        \u003cstrong\u003e\n          Apply\n        \u003c\/strong\u003e\n\n        \u003cp\u003e\n          Apply an even layer to the face,\n          following the directions supplied\n          with your product.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hpe-reset-step\"\u003e\n\n        \u003cdiv class=\"hpe-reset-number\"\u003e\n          03\n        \u003c\/div\u003e\n\n        \u003cstrong\u003e\n          Finish\n        \u003c\/strong\u003e\n\n        \u003cp\u003e\n          Remove as directed, then continue\n          with the rest of your skincare ritual.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n\n  \u003c!-- CLOSING --\u003e\n\n  \u003cdiv class=\"hpe-reset-final\"\u003e\n\n    \u003cdiv class=\"hpe-reset-line\"\u003e\u003c\/div\u003e\n\n    \u003ch3\u003e\n      Soft Skin Is The Ritual.\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      Morning or evening — make a little\n      time for your skin and yourself.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"hpe-reset-signature\"\u003e\n      HER PRIVATE EDIT™ · BECAUSE SELF-CARE IS PERSONAL™\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n\u003c\/section\u003e","brand":"Xioimy","offers":[{"title":"Default Title","offer_id":50512927064198,"sku":null,"price":295.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0680\/1489\/9334\/files\/her-private-edit-collagen-mask-display-image.png?v=1790173850","url":"https:\/\/herprivateedit.co.za\/products\/xioimy-collagen-biotin-day-and-night-facial-mask-50g","provider":"Her Private Edit","version":"1.0","type":"link"}