The Des Vignes Shower Gel

{"_id":"6450a61ae1536dbf14f2e7ec","sku":"47071","brand":"BEPANTHEN","name":"Bepanthen® DERMA Gentle Body Cleanser, 400 ml bottle","metafields":{"ingredients":"<p>تركيبة إصلاح بفيتامين ب5 مع ديكسبانثينول، ونياسيناميد (فيتامين ب3)، ودهون طبيعية مثل زبدة الشيا وزيت الأرجان، بالإضافة إلى الجلسرين. مثبت سريريًا قيامه بدعم تجديد البشرة من داخلها إلى خارجها.</p>","benefits":"<p>For soft, smooth skin The Bepanthen&reg; DERMA Gentle Body Cleanser soothes itchy dry skin (every time you shower). Its soap-free formula cleanses while maintaining the skin's natural barrier. It protects, replenishes and maintains the skin's natural moisture levels. Active ingredients It contains a Repair Complex with dexpanthenol, niacinamide (vitamin B3), natural lipids such as argan oil as well as glycerine to support the regeneration of the skin &ndash; from the inside out. Free from harmful substances It contains more than 90% natural ingredients. 0% fragrance, preservatives &amp; colorants. Free from soap, skin-friendly pH 5.5. Dermatologically tested Dermatologically tested and clinically proven for efficacy and tolerance. Medical skincare product made by Bepanthen &ndash; based on science and recommended by experts. The formula rinses off easily and does not leave residues.</p>","kunooz_categories":["shower-gels-and-body-wash","bath-and-shower","personal-care"],"whites_categories":["shower-gel-and-body-wash","bath-shower-and-spa","personal-care"],"unitSAP":"EA","skin_tone":[],"lips":[],"kunooz_product_type":[],"health_conditions":[],"frequently_bought":[],"use_it_with":[],"pick_your_free_items":[],"combo_offer":[],"how_to_use":"","what_is":"","therapeutic_uses":"","dosage_and_administration":"","contraindication_and_drug_interaction":"","warning_and_precautions":"","side_effects":"","more_information":"","desktop_html_code_ar":"\r\n<meta charset=\"utf-8\"/>\r\n<style>\r\n body {\r\n margin: 0;\r\n padding: 0\r\n }\r\n\r\n #bph-container {\r\n margin: 0 auto;\r\n max-width: 992px;\r\n width: 100%;\r\n color: #002e74;\r\n font-family: Arial, sans-serif\r\n }\r\n\r\n #bph-container img {\r\n height: auto\r\n }\r\n\r\n #bph-container .bph-font-gotham-book {\r\n font-family: Arial, sans-serif;\r\n font-weight: 400\r\n }\r\n\r\n #bph-container .bph-font-gotham-bold {\r\n font-family: Arial, sans-serif;\r\n font-weight: 600\r\n }\r\n\r\n #bph-container .bph-font-gilroy-bold {\r\n font-family: Arial, sans-serif;\r\n font-weight: 700\r\n }\r\n\r\n #bph-container .bph-copy, #bph-container .bph-h1, #bph-container .bph-h2, #bph-container .bph-p, #bph-container span {\r\n direction: rtl\r\n }\r\n\r\n #bph-container .bph-cols {\r\n box-sizing: border-box;\r\n display: table;\r\n width: 100%\r\n }\r\n\r\n #bph-container .bph-cols .bph-col {\r\n box-sizing: border-box;\r\n display: table-cell;\r\n vertical-align: top\r\n }\r\n\r\n #bph-container .bph-cols .bph-col.bph-col-50 {\r\n width: 50%\r\n }\r\n\r\n #bph-container .bph-cols .bph-col.bph-col-33 {\r\n width: 33.3%\r\n }\r\n\r\n #bph-container .bph-sup {\r\n font-size: .6em;\r\n margin-top: -.4em;\r\n display: inline-block;\r\n vertical-align: top\r\n }\r\n\r\n #bph-container .bph-h2 .bph-sup, #bph-container .bph-p .bph-sup {\r\n font-size: .75em;\r\n margin: 0\r\n }\r\n\r\n #bph-container .bph-nowrap {\r\n white-space: nowrap\r\n }\r\n\r\n #bph-container .bph-center, #bph-container .bph-text-center {\r\n text-align: center\r\n }\r\n\r\n #bph-container .bph-text-left {\r\n text-align: left\r\n }\r\n\r\n #bph-container .bph-text-right {\r\n text-align: right\r\n }\r\n\r\n #bph-container .bph-tile {\r\n max-width: 443px;\r\n width: 100%\r\n }\r\n\r\n #bph-container .bph-div {\r\n background: url(./section-div.png) repeat-x;\r\n height: 122px\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-mobile-no-br br, #bph-container .bph-pad-hide {\r\n display: none !important\r\n }\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-mobile-hide {\r\n display: none !important\r\n }\r\n }\r\n\r\n #bph-container .bph-mobile-show {\r\n display: none\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-mobile-show {\r\n display: block\r\n }\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-mobile-wrapper {\r\n padding-left: 20px !important;\r\n padding-right: 20px !important\r\n }\r\n }\r\n\r\n #bph-container .bph-img--packshot {\r\n max-width: 490px;\r\n width: 100%\r\n }\r\n\r\n #bph-container .bph-img--packshot--derma-400 {\r\n max-width: 495px\r\n }\r\n\r\n #bph-container .bph-img--pair {\r\n max-width: 440px;\r\n width: 100%\r\n }\r\n\r\n #bph-container .bph-header-wrapper {\r\n position: relative\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-img {\r\n width: 100%\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-img--desktop {\r\n display: block\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-header-wrapper .bph-img--desktop {\r\n display: none\r\n }\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-img--pad {\r\n display: none\r\n }\r\n\r\n @media (max-width: 1000px) and (min-width: 701px) {\r\n #bph-container .bph-header-wrapper .bph-img--pad {\r\n display: block\r\n }\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-img--mobile {\r\n display: none\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-header-wrapper .bph-img--mobile {\r\n display: block\r\n }\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-header-2 {\r\n color: #fff;\r\n position: absolute;\r\n bottom: 25px;\r\n left: 0;\r\n width: 100%\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-col--1 {\r\n width: 25%;\r\n text-align: center;\r\n border-right: 2px solid #fff;\r\n padding-left: 30px\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-col--1 .bph-attrs {\r\n padding-right: 25px;\r\n padding-top: 5px;\r\n font-size: 14px;\r\n line-height: 18px\r\n }\r\n\r\n @media (max-width: 1000px) and (min-width: 700px) {\r\n #bph-container .bph-header-wrapper .bph-col--1 .bph-attrs {\r\n text-align: center\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-col--1 .bph-col {\r\n display: block\r\n }\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-col--2 {\r\n width: 66%;\r\n padding-left: 40px\r\n }\r\n\r\n @media (max-width: 1000px) and (min-width: 700px) {\r\n #bph-container .bph-header-wrapper .bph-col {\r\n vertical-align: middle\r\n }\r\n }\r\n\r\n #bph-container .bph-headings--wrapper {\r\n text-align: center;\r\n padding: 85px 0 50px\r\n }\r\n\r\n #bph-container .bph-headings--wrapper .bph-headings {\r\n text-align: center;\r\n display: inline-block\r\n }\r\n\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h1 {\r\n font-size: 52px;\r\n line-height: 54px;\r\n padding: 15px 0\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h1 {\r\n font-size: 20px;\r\n line-height: 22px;\r\n padding-left: 5px;\r\n padding-right: 5px\r\n }\r\n }\r\n\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h2 {\r\n font-size: 32px;\r\n line-height: 34px;\r\n letter-spacing: .21em;\r\n color: #29aee7;\r\n padding: 13px 0;\r\n text-transform: uppercase;\r\n border-top: 2px solid #002e74;\r\n border-bottom: 2px solid #002e74\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h2 {\r\n font-size: 12px;\r\n line-height: 14px;\r\n padding-left: 5px;\r\n padding-right: 5px\r\n }\r\n }\r\n\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h2.bph-night {\r\n color: #662b89\r\n }\r\n\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h2.bph-daily {\r\n color: #e01883\r\n }\r\n\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h2.bph-cream {\r\n color: #e96827\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h2 {\r\n font-size: 18px;\r\n line-height: 20px\r\n }\r\n }\r\n\r\n #bph-container .bph-description--wrapper {\r\n padding: 0 0 90px\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description {\r\n font-size: 26px;\r\n line-height: 28px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-description--wrapper .bph-description {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1 {\r\n font-size: 48px;\r\n line-height: 52px;\r\n color: #29aee7;\r\n padding: 0 0 44px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1 {\r\n font-size: 20px;\r\n line-height: 22px\r\n }\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1.bph-night {\r\n color: #662b89\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1.bph-daily {\r\n color: #e01883\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1.bph-cream {\r\n color: #e96827\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1 {\r\n font-size: 32px;\r\n line-height: 34px\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1 {\r\n font-size: 24px;\r\n line-height: 26px\r\n }\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-p--1 {\r\n padding: 0 0 34px\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-col--1 {\r\n padding: 0\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-col--2 {\r\n padding: 100px 0 0;\r\n max-width: 440px\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-col--2.bph-daily {\r\n padding-top: 50px\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-description--wrapper .bph-description .bph-col {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-col:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-grid-1 {\r\n font-size: 20px;\r\n line-height: 25px;\r\n padding: 0 50px 1px\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-grid-1 {\r\n max-width: 444px;\r\n margin: 0 auto;\r\n padding-left: 0;\r\n padding-right: 0\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-grid-1 {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-grid-1 .bph-h1 {\r\n padding: 0 0 30px\r\n }\r\n\r\n #bph-container .bph-grid-1 .bhp-img {\r\n margin: 0 0 20px\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-grid-1.bph-cols .bph-col {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-grid-1.bph-cols .bph-col:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper {\r\n background: #d8f3fc;\r\n margin: 80px 0\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms {\r\n padding: 0 58px\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-h1 {\r\n font-size: 36px;\r\n line-height: 36px;\r\n padding-bottom: 36px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-h1 {\r\n font-size: 24px;\r\n line-height: 26px\r\n }\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-p {\r\n font-size: 20px;\r\n line-height: 26px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-p {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-img {\r\n padding: 0 0 33px\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-cols {\r\n padding: 65px 0 85px\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-col {\r\n text-align: center\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-col {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-col:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper {\r\n padding: 0\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-take-care {\r\n padding: 0 45px\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-take-care--wrapper .bph-take-care {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-h2 {\r\n font-size: 20px;\r\n line-height: 20px;\r\n padding-left: 10px;\r\n padding-top: 15px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-take-care--wrapper .bph-h2 {\r\n font-size: 15px;\r\n line-height: 17px\r\n }\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-h1 {\r\n font-size: 36px;\r\n line-height: 36px;\r\n padding: 110px 0 56px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-take-care--wrapper .bph-h1 {\r\n font-size: 24px;\r\n line-height: 26px\r\n }\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-col--1 {\r\n width: 54%;\r\n margin-right: 3%\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-col--2 {\r\n width: 43%\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-li {\r\n position: relative;\r\n font-size: 20px;\r\n line-height: 26px;\r\n padding: 0 20px 33px 23px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-take-care--wrapper .bph-li {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-li:before {\r\n position: absolute;\r\n top: 10px;\r\n right: 0;\r\n width: 6px;\r\n height: 6px;\r\n content: '';\r\n background: #002e74;\r\n border-radius: 50%\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-take-care--wrapper .bph-cols.bph-tiles {\r\n max-width: 444px;\r\n margin: 0 auto\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-cols .bph-col {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-cols .bph-col:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper {\r\n padding: 62px 30px;\r\n background: #d8f3fc;\r\n font-size: 20px;\r\n line-height: 24px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-blue-box--wrapper {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-blue-box--wrapper {\r\n padding-left: 0;\r\n padding-right: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-col {\r\n vertical-align: middle;\r\n display: inline-block;\r\n text-align: center\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-col--ico {\r\n width: 153px;\r\n padding-left: 15px\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-h1 {\r\n font-size: 36px;\r\n line-height: 36px;\r\n padding-bottom: 40px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-blue-box--wrapper .bph-h1 {\r\n font-size: 22px;\r\n line-height: 24px\r\n }\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-col--1 {\r\n width: 60%\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-col--2 {\r\n width: 40%\r\n }\r\n\r\n @media (max-width: 860px) {\r\n #bph-container .bph-blue-box--wrapper .bph-cols .bph-col--block-mobile {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-cols .bph-col--block-mobile:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n #bph-container .bph-blue-box--wrapper .bph-cols .bph-col--block-mobile .bph-col {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px;\r\n text-align: center\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-cols .bph-col--block-mobile .bph-col:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-75 {\r\n padding-right: 100px;\r\n text-align: right\r\n }\r\n\r\n @media (max-width: 860px) {\r\n #bph-container .bph-blue-box--wrapper .bph-75 {\r\n text-align: center\r\n }\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-blue-box--wrapper .bph-75 {\r\n padding-right: 50px;\r\n padding-left: 40px\r\n }\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-75 .bph-img {\r\n width: 100%;\r\n max-width: 254px\r\n }\r\n\r\n #bph-container .bph-hydrate--wrapper {\r\n padding: 50px 60px 0\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-hydrate--wrapper {\r\n padding-left: 0;\r\n padding-right: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-hydrate--wrapper .bph-hydrate {\r\n position: relative\r\n }\r\n\r\n #bph-container .bph-hydrate--wrapper .bph-hydrate .bph-h1 {\r\n font-size: 36px;\r\n line-height: 38px;\r\n padding: 0 0 30px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-hydrate--wrapper .bph-hydrate .bph-h1 {\r\n font-size: 20px;\r\n line-height: 22px\r\n }\r\n }\r\n\r\n #bph-container .bph-hydrate--wrapper .bph-hydrate .bph-p {\r\n padding: 0 0 37px;\r\n font-size: 20px;\r\n line-height: 26px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-hydrate--wrapper .bph-hydrate .bph-p {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper {\r\n background: #d8f3fc\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex {\r\n padding: 0 60px;\r\n position: relative\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-h1 {\r\n font-size: 36px;\r\n line-height: 36px;\r\n padding-bottom: 36px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-h1 {\r\n font-size: 20px;\r\n line-height: 22px\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-repair-complex-inner {\r\n position: relative;\r\n margin: 30px 0 0;\r\n z-index: 5\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop {\r\n font-size: 20px;\r\n line-height: 24px;\r\n position: absolute\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop {\r\n position: relative\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-h2 {\r\n font-size: 26px;\r\n line-height: 26px;\r\n padding: 0 0 10px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-h2 {\r\n font-size: 14px;\r\n line-height: 16px\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line {\r\n border-bottom: 2px solid #fff;\r\n position: relative;\r\n width: 100%;\r\n margin: 5px 0 0\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line {\r\n display: none\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line:after, #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line:before {\r\n position: absolute;\r\n content: '';\r\n display: block;\r\n border-radius: 50%\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line:before {\r\n width: 25px;\r\n height: 25px;\r\n background: #ecf9fe;\r\n top: -12px;\r\n right: 0\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line:after {\r\n width: 13px;\r\n height: 13px;\r\n background: #fff;\r\n top: -6px;\r\n right: 6px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line.bph-right:before {\r\n top: -12px;\r\n left: 0\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line.bph-right:after {\r\n top: -6px;\r\n left: 6px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-img {\r\n margin-left: -20px\r\n }\r\n\r\n @media (max-width: 400px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-img {\r\n width: 80%\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--1 {\r\n width: 360px;\r\n top: 50px;\r\n text-align: left\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--1.bph-prop--derma-200 {\r\n top: -10px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--2 {\r\n width: 330px;\r\n top: 200px;\r\n text-align: left\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--2.bph-prop--derma-200 {\r\n top: 140px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--3 {\r\n width: 345px;\r\n top: 380px;\r\n text-align: left\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--3.bph-prop--derma-200 {\r\n top: 320px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--4 {\r\n width: 320px;\r\n text-align: right;\r\n right: 0;\r\n top: 145px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--4.bph-prop--derma-200 {\r\n top: 95px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--5 {\r\n width: 320px;\r\n text-align: right;\r\n right: 0;\r\n top: 330px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--5.bph-prop--derma-200 {\r\n top: 270px\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop, #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop.bph-prop--derma-200 {\r\n width: auto;\r\n text-align: right;\r\n top: auto;\r\n left: auto;\r\n position: relative;\r\n padding-bottom: 50px;\r\n padding-right: 23px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop.bph-prop--derma-200:before, #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop:before {\r\n position: absolute;\r\n top: 10px;\r\n right: 0;\r\n width: 6px;\r\n height: 6px;\r\n content: '';\r\n background: #002e74;\r\n border-radius: 50%\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop, #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop.bph-prop--derma-200 {\r\n padding-bottom: 20px\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-bottom-bg {\r\n height: 96px;\r\n background: #fff;\r\n width: 100%;\r\n position: absolute;\r\n bottom: 0;\r\n left: 0\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper {\r\n padding: 0 0 15px\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-trusted--wrapper {\r\n padding-top: 50px\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-cols .bph-col {\r\n padding: 0 40px\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-trusted--wrapper .bph-cols .bph-col--block-mobile {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-cols .bph-col--block-mobile:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-h1--title {\r\n font-size: 36px;\r\n line-height: 36px;\r\n padding: 100px 0 90px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-trusted--wrapper .bph-h1--title {\r\n font-size: 22px;\r\n line-height: 24px\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-icons .bph-img {\r\n margin: 0 0 30px\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-icons .bph-h2 {\r\n font-size: 20px;\r\n line-height: 22px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-trusted--wrapper .bph-icons .bph-h2 {\r\n font-size: 14px;\r\n line-height: 16px\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-numbers {\r\n padding: 0 0 75px\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-h1 {\r\n font-size: 96px;\r\n line-height: 100px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-h1 {\r\n font-size: 50px;\r\n line-height: 54px\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-h2 {\r\n font-size: 48px;\r\n line-height: 50px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-h2 {\r\n font-size: 32px;\r\n line-height: 34px\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-p {\r\n font-size: 20px;\r\n line-height: 24px;\r\n padding: 25px 0 39px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-p {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-col--2 .bph-p {\r\n padding-bottom: 15px\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-stars .bph-img {\r\n padding: 14px 30px;\r\n border-top: 2px solid #002e74;\r\n border-bottom: 2px solid #002e74\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-copy {\r\n font-size: 12px;\r\n line-height: 14px;\r\n padding-left: 7px;\r\n position: relative;\r\n text-align: center\r\n }\r\n\r\n #bph-container .bph-pair--wrapper {\r\n background: #d8f3fc;\r\n position: relative\r\n }\r\n\r\n #bph-container .bph-pair--wrapper .bph-pair {\r\n position: relative;\r\n z-index: 5;\r\n padding: 0 60px\r\n }\r\n\r\n #bph-container .bph-pair--wrapper .bph-h1 {\r\n font-size: 36px;\r\n line-height: 38px;\r\n padding-bottom: 20px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-pair--wrapper .bph-h1 {\r\n font-size: 22px;\r\n line-height: 24px\r\n }\r\n }\r\n\r\n #bph-container .bph-pair--wrapper .bph-h2, #bph-container .bph-pair--wrapper .bph-p {\r\n font-size: 20px;\r\n line-height: 26px;\r\n padding-bottom: 34px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-pair--wrapper .bph-h2, #bph-container .bph-pair--wrapper .bph-p {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-pair--wrapper .bph-bottom-bg {\r\n height: 81px;\r\n background: #fff;\r\n width: 100%;\r\n position: absolute;\r\n bottom: 0;\r\n left: 0\r\n }\r\n\r\n #bph-container .bph-pair--wrapper .bph--col-2 {\r\n padding-right: 30px\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-pair--wrapper .bph--col-2 {\r\n padding-left: 40px\r\n }\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-pair--wrapper .bph-cols .bph-col--block-mobile {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-pair--wrapper .bph-cols .bph-col--block-mobile:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-derma-range--wrapper .bph-h1 {\r\n font-size: 36px;\r\n line-height: 38px;\r\n padding: 70px 0 30px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-derma-range--wrapper .bph-h1 {\r\n font-size: 22px;\r\n line-height: 24px\r\n }\r\n }\r\n\r\n #bph-container .bph-derma-range--wrapper .bph-img {\r\n width: 100%;\r\n max-width: 992px\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-discover {\r\n padding: 90px 0\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-h1 {\r\n font-size: 36px;\r\n line-height: 38px;\r\n padding: 0 0 44px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-discover--wrapper .bph-h1 {\r\n font-size: 22px;\r\n line-height: 24px\r\n }\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table {\r\n display: table\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr, #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr {\r\n display: table-row\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr .bph-table-td {\r\n display: table-cell;\r\n vertical-align: middle;\r\n padding: 27px 23px;\r\n font-size: 12px\r\n }\r\n\r\n @media (max-width: 1009px) {\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr .bph-table-td {\r\n padding: 15px 11px\r\n }\r\n }\r\n\r\n @media (max-width: 760px) {\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr .bph-table-td {\r\n padding: 10px\r\n }\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr--thead .bph-table-td {\r\n padding: 0;\r\n vertical-align: bottom;\r\n text-align: center;\r\n border: 0;\r\n border-bottom: 3px solid #e1e1e1\r\n }\r\n\r\n @media (max-width: 1009px) {\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr--thead .bph-table-td .bph-img {\r\n width: 100%\r\n }\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr--thead .bph-table-td:last-child {\r\n border-right: 0 none\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr--thead .bph-table-td--product {\r\n padding: 0 0 20px\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--desktop {\r\n display: block\r\n }\r\n\r\n @media (max-width: 760px) {\r\n #bph-container .bph-discover--wrapper .bph-table--desktop {\r\n display: none\r\n }\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr:nth-child(2n) {\r\n background: #ebf9fd\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr .bph-table-td {\r\n border-left: 1px solid #e1e1e1;\r\n border-bottom: 1px solid #e1e1e1\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr .bph-table-td:last-child {\r\n border-right: 1px solid #e1e1e1\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr--thead .bph-table-td {\r\n border-left: 0 none;\r\n border-right: 0 none\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr--thead .bph-table-td:last-child {\r\n border-right: 0 none\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--mobile {\r\n display: none\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--mobile .bph-img {\r\n width: 100%;\r\n max-width: 123px\r\n }\r\n\r\n @media (max-width: 760px) {\r\n #bph-container .bph-discover--wrapper .bph-table--mobile {\r\n display: block\r\n }\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--mobile .bph-font-gotham-bold {\r\n padding-bottom: 10px\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--mobile .bph-table-tr--last .bph-table-td {\r\n padding-bottom: 45px\r\n }\r\n</style>\r\n<div id=\"bph-container\">\r\n <div class=\"bph-header-wrapper\">\r\n <div class=\"bph-header\"><img class=\"bph-img bph-img--desktop\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/header-derma-400.png\" alt=\"\"/><img\r\n class=\"bph-img bph-img--pad\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/header-pad-derma-400.png\" alt=\"\"/><img class=\"bph-img bph-img--mobile\"\r\n src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/header-mobile.png\"\r\n alt=\"\"/></div>\r\n <div class=\"bph-header-2 bph-cols bph-mobile-hide\">\r\n <div class=\"bph-col bph-cols bph-col--1 bph-mobile-block\">\r\n <div class=\"bph-col bph-text-right bph-attrs\"><span class=\"bph-font-gotham-bold\">المواد الحافظة<br/>العطور<br/>الألوان</span>\r\n </div>\r\n <div class=\"bph-col\"><img src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/0-percent.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-col bph-col--2 bph-mobile-block\"><img src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/b5.png\" alt=\"\"/></div>\r\n <div class=\"bph-col bph-col--3 bph-mobile-hide\"><img src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/bayer-logo.png\" alt=\"\"/></div>\r\n </div>\r\n </div>\r\n <div class=\"bph-headings--wrapper\">\r\n <div class=\"bph-headings\">\r\n <div class=\"bph-h1 bph-font-gotham-book\">لنوع البشرة التالي:</div>\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">البشرة الجافة والحساسة</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-description--wrapper\">\r\n <div class=\"bph-description bph-cols bph-text-right\">\r\n <div class=\"bph-col bph-col--2 bph-col-50 bph-mobile-wrapper\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold\">بيبانثين® دیرما غسول یومي للجسم جل منظف لطیف للبشرة الجافة و\r\n الحساسة\r\n </div>\r\n <div class=\"bph-p bph-p--1\">ينظف البشرة الجافة بلطف مزيلاً الشوائب مع الحفاظ على حاجز الحماية الطبيعي\r\n بالبشرة في الوقت ذاته. يحتوي غسول الجسم هذا على مزيج من عناصر التنظيف الخفيفة التي تنظف بشرتك\r\n بفاعلية بدون الإضرار بمستويات الرطوبة الطبيعية ويتركها منتعشة وناعمة.\r\n </div>\r\n <div class=\"bph-p\">التركيبة الخالية من الصابون مثالية للبشرة الجافة، حيث تزيل الشوائب بدون جفاف وتحافظ\r\n على البشرة ناعمة وملساء بشكل طبيعي.\r\n </div>\r\n </div>\r\n <div class=\"bph-col bph-col--1 bph-col-50\"><img\r\n class=\"bph--img bph-img--packshot bph-img--packshot--derma-400\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/packshot-derma-400.png\"\r\n alt=\"\"/></div>\r\n </div>\r\n </div>\r\n <div class=\"bph-grid-1 bph-cols bph-mobile-wrapper\">\r\n <div class=\"bph-col bph-col--1 bph-col-50\"><img class=\"bhp-img bph-tile\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/texture-derma-400.png\" alt=\"\"/>\r\n <div class=\"bph-text-center\">\r\n <div class=\"bph-h1 bph-font-gotham-bold\">القوام</div>\r\n <div class=\"bph-p\">ُشطف غسول الجسم بيبانثين® بسهولة ولا يترك بقايا.</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-col bph-col--2 bph-col-50\"><img class=\"bhp-img bph-tile\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/application-derma-400.png\"\r\n alt=\"\"/>\r\n <div class=\"bph-text-center\">\r\n <div class=\"bph-h1 bph-font-gotham-bold\">طريقة الاستخدام</div>\r\n <div class=\"bph-p\">دلك على بشرة رطبة ثم يٌشطف جيدًا.</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-take-care--wrapper\">\r\n <div class=\"bph-take-care\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold bph-mobile-wrapper bph-text-right\">اعتني جيدًا ببشرتك</div>\r\n <div class=\"bph-cols bph-mobile-wrapper\">\r\n <div class=\"bph-col bph-col--1 bph-text-right\">\r\n <div class=\"bph-li\">يهدئ البشرة الجافة المتهيجة (في كل مرة استحمام)</div>\r\n <div class=\"bph-li\">يمنح شعور بالانتعاش والنعومة</div>\r\n </div>\r\n <div class=\"bph-col bph-col--2 bph-text-right\">\r\n <div class=\"bph-li\">يحمي مستويات الرطوبة الطبيعية في البشرة، ويستعيدها، ويحافظ عليها</div>\r\n <div class=\"bph-li\">يحمي حاجز البشرة الطبيعي</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-blue-box--wrapper\">\r\n <div class=\"bph-center\">\r\n <div class=\"bph-col bph-col-50 bph-cols bph-col--block-mobile\">\r\n <div class=\"bph-col\"><span class=\"bph-font-gotham-bold\">خالي من المواد الحافظة،</span> والألوان، والعطور\r\n </div>\r\n <div class=\"bph-col bph-col--ico\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/ico-colorant.png\" alt=\"\"/></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-hydrate--wrapper bph-mobile-wrapper\">\r\n <div class=\"bph-hydrate bph-text-right\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold\">يرطب بشرتك من الأعماق</div>\r\n <div class=\"bph-p\">تحتوي مجموعة بيبانثين® ديرما الجديدة على مزيج من المكونات الفريدة المصدق عليها من الخبراء\r\n حيث تقدم راحة فورية لأعراض البشرة الجافة وتعالج في الوقت ذاته السبب الجذري للجفاف.\r\n </div>\r\n <div class=\"bph-p\">تكون هذه المكونات معًا تركيبة الديكسبانثينول المتطورة.</div>\r\n <div class=\"bph-p bph-center\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/pic.png\" alt=\"\"/></div>\r\n </div>\r\n </div>\r\n <div class=\"bph-repair-complex--wrapper\">\r\n <div class=\"bph-div\"></div>\r\n <div class=\"bph-repair-complex bph-mobile-wrapper\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold bph-text-right\">يحتوي على تركيبة الديكسبانثينول المتطورة</div>\r\n <div class=\"bph-repair-complex-inner\">\r\n <div class=\"bph-center\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/tube-derma-400.png\" alt=\"\"/></div>\r\n <div class=\"bph-prop bph-prop--1\">\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">الديكسبانثينول</div>\r\n لتجديد البشرة من الداخل\r\n <div class=\"bph-prop-line\"></div>\r\n </div>\r\n <div class=\"bph-prop bph-prop--2\">\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">نياسيناميد</div>\r\n يهدئ البشرة الجافة المتهيجة\r\n <div class=\"bph-prop-line\"></div>\r\n </div>\r\n <div class=\"bph-prop bph-prop--3\">\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">الجلسرين</div>\r\n لمنح ترطيب فوري طويل المفعول\r\n <div class=\"bph-prop-line\"></div>\r\n </div>\r\n <div class=\"bph-prop bph-prop--4\">\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">دهون فسيولوجية</div>\r\n لاستعادة وظيفة حاجز الجلد\r\n <div class=\"bph-prop-line bph-right\"></div>\r\n </div>\r\n <div class=\"bph-prop bph-prop--5\">\r\n <div class=\"bph-h2 bph-font-gilroy-bold\"> زيت الأرجان</div>\r\n لتعويض دهون البشرة المفقودة\r\n <div class=\"bph-prop-line bph-right\"></div>\r\n </div>\r\n </div>\r\n <div class=\"bph-bottom-bg bph-pad-hide\"></div>\r\n </div>\r\n </div>\r\n <div class=\"bph-trusted--wrapper\">\r\n <div class=\"bph-trusted bph-mobile-wrapper\">\r\n <div class=\"bph-cols bph-center bph-icons\">\r\n <div class=\"bph-col bph-col-50 bph-col--block-mobile\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/ico-clinically.png\"\r\n alt=\"\"/>\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">تم إثبات فعاليته ولطفه على البشرة سريرياً</div>\r\n </div>\r\n <div class=\"bph-col bph-col-50 bph-col--block-mobile\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/ico-dermatology.png\"\r\n alt=\"\"/>\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">تم اختباره بواسطة أطباء الجلد</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-h1 bph-font-gilroy-bold bph-center bph-h1--title\">ثقة من رضا العملاء</div>\r\n <div class=\"bph-cols bph-numbers bph-center\">\r\n <div class=\"bph-col bph-col-50 bph-col--1 bph-col--block-mobile\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold\">83%</div>\r\n <div class=\"bph-h2\">من المستخدمين*</div>\r\n <div class=\"bph-p bph-mobile-no-br\">أكدوا أن المنتج ينظف بفاعلية بدون إزعاج البشرة الجافة</div>\r\n <div class=\"bph-stars\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/stars.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-col bph-col-50 bph-col--2 bph-col--block-mobile\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold\">86%</div>\r\n <div class=\"bph-h2\">من المستخدمين*</div>\r\n <div class=\"bph-p bph-mobile-no-br\">أكدوا أن المنتج نتائجه مُرضية<br/><br/></div>\r\n <div class=\"bph-stars\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/stars.png\" alt=\"\"/></div>\r\n </div>\r\n </div>\r\n <div class=\"bph-copy\">*تمثل النسب المبينة مستويات الاتفاق بناء على نتائج استبيان شخصي (مقياس من 7 نقاط: أعلى\r\n 3 خانات - قليلاً، وإلى حد ما، وموافق بشدة). تم إكمال الاستبيان عند نهاية الدراسة بعد استخدام المنتج لمدة\r\n 28 يوم.\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-pair--wrapper\">\r\n <div class=\"bph-div\"></div>\r\n <div class=\"bph-pair bph-cols bph-mobile-wrapper\">\r\n <div class=\"bph-col bph-col-50 bph-mobile-no-br bph-col--block-mobile bph--col-2 bph-text-right\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold\">يُستخدم بيبانثين®</div>\r\n <div class=\"bph-h2 bph bph-font-gotham-bold\">ديرما لوشن یومي للجسم لاستعادة حیویة البشرة شدیدة الجفاف\r\n والحساسة بالاقتران مع بيبانثين® ديرما غسول یومي للجسم جل منظف لطیف للبشرة الجافة والحساسة.\r\n </div>\r\n <div class=\"bph-p\">تم تصميم بيبانثين® ديرما غسول یومي للجسم جل منظف لطیف للبشرة الجافة والحساسة خصيصًا\r\n ليناسب التنظيف اليومي للبشرة.\r\n </div>\r\n <div class=\"bph-p\">يتم توزيع المنتج على بشرتك بحركات دائرية لطيفة ثم يُشطف جيدًا. بعد ذلك، يُستخدم\r\n بيبانثين® ديرما لوشن يومي للجسم لترطیب البشرة الجافة والحساسة للحصول على عناية مرطبة شاملة.\r\n </div>\r\n </div>\r\n <div class=\"bph-col bph-col-50 bph-col--block-mobile\"><img class=\"bph-img bph-img--pair\"\r\n src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/pair-restoring-200.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-bottom-bg bph-pad-hide\"></div>\r\n </div>\r\n <div class=\"bph-derma-range--wrapper\">\r\n <div class=\"bph-derma-range bph-mobile-wrapper\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold bph-center\">مجموعة بيبانثين® ديرما.</div>\r\n <img class=\"bph-img bph-mobile-hide\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/derma-400.png\" alt=\"\"/><img class=\"bph-img bph-mobile-show\"\r\n src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/derma-mobile.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-blue-box--wrapper bph-mobile-wrapper\">\r\n <div class=\"bph-blue-box bph-cols\">\r\n <div class=\"bph-col bph-col--2 bph-75 bph-col--block-mobile\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/75.png\" alt=\"\"/>\r\n </div>\r\n <div class=\"bph-col bph-col--1 bph-col--block-mobile\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold bph-text-right\">قصتنا</div>\r\n <div class=\"bph-p bph-mobile-no-br bph-col--block-mobile bph-text-right\">بيبانثين® هي علامة تجارية تحظى\r\n بالثقة من خلال خبرة في مجال المنتجات العلاجية للعناية بالبشرة تزيد عن 75 عامًا بالإضافة إلى تاريخ\r\n طويل من الخبرة بكل ما يخص الجلد، مع الالتزام بتطوير تركيبات فعالة ولطيفة في الوقت ذاته.\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-discover--wrapper\">\r\n <div class=\"bph-discover\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold bph-center bph-mobile-wrapper\"> اكتشف مجموعة بيبانثين® ديرما.</div>\r\n <div class=\"bph-table bph-center bph-table--desktop\">\r\n <div class=\"bph-table-tr bph-table-tr--thead\">\r\n <div class=\"bph-table-td bph-table-td--product bph-font-gotham-bold\">اسم المنتج</div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-1.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-2.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-3.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-4.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-5.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-6.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td bph-font-gotham-bold\">نوع البشرة</div>\r\n <div class=\"bph-table-td\">البشرة الجافة والحساسة</div>\r\n <div class=\"bph-table-td\">البشرة شديدة الجفاف والحساسة</div>\r\n <div class=\"bph-table-td\">البشرة الجافة والحساسة</div>\r\n <div class=\"bph-table-td\">البشرة الجافة والحساسة</div>\r\n <div class=\"bph-table-td\">البشرة الخشنة وشديدة الجفاف</div>\r\n <div class=\"bph-table-td\">البشرة الجافة والحساسة</div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td bph-font-gotham-bold\">المميزات الأساسية</div>\r\n <div class=\"bph-table-td\">48 ساعة من الترطيب السريع طويل المفعول لبشرة ناعمة وملساء تدوم حتى 4\r\n أسابيع<br/><br/>0%<br/>مواد حافظة<br/>عطور<br/>ألوان\r\n </div>\r\n <div class=\"bph-table-td\">48 ساعة من الترطيب السريع طويل المفعول لبشرة ناعمة وملساء تدوم حتى 4\r\n أسابيع<br/><br/>0%<br/>مواد حافظة<br/>عطور<br/>ألوان\r\n </div>\r\n <div class=\"bph-table-td\">تركيبة خالية من الصابون حيث تنظف وتحافظ في الوقت ذاته على حاجز الحماية\r\n الطبيعي للبشرة<br/><br/>0%<br/>مواد حافظة<br/>عطور<br/>ألوان\r\n </div>\r\n <div class=\"bph-table-td\">48 ساعة من الترطيب الفوري طويل المفعول لبشرة ناعمة وملساء مع عامل حماية من\r\n الشمس SPF 25 للحماية ضد أشعة الشمس.<br/><br/>0%<br/>مواد حافظة<br/>عطور<br/>ألوان\r\n </div>\r\n <div class=\"bph-table-td\">يعيد تجديد البشرة وترطيبها أثناء الليل<br/><br/>0%<br/>مواد حافظة<br/>عطور<br/>ألوان\r\n </div>\r\n <div class=\"bph-table-td\">تركيبة خالية من الصابون حيث تنظف وتحافظ في الوقت ذاته على حاجز الحماية\r\n الطبيعي للبشرة<br/><br/>0%<br/>مواد حافظة<br/>عطور<br/>ألوان\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td bph-font-gotham-bold\">القوام</div>\r\n <div class=\"bph-table-td\"> قوام خفيف، وغير<br/> لزج، وسريع الامتصاص</div>\r\n <div class=\"bph-table-td\">يُمتص بسرعة<br/>بدون بقايا دهنية</div>\r\n <div class=\"bph-table-td\">يُشطف بسهولة ولا<br/>يترك بقايا</div>\r\n <div class=\"bph-table-td\">تركيبة غنية غير<br/> لزجة تمتصها البشرة سريعًا<br/> لتمنح ترطيبًا فوريًا\r\n </div>\r\n <div class=\"bph-table-td\">تمتصه البشرة سريعًا<br/> ليمنح ترطيبًا فوريًا<br/> لتهدئة البشرة المشدودة\r\n </div>\r\n <div class=\"bph-table-td\">يُشطف بسهولة<br/>ولا يترك بقايا</div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td bph-font-gotham-bold\">تم اختباره بواسطة أطباء الجلد</div>\r\n <div class=\"bph-table-td\">نعم</div>\r\n <div class=\"bph-table-td\">نعم</div>\r\n <div class=\"bph-table-td\">نعم</div>\r\n <div class=\"bph-table-td\">نعم</div>\r\n <div class=\"bph-table-td\">نعم</div>\r\n <div class=\"bph-table-td\">نعم</div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td bph-font-gotham-bold\">الأحجام المتوفرة</div>\r\n <div class=\"bph-table-td bph-nowrap\">400 مل/ 200 مل</div>\r\n <div class=\"bph-table-td bph-nowrap\">400 مل/ 200 مل</div>\r\n <div class=\"bph-table-td bph-nowrap\">400 مل</div>\r\n <div class=\"bph-table-td bph-nowrap\">50 مل</div>\r\n <div class=\"bph-table-td bph-nowrap\">50 مل</div>\r\n <div class=\"bph-table-td bph-nowrap\">200 مل</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table bph-center bph-table--mobile\">\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-1.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-2.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">نوع البشرة</div>\r\n <div>البشرة الجافة والحساسة</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">نوع البشرة</div>\r\n <div>البشرة شديدة الجفاف والحساسة</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">المميزات الأساسية</div>\r\n <div>48 ساعة من الترطيب السريع طويل المفعول لبشرة ناعمة وملساء تدوم حتى 4\r\n أسابيع<br/><br/>0%<br/>مواد حافظة<br/>عطور<br/>ألوان\r\n </div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">المميزات الأساسية</div>\r\n <div>48 ساعة من الترطيب السريع طويل المفعول لبشرة ناعمة وملساء تدوم حتى 4\r\n أسابيع<br/><br/>0%<br/>مواد حافظة<br/>عطور<br/>ألوان\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">القوام</div>\r\n <div> قوام خفيف، وغير<br/> لزج، وسريع الامتصاص</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">القوام</div>\r\n <div>يُمتص بسرعة<br/>بدون بقايا دهنية</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">تم اختباره بواسطة أطباء الجلد\r\n <div>نعم</div>\r\n </div>\r\n <div class=\"bph-table-td\">تم اختباره بواسطة أطباء الجلد\r\n <div>نعم</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr bph-table-tr--last\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">الأحجام المتوفرة</div>\r\n <div>400 مل/ 200 مل</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">الأحجام المتوفرة</div>\r\n <div>400 مل/ 200 مل</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-3.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-4.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">نوع البشرة</div>\r\n <div>البشرة الجافة والحساسة</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">نوع البشرة</div>\r\n <div>البشرة الجافة والحساسة</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">المميزات الأساسية</div>\r\n <div>تركيبة خالية من الصابون حيث تنظف وتحافظ في الوقت ذاته على حاجز الحماية الطبيعي\r\n للبشرة<br/><br/>0%<br/>مواد حافظة<br/>عطور<br/>ألوان\r\n </div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">المميزات الأساسية</div>\r\n <div>48 ساعة من الترطيب الفوري طويل المفعول لبشرة ناعمة وملساء مع عامل حماية من الشمس SPF 25\r\n للحماية ضد أشعة الشمس.<br/><br/>0%<br/>مواد حافظة<br/>عطور<br/>ألوان\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">القوام</div>\r\n <div>يُشطف بسهولة ولا<br/>يترك بقايا</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">القوام</div>\r\n <div>تركيبة غنية غير<br/> لزجة تمتصها البشرة سريعًا<br/> لتمنح ترطيبًا فوريًا</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">تم اختباره بواسطة أطباء الجلد\r\n <div>نعم</div>\r\n </div>\r\n <div class=\"bph-table-td\">تم اختباره بواسطة أطباء الجلد\r\n <div>نعم</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr bph-table-tr--last\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">الأحجام المتوفرة</div>\r\n <div>400 مل</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">الأحجام المتوفرة</div>\r\n <div>50 مل</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-5.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-6.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">نوع البشرة</div>\r\n <div>البشرة الخشنة وشديدة الجفاف</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">نوع البشرة</div>\r\n <div>البشرة الجافة والحساسة</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">المميزات الأساسية</div>\r\n <div>يعيد تجديد البشرة وترطيبها أثناء الليل<br/><br/>0%<br/>مواد حافظة<br/>عطور<br/>ألوان</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">المميزات الأساسية</div>\r\n <div>تركيبة خالية من الصابون حيث تنظف وتحافظ في الوقت ذاته على حاجز الحماية الطبيعي\r\n للبشرة<br/><br/>0%<br/>مواد حافظة<br/>عطور<br/>ألوان\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">القوام</div>\r\n <div>تمتصه البشرة سريعًا<br/> ليمنح ترطيبًا فوريًا<br/> لتهدئة البشرة المشدودة</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">القوام</div>\r\n <div>يُشطف بسهولة<br/>ولا يترك بقايا</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">تم اختباره بواسطة أطباء الجلد\r\n <div>نعم</div>\r\n </div>\r\n <div class=\"bph-table-td\">تم اختباره بواسطة أطباء الجلد\r\n <div>نعم</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr bph-table-tr--last\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">الأحجام المتوفرة</div>\r\n <div>50 مل</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">الأحجام المتوفرة</div>\r\n <div>200 مل</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>","mobile_html_code_ar":"\r\n<meta charset=\"utf-8\"/>\r\n<style>\r\n body {\r\n margin: 0;\r\n padding: 0\r\n }\r\n\r\n #bph-container {\r\n margin: 0 auto;\r\n max-width: 992px;\r\n width: 100%;\r\n color: #002e74;\r\n font-family: Arial, sans-serif\r\n }\r\n\r\n #bph-container img {\r\n height: auto\r\n }\r\n\r\n #bph-container .bph-font-gotham-book {\r\n font-family: Arial, sans-serif;\r\n font-weight: 400\r\n }\r\n\r\n #bph-container .bph-font-gotham-bold {\r\n font-family: Arial, sans-serif;\r\n font-weight: 600\r\n }\r\n\r\n #bph-container .bph-font-gilroy-bold {\r\n font-family: Arial, sans-serif;\r\n font-weight: 700\r\n }\r\n\r\n #bph-container .bph-copy, #bph-container .bph-h1, #bph-container .bph-h2, #bph-container .bph-p, #bph-container span {\r\n direction: rtl\r\n }\r\n\r\n #bph-container .bph-cols {\r\n box-sizing: border-box;\r\n display: table;\r\n width: 100%\r\n }\r\n\r\n #bph-container .bph-cols .bph-col {\r\n box-sizing: border-box;\r\n display: table-cell;\r\n vertical-align: top\r\n }\r\n\r\n #bph-container .bph-cols .bph-col.bph-col-50 {\r\n width: 50%\r\n }\r\n\r\n #bph-container .bph-cols .bph-col.bph-col-33 {\r\n width: 33.3%\r\n }\r\n\r\n #bph-container .bph-sup {\r\n font-size: .6em;\r\n margin-top: -.4em;\r\n display: inline-block;\r\n vertical-align: top\r\n }\r\n\r\n #bph-container .bph-h2 .bph-sup, #bph-container .bph-p .bph-sup {\r\n font-size: .75em;\r\n margin: 0\r\n }\r\n\r\n #bph-container .bph-nowrap {\r\n white-space: nowrap\r\n }\r\n\r\n #bph-container .bph-center, #bph-container .bph-text-center {\r\n text-align: center\r\n }\r\n\r\n #bph-container .bph-text-left {\r\n text-align: left\r\n }\r\n\r\n #bph-container .bph-text-right {\r\n text-align: right\r\n }\r\n\r\n #bph-container .bph-tile {\r\n max-width: 443px;\r\n width: 100%\r\n }\r\n\r\n #bph-container .bph-div {\r\n background: url(./section-div.png) repeat-x;\r\n height: 122px\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-mobile-no-br br, #bph-container .bph-pad-hide {\r\n display: none !important\r\n }\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-mobile-hide {\r\n display: none !important\r\n }\r\n }\r\n\r\n #bph-container .bph-mobile-show {\r\n display: none\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-mobile-show {\r\n display: block\r\n }\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-mobile-wrapper {\r\n padding-left: 20px !important;\r\n padding-right: 20px !important\r\n }\r\n }\r\n\r\n #bph-container .bph-img--packshot {\r\n max-width: 490px;\r\n width: 100%\r\n }\r\n\r\n #bph-container .bph-img--packshot--derma-400 {\r\n max-width: 495px\r\n }\r\n\r\n #bph-container .bph-img--pair {\r\n max-width: 440px;\r\n width: 100%\r\n }\r\n\r\n #bph-container .bph-header-wrapper {\r\n position: relative\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-img {\r\n width: 100%\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-img--desktop {\r\n display: block\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-header-wrapper .bph-img--desktop {\r\n display: none\r\n }\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-img--pad {\r\n display: none\r\n }\r\n\r\n @media (max-width: 1000px) and (min-width: 701px) {\r\n #bph-container .bph-header-wrapper .bph-img--pad {\r\n display: block\r\n }\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-img--mobile {\r\n display: none\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-header-wrapper .bph-img--mobile {\r\n display: block\r\n }\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-header-2 {\r\n color: #fff;\r\n position: absolute;\r\n bottom: 25px;\r\n left: 0;\r\n width: 100%\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-col--1 {\r\n width: 25%;\r\n text-align: center;\r\n border-right: 2px solid #fff;\r\n padding-left: 30px\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-col--1 .bph-attrs {\r\n padding-right: 25px;\r\n padding-top: 5px;\r\n font-size: 14px;\r\n line-height: 18px\r\n }\r\n\r\n @media (max-width: 1000px) and (min-width: 700px) {\r\n #bph-container .bph-header-wrapper .bph-col--1 .bph-attrs {\r\n text-align: center\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-col--1 .bph-col {\r\n display: block\r\n }\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-col--2 {\r\n width: 66%;\r\n padding-left: 40px\r\n }\r\n\r\n @media (max-width: 1000px) and (min-width: 700px) {\r\n #bph-container .bph-header-wrapper .bph-col {\r\n vertical-align: middle\r\n }\r\n }\r\n\r\n #bph-container .bph-headings--wrapper {\r\n text-align: center;\r\n padding: 85px 0 50px\r\n }\r\n\r\n #bph-container .bph-headings--wrapper .bph-headings {\r\n text-align: center;\r\n display: inline-block\r\n }\r\n\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h1 {\r\n font-size: 52px;\r\n line-height: 54px;\r\n padding: 15px 0\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h1 {\r\n font-size: 20px;\r\n line-height: 22px;\r\n padding-left: 5px;\r\n padding-right: 5px\r\n }\r\n }\r\n\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h2 {\r\n font-size: 32px;\r\n line-height: 34px;\r\n letter-spacing: .21em;\r\n color: #29aee7;\r\n padding: 13px 0;\r\n text-transform: uppercase;\r\n border-top: 2px solid #002e74;\r\n border-bottom: 2px solid #002e74\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h2 {\r\n font-size: 12px;\r\n line-height: 14px;\r\n padding-left: 5px;\r\n padding-right: 5px\r\n }\r\n }\r\n\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h2.bph-night {\r\n color: #662b89\r\n }\r\n\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h2.bph-daily {\r\n color: #e01883\r\n }\r\n\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h2.bph-cream {\r\n color: #e96827\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h2 {\r\n font-size: 18px;\r\n line-height: 20px\r\n }\r\n }\r\n\r\n #bph-container .bph-description--wrapper {\r\n padding: 0 0 90px\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description {\r\n font-size: 26px;\r\n line-height: 28px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-description--wrapper .bph-description {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1 {\r\n font-size: 48px;\r\n line-height: 52px;\r\n color: #29aee7;\r\n padding: 0 0 44px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1 {\r\n font-size: 20px;\r\n line-height: 22px\r\n }\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1.bph-night {\r\n color: #662b89\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1.bph-daily {\r\n color: #e01883\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1.bph-cream {\r\n color: #e96827\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1 {\r\n font-size: 32px;\r\n line-height: 34px\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1 {\r\n font-size: 24px;\r\n line-height: 26px\r\n }\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-p--1 {\r\n padding: 0 0 34px\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-col--1 {\r\n padding: 0\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-col--2 {\r\n padding: 100px 0 0;\r\n max-width: 440px\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-col--2.bph-daily {\r\n padding-top: 50px\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-description--wrapper .bph-description .bph-col {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-col:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-grid-1 {\r\n font-size: 20px;\r\n line-height: 25px;\r\n padding: 0 50px 1px\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-grid-1 {\r\n max-width: 444px;\r\n margin: 0 auto;\r\n padding-left: 0;\r\n padding-right: 0\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-grid-1 {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-grid-1 .bph-h1 {\r\n padding: 0 0 30px\r\n }\r\n\r\n #bph-container .bph-grid-1 .bhp-img {\r\n margin: 0 0 20px\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-grid-1.bph-cols .bph-col {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-grid-1.bph-cols .bph-col:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper {\r\n background: #d8f3fc;\r\n margin: 80px 0\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms {\r\n padding: 0 58px\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-h1 {\r\n font-size: 36px;\r\n line-height: 36px;\r\n padding-bottom: 36px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-h1 {\r\n font-size: 24px;\r\n line-height: 26px\r\n }\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-p {\r\n font-size: 20px;\r\n line-height: 26px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-p {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-img {\r\n padding: 0 0 33px\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-cols {\r\n padding: 65px 0 85px\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-col {\r\n text-align: center\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-col {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-col:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper {\r\n padding: 0\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-take-care {\r\n padding: 0 45px\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-take-care--wrapper .bph-take-care {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-h2 {\r\n font-size: 20px;\r\n line-height: 20px;\r\n padding-left: 10px;\r\n padding-top: 15px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-take-care--wrapper .bph-h2 {\r\n font-size: 15px;\r\n line-height: 17px\r\n }\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-h1 {\r\n font-size: 36px;\r\n line-height: 36px;\r\n padding: 110px 0 56px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-take-care--wrapper .bph-h1 {\r\n font-size: 24px;\r\n line-height: 26px\r\n }\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-col--1 {\r\n width: 54%;\r\n margin-right: 3%\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-col--2 {\r\n width: 43%\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-li {\r\n position: relative;\r\n font-size: 20px;\r\n line-height: 26px;\r\n padding: 0 20px 33px 23px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-take-care--wrapper .bph-li {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-li:before {\r\n position: absolute;\r\n top: 10px;\r\n right: 0;\r\n width: 6px;\r\n height: 6px;\r\n content: '';\r\n background: #002e74;\r\n border-radius: 50%\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-take-care--wrapper .bph-cols.bph-tiles {\r\n max-width: 444px;\r\n margin: 0 auto\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-cols .bph-col {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-cols .bph-col:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper {\r\n padding: 62px 30px;\r\n background: #d8f3fc;\r\n font-size: 20px;\r\n line-height: 24px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-blue-box--wrapper {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-blue-box--wrapper {\r\n padding-left: 0;\r\n padding-right: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-col {\r\n vertical-align: middle;\r\n display: inline-block;\r\n text-align: center\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-col--ico {\r\n width: 153px;\r\n padding-left: 15px\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-h1 {\r\n font-size: 36px;\r\n line-height: 36px;\r\n padding-bottom: 40px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-blue-box--wrapper .bph-h1 {\r\n font-size: 22px;\r\n line-height: 24px\r\n }\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-col--1 {\r\n width: 60%\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-col--2 {\r\n width: 40%\r\n }\r\n\r\n @media (max-width: 860px) {\r\n #bph-container .bph-blue-box--wrapper .bph-cols .bph-col--block-mobile {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-cols .bph-col--block-mobile:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n #bph-container .bph-blue-box--wrapper .bph-cols .bph-col--block-mobile .bph-col {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px;\r\n text-align: center\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-cols .bph-col--block-mobile .bph-col:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-75 {\r\n padding-right: 100px;\r\n text-align: right\r\n }\r\n\r\n @media (max-width: 860px) {\r\n #bph-container .bph-blue-box--wrapper .bph-75 {\r\n text-align: center\r\n }\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-blue-box--wrapper .bph-75 {\r\n padding-right: 50px;\r\n padding-left: 40px\r\n }\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-75 .bph-img {\r\n width: 100%;\r\n max-width: 254px\r\n }\r\n\r\n #bph-container .bph-hydrate--wrapper {\r\n padding: 50px 60px 0\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-hydrate--wrapper {\r\n padding-left: 0;\r\n padding-right: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-hydrate--wrapper .bph-hydrate {\r\n position: relative\r\n }\r\n\r\n #bph-container .bph-hydrate--wrapper .bph-hydrate .bph-h1 {\r\n font-size: 36px;\r\n line-height: 38px;\r\n padding: 0 0 30px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-hydrate--wrapper .bph-hydrate .bph-h1 {\r\n font-size: 20px;\r\n line-height: 22px\r\n }\r\n }\r\n\r\n #bph-container .bph-hydrate--wrapper .bph-hydrate .bph-p {\r\n padding: 0 0 37px;\r\n font-size: 20px;\r\n line-height: 26px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-hydrate--wrapper .bph-hydrate .bph-p {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper {\r\n background: #d8f3fc\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex {\r\n padding: 0 60px;\r\n position: relative\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-h1 {\r\n font-size: 36px;\r\n line-height: 36px;\r\n padding-bottom: 36px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-h1 {\r\n font-size: 20px;\r\n line-height: 22px\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-repair-complex-inner {\r\n position: relative;\r\n margin: 30px 0 0;\r\n z-index: 5\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop {\r\n font-size: 20px;\r\n line-height: 24px;\r\n position: absolute\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop {\r\n position: relative\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-h2 {\r\n font-size: 26px;\r\n line-height: 26px;\r\n padding: 0 0 10px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-h2 {\r\n font-size: 14px;\r\n line-height: 16px\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line {\r\n border-bottom: 2px solid #fff;\r\n position: relative;\r\n width: 100%;\r\n margin: 5px 0 0\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line {\r\n display: none\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line:after, #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line:before {\r\n position: absolute;\r\n content: '';\r\n display: block;\r\n border-radius: 50%\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line:before {\r\n width: 25px;\r\n height: 25px;\r\n background: #ecf9fe;\r\n top: -12px;\r\n right: 0\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line:after {\r\n width: 13px;\r\n height: 13px;\r\n background: #fff;\r\n top: -6px;\r\n right: 6px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line.bph-right:before {\r\n top: -12px;\r\n left: 0\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line.bph-right:after {\r\n top: -6px;\r\n left: 6px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-img {\r\n margin-left: -20px\r\n }\r\n\r\n @media (max-width: 400px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-img {\r\n width: 80%\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--1 {\r\n width: 360px;\r\n top: 50px;\r\n text-align: left\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--1.bph-prop--derma-200 {\r\n top: -10px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--2 {\r\n width: 330px;\r\n top: 200px;\r\n text-align: left\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--2.bph-prop--derma-200 {\r\n top: 140px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--3 {\r\n width: 345px;\r\n top: 380px;\r\n text-align: left\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--3.bph-prop--derma-200 {\r\n top: 320px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--4 {\r\n width: 320px;\r\n text-align: right;\r\n right: 0;\r\n top: 145px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--4.bph-prop--derma-200 {\r\n top: 95px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--5 {\r\n width: 320px;\r\n text-align: right;\r\n right: 0;\r\n top: 330px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--5.bph-prop--derma-200 {\r\n top: 270px\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop, #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop.bph-prop--derma-200 {\r\n width: auto;\r\n text-align: right;\r\n top: auto;\r\n left: auto;\r\n position: relative;\r\n padding-bottom: 50px;\r\n padding-right: 23px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop.bph-prop--derma-200:before, #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop:before {\r\n position: absolute;\r\n top: 10px;\r\n right: 0;\r\n width: 6px;\r\n height: 6px;\r\n content: '';\r\n background: #002e74;\r\n border-radius: 50%\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop, #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop.bph-prop--derma-200 {\r\n padding-bottom: 20px\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-bottom-bg {\r\n height: 96px;\r\n background: #fff;\r\n width: 100%;\r\n position: absolute;\r\n bottom: 0;\r\n left: 0\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper {\r\n padding: 0 0 15px\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-trusted--wrapper {\r\n padding-top: 50px\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-cols .bph-col {\r\n padding: 0 40px\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-trusted--wrapper .bph-cols .bph-col--block-mobile {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-cols .bph-col--block-mobile:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-h1--title {\r\n font-size: 36px;\r\n line-height: 36px;\r\n padding: 100px 0 90px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-trusted--wrapper .bph-h1--title {\r\n font-size: 22px;\r\n line-height: 24px\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-icons .bph-img {\r\n margin: 0 0 30px\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-icons .bph-h2 {\r\n font-size: 20px;\r\n line-height: 22px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-trusted--wrapper .bph-icons .bph-h2 {\r\n font-size: 14px;\r\n line-height: 16px\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-numbers {\r\n padding: 0 0 75px\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-h1 {\r\n font-size: 96px;\r\n line-height: 100px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-h1 {\r\n font-size: 50px;\r\n line-height: 54px\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-h2 {\r\n font-size: 48px;\r\n line-height: 50px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-h2 {\r\n font-size: 32px;\r\n line-height: 34px\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-p {\r\n font-size: 20px;\r\n line-height: 24px;\r\n padding: 25px 0 39px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-p {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-col--2 .bph-p {\r\n padding-bottom: 15px\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-stars .bph-img {\r\n padding: 14px 30px;\r\n border-top: 2px solid #002e74;\r\n border-bottom: 2px solid #002e74\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-copy {\r\n font-size: 12px;\r\n line-height: 14px;\r\n padding-left: 7px;\r\n position: relative;\r\n text-align: center\r\n }\r\n\r\n #bph-container .bph-pair--wrapper {\r\n background: #d8f3fc;\r\n position: relative\r\n }\r\n\r\n #bph-container .bph-pair--wrapper .bph-pair {\r\n position: relative;\r\n z-index: 5;\r\n padding: 0 60px\r\n }\r\n\r\n #bph-container .bph-pair--wrapper .bph-h1 {\r\n font-size: 36px;\r\n line-height: 38px;\r\n padding-bottom: 20px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-pair--wrapper .bph-h1 {\r\n font-size: 22px;\r\n line-height: 24px\r\n }\r\n }\r\n\r\n #bph-container .bph-pair--wrapper .bph-h2, #bph-container .bph-pair--wrapper .bph-p {\r\n font-size: 20px;\r\n line-height: 26px;\r\n padding-bottom: 34px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-pair--wrapper .bph-h2, #bph-container .bph-pair--wrapper .bph-p {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-pair--wrapper .bph-bottom-bg {\r\n height: 81px;\r\n background: #fff;\r\n width: 100%;\r\n position: absolute;\r\n bottom: 0;\r\n left: 0\r\n }\r\n\r\n #bph-container .bph-pair--wrapper .bph--col-2 {\r\n padding-right: 30px\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-pair--wrapper .bph--col-2 {\r\n padding-left: 40px\r\n }\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-pair--wrapper .bph-cols .bph-col--block-mobile {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-pair--wrapper .bph-cols .bph-col--block-mobile:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-derma-range--wrapper .bph-h1 {\r\n font-size: 36px;\r\n line-height: 38px;\r\n padding: 70px 0 30px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-derma-range--wrapper .bph-h1 {\r\n font-size: 22px;\r\n line-height: 24px\r\n }\r\n }\r\n\r\n #bph-container .bph-derma-range--wrapper .bph-img {\r\n width: 100%;\r\n max-width: 992px\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-discover {\r\n padding: 90px 0\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-h1 {\r\n font-size: 36px;\r\n line-height: 38px;\r\n padding: 0 0 44px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-discover--wrapper .bph-h1 {\r\n font-size: 22px;\r\n line-height: 24px\r\n }\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table {\r\n display: table\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr, #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr {\r\n display: table-row\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr .bph-table-td {\r\n display: table-cell;\r\n vertical-align: middle;\r\n padding: 27px 23px;\r\n font-size: 12px\r\n }\r\n\r\n @media (max-width: 1009px) {\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr .bph-table-td {\r\n padding: 15px 11px\r\n }\r\n }\r\n\r\n @media (max-width: 760px) {\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr .bph-table-td {\r\n padding: 10px\r\n }\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr--thead .bph-table-td {\r\n padding: 0;\r\n vertical-align: bottom;\r\n text-align: center;\r\n border: 0;\r\n border-bottom: 3px solid #e1e1e1\r\n }\r\n\r\n @media (max-width: 1009px) {\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr--thead .bph-table-td .bph-img {\r\n width: 100%\r\n }\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr--thead .bph-table-td:last-child {\r\n border-right: 0 none\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr--thead .bph-table-td--product {\r\n padding: 0 0 20px\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--desktop {\r\n display: block\r\n }\r\n\r\n @media (max-width: 760px) {\r\n #bph-container .bph-discover--wrapper .bph-table--desktop {\r\n display: none\r\n }\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr:nth-child(2n) {\r\n background: #ebf9fd\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr .bph-table-td {\r\n border-left: 1px solid #e1e1e1;\r\n border-bottom: 1px solid #e1e1e1\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr .bph-table-td:last-child {\r\n border-right: 1px solid #e1e1e1\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr--thead .bph-table-td {\r\n border-left: 0 none;\r\n border-right: 0 none\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr--thead .bph-table-td:last-child {\r\n border-right: 0 none\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--mobile {\r\n display: none\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--mobile .bph-img {\r\n width: 100%;\r\n max-width: 123px\r\n }\r\n\r\n @media (max-width: 760px) {\r\n #bph-container .bph-discover--wrapper .bph-table--mobile {\r\n display: block\r\n }\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--mobile .bph-font-gotham-bold {\r\n padding-bottom: 10px\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--mobile .bph-table-tr--last .bph-table-td {\r\n padding-bottom: 45px\r\n }\r\n</style>\r\n<div id=\"bph-container\">\r\n <div class=\"bph-header-wrapper\">\r\n <div class=\"bph-header\"><img class=\"bph-img bph-img--desktop\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/header-derma-400.png\" alt=\"\"/><img\r\n class=\"bph-img bph-img--pad\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/header-pad-derma-400.png\" alt=\"\"/><img class=\"bph-img bph-img--mobile\"\r\n src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/header-mobile.png\"\r\n alt=\"\"/></div>\r\n <div class=\"bph-header-2 bph-cols bph-mobile-hide\">\r\n <div class=\"bph-col bph-cols bph-col--1 bph-mobile-block\">\r\n <div class=\"bph-col bph-text-right bph-attrs\"><span class=\"bph-font-gotham-bold\">المواد الحافظة<br/>العطور<br/>الألوان</span>\r\n </div>\r\n <div class=\"bph-col\"><img src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/0-percent.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-col bph-col--2 bph-mobile-block\"><img src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/b5.png\" alt=\"\"/></div>\r\n <div class=\"bph-col bph-col--3 bph-mobile-hide\"><img src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/bayer-logo.png\" alt=\"\"/></div>\r\n </div>\r\n </div>\r\n <div class=\"bph-headings--wrapper\">\r\n <div class=\"bph-headings\">\r\n <div class=\"bph-h1 bph-font-gotham-book\">لنوع البشرة التالي:</div>\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">البشرة الجافة والحساسة</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-description--wrapper\">\r\n <div class=\"bph-description bph-cols bph-text-right\">\r\n <div class=\"bph-col bph-col--2 bph-col-50 bph-mobile-wrapper\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold\">بيبانثين® دیرما غسول یومي للجسم جل منظف لطیف للبشرة الجافة و\r\n الحساسة\r\n </div>\r\n <div class=\"bph-p bph-p--1\">ينظف البشرة الجافة بلطف مزيلاً الشوائب مع الحفاظ على حاجز الحماية الطبيعي\r\n بالبشرة في الوقت ذاته. يحتوي غسول الجسم هذا على مزيج من عناصر التنظيف الخفيفة التي تنظف بشرتك\r\n بفاعلية بدون الإضرار بمستويات الرطوبة الطبيعية ويتركها منتعشة وناعمة.\r\n </div>\r\n <div class=\"bph-p\">التركيبة الخالية من الصابون مثالية للبشرة الجافة، حيث تزيل الشوائب بدون جفاف وتحافظ\r\n على البشرة ناعمة وملساء بشكل طبيعي.\r\n </div>\r\n </div>\r\n <div class=\"bph-col bph-col--1 bph-col-50\"><img\r\n class=\"bph--img bph-img--packshot bph-img--packshot--derma-400\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/packshot-derma-400.png\"\r\n alt=\"\"/></div>\r\n </div>\r\n </div>\r\n <div class=\"bph-grid-1 bph-cols bph-mobile-wrapper\">\r\n <div class=\"bph-col bph-col--1 bph-col-50\"><img class=\"bhp-img bph-tile\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/texture-derma-400.png\" alt=\"\"/>\r\n <div class=\"bph-text-center\">\r\n <div class=\"bph-h1 bph-font-gotham-bold\">القوام</div>\r\n <div class=\"bph-p\">ُشطف غسول الجسم بيبانثين® بسهولة ولا يترك بقايا.</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-col bph-col--2 bph-col-50\"><img class=\"bhp-img bph-tile\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/application-derma-400.png\"\r\n alt=\"\"/>\r\n <div class=\"bph-text-center\">\r\n <div class=\"bph-h1 bph-font-gotham-bold\">طريقة الاستخدام</div>\r\n <div class=\"bph-p\">دلك على بشرة رطبة ثم يٌشطف جيدًا.</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-take-care--wrapper\">\r\n <div class=\"bph-take-care\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold bph-mobile-wrapper bph-text-right\">اعتني جيدًا ببشرتك</div>\r\n <div class=\"bph-cols bph-mobile-wrapper\">\r\n <div class=\"bph-col bph-col--1 bph-text-right\">\r\n <div class=\"bph-li\">يهدئ البشرة الجافة المتهيجة (في كل مرة استحمام)</div>\r\n <div class=\"bph-li\">يمنح شعور بالانتعاش والنعومة</div>\r\n </div>\r\n <div class=\"bph-col bph-col--2 bph-text-right\">\r\n <div class=\"bph-li\">يحمي مستويات الرطوبة الطبيعية في البشرة، ويستعيدها، ويحافظ عليها</div>\r\n <div class=\"bph-li\">يحمي حاجز البشرة الطبيعي</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-blue-box--wrapper\">\r\n <div class=\"bph-center\">\r\n <div class=\"bph-col bph-col-50 bph-cols bph-col--block-mobile\">\r\n <div class=\"bph-col\"><span class=\"bph-font-gotham-bold\">خالي من المواد الحافظة،</span> والألوان، والعطور\r\n </div>\r\n <div class=\"bph-col bph-col--ico\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/ico-colorant.png\" alt=\"\"/></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-hydrate--wrapper bph-mobile-wrapper\">\r\n <div class=\"bph-hydrate bph-text-right\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold\">يرطب بشرتك من الأعماق</div>\r\n <div class=\"bph-p\">تحتوي مجموعة بيبانثين® ديرما الجديدة على مزيج من المكونات الفريدة المصدق عليها من الخبراء\r\n حيث تقدم راحة فورية لأعراض البشرة الجافة وتعالج في الوقت ذاته السبب الجذري للجفاف.\r\n </div>\r\n <div class=\"bph-p\">تكون هذه المكونات معًا تركيبة الديكسبانثينول المتطورة.</div>\r\n <div class=\"bph-p bph-center\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/pic.png\" alt=\"\"/></div>\r\n </div>\r\n </div>\r\n <div class=\"bph-repair-complex--wrapper\">\r\n <div class=\"bph-div\"></div>\r\n <div class=\"bph-repair-complex bph-mobile-wrapper\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold bph-text-right\">يحتوي على تركيبة الديكسبانثينول المتطورة</div>\r\n <div class=\"bph-repair-complex-inner\">\r\n <div class=\"bph-center\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/tube-derma-400.png\" alt=\"\"/></div>\r\n <div class=\"bph-prop bph-prop--1\">\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">الديكسبانثينول</div>\r\n لتجديد البشرة من الداخل\r\n <div class=\"bph-prop-line\"></div>\r\n </div>\r\n <div class=\"bph-prop bph-prop--2\">\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">نياسيناميد</div>\r\n يهدئ البشرة الجافة المتهيجة\r\n <div class=\"bph-prop-line\"></div>\r\n </div>\r\n <div class=\"bph-prop bph-prop--3\">\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">الجلسرين</div>\r\n لمنح ترطيب فوري طويل المفعول\r\n <div class=\"bph-prop-line\"></div>\r\n </div>\r\n <div class=\"bph-prop bph-prop--4\">\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">دهون فسيولوجية</div>\r\n لاستعادة وظيفة حاجز الجلد\r\n <div class=\"bph-prop-line bph-right\"></div>\r\n </div>\r\n <div class=\"bph-prop bph-prop--5\">\r\n <div class=\"bph-h2 bph-font-gilroy-bold\"> زيت الأرجان</div>\r\n لتعويض دهون البشرة المفقودة\r\n <div class=\"bph-prop-line bph-right\"></div>\r\n </div>\r\n </div>\r\n <div class=\"bph-bottom-bg bph-pad-hide\"></div>\r\n </div>\r\n </div>\r\n <div class=\"bph-trusted--wrapper\">\r\n <div class=\"bph-trusted bph-mobile-wrapper\">\r\n <div class=\"bph-cols bph-center bph-icons\">\r\n <div class=\"bph-col bph-col-50 bph-col--block-mobile\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/ico-clinically.png\"\r\n alt=\"\"/>\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">تم إثبات فعاليته ولطفه على البشرة سريرياً</div>\r\n </div>\r\n <div class=\"bph-col bph-col-50 bph-col--block-mobile\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/ico-dermatology.png\"\r\n alt=\"\"/>\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">تم اختباره بواسطة أطباء الجلد</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-h1 bph-font-gilroy-bold bph-center bph-h1--title\">ثقة من رضا العملاء</div>\r\n <div class=\"bph-cols bph-numbers bph-center\">\r\n <div class=\"bph-col bph-col-50 bph-col--1 bph-col--block-mobile\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold\">83%</div>\r\n <div class=\"bph-h2\">من المستخدمين*</div>\r\n <div class=\"bph-p bph-mobile-no-br\">أكدوا أن المنتج ينظف بفاعلية بدون إزعاج البشرة الجافة</div>\r\n <div class=\"bph-stars\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/stars.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-col bph-col-50 bph-col--2 bph-col--block-mobile\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold\">86%</div>\r\n <div class=\"bph-h2\">من المستخدمين*</div>\r\n <div class=\"bph-p bph-mobile-no-br\">أكدوا أن المنتج نتائجه مُرضية<br/><br/></div>\r\n <div class=\"bph-stars\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/stars.png\" alt=\"\"/></div>\r\n </div>\r\n </div>\r\n <div class=\"bph-copy\">*تمثل النسب المبينة مستويات الاتفاق بناء على نتائج استبيان شخصي (مقياس من 7 نقاط: أعلى\r\n 3 خانات - قليلاً، وإلى حد ما، وموافق بشدة). تم إكمال الاستبيان عند نهاية الدراسة بعد استخدام المنتج لمدة\r\n 28 يوم.\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-pair--wrapper\">\r\n <div class=\"bph-div\"></div>\r\n <div class=\"bph-pair bph-cols bph-mobile-wrapper\">\r\n <div class=\"bph-col bph-col-50 bph-mobile-no-br bph-col--block-mobile bph--col-2 bph-text-right\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold\">يُستخدم بيبانثين®</div>\r\n <div class=\"bph-h2 bph bph-font-gotham-bold\">ديرما لوشن یومي للجسم لاستعادة حیویة البشرة شدیدة الجفاف\r\n والحساسة بالاقتران مع بيبانثين® ديرما غسول یومي للجسم جل منظف لطیف للبشرة الجافة والحساسة.\r\n </div>\r\n <div class=\"bph-p\">تم تصميم بيبانثين® ديرما غسول یومي للجسم جل منظف لطیف للبشرة الجافة والحساسة خصيصًا\r\n ليناسب التنظيف اليومي للبشرة.\r\n </div>\r\n <div class=\"bph-p\">يتم توزيع المنتج على بشرتك بحركات دائرية لطيفة ثم يُشطف جيدًا. بعد ذلك، يُستخدم\r\n بيبانثين® ديرما لوشن يومي للجسم لترطیب البشرة الجافة والحساسة للحصول على عناية مرطبة شاملة.\r\n </div>\r\n </div>\r\n <div class=\"bph-col bph-col-50 bph-col--block-mobile\"><img class=\"bph-img bph-img--pair\"\r\n src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/pair-restoring-200.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-bottom-bg bph-pad-hide\"></div>\r\n </div>\r\n <div class=\"bph-derma-range--wrapper\">\r\n <div class=\"bph-derma-range bph-mobile-wrapper\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold bph-center\">مجموعة بيبانثين® ديرما.</div>\r\n <img class=\"bph-img bph-mobile-hide\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/derma-400.png\" alt=\"\"/><img class=\"bph-img bph-mobile-show\"\r\n src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/derma-mobile.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-blue-box--wrapper bph-mobile-wrapper\">\r\n <div class=\"bph-blue-box bph-cols\">\r\n <div class=\"bph-col bph-col--2 bph-75 bph-col--block-mobile\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/75.png\" alt=\"\"/>\r\n </div>\r\n <div class=\"bph-col bph-col--1 bph-col--block-mobile\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold bph-text-right\">قصتنا</div>\r\n <div class=\"bph-p bph-mobile-no-br bph-col--block-mobile bph-text-right\">بيبانثين® هي علامة تجارية تحظى\r\n بالثقة من خلال خبرة في مجال المنتجات العلاجية للعناية بالبشرة تزيد عن 75 عامًا بالإضافة إلى تاريخ\r\n طويل من الخبرة بكل ما يخص الجلد، مع الالتزام بتطوير تركيبات فعالة ولطيفة في الوقت ذاته.\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-discover--wrapper\">\r\n <div class=\"bph-discover\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold bph-center bph-mobile-wrapper\"> اكتشف مجموعة بيبانثين® ديرما.</div>\r\n <div class=\"bph-table bph-center bph-table--desktop\">\r\n <div class=\"bph-table-tr bph-table-tr--thead\">\r\n <div class=\"bph-table-td bph-table-td--product bph-font-gotham-bold\">اسم المنتج</div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-1.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-2.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-3.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-4.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-5.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-6.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td bph-font-gotham-bold\">نوع البشرة</div>\r\n <div class=\"bph-table-td\">البشرة الجافة والحساسة</div>\r\n <div class=\"bph-table-td\">البشرة شديدة الجفاف والحساسة</div>\r\n <div class=\"bph-table-td\">البشرة الجافة والحساسة</div>\r\n <div class=\"bph-table-td\">البشرة الجافة والحساسة</div>\r\n <div class=\"bph-table-td\">البشرة الخشنة وشديدة الجفاف</div>\r\n <div class=\"bph-table-td\">البشرة الجافة والحساسة</div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td bph-font-gotham-bold\">المميزات الأساسية</div>\r\n <div class=\"bph-table-td\">48 ساعة من الترطيب السريع طويل المفعول لبشرة ناعمة وملساء تدوم حتى 4\r\n أسابيع<br/><br/>0%<br/>مواد حافظة<br/>عطور<br/>ألوان\r\n </div>\r\n <div class=\"bph-table-td\">48 ساعة من الترطيب السريع طويل المفعول لبشرة ناعمة وملساء تدوم حتى 4\r\n أسابيع<br/><br/>0%<br/>مواد حافظة<br/>عطور<br/>ألوان\r\n </div>\r\n <div class=\"bph-table-td\">تركيبة خالية من الصابون حيث تنظف وتحافظ في الوقت ذاته على حاجز الحماية\r\n الطبيعي للبشرة<br/><br/>0%<br/>مواد حافظة<br/>عطور<br/>ألوان\r\n </div>\r\n <div class=\"bph-table-td\">48 ساعة من الترطيب الفوري طويل المفعول لبشرة ناعمة وملساء مع عامل حماية من\r\n الشمس SPF 25 للحماية ضد أشعة الشمس.<br/><br/>0%<br/>مواد حافظة<br/>عطور<br/>ألوان\r\n </div>\r\n <div class=\"bph-table-td\">يعيد تجديد البشرة وترطيبها أثناء الليل<br/><br/>0%<br/>مواد حافظة<br/>عطور<br/>ألوان\r\n </div>\r\n <div class=\"bph-table-td\">تركيبة خالية من الصابون حيث تنظف وتحافظ في الوقت ذاته على حاجز الحماية\r\n الطبيعي للبشرة<br/><br/>0%<br/>مواد حافظة<br/>عطور<br/>ألوان\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td bph-font-gotham-bold\">القوام</div>\r\n <div class=\"bph-table-td\"> قوام خفيف، وغير<br/> لزج، وسريع الامتصاص</div>\r\n <div class=\"bph-table-td\">يُمتص بسرعة<br/>بدون بقايا دهنية</div>\r\n <div class=\"bph-table-td\">يُشطف بسهولة ولا<br/>يترك بقايا</div>\r\n <div class=\"bph-table-td\">تركيبة غنية غير<br/> لزجة تمتصها البشرة سريعًا<br/> لتمنح ترطيبًا فوريًا\r\n </div>\r\n <div class=\"bph-table-td\">تمتصه البشرة سريعًا<br/> ليمنح ترطيبًا فوريًا<br/> لتهدئة البشرة المشدودة\r\n </div>\r\n <div class=\"bph-table-td\">يُشطف بسهولة<br/>ولا يترك بقايا</div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td bph-font-gotham-bold\">تم اختباره بواسطة أطباء الجلد</div>\r\n <div class=\"bph-table-td\">نعم</div>\r\n <div class=\"bph-table-td\">نعم</div>\r\n <div class=\"bph-table-td\">نعم</div>\r\n <div class=\"bph-table-td\">نعم</div>\r\n <div class=\"bph-table-td\">نعم</div>\r\n <div class=\"bph-table-td\">نعم</div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td bph-font-gotham-bold\">الأحجام المتوفرة</div>\r\n <div class=\"bph-table-td bph-nowrap\">400 مل/ 200 مل</div>\r\n <div class=\"bph-table-td bph-nowrap\">400 مل/ 200 مل</div>\r\n <div class=\"bph-table-td bph-nowrap\">400 مل</div>\r\n <div class=\"bph-table-td bph-nowrap\">50 مل</div>\r\n <div class=\"bph-table-td bph-nowrap\">50 مل</div>\r\n <div class=\"bph-table-td bph-nowrap\">200 مل</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table bph-center bph-table--mobile\">\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-1.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-2.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">نوع البشرة</div>\r\n <div>البشرة الجافة والحساسة</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">نوع البشرة</div>\r\n <div>البشرة شديدة الجفاف والحساسة</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">المميزات الأساسية</div>\r\n <div>48 ساعة من الترطيب السريع طويل المفعول لبشرة ناعمة وملساء تدوم حتى 4\r\n أسابيع<br/><br/>0%<br/>مواد حافظة<br/>عطور<br/>ألوان\r\n </div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">المميزات الأساسية</div>\r\n <div>48 ساعة من الترطيب السريع طويل المفعول لبشرة ناعمة وملساء تدوم حتى 4\r\n أسابيع<br/><br/>0%<br/>مواد حافظة<br/>عطور<br/>ألوان\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">القوام</div>\r\n <div> قوام خفيف، وغير<br/> لزج، وسريع الامتصاص</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">القوام</div>\r\n <div>يُمتص بسرعة<br/>بدون بقايا دهنية</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">تم اختباره بواسطة أطباء الجلد\r\n <div>نعم</div>\r\n </div>\r\n <div class=\"bph-table-td\">تم اختباره بواسطة أطباء الجلد\r\n <div>نعم</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr bph-table-tr--last\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">الأحجام المتوفرة</div>\r\n <div>400 مل/ 200 مل</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">الأحجام المتوفرة</div>\r\n <div>400 مل/ 200 مل</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-3.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-4.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">نوع البشرة</div>\r\n <div>البشرة الجافة والحساسة</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">نوع البشرة</div>\r\n <div>البشرة الجافة والحساسة</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">المميزات الأساسية</div>\r\n <div>تركيبة خالية من الصابون حيث تنظف وتحافظ في الوقت ذاته على حاجز الحماية الطبيعي\r\n للبشرة<br/><br/>0%<br/>مواد حافظة<br/>عطور<br/>ألوان\r\n </div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">المميزات الأساسية</div>\r\n <div>48 ساعة من الترطيب الفوري طويل المفعول لبشرة ناعمة وملساء مع عامل حماية من الشمس SPF 25\r\n للحماية ضد أشعة الشمس.<br/><br/>0%<br/>مواد حافظة<br/>عطور<br/>ألوان\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">القوام</div>\r\n <div>يُشطف بسهولة ولا<br/>يترك بقايا</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">القوام</div>\r\n <div>تركيبة غنية غير<br/> لزجة تمتصها البشرة سريعًا<br/> لتمنح ترطيبًا فوريًا</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">تم اختباره بواسطة أطباء الجلد\r\n <div>نعم</div>\r\n </div>\r\n <div class=\"bph-table-td\">تم اختباره بواسطة أطباء الجلد\r\n <div>نعم</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr bph-table-tr--last\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">الأحجام المتوفرة</div>\r\n <div>400 مل</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">الأحجام المتوفرة</div>\r\n <div>50 مل</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-5.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-6.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">نوع البشرة</div>\r\n <div>البشرة الخشنة وشديدة الجفاف</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">نوع البشرة</div>\r\n <div>البشرة الجافة والحساسة</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">المميزات الأساسية</div>\r\n <div>يعيد تجديد البشرة وترطيبها أثناء الليل<br/><br/>0%<br/>مواد حافظة<br/>عطور<br/>ألوان</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">المميزات الأساسية</div>\r\n <div>تركيبة خالية من الصابون حيث تنظف وتحافظ في الوقت ذاته على حاجز الحماية الطبيعي\r\n للبشرة<br/><br/>0%<br/>مواد حافظة<br/>عطور<br/>ألوان\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">القوام</div>\r\n <div>تمتصه البشرة سريعًا<br/> ليمنح ترطيبًا فوريًا<br/> لتهدئة البشرة المشدودة</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">القوام</div>\r\n <div>يُشطف بسهولة<br/>ولا يترك بقايا</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">تم اختباره بواسطة أطباء الجلد\r\n <div>نعم</div>\r\n </div>\r\n <div class=\"bph-table-td\">تم اختباره بواسطة أطباء الجلد\r\n <div>نعم</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr bph-table-tr--last\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">الأحجام المتوفرة</div>\r\n <div>50 مل</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">الأحجام المتوفرة</div>\r\n <div>200 مل</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>","desktop_html_code_en":"\r\n<meta charset=\"utf-8\"/>\r\n<style>\r\n body {\r\n margin: 0;\r\n padding: 0\r\n }\r\n\r\n #bph-container {\r\n margin: 0 auto;\r\n max-width: 992px;\r\n width: 100%;\r\n color: #002e74;\r\n font-family: Arial, sans-serif\r\n }\r\n\r\n #bph-container img {\r\n height: auto\r\n }\r\n\r\n #bph-container .bph-pt {\r\n padding-top: 60px\r\n }\r\n\r\n #bph-container .bph-font-gotham-book {\r\n font-family: Arial, sans-serif;\r\n font-weight: 400\r\n }\r\n\r\n #bph-container .bph-font-gotham-bold {\r\n font-family: Arial, sans-serif;\r\n font-weight: 600\r\n }\r\n\r\n #bph-container .bph-font-gilroy-bold {\r\n font-family: Arial, sans-serif;\r\n font-weight: 700\r\n }\r\n\r\n #bph-container .bph-cols {\r\n box-sizing: border-box;\r\n display: table;\r\n width: 100%\r\n }\r\n\r\n #bph-container .bph-cols .bph-col {\r\n box-sizing: border-box;\r\n display: table-cell;\r\n vertical-align: top\r\n }\r\n\r\n #bph-container .bph-cols .bph-col.bph-col-50 {\r\n width: 50%\r\n }\r\n\r\n #bph-container .bph-cols .bph-col.bph-col-33 {\r\n width: 33.3%\r\n }\r\n\r\n #bph-container .bph-sup {\r\n font-size: .6em;\r\n margin-top: -.4em;\r\n display: inline-block;\r\n vertical-align: top\r\n }\r\n\r\n #bph-container .bph-h2 .bph-sup, #bph-container .bph-p .bph-sup {\r\n font-size: .75em;\r\n margin: 0\r\n }\r\n\r\n #bph-container .bph-nowrap {\r\n white-space: nowrap\r\n }\r\n\r\n #bph-container .bph-center {\r\n text-align: center\r\n }\r\n\r\n #bph-container .bph-text-left {\r\n text-align: left\r\n }\r\n\r\n #bph-container .bph-tile {\r\n max-width: 443px;\r\n width: 100%\r\n }\r\n\r\n #bph-container .bph-div {\r\n background: url(./section-div.png) repeat-x;\r\n height: 122px\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-mobile-no-br br, #bph-container .bph-pad-hide {\r\n display: none !important\r\n }\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-mobile-hide {\r\n display: none !important\r\n }\r\n }\r\n\r\n #bph-container .bph-mobile-show {\r\n display: none\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-mobile-show {\r\n display: block\r\n }\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-mobile-wrapper {\r\n padding-left: 20px !important;\r\n padding-right: 20px !important\r\n }\r\n }\r\n\r\n #bph-container .bph-img--packshot {\r\n max-width: 490px;\r\n width: 100%\r\n }\r\n\r\n #bph-container .bph-img--pair {\r\n max-width: 440px;\r\n width: 100%\r\n }\r\n\r\n #bph-container .bph-header-wrapper {\r\n position: relative\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-img {\r\n width: 100%\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-img--desktop {\r\n display: block\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-header-wrapper .bph-img--desktop {\r\n display: none\r\n }\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-img--pad {\r\n display: none\r\n }\r\n\r\n @media (max-width: 1000px) and (min-width: 701px) {\r\n #bph-container .bph-header-wrapper .bph-img--pad {\r\n display: block\r\n }\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-img--mobile {\r\n display: none\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-header-wrapper .bph-img--mobile {\r\n display: block\r\n }\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-header-2 {\r\n color: #fff;\r\n position: absolute;\r\n bottom: 25px;\r\n left: 0;\r\n width: 100%\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-col--1 {\r\n width: 25%;\r\n text-align: center;\r\n border-right: 2px solid #fff;\r\n padding-left: 30px\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-col--1 .bph-attrs {\r\n padding-left: 10px;\r\n padding-top: 5px;\r\n font-size: 14px;\r\n line-height: 18px\r\n }\r\n\r\n @media (max-width: 1000px) and (min-width: 700px) {\r\n #bph-container .bph-header-wrapper .bph-col--1 .bph-attrs {\r\n text-align: center\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-col--1 .bph-col {\r\n display: block\r\n }\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-col--2 {\r\n width: 66%;\r\n padding-left: 40px\r\n }\r\n\r\n @media (max-width: 1000px) and (min-width: 700px) {\r\n #bph-container .bph-header-wrapper .bph-col {\r\n vertical-align: middle\r\n }\r\n }\r\n\r\n #bph-container .bph-headings--wrapper {\r\n text-align: center;\r\n padding: 90px 0 108px\r\n }\r\n\r\n #bph-container .bph-headings--wrapper .bph-headings {\r\n text-align: center;\r\n display: inline-block\r\n }\r\n\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h1 {\r\n font-size: 30px;\r\n line-height: 30px;\r\n padding: 15px 0\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h1 {\r\n font-size: 20px;\r\n line-height: 22px;\r\n padding-left: 5px;\r\n padding-right: 5px\r\n }\r\n }\r\n\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h2 {\r\n font-size: 19px;\r\n line-height: 19px;\r\n letter-spacing: .21em;\r\n color: #e01883;\r\n padding: 13px 0;\r\n text-transform: uppercase;\r\n border-top: 2px solid #002e74;\r\n border-bottom: 2px solid #002e74\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h2 {\r\n font-size: 12px;\r\n line-height: 14px;\r\n padding-left: 5px;\r\n padding-right: 5px\r\n }\r\n }\r\n\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h2.bph-night {\r\n color: #662b89\r\n }\r\n\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h2.bph-daily {\r\n color: #e01883\r\n }\r\n\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h2.bph-cream {\r\n color: #e96827\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1.bph-restoring, #bph-container .bph-headings--wrapper .bph-headings .bph-h2.bph-restoring {\r\n color: #29aee7\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h2 {\r\n font-size: 18px;\r\n line-height: 20px\r\n }\r\n }\r\n\r\n #bph-container .bph-description--wrapper {\r\n padding: 0 0 90px\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description, #bph-container .bph-grid-1 {\r\n font-size: 20px;\r\n line-height: 25px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-description--wrapper .bph-description {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1 {\r\n font-size: 36px;\r\n line-height: 43px;\r\n color: #e01883;\r\n padding: 0 0 44px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1 {\r\n font-size: 20px;\r\n line-height: 22px\r\n }\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1.bph-night {\r\n color: #662b89\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1.bph-daily {\r\n color: #e01883\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1.bph-cream {\r\n color: #e96827\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1 {\r\n font-size: 32px;\r\n line-height: 34px\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1 {\r\n font-size: 24px;\r\n line-height: 26px\r\n }\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-p--1 {\r\n padding: 0 0 34px\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-col--1 {\r\n padding: 25px 0 0\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-col--2 {\r\n max-width: 440px\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-description--wrapper .bph-description .bph-col {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-col:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-grid-1 {\r\n padding: 0 50px 1px\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-grid-1 {\r\n max-width: 444px;\r\n margin: 0 auto;\r\n padding-left: 0;\r\n padding-right: 0\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-grid-1 {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-grid-1 .bph-h1 {\r\n padding: 0 0 30px\r\n }\r\n\r\n #bph-container .bph-grid-1 .bhp-img {\r\n margin: 0 0 20px\r\n }\r\n\r\n #bph-container .bph-grid-1 .bph-p {\r\n padding: 0 5px\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-grid-1.bph-cols .bph-col {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-grid-1.bph-cols .bph-col:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper {\r\n background: #d8f3fc;\r\n margin: 80px 0\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms {\r\n padding: 0 58px\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-h1 {\r\n font-size: 36px;\r\n line-height: 36px;\r\n padding-bottom: 36px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-h1 {\r\n font-size: 24px;\r\n line-height: 26px\r\n }\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-p {\r\n font-size: 20px;\r\n line-height: 26px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-p {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-img {\r\n padding: 0 0 33px\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-cols {\r\n padding: 65px 0 85px\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-col {\r\n text-align: center\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-col {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-col:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper {\r\n padding: 0\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-take-care {\r\n padding: 0 45px\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-take-care--wrapper .bph-take-care {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-h2 {\r\n font-size: 20px;\r\n line-height: 20px;\r\n padding-left: 10px;\r\n padding-top: 15px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-take-care--wrapper .bph-h2 {\r\n font-size: 15px;\r\n line-height: 17px\r\n }\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-h1 {\r\n font-size: 36px;\r\n line-height: 36px;\r\n padding: 110px 0 56px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-take-care--wrapper .bph-h1 {\r\n font-size: 24px;\r\n line-height: 26px\r\n }\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-col--1 {\r\n width: 54%;\r\n margin-right: 3%\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-col--2 {\r\n width: 43%\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-li {\r\n position: relative;\r\n font-size: 20px;\r\n line-height: 26px;\r\n padding: 0 20px 33px 23px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-take-care--wrapper .bph-li {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-li:before {\r\n position: absolute;\r\n top: 10px;\r\n left: 0;\r\n width: 6px;\r\n height: 6px;\r\n content: '';\r\n background: #002e74;\r\n border-radius: 50%\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-take-care--wrapper .bph-cols.bph-tiles {\r\n max-width: 444px;\r\n margin: 0 auto\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-cols .bph-col {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-cols .bph-col:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper {\r\n padding: 62px 0 62px 60px;\r\n background: #d8f3fc;\r\n font-size: 20px;\r\n line-height: 24px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-blue-box--wrapper {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-blue-box--wrapper {\r\n padding-left: 0;\r\n padding-right: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-col {\r\n vertical-align: middle;\r\n display: inline-block\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-col--ico {\r\n width: 153px\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-h1 {\r\n font-size: 36px;\r\n line-height: 36px;\r\n padding-bottom: 40px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-blue-box--wrapper .bph-h1 {\r\n font-size: 22px;\r\n line-height: 24px\r\n }\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-col--1 {\r\n width: 60%\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-col--2 {\r\n width: 40%\r\n }\r\n\r\n @media (max-width: 860px) {\r\n #bph-container .bph-blue-box--wrapper .bph-cols .bph-col--block-mobile {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-cols .bph-col--block-mobile:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n #bph-container .bph-blue-box--wrapper .bph-cols .bph-col--block-mobile .bph-col {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px;\r\n text-align: center\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-cols .bph-col--block-mobile .bph-col:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-75 {\r\n padding-right: 100px;\r\n text-align: right\r\n }\r\n\r\n @media (max-width: 860px) {\r\n #bph-container .bph-blue-box--wrapper .bph-75 {\r\n text-align: center\r\n }\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-blue-box--wrapper .bph-75 {\r\n padding-right: 50px;\r\n padding-left: 40px\r\n }\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-75 .bph-img {\r\n width: 100%;\r\n max-width: 254px\r\n }\r\n\r\n #bph-container .bph-hydrate--wrapper {\r\n padding: 50px 60px 0\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-hydrate--wrapper {\r\n padding-left: 0;\r\n padding-right: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-hydrate--wrapper .bph-hydrate {\r\n position: relative\r\n }\r\n\r\n #bph-container .bph-hydrate--wrapper .bph-hydrate .bph-h1 {\r\n font-size: 36px;\r\n line-height: 38px;\r\n padding: 0 0 30px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-hydrate--wrapper .bph-hydrate .bph-h1 {\r\n font-size: 20px;\r\n line-height: 22px\r\n }\r\n }\r\n\r\n #bph-container .bph-hydrate--wrapper .bph-hydrate .bph-p {\r\n padding: 0 0 37px;\r\n font-size: 20px;\r\n line-height: 26px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-hydrate--wrapper .bph-hydrate .bph-p {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper {\r\n background: #d8f3fc\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex {\r\n padding: 0 60px;\r\n position: relative\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-h1 {\r\n font-size: 36px;\r\n line-height: 36px;\r\n padding-bottom: 36px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-h1 {\r\n font-size: 20px;\r\n line-height: 22px\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-repair-complex-inner {\r\n position: relative;\r\n margin: 30px 0 0;\r\n z-index: 5\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop {\r\n font-size: 20px;\r\n line-height: 24px;\r\n position: absolute\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop {\r\n position: relative\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-h2 {\r\n font-size: 26px;\r\n line-height: 26px;\r\n padding: 0 0 10px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-h2 {\r\n font-size: 14px;\r\n line-height: 16px\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line {\r\n border-bottom: 2px solid #fff;\r\n position: relative;\r\n width: 100%;\r\n margin: 5px 0 0\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line {\r\n display: none\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line:after, #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line:before {\r\n position: absolute;\r\n content: '';\r\n display: block;\r\n border-radius: 50%\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line:before {\r\n width: 25px;\r\n height: 25px;\r\n background: #ecf9fe;\r\n top: -12px;\r\n right: 0\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line:after {\r\n width: 13px;\r\n height: 13px;\r\n background: #fff;\r\n top: -6px;\r\n right: 6px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line.bph-right:before {\r\n top: -12px;\r\n left: 0\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line.bph-right:after {\r\n top: -6px;\r\n left: 6px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-img {\r\n margin-left: -20px\r\n }\r\n\r\n @media (max-width: 400px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-img {\r\n width: 80%\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--1 {\r\n width: 360px;\r\n top: 50px;\r\n text-align: left\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--1.bph-prop--derma-200 {\r\n top: -10px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--2 {\r\n width: 330px;\r\n top: 200px;\r\n text-align: left\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--2.bph-prop--derma-200 {\r\n top: 160px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--3 {\r\n width: 345px;\r\n top: 380px;\r\n text-align: left\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--3.bph-prop--derma-200 {\r\n top: 320px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--4 {\r\n width: 320px;\r\n text-align: right;\r\n right: 0;\r\n top: 145px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--4.bph-prop--derma-200 {\r\n top: 95px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--5 {\r\n width: 320px;\r\n text-align: right;\r\n right: 0;\r\n top: 330px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--5.bph-prop--derma-200 {\r\n top: 270px\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop, #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop.bph-prop--derma-200 {\r\n width: auto;\r\n text-align: left;\r\n top: auto;\r\n left: auto;\r\n position: relative;\r\n padding-bottom: 50px;\r\n padding-left: 23px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop.bph-prop--derma-200:before, #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop:before {\r\n position: absolute;\r\n top: 10px;\r\n left: 0;\r\n width: 6px;\r\n height: 6px;\r\n content: '';\r\n background: #002e74;\r\n border-radius: 50%\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop, #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop.bph-prop--derma-200 {\r\n padding-bottom: 20px\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-bottom-bg {\r\n height: 96px;\r\n background: #fff;\r\n width: 100%;\r\n position: absolute;\r\n bottom: 0;\r\n left: 0\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper {\r\n padding: 0 0 15px\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-trusted--wrapper {\r\n padding-top: 50px\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-cols .bph-col {\r\n padding: 0 40px\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-trusted--wrapper .bph-cols .bph-col--block-mobile {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-cols .bph-col--block-mobile:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-h1--title {\r\n font-size: 36px;\r\n line-height: 36px;\r\n padding: 100px 0 90px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-trusted--wrapper .bph-h1--title {\r\n font-size: 22px;\r\n line-height: 24px\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-icons .bph-img {\r\n margin: 0 0 30px\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-icons .bph-h2 {\r\n font-size: 20px;\r\n line-height: 22px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-trusted--wrapper .bph-icons .bph-h2 {\r\n font-size: 14px;\r\n line-height: 16px\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-numbers {\r\n padding: 0 0 75px\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-h1 {\r\n font-size: 96px;\r\n line-height: 100px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-h1 {\r\n font-size: 50px;\r\n line-height: 54px\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-h2 {\r\n font-size: 48px;\r\n line-height: 50px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-h2 {\r\n font-size: 32px;\r\n line-height: 34px\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-p {\r\n font-size: 20px;\r\n line-height: 24px;\r\n padding: 25px 0 39px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-p {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-col--2 .bph-p {\r\n padding-bottom: 15px\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-stars .bph-img {\r\n padding: 14px 30px;\r\n border-top: 2px solid #002e74;\r\n border-bottom: 2px solid #002e74\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-copy {\r\n font-size: 12px;\r\n line-height: 14px;\r\n padding-left: 7px;\r\n position: relative\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-copy:before {\r\n content: '*';\r\n display: block;\r\n position: absolute;\r\n left: -2px;\r\n top: 1px\r\n }\r\n\r\n #bph-container .bph-pair--wrapper {\r\n background: #d8f3fc;\r\n position: relative\r\n }\r\n\r\n #bph-container .bph-pair--wrapper .bph-pair {\r\n position: relative;\r\n z-index: 5\r\n }\r\n\r\n #bph-container .bph-pair--wrapper .bph-h1 {\r\n font-size: 36px;\r\n line-height: 38px;\r\n padding-bottom: 20px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-pair--wrapper .bph-h1 {\r\n font-size: 22px;\r\n line-height: 24px\r\n }\r\n }\r\n\r\n #bph-container .bph-pair--wrapper .bph-h2, #bph-container .bph-pair--wrapper .bph-p {\r\n font-size: 20px;\r\n line-height: 26px;\r\n padding-bottom: 34px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-pair--wrapper .bph-h2, #bph-container .bph-pair--wrapper .bph-p {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-pair--wrapper .bph-bottom-bg {\r\n height: 81px;\r\n background: #fff;\r\n width: 100%;\r\n position: absolute;\r\n bottom: 0;\r\n left: 0\r\n }\r\n\r\n #bph-container .bph-pair--wrapper .bph--col-2 {\r\n padding-right: 30px\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-pair--wrapper .bph--col-2 {\r\n padding-left: 40px\r\n }\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-pair--wrapper .bph-cols .bph-col--block-mobile {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-pair--wrapper .bph-cols .bph-col--block-mobile:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-derma-range--wrapper .bph-h1 {\r\n font-size: 36px;\r\n line-height: 38px;\r\n padding: 70px 0 30px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-derma-range--wrapper .bph-h1 {\r\n font-size: 22px;\r\n line-height: 24px\r\n }\r\n }\r\n\r\n #bph-container .bph-derma-range--wrapper .bph-img {\r\n width: 100%;\r\n max-width: 992px\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-discover {\r\n padding: 90px 0\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-h1 {\r\n font-size: 36px;\r\n line-height: 38px;\r\n padding: 0 0 44px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-discover--wrapper .bph-h1 {\r\n font-size: 22px;\r\n line-height: 24px\r\n }\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table {\r\n display: table\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr, #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr {\r\n display: table-row\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr .bph-table-td {\r\n display: table-cell;\r\n vertical-align: middle;\r\n padding: 27px 23px;\r\n font-size: 12px\r\n }\r\n\r\n @media (max-width: 1009px) {\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr .bph-table-td {\r\n padding: 15px 11px\r\n }\r\n }\r\n\r\n @media (max-width: 760px) {\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr .bph-table-td {\r\n padding: 10px\r\n }\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr--thead .bph-table-td {\r\n padding: 0;\r\n vertical-align: bottom;\r\n text-align: center;\r\n border: 0;\r\n border-bottom: 3px solid #e1e1e1\r\n }\r\n\r\n @media (max-width: 1009px) {\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr--thead .bph-table-td .bph-img {\r\n width: 100%\r\n }\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr--thead .bph-table-td:last-child {\r\n border-right: 0 none\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr--thead .bph-table-td--product {\r\n padding: 0 0 20px\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--desktop {\r\n display: block\r\n }\r\n\r\n @media (max-width: 760px) {\r\n #bph-container .bph-discover--wrapper .bph-table--desktop {\r\n display: none\r\n }\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr:nth-child(2n) {\r\n background: #ebf9fd\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr .bph-table-td {\r\n border-left: 1px solid #e1e1e1;\r\n border-bottom: 1px solid #e1e1e1\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr .bph-table-td:last-child {\r\n border-right: 1px solid #e1e1e1\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr--thead .bph-table-td {\r\n border-left: 0 none;\r\n border-right: 0 none\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr--thead .bph-table-td:last-child {\r\n border-right: 0 none\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--mobile {\r\n display: none\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--mobile .bph-img {\r\n width: 100%;\r\n max-width: 123px\r\n }\r\n\r\n @media (max-width: 760px) {\r\n #bph-container .bph-discover--wrapper .bph-table--mobile {\r\n display: block\r\n }\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--mobile .bph-font-gotham-bold {\r\n padding-bottom: 10px\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--mobile .bph-table-tr--last .bph-table-td {\r\n padding-bottom: 45px\r\n }\r\n</style>\r\n<div id=\"bph-container\">\r\n <div class=\"bph-header-wrapper\">\r\n <div class=\"bph-header\"><img class=\"bph-img bph-img--desktop\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/header-body-cleanser-400.png\" alt=\"\"/><img\r\n class=\"bph-img bph-img--pad\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/header-pad-body-cleanser-400.png\" alt=\"\"/><img\r\n class=\"bph-img bph-img--mobile\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/header-mobile.png\" alt=\"\"/></div>\r\n <div class=\"bph-header-2 bph-cols bph-mobile-hide\">\r\n <div class=\"bph-col bph-cols bph-col--1 bph-mobile-block\">\r\n <div class=\"bph-col\"><img src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/0-percent.png\" alt=\"\"/></div>\r\n <div class=\"bph-col bph-text-left bph-attrs\"><span class=\"bph-font-gotham-bold\">Preservatives<br/>Fragrance<br/>Colorant</span>\r\n </div>\r\n </div>\r\n <div class=\"bph-col bph-col--2 bph-mobile-block\"><img src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/b5.png\" alt=\"\"/></div>\r\n <div class=\"bph-col bph-col--3 bph-mobile-hide\"><img src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/bayer-logo.png\" alt=\"\"/></div>\r\n </div>\r\n </div>\r\n <div class=\"bph-headings--wrapper\">\r\n <div class=\"bph-headings\">\r\n <div class=\"bph-h1 bph-font-gotham-book\">For the following skin type:</div>\r\n <div class=\"bph-h2 bph-font-gilroy-bold bph-restoring\">Dry & sensitive skin</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-description--wrapper\">\r\n <div class=\"bph-description bph-cols\">\r\n <div class=\"bph-col bph-col--1 bph-col-50\"><img class=\"bph--img bph-img--packshot\"\r\n src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/packshot-body-cleanser-400.png\" alt=\"\"/></div>\r\n <div class=\"bph-col bph-col--2 bph-col-50 bph-mobile-wrapper\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold bph-restoring\"><span class=\"bph-nowrap\">BEPANTHEN<span\r\n class=\"bph-sup\">&reg;&nbsp;</span></span>DERMA<br/>GENTLE BODY <br/>CLEANSER DAILY <br/>WASH GEL\r\n </div>\r\n <div class=\"bph-p bph-p--1\">Gently cleanses dry skin, removing impurities while maintaining its natural\r\n protective barrier. With a mixture of <span\r\n class=\"bph-font-gotham-bold\">mild cleansing agents</span>, this shower gel effectively\r\n cleanses the skin without disturbing its natural moisture levels and gives a feeling of freshness\r\n and softness.\r\n </div>\r\n <div class=\"bph-p\">The <span class=\"bph-font-gotham-bold\">gentle and soap-free composition </span>of\r\n <span class=\"bph-nowrap\">Bepanthen&reg; </span>Derma Body Cleanser is ideal for dry and sensitive\r\n skin.\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-grid-1 bph-cols bph-mobile-wrapper bph-center\">\r\n <div class=\"bph-col bph-col--1 bph-col-50\"><img class=\"bhp-img bph-tile\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/box-body-cleanser-400.png\"\r\n alt=\"\"/>\r\n <div class=\"bph-h1 bph-font-gotham-bold\">Texture</div>\r\n <div class=\"bph-p\"><span class=\"bph-nowrap\">Bepanthen<span class=\"bph-sup\">&reg;</span></span>&nbsp;Body\r\n Cleanser rinses off <br/>easily and does not leave residue.\r\n </div>\r\n </div>\r\n <div class=\"bph-col bph-col--2 bph-col-50\"><img class=\"bhp-img bph-tile\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/box-2-body-cleanser-400.png\"\r\n alt=\"\"/>\r\n <div class=\"bph-h1 bph-font-gotham-bold\">Application</div>\r\n <div class=\"bph-p\">Massage onto wet skin and rinse thoroughly.</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-take-care--wrapper\">\r\n <div class=\"bph-take-care\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold bph-mobile-wrapper\">Take good care of your skin</div>\r\n <div class=\"bph-cols bph-mobile-wrapper\">\r\n <div class=\"bph-col bph-col--1\">\r\n <div class=\"bph-li\">Soothes itchy dry skin (every time you shower)</div>\r\n <div class=\"bph-li\">Gives a feeling of freshness & softness</div>\r\n </div>\r\n <div class=\"bph-col bph-col--2\">\r\n <div class=\"bph-li\">Protects, replenishes and maintains the skin's natural moisture levels</div>\r\n <div class=\"bph-li\">Protects the natural barrier of the skin</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-blue-box--wrapper\">\r\n <div class=\"bph-center\">\r\n <div class=\"bph-col bph-col-50 bph-cols bph-col--block-mobile\">\r\n <div class=\"bph-col bph-col--ico\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/ico-colorant.png\" alt=\"\"/></div>\r\n <div class=\"bph-col bph-text-left\">Preservatives, colorant<br/>and <span class=\"bph-font-gotham-bold\">fragrance free </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-hydrate--wrapper bph-mobile-wrapper\">\r\n <div class=\"bph-hydrate\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold\">Hydrate your Skin from Deep Within</div>\r\n <div class=\"bph-p\">The new <span class=\"bph-nowrap\">Bepanthen<span class=\"bph-sup\">&reg; </span></span>&nbsp;Derma\r\n range has a unique combination of ingredients that has been endorsed by experts and provides immediate\r\n relief from the symptoms of dry skin while also addressing the underlying cause.\r\n </div>\r\n <div class=\"bph-p\">Together these make up the Dexpanthenol Repair Complex.</div>\r\n <div class=\"bph-p bph-center\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/pic.png\" alt=\"\"/></div>\r\n </div>\r\n </div>\r\n <div class=\"bph-repair-complex--wrapper\">\r\n <div class=\"bph-div\"></div>\r\n <div class=\"bph-repair-complex bph-mobile-wrapper\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold\">Dexpanthenol Repair Complex</div>\r\n <div class=\"bph-repair-complex-inner\">\r\n <div class=\"bph-center\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/tube-body-cleanser-400.png\" alt=\"\"/></div>\r\n <div class=\"bph-prop bph-prop--1 bph-prop--derma-200\">\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">Dexpanthenol</div>\r\n Regenerates the skin <br/>from within\r\n <div class=\"bph-prop-line\"></div>\r\n </div>\r\n <div class=\"bph-prop bph-prop--2 bph-prop--derma-200\">\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">Niacinamide</div>\r\n Soothing itchy, dry skin\r\n <div class=\"bph-prop-line\"></div>\r\n </div>\r\n <div class=\"bph-prop bph-prop--3 bph-prop--derma-200\">\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">Glycerine</div>\r\n Provides immediate and <br/>long lasting moisturization\r\n <div class=\"bph-prop-line\"></div>\r\n </div>\r\n <div class=\"bph-prop bph-prop--4 bph-prop--derma-200\">\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">Physiological lipid</div>\r\n Restore barrier function\r\n <div class=\"bph-prop-line bph-right\"></div>\r\n </div>\r\n <div class=\"bph-prop bph-prop--5 bph-prop--derma-200\">\r\n <div class=\"bph-h2 bph-font-gilroy-bold\"> Argan oil</div>\r\n Replaces lost skin lipids\r\n <div class=\"bph-prop-line bph-right\"></div>\r\n </div>\r\n </div>\r\n <div class=\"bph-bottom-bg bph-pad-hide\"></div>\r\n </div>\r\n </div>\r\n <div class=\"bph-trusted--wrapper\">\r\n <div class=\"bph-trusted bph-mobile-wrapper\">\r\n <div class=\"bph-cols bph-center bph-icons\">\r\n <div class=\"bph-col bph-col-50 bph-col--block-mobile\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/ico-clinically.png\"\r\n alt=\"\"/>\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">Clinically proven for efficacy <br/>and tolerance</div>\r\n </div>\r\n <div class=\"bph-col bph-col-50 bph-col--block-mobile\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/ico-dermatology.png\"\r\n alt=\"\"/>\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">Dermatologically tested</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-h1 bph-font-gilroy-bold bph-center bph-h1--title\">Trusted customer satisfaction</div>\r\n <div class=\"bph-cols bph-numbers bph-center\">\r\n <div class=\"bph-col bph-col-50 bph-col--1 bph-col--block-mobile\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold\">83%</div>\r\n <div class=\"bph-h2\">of users*</div>\r\n <div class=\"bph-p bph-mobile-no-br\">said that the product effectively cleaned without irritating dry\r\n skin\r\n </div>\r\n <div class=\"bph-stars\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/stars.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-col bph-col-50 bph-col--2 bph-col--block-mobile\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold\">90%</div>\r\n <div class=\"bph-h2\">of users*</div>\r\n <div class=\"bph-p bph-mobile-no-br\">said that the product was pleasant to use<br/><br/><br/></div>\r\n <div class=\"bph-stars\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/stars.png\" alt=\"\"/></div>\r\n </div>\r\n </div>\r\n <div class=\"bph-copy\">Percentages shown represent levels of agreement based on the results of a subjective\r\n questionnaire (7-point scale; top 3 boxes – slightly, moderately and strongly agree). The questionnaire\r\n was completed at the end of the study after using the product for 28 days.\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-pair--wrapper\">\r\n <div class=\"bph-div\"></div>\r\n <div class=\"bph-pair bph-cols bph-mobile-wrapper\">\r\n <div class=\"bph-col bph-col-50 bph-col--block-mobile\"><img class=\"bph-img bph-img--pair\"\r\n src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/pair-body-cleanser-400.png\" alt=\"\"/></div>\r\n <div class=\"bph-col bph-col-50 bph-mobile-no-br bph-col--block-mobile bph--col-2\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold\">Pair your <span class=\"bph-nowrap\"> Bepanthen<span\r\n class=\"bph-sup\">&reg;</span></span></div>\r\n <div class=\"bph-h2 bph bph-font-gotham-bold\">Derma Gentle Body Cleanser with our <span\r\n class=\"bph-nowrap\"> Bepanthen<span class=\"bph-sup\">&reg;</span></span>&nbsp;Derma Restoring Body\r\n Lotion.\r\n </div>\r\n <div class=\"bph-p\">Our <span class=\"bph-nowrap\"> Bepanthen<span class=\"bph-sup\">&reg;</span></span>&nbsp;Derma\r\n Gentle Body <br/>Cleanser is specially designed and suitable <br/>for daily cleaning of the skin.\r\n </div>\r\n <div class=\"bph-p\">Spread the product on your skin with <br/>gentle, circular movements and rinse <br/>thoroughly.\r\n Afterwards, use the <span class=\"bph-nowrap\">Bepanthen<span\r\n class=\"bph-sup\">&reg; </span></span><br/>Derma Replenishing Body Lotion for <br/>comprehensive\r\n moisturising care.\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-bottom-bg bph-pad-hide\"></div>\r\n </div>\r\n <div class=\"bph-derma-range--wrapper\">\r\n <div class=\"bph-derma-range bph-mobile-wrapper\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold bph-center\"><span class=\"bph-nowrap\">Bepanthen<span class=\"bph-sup\">&reg;</span></span>\r\n <span>Derma range</span></div>\r\n <img class=\"bph-img bph-mobile-hide\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/derma.png\" alt=\"\"/><img class=\"bph-img bph-mobile-show\"\r\n src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/derma-mobile.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-blue-box--wrapper bph-mobile-wrapper\">\r\n <div class=\"bph-blue-box bph-cols\">\r\n <div class=\"bph-col bph-col--1 bph-col--block-mobile\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold\">Our story</div>\r\n <div class=\"bph-p bph-mobile-no-br bph-col--block-mobile\">With over 75 years of medicated skincare <br/>experience,\r\n <span class=\"bph-nowrap\">Bepanthen<span class=\"bph-sup\">&reg; </span></span>&nbsp;is a trusted brand\r\n with <br/>a long heritage of dermatological expertise and <br/>a commitment to developing formulas\r\n that are <br/>both effective and gentle.\r\n </div>\r\n </div>\r\n <div class=\"bph-col bph-col--2 bph-75 bph-col--block-mobile\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/75.png\" alt=\"\"/>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-discover--wrapper\">\r\n <div class=\"bph-discover\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold bph-center bph-mobile-wrapper\"> Discover the <span\r\n class=\"bph-nowrap\"> Bepanthen<span class=\"bph-sup\">&reg;</span></span> <span>Derma range</span>\r\n </div>\r\n <div class=\"bph-table bph-center bph-table--desktop\">\r\n <div class=\"bph-table-tr bph-table-tr--thead\">\r\n <div class=\"bph-table-td bph-table-td--product bph-font-gotham-bold\">Product<br/>name</div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-1.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-2.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-3.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-4.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-5.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-6.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td bph-font-gotham-bold\">Skin type</div>\r\n <div class=\"bph-table-td\">Dry and sensitive skin</div>\r\n <div class=\"bph-table-td\">Very dry and sensitive skin</div>\r\n <div class=\"bph-table-td\">Dry and sensitive skin</div>\r\n <div class=\"bph-table-td\">Dry and sensitive skin</div>\r\n <div class=\"bph-table-td\">Rough and very dry skin</div>\r\n <div class=\"bph-table-td\">Dry and sensitive skin</div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td bph-font-gotham-bold\">Main advantages</div>\r\n <div class=\"bph-table-td\">48 hours of immediate and long lasting hydration for soft &&nbsp;smooth\r\n skin lasting up to 4&nbsp;weeks<br> <br> 0%<br> Preservatives<br> Fragrance<br> Colorant\r\n </div>\r\n <div class=\"bph-table-td\">48 hours of immediate and long lasting hydration for soft &&nbsp;smooth\r\n skin lasting up to 4&nbsp;weeks<br> <br> 0%<br> Preservatives<br> Fragrance<br> Colorant\r\n </div>\r\n <div class=\"bph-table-td\">Soap free formula that cleanses while maintaining skin's natural\r\n barrier<br> <br> 0%<br> Preservatives<br> Fragrance<br> Colorant<br></div>\r\n <div class=\"bph-table-td\">48 hours of immediate and long lasting hydration for soft &&nbsp;smooth\r\n skin with UVA/UVB protection SPF&nbsp;25<br> <br> 0%<br> Preservatives<br> Fragrance<br>\r\n Colorant\r\n </div>\r\n <div class=\"bph-table-td\">Regenerates &&nbsp;rehydrates the skin overnight<br> <br> 0%<br>\r\n Preservatives<br> Fragrance<br> Colorant\r\n </div>\r\n <div class=\"bph-table-td\">Soap free formula that cleanses while maintaining skin's natural\r\n barrier<br> <br> 0%<br> Preservatives<br> Fragrance<br> Colorant\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td bph-font-gotham-bold\">Consistency</div>\r\n <div class=\"bph-table-td\">Light, non-sticky texture, rapidly absorbed</div>\r\n <div class=\"bph-table-td\">Absorbed quickly with no greasy residue</div>\r\n <div class=\"bph-table-td\">Rinses off easily and does not leave residues</div>\r\n <div class=\"bph-table-td\">Rich non-sticky formula that absorbs quickly in to the skin providing\r\n immediate hydration\r\n </div>\r\n <div class=\"bph-table-td\">Absorbs quickly in to the skin providing immediate hydration to soothe\r\n tightness\r\n </div>\r\n <div class=\"bph-table-td\">Rinses off easily and does not leave residues</div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td bph-font-gotham-bold\">Dermatologically tested</div>\r\n <div class=\"bph-table-td\">Yes</div>\r\n <div class=\"bph-table-td\">Yes</div>\r\n <div class=\"bph-table-td\">Yes</div>\r\n <div class=\"bph-table-td\">Yes</div>\r\n <div class=\"bph-table-td\">Yes</div>\r\n <div class=\"bph-table-td\">Yes</div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td bph-font-gotham-bold\">Available sizes</div>\r\n <div class=\"bph-table-td bph-nowrap\">400ml / 200ml</div>\r\n <div class=\"bph-table-td bph-nowrap\">400ml / 200ml</div>\r\n <div class=\"bph-table-td bph-nowrap\">400ml</div>\r\n <div class=\"bph-table-td bph-nowrap\">50ml</div>\r\n <div class=\"bph-table-td bph-nowrap\">50ml</div>\r\n <div class=\"bph-table-td bph-nowrap\">200ml</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table bph-center bph-table--mobile\">\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-1.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-2.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Skin type</div>\r\n <div>Dry and sensitive skin</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Skin type</div>\r\n <div>Very dry and sensitive skin</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Main advantages</div>\r\n <div>48 hours of immediate and long lasting hydration for soft &&nbsp;smooth skin lasting up to\r\n 4&nbsp;weeks<br> <br> 0%<br> Preservatives<br> Fragrance<br> Colorant\r\n </div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Main advantages</div>\r\n <div>48 hours of immediate and long lasting hydration for soft &&nbsp;smooth skin lasting up to\r\n 4&nbsp;weeks<br> <br> 0%<br> Preservatives<br> Fragrance<br> Colorant\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Consistency</div>\r\n <div>Light, non-sticky texture, rapidly absorbed</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Consistency</div>\r\n <div>Absorbed quickly with no greasy residue</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Dermatologically tested</div>\r\n <div>Yes</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Dermatologically tested</div>\r\n <div>Yes</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr bph-table-tr--last\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Available sizes</div>\r\n <div>400ml / 200ml</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Available sizes</div>\r\n <div>400ml / 200ml</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-3.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-4.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Skin type</div>\r\n <div>Dry and sensitive skin</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Skin type</div>\r\n <div>Dry and sensitive skin</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Main advantages</div>\r\n <div>Soap free formula that cleanses while maintaining skin's natural barrier<br> <br> 0%<br>\r\n Preservatives<br> Fragrance<br> Colorant<br></div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Main advantages</div>\r\n <div>48 hours of immediate and long lasting hydration for soft &&nbsp;smooth skin with UVA/UVB\r\n protection SPF&nbsp;25<br> <br> 0%<br> Preservatives<br> Fragrance<br> Colorant\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Consistency</div>\r\n <div>Rinses off easily and does not leave residues</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Consistency</div>\r\n <div>Rich non-sticky formula that absorbs quickly in to the skin providing immediate hydration\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Dermatologically tested</div>\r\n <div>Yes</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Dermatologically tested</div>\r\n <div>Yes</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr bph-table-tr--last\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Available sizes</div>\r\n <div>400ml</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Available sizes</div>\r\n <div>50ml</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-5.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-6.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Skin type</div>\r\n <div>Rough and very dry skin</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Skin type</div>\r\n <div>Dry and sensitive skin</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Main advantages</div>\r\n <div>Regenerates &&nbsp;rehydrates the skin overnight<br> <br> 0%<br> Preservatives<br>\r\n Fragrance<br> Colorant\r\n </div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Main advantages</div>\r\n <div>Soap free formula that cleanses while maintaining skin's natural barrier<br> <br> 0%<br>\r\n Preservatives<br> Fragrance<br> Colorant\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Consistency</div>\r\n <div>Absorbs quickly in to the skin providing immediate hydration to soothe tightness</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Consistency</div>\r\n <div>Rinses off easily and does not leave residues</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Dermatologically tested</div>\r\n <div>Yes</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Dermatologically tested</div>\r\n <div>Yes</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr bph-table-tr--last\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Available sizes</div>\r\n <div>50ml</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Available sizes</div>\r\n <div>200ml</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>","mobile_html_code_en":"\r\n<meta charset=\"utf-8\"/>\r\n<style>\r\n body {\r\n margin: 0;\r\n padding: 0\r\n }\r\n\r\n #bph-container {\r\n margin: 0 auto;\r\n max-width: 992px;\r\n width: 100%;\r\n color: #002e74;\r\n font-family: Arial, sans-serif\r\n }\r\n\r\n #bph-container img {\r\n height: auto\r\n }\r\n\r\n #bph-container .bph-pt {\r\n padding-top: 60px\r\n }\r\n\r\n #bph-container .bph-font-gotham-book {\r\n font-family: Arial, sans-serif;\r\n font-weight: 400\r\n }\r\n\r\n #bph-container .bph-font-gotham-bold {\r\n font-family: Arial, sans-serif;\r\n font-weight: 600\r\n }\r\n\r\n #bph-container .bph-font-gilroy-bold {\r\n font-family: Arial, sans-serif;\r\n font-weight: 700\r\n }\r\n\r\n #bph-container .bph-cols {\r\n box-sizing: border-box;\r\n display: table;\r\n width: 100%\r\n }\r\n\r\n #bph-container .bph-cols .bph-col {\r\n box-sizing: border-box;\r\n display: table-cell;\r\n vertical-align: top\r\n }\r\n\r\n #bph-container .bph-cols .bph-col.bph-col-50 {\r\n width: 50%\r\n }\r\n\r\n #bph-container .bph-cols .bph-col.bph-col-33 {\r\n width: 33.3%\r\n }\r\n\r\n #bph-container .bph-sup {\r\n font-size: .6em;\r\n margin-top: -.4em;\r\n display: inline-block;\r\n vertical-align: top\r\n }\r\n\r\n #bph-container .bph-h2 .bph-sup, #bph-container .bph-p .bph-sup {\r\n font-size: .75em;\r\n margin: 0\r\n }\r\n\r\n #bph-container .bph-nowrap {\r\n white-space: nowrap\r\n }\r\n\r\n #bph-container .bph-center {\r\n text-align: center\r\n }\r\n\r\n #bph-container .bph-text-left {\r\n text-align: left\r\n }\r\n\r\n #bph-container .bph-tile {\r\n max-width: 443px;\r\n width: 100%\r\n }\r\n\r\n #bph-container .bph-div {\r\n background: url(./section-div.png) repeat-x;\r\n height: 122px\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-mobile-no-br br, #bph-container .bph-pad-hide {\r\n display: none !important\r\n }\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-mobile-hide {\r\n display: none !important\r\n }\r\n }\r\n\r\n #bph-container .bph-mobile-show {\r\n display: none\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-mobile-show {\r\n display: block\r\n }\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-mobile-wrapper {\r\n padding-left: 20px !important;\r\n padding-right: 20px !important\r\n }\r\n }\r\n\r\n #bph-container .bph-img--packshot {\r\n max-width: 490px;\r\n width: 100%\r\n }\r\n\r\n #bph-container .bph-img--pair {\r\n max-width: 440px;\r\n width: 100%\r\n }\r\n\r\n #bph-container .bph-header-wrapper {\r\n position: relative\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-img {\r\n width: 100%\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-img--desktop {\r\n display: block\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-header-wrapper .bph-img--desktop {\r\n display: none\r\n }\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-img--pad {\r\n display: none\r\n }\r\n\r\n @media (max-width: 1000px) and (min-width: 701px) {\r\n #bph-container .bph-header-wrapper .bph-img--pad {\r\n display: block\r\n }\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-img--mobile {\r\n display: none\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-header-wrapper .bph-img--mobile {\r\n display: block\r\n }\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-header-2 {\r\n color: #fff;\r\n position: absolute;\r\n bottom: 25px;\r\n left: 0;\r\n width: 100%\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-col--1 {\r\n width: 25%;\r\n text-align: center;\r\n border-right: 2px solid #fff;\r\n padding-left: 30px\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-col--1 .bph-attrs {\r\n padding-left: 10px;\r\n padding-top: 5px;\r\n font-size: 14px;\r\n line-height: 18px\r\n }\r\n\r\n @media (max-width: 1000px) and (min-width: 700px) {\r\n #bph-container .bph-header-wrapper .bph-col--1 .bph-attrs {\r\n text-align: center\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-col--1 .bph-col {\r\n display: block\r\n }\r\n }\r\n\r\n #bph-container .bph-header-wrapper .bph-col--2 {\r\n width: 66%;\r\n padding-left: 40px\r\n }\r\n\r\n @media (max-width: 1000px) and (min-width: 700px) {\r\n #bph-container .bph-header-wrapper .bph-col {\r\n vertical-align: middle\r\n }\r\n }\r\n\r\n #bph-container .bph-headings--wrapper {\r\n text-align: center;\r\n padding: 90px 0 108px\r\n }\r\n\r\n #bph-container .bph-headings--wrapper .bph-headings {\r\n text-align: center;\r\n display: inline-block\r\n }\r\n\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h1 {\r\n font-size: 30px;\r\n line-height: 30px;\r\n padding: 15px 0\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h1 {\r\n font-size: 20px;\r\n line-height: 22px;\r\n padding-left: 5px;\r\n padding-right: 5px\r\n }\r\n }\r\n\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h2 {\r\n font-size: 19px;\r\n line-height: 19px;\r\n letter-spacing: .21em;\r\n color: #e01883;\r\n padding: 13px 0;\r\n text-transform: uppercase;\r\n border-top: 2px solid #002e74;\r\n border-bottom: 2px solid #002e74\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h2 {\r\n font-size: 12px;\r\n line-height: 14px;\r\n padding-left: 5px;\r\n padding-right: 5px\r\n }\r\n }\r\n\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h2.bph-night {\r\n color: #662b89\r\n }\r\n\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h2.bph-daily {\r\n color: #e01883\r\n }\r\n\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h2.bph-cream {\r\n color: #e96827\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1.bph-restoring, #bph-container .bph-headings--wrapper .bph-headings .bph-h2.bph-restoring {\r\n color: #29aee7\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-headings--wrapper .bph-headings .bph-h2 {\r\n font-size: 18px;\r\n line-height: 20px\r\n }\r\n }\r\n\r\n #bph-container .bph-description--wrapper {\r\n padding: 0 0 90px\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description, #bph-container .bph-grid-1 {\r\n font-size: 20px;\r\n line-height: 25px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-description--wrapper .bph-description {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1 {\r\n font-size: 36px;\r\n line-height: 43px;\r\n color: #e01883;\r\n padding: 0 0 44px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1 {\r\n font-size: 20px;\r\n line-height: 22px\r\n }\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1.bph-night {\r\n color: #662b89\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1.bph-daily {\r\n color: #e01883\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1.bph-cream {\r\n color: #e96827\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1 {\r\n font-size: 32px;\r\n line-height: 34px\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-description--wrapper .bph-description .bph-h1 {\r\n font-size: 24px;\r\n line-height: 26px\r\n }\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-p--1 {\r\n padding: 0 0 34px\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-col--1 {\r\n padding: 25px 0 0\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-col--2 {\r\n max-width: 440px\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-description--wrapper .bph-description .bph-col {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-description--wrapper .bph-description .bph-col:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-grid-1 {\r\n padding: 0 50px 1px\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-grid-1 {\r\n max-width: 444px;\r\n margin: 0 auto;\r\n padding-left: 0;\r\n padding-right: 0\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-grid-1 {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-grid-1 .bph-h1 {\r\n padding: 0 0 30px\r\n }\r\n\r\n #bph-container .bph-grid-1 .bhp-img {\r\n margin: 0 0 20px\r\n }\r\n\r\n #bph-container .bph-grid-1 .bph-p {\r\n padding: 0 5px\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-grid-1.bph-cols .bph-col {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-grid-1.bph-cols .bph-col:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper {\r\n background: #d8f3fc;\r\n margin: 80px 0\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms {\r\n padding: 0 58px\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-h1 {\r\n font-size: 36px;\r\n line-height: 36px;\r\n padding-bottom: 36px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-h1 {\r\n font-size: 24px;\r\n line-height: 26px\r\n }\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-p {\r\n font-size: 20px;\r\n line-height: 26px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-p {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-img {\r\n padding: 0 0 33px\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-cols {\r\n padding: 65px 0 85px\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-col {\r\n text-align: center\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-col {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-signs-and-symptoms--wrapper .bph-signs-and-symptoms .bph-col:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper {\r\n padding: 0\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-take-care {\r\n padding: 0 45px\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-take-care--wrapper .bph-take-care {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-h2 {\r\n font-size: 20px;\r\n line-height: 20px;\r\n padding-left: 10px;\r\n padding-top: 15px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-take-care--wrapper .bph-h2 {\r\n font-size: 15px;\r\n line-height: 17px\r\n }\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-h1 {\r\n font-size: 36px;\r\n line-height: 36px;\r\n padding: 110px 0 56px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-take-care--wrapper .bph-h1 {\r\n font-size: 24px;\r\n line-height: 26px\r\n }\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-col--1 {\r\n width: 54%;\r\n margin-right: 3%\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-col--2 {\r\n width: 43%\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-li {\r\n position: relative;\r\n font-size: 20px;\r\n line-height: 26px;\r\n padding: 0 20px 33px 23px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-take-care--wrapper .bph-li {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-li:before {\r\n position: absolute;\r\n top: 10px;\r\n left: 0;\r\n width: 6px;\r\n height: 6px;\r\n content: '';\r\n background: #002e74;\r\n border-radius: 50%\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-take-care--wrapper .bph-cols.bph-tiles {\r\n max-width: 444px;\r\n margin: 0 auto\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-cols .bph-col {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0\r\n }\r\n\r\n #bph-container .bph-take-care--wrapper .bph-cols .bph-col:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper {\r\n padding: 62px 0 62px 60px;\r\n background: #d8f3fc;\r\n font-size: 20px;\r\n line-height: 24px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-blue-box--wrapper {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-blue-box--wrapper {\r\n padding-left: 0;\r\n padding-right: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-col {\r\n vertical-align: middle;\r\n display: inline-block\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-col--ico {\r\n width: 153px\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-h1 {\r\n font-size: 36px;\r\n line-height: 36px;\r\n padding-bottom: 40px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-blue-box--wrapper .bph-h1 {\r\n font-size: 22px;\r\n line-height: 24px\r\n }\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-col--1 {\r\n width: 60%\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-col--2 {\r\n width: 40%\r\n }\r\n\r\n @media (max-width: 860px) {\r\n #bph-container .bph-blue-box--wrapper .bph-cols .bph-col--block-mobile {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-cols .bph-col--block-mobile:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n #bph-container .bph-blue-box--wrapper .bph-cols .bph-col--block-mobile .bph-col {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px;\r\n text-align: center\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-cols .bph-col--block-mobile .bph-col:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-75 {\r\n padding-right: 100px;\r\n text-align: right\r\n }\r\n\r\n @media (max-width: 860px) {\r\n #bph-container .bph-blue-box--wrapper .bph-75 {\r\n text-align: center\r\n }\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-blue-box--wrapper .bph-75 {\r\n padding-right: 50px;\r\n padding-left: 40px\r\n }\r\n }\r\n\r\n #bph-container .bph-blue-box--wrapper .bph-75 .bph-img {\r\n width: 100%;\r\n max-width: 254px\r\n }\r\n\r\n #bph-container .bph-hydrate--wrapper {\r\n padding: 50px 60px 0\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-hydrate--wrapper {\r\n padding-left: 0;\r\n padding-right: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-hydrate--wrapper .bph-hydrate {\r\n position: relative\r\n }\r\n\r\n #bph-container .bph-hydrate--wrapper .bph-hydrate .bph-h1 {\r\n font-size: 36px;\r\n line-height: 38px;\r\n padding: 0 0 30px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-hydrate--wrapper .bph-hydrate .bph-h1 {\r\n font-size: 20px;\r\n line-height: 22px\r\n }\r\n }\r\n\r\n #bph-container .bph-hydrate--wrapper .bph-hydrate .bph-p {\r\n padding: 0 0 37px;\r\n font-size: 20px;\r\n line-height: 26px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-hydrate--wrapper .bph-hydrate .bph-p {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper {\r\n background: #d8f3fc\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex {\r\n padding: 0 60px;\r\n position: relative\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-h1 {\r\n font-size: 36px;\r\n line-height: 36px;\r\n padding-bottom: 36px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-h1 {\r\n font-size: 20px;\r\n line-height: 22px\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-repair-complex-inner {\r\n position: relative;\r\n margin: 30px 0 0;\r\n z-index: 5\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop {\r\n font-size: 20px;\r\n line-height: 24px;\r\n position: absolute\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop {\r\n position: relative\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-h2 {\r\n font-size: 26px;\r\n line-height: 26px;\r\n padding: 0 0 10px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-h2 {\r\n font-size: 14px;\r\n line-height: 16px\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line {\r\n border-bottom: 2px solid #fff;\r\n position: relative;\r\n width: 100%;\r\n margin: 5px 0 0\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line {\r\n display: none\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line:after, #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line:before {\r\n position: absolute;\r\n content: '';\r\n display: block;\r\n border-radius: 50%\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line:before {\r\n width: 25px;\r\n height: 25px;\r\n background: #ecf9fe;\r\n top: -12px;\r\n right: 0\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line:after {\r\n width: 13px;\r\n height: 13px;\r\n background: #fff;\r\n top: -6px;\r\n right: 6px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line.bph-right:before {\r\n top: -12px;\r\n left: 0\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop .bph-prop-line.bph-right:after {\r\n top: -6px;\r\n left: 6px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-img {\r\n margin-left: -20px\r\n }\r\n\r\n @media (max-width: 400px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-img {\r\n width: 80%\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--1 {\r\n width: 360px;\r\n top: 50px;\r\n text-align: left\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--1.bph-prop--derma-200 {\r\n top: -10px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--2 {\r\n width: 330px;\r\n top: 200px;\r\n text-align: left\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--2.bph-prop--derma-200 {\r\n top: 160px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--3 {\r\n width: 345px;\r\n top: 380px;\r\n text-align: left\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--3.bph-prop--derma-200 {\r\n top: 320px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--4 {\r\n width: 320px;\r\n text-align: right;\r\n right: 0;\r\n top: 145px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--4.bph-prop--derma-200 {\r\n top: 95px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--5 {\r\n width: 320px;\r\n text-align: right;\r\n right: 0;\r\n top: 330px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop--5.bph-prop--derma-200 {\r\n top: 270px\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop, #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop.bph-prop--derma-200 {\r\n width: auto;\r\n text-align: left;\r\n top: auto;\r\n left: auto;\r\n position: relative;\r\n padding-bottom: 50px;\r\n padding-left: 23px\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop.bph-prop--derma-200:before, #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop:before {\r\n position: absolute;\r\n top: 10px;\r\n left: 0;\r\n width: 6px;\r\n height: 6px;\r\n content: '';\r\n background: #002e74;\r\n border-radius: 50%\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop, #bph-container .bph-repair-complex--wrapper .bph-repair-complex .bph-prop.bph-prop--derma-200 {\r\n padding-bottom: 20px\r\n }\r\n }\r\n\r\n #bph-container .bph-repair-complex--wrapper .bph-bottom-bg {\r\n height: 96px;\r\n background: #fff;\r\n width: 100%;\r\n position: absolute;\r\n bottom: 0;\r\n left: 0\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper {\r\n padding: 0 0 15px\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-trusted--wrapper {\r\n padding-top: 50px\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-cols .bph-col {\r\n padding: 0 40px\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-trusted--wrapper .bph-cols .bph-col--block-mobile {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-cols .bph-col--block-mobile:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-h1--title {\r\n font-size: 36px;\r\n line-height: 36px;\r\n padding: 100px 0 90px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-trusted--wrapper .bph-h1--title {\r\n font-size: 22px;\r\n line-height: 24px\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-icons .bph-img {\r\n margin: 0 0 30px\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-icons .bph-h2 {\r\n font-size: 20px;\r\n line-height: 22px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-trusted--wrapper .bph-icons .bph-h2 {\r\n font-size: 14px;\r\n line-height: 16px\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-numbers {\r\n padding: 0 0 75px\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-h1 {\r\n font-size: 96px;\r\n line-height: 100px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-h1 {\r\n font-size: 50px;\r\n line-height: 54px\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-h2 {\r\n font-size: 48px;\r\n line-height: 50px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-h2 {\r\n font-size: 32px;\r\n line-height: 34px\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-p {\r\n font-size: 20px;\r\n line-height: 24px;\r\n padding: 25px 0 39px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-p {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-col--2 .bph-p {\r\n padding-bottom: 15px\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-numbers .bph-stars .bph-img {\r\n padding: 14px 30px;\r\n border-top: 2px solid #002e74;\r\n border-bottom: 2px solid #002e74\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-copy {\r\n font-size: 12px;\r\n line-height: 14px;\r\n padding-left: 7px;\r\n position: relative\r\n }\r\n\r\n #bph-container .bph-trusted--wrapper .bph-copy:before {\r\n content: '*';\r\n display: block;\r\n position: absolute;\r\n left: -2px;\r\n top: 1px\r\n }\r\n\r\n #bph-container .bph-pair--wrapper {\r\n background: #d8f3fc;\r\n position: relative\r\n }\r\n\r\n #bph-container .bph-pair--wrapper .bph-pair {\r\n position: relative;\r\n z-index: 5\r\n }\r\n\r\n #bph-container .bph-pair--wrapper .bph-h1 {\r\n font-size: 36px;\r\n line-height: 38px;\r\n padding-bottom: 20px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-pair--wrapper .bph-h1 {\r\n font-size: 22px;\r\n line-height: 24px\r\n }\r\n }\r\n\r\n #bph-container .bph-pair--wrapper .bph-h2, #bph-container .bph-pair--wrapper .bph-p {\r\n font-size: 20px;\r\n line-height: 26px;\r\n padding-bottom: 34px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-pair--wrapper .bph-h2, #bph-container .bph-pair--wrapper .bph-p {\r\n font-size: 12px;\r\n line-height: 14px\r\n }\r\n }\r\n\r\n #bph-container .bph-pair--wrapper .bph-bottom-bg {\r\n height: 81px;\r\n background: #fff;\r\n width: 100%;\r\n position: absolute;\r\n bottom: 0;\r\n left: 0\r\n }\r\n\r\n #bph-container .bph-pair--wrapper .bph--col-2 {\r\n padding-right: 30px\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n #bph-container .bph-pair--wrapper .bph--col-2 {\r\n padding-left: 40px\r\n }\r\n }\r\n\r\n @media (max-width: 700px) {\r\n #bph-container .bph-pair--wrapper .bph-cols .bph-col--block-mobile {\r\n display: block;\r\n max-width: 100%;\r\n width: 100%;\r\n padding: 0 0 40px\r\n }\r\n\r\n #bph-container .bph-pair--wrapper .bph-cols .bph-col--block-mobile:last-child {\r\n padding: 0\r\n }\r\n }\r\n\r\n #bph-container .bph-derma-range--wrapper .bph-h1 {\r\n font-size: 36px;\r\n line-height: 38px;\r\n padding: 70px 0 30px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-derma-range--wrapper .bph-h1 {\r\n font-size: 22px;\r\n line-height: 24px\r\n }\r\n }\r\n\r\n #bph-container .bph-derma-range--wrapper .bph-img {\r\n width: 100%;\r\n max-width: 992px\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-discover {\r\n padding: 90px 0\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-h1 {\r\n font-size: 36px;\r\n line-height: 38px;\r\n padding: 0 0 44px\r\n }\r\n\r\n @media (max-width: 640px) {\r\n #bph-container .bph-discover--wrapper .bph-h1 {\r\n font-size: 22px;\r\n line-height: 24px\r\n }\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table {\r\n display: table\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr, #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr {\r\n display: table-row\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr .bph-table-td {\r\n display: table-cell;\r\n vertical-align: middle;\r\n padding: 27px 23px;\r\n font-size: 12px\r\n }\r\n\r\n @media (max-width: 1009px) {\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr .bph-table-td {\r\n padding: 15px 11px\r\n }\r\n }\r\n\r\n @media (max-width: 760px) {\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr .bph-table-td {\r\n padding: 10px\r\n }\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr--thead .bph-table-td {\r\n padding: 0;\r\n vertical-align: bottom;\r\n text-align: center;\r\n border: 0;\r\n border-bottom: 3px solid #e1e1e1\r\n }\r\n\r\n @media (max-width: 1009px) {\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr--thead .bph-table-td .bph-img {\r\n width: 100%\r\n }\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr--thead .bph-table-td:last-child {\r\n border-right: 0 none\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table .bph-table-tr--thead .bph-table-td--product {\r\n padding: 0 0 20px\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--desktop {\r\n display: block\r\n }\r\n\r\n @media (max-width: 760px) {\r\n #bph-container .bph-discover--wrapper .bph-table--desktop {\r\n display: none\r\n }\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr:nth-child(2n) {\r\n background: #ebf9fd\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr .bph-table-td {\r\n border-left: 1px solid #e1e1e1;\r\n border-bottom: 1px solid #e1e1e1\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr .bph-table-td:last-child {\r\n border-right: 1px solid #e1e1e1\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr--thead .bph-table-td {\r\n border-left: 0 none;\r\n border-right: 0 none\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--desktop .bph-table-tr--thead .bph-table-td:last-child {\r\n border-right: 0 none\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--mobile {\r\n display: none\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--mobile .bph-img {\r\n width: 100%;\r\n max-width: 123px\r\n }\r\n\r\n @media (max-width: 760px) {\r\n #bph-container .bph-discover--wrapper .bph-table--mobile {\r\n display: block\r\n }\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--mobile .bph-font-gotham-bold {\r\n padding-bottom: 10px\r\n }\r\n\r\n #bph-container .bph-discover--wrapper .bph-table--mobile .bph-table-tr--last .bph-table-td {\r\n padding-bottom: 45px\r\n }\r\n</style>\r\n<div id=\"bph-container\">\r\n <div class=\"bph-header-wrapper\">\r\n <div class=\"bph-header\"><img class=\"bph-img bph-img--desktop\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/header-body-cleanser-400.png\" alt=\"\"/><img\r\n class=\"bph-img bph-img--pad\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/header-pad-body-cleanser-400.png\" alt=\"\"/><img\r\n class=\"bph-img bph-img--mobile\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/header-mobile.png\" alt=\"\"/></div>\r\n <div class=\"bph-header-2 bph-cols bph-mobile-hide\">\r\n <div class=\"bph-col bph-cols bph-col--1 bph-mobile-block\">\r\n <div class=\"bph-col\"><img src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/0-percent.png\" alt=\"\"/></div>\r\n <div class=\"bph-col bph-text-left bph-attrs\"><span class=\"bph-font-gotham-bold\">Preservatives<br/>Fragrance<br/>Colorant</span>\r\n </div>\r\n </div>\r\n <div class=\"bph-col bph-col--2 bph-mobile-block\"><img src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/b5.png\" alt=\"\"/></div>\r\n <div class=\"bph-col bph-col--3 bph-mobile-hide\"><img src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/bayer-logo.png\" alt=\"\"/></div>\r\n </div>\r\n </div>\r\n <div class=\"bph-headings--wrapper\">\r\n <div class=\"bph-headings\">\r\n <div class=\"bph-h1 bph-font-gotham-book\">For the following skin type:</div>\r\n <div class=\"bph-h2 bph-font-gilroy-bold bph-restoring\">Dry & sensitive skin</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-description--wrapper\">\r\n <div class=\"bph-description bph-cols\">\r\n <div class=\"bph-col bph-col--1 bph-col-50\"><img class=\"bph--img bph-img--packshot\"\r\n src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/packshot-body-cleanser-400.png\" alt=\"\"/></div>\r\n <div class=\"bph-col bph-col--2 bph-col-50 bph-mobile-wrapper\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold bph-restoring\"><span class=\"bph-nowrap\">BEPANTHEN<span\r\n class=\"bph-sup\">&reg;&nbsp;</span></span>DERMA<br/>GENTLE BODY <br/>CLEANSER DAILY <br/>WASH GEL\r\n </div>\r\n <div class=\"bph-p bph-p--1\">Gently cleanses dry skin, removing impurities while maintaining its natural\r\n protective barrier. With a mixture of <span\r\n class=\"bph-font-gotham-bold\">mild cleansing agents</span>, this shower gel effectively\r\n cleanses the skin without disturbing its natural moisture levels and gives a feeling of freshness\r\n and softness.\r\n </div>\r\n <div class=\"bph-p\">The <span class=\"bph-font-gotham-bold\">gentle and soap-free composition </span>of\r\n <span class=\"bph-nowrap\">Bepanthen&reg; </span>Derma Body Cleanser is ideal for dry and sensitive\r\n skin.\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-grid-1 bph-cols bph-mobile-wrapper bph-center\">\r\n <div class=\"bph-col bph-col--1 bph-col-50\"><img class=\"bhp-img bph-tile\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/box-body-cleanser-400.png\"\r\n alt=\"\"/>\r\n <div class=\"bph-h1 bph-font-gotham-bold\">Texture</div>\r\n <div class=\"bph-p\"><span class=\"bph-nowrap\">Bepanthen<span class=\"bph-sup\">&reg;</span></span>&nbsp;Body\r\n Cleanser rinses off <br/>easily and does not leave residue.\r\n </div>\r\n </div>\r\n <div class=\"bph-col bph-col--2 bph-col-50\"><img class=\"bhp-img bph-tile\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/box-2-body-cleanser-400.png\"\r\n alt=\"\"/>\r\n <div class=\"bph-h1 bph-font-gotham-bold\">Application</div>\r\n <div class=\"bph-p\">Massage onto wet skin and rinse thoroughly.</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-take-care--wrapper\">\r\n <div class=\"bph-take-care\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold bph-mobile-wrapper\">Take good care of your skin</div>\r\n <div class=\"bph-cols bph-mobile-wrapper\">\r\n <div class=\"bph-col bph-col--1\">\r\n <div class=\"bph-li\">Soothes itchy dry skin (every time you shower)</div>\r\n <div class=\"bph-li\">Gives a feeling of freshness & softness</div>\r\n </div>\r\n <div class=\"bph-col bph-col--2\">\r\n <div class=\"bph-li\">Protects, replenishes and maintains the skin's natural moisture levels</div>\r\n <div class=\"bph-li\">Protects the natural barrier of the skin</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-blue-box--wrapper\">\r\n <div class=\"bph-center\">\r\n <div class=\"bph-col bph-col-50 bph-cols bph-col--block-mobile\">\r\n <div class=\"bph-col bph-col--ico\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/ico-colorant.png\" alt=\"\"/></div>\r\n <div class=\"bph-col bph-text-left\">Preservatives, colorant<br/>and <span class=\"bph-font-gotham-bold\">fragrance free </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-hydrate--wrapper bph-mobile-wrapper\">\r\n <div class=\"bph-hydrate\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold\">Hydrate your Skin from Deep Within</div>\r\n <div class=\"bph-p\">The new <span class=\"bph-nowrap\">Bepanthen<span class=\"bph-sup\">&reg; </span></span>&nbsp;Derma\r\n range has a unique combination of ingredients that has been endorsed by experts and provides immediate\r\n relief from the symptoms of dry skin while also addressing the underlying cause.\r\n </div>\r\n <div class=\"bph-p\">Together these make up the Dexpanthenol Repair Complex.</div>\r\n <div class=\"bph-p bph-center\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/pic.png\" alt=\"\"/></div>\r\n </div>\r\n </div>\r\n <div class=\"bph-repair-complex--wrapper\">\r\n <div class=\"bph-div\"></div>\r\n <div class=\"bph-repair-complex bph-mobile-wrapper\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold\">Dexpanthenol Repair Complex</div>\r\n <div class=\"bph-repair-complex-inner\">\r\n <div class=\"bph-center\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/tube-body-cleanser-400.png\" alt=\"\"/></div>\r\n <div class=\"bph-prop bph-prop--1 bph-prop--derma-200\">\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">Dexpanthenol</div>\r\n Regenerates the skin <br/>from within\r\n <div class=\"bph-prop-line\"></div>\r\n </div>\r\n <div class=\"bph-prop bph-prop--2 bph-prop--derma-200\">\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">Niacinamide</div>\r\n Soothing itchy, dry skin\r\n <div class=\"bph-prop-line\"></div>\r\n </div>\r\n <div class=\"bph-prop bph-prop--3 bph-prop--derma-200\">\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">Glycerine</div>\r\n Provides immediate and <br/>long lasting moisturization\r\n <div class=\"bph-prop-line\"></div>\r\n </div>\r\n <div class=\"bph-prop bph-prop--4 bph-prop--derma-200\">\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">Physiological lipid</div>\r\n Restore barrier function\r\n <div class=\"bph-prop-line bph-right\"></div>\r\n </div>\r\n <div class=\"bph-prop bph-prop--5 bph-prop--derma-200\">\r\n <div class=\"bph-h2 bph-font-gilroy-bold\"> Argan oil</div>\r\n Replaces lost skin lipids\r\n <div class=\"bph-prop-line bph-right\"></div>\r\n </div>\r\n </div>\r\n <div class=\"bph-bottom-bg bph-pad-hide\"></div>\r\n </div>\r\n </div>\r\n <div class=\"bph-trusted--wrapper\">\r\n <div class=\"bph-trusted bph-mobile-wrapper\">\r\n <div class=\"bph-cols bph-center bph-icons\">\r\n <div class=\"bph-col bph-col-50 bph-col--block-mobile\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/ico-clinically.png\"\r\n alt=\"\"/>\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">Clinically proven for efficacy <br/>and tolerance</div>\r\n </div>\r\n <div class=\"bph-col bph-col-50 bph-col--block-mobile\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/ico-dermatology.png\"\r\n alt=\"\"/>\r\n <div class=\"bph-h2 bph-font-gilroy-bold\">Dermatologically tested</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-h1 bph-font-gilroy-bold bph-center bph-h1--title\">Trusted customer satisfaction</div>\r\n <div class=\"bph-cols bph-numbers bph-center\">\r\n <div class=\"bph-col bph-col-50 bph-col--1 bph-col--block-mobile\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold\">83%</div>\r\n <div class=\"bph-h2\">of users*</div>\r\n <div class=\"bph-p bph-mobile-no-br\">said that the product effectively cleaned without irritating dry\r\n skin\r\n </div>\r\n <div class=\"bph-stars\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/stars.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-col bph-col-50 bph-col--2 bph-col--block-mobile\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold\">90%</div>\r\n <div class=\"bph-h2\">of users*</div>\r\n <div class=\"bph-p bph-mobile-no-br\">said that the product was pleasant to use<br/><br/><br/></div>\r\n <div class=\"bph-stars\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/stars.png\" alt=\"\"/></div>\r\n </div>\r\n </div>\r\n <div class=\"bph-copy\">Percentages shown represent levels of agreement based on the results of a subjective\r\n questionnaire (7-point scale; top 3 boxes – slightly, moderately and strongly agree). The questionnaire\r\n was completed at the end of the study after using the product for 28 days.\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-pair--wrapper\">\r\n <div class=\"bph-div\"></div>\r\n <div class=\"bph-pair bph-cols bph-mobile-wrapper\">\r\n <div class=\"bph-col bph-col-50 bph-col--block-mobile\"><img class=\"bph-img bph-img--pair\"\r\n src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/pair-body-cleanser-400.png\" alt=\"\"/></div>\r\n <div class=\"bph-col bph-col-50 bph-mobile-no-br bph-col--block-mobile bph--col-2\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold\">Pair your <span class=\"bph-nowrap\"> Bepanthen<span\r\n class=\"bph-sup\">&reg;</span></span></div>\r\n <div class=\"bph-h2 bph bph-font-gotham-bold\">Derma Gentle Body Cleanser with our <span\r\n class=\"bph-nowrap\"> Bepanthen<span class=\"bph-sup\">&reg;</span></span>&nbsp;Derma Restoring Body\r\n Lotion.\r\n </div>\r\n <div class=\"bph-p\">Our <span class=\"bph-nowrap\"> Bepanthen<span class=\"bph-sup\">&reg;</span></span>&nbsp;Derma\r\n Gentle Body <br/>Cleanser is specially designed and suitable <br/>for daily cleaning of the skin.\r\n </div>\r\n <div class=\"bph-p\">Spread the product on your skin with <br/>gentle, circular movements and rinse <br/>thoroughly.\r\n Afterwards, use the <span class=\"bph-nowrap\">Bepanthen<span\r\n class=\"bph-sup\">&reg; </span></span><br/>Derma Replenishing Body Lotion for <br/>comprehensive\r\n moisturising care.\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-bottom-bg bph-pad-hide\"></div>\r\n </div>\r\n <div class=\"bph-derma-range--wrapper\">\r\n <div class=\"bph-derma-range bph-mobile-wrapper\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold bph-center\"><span class=\"bph-nowrap\">Bepanthen<span class=\"bph-sup\">&reg;</span></span>\r\n <span>Derma range</span></div>\r\n <img class=\"bph-img bph-mobile-hide\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/derma.png\" alt=\"\"/><img class=\"bph-img bph-mobile-show\"\r\n src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/derma-mobile.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-blue-box--wrapper bph-mobile-wrapper\">\r\n <div class=\"bph-blue-box bph-cols\">\r\n <div class=\"bph-col bph-col--1 bph-col--block-mobile\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold\">Our story</div>\r\n <div class=\"bph-p bph-mobile-no-br bph-col--block-mobile\">With over 75 years of medicated skincare <br/>experience,\r\n <span class=\"bph-nowrap\">Bepanthen<span class=\"bph-sup\">&reg; </span></span>&nbsp;is a trusted brand\r\n with <br/>a long heritage of dermatological expertise and <br/>a commitment to developing formulas\r\n that are <br/>both effective and gentle.\r\n </div>\r\n </div>\r\n <div class=\"bph-col bph-col--2 bph-75 bph-col--block-mobile\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/75.png\" alt=\"\"/>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-discover--wrapper\">\r\n <div class=\"bph-discover\">\r\n <div class=\"bph-h1 bph-font-gilroy-bold bph-center bph-mobile-wrapper\"> Discover the <span\r\n class=\"bph-nowrap\"> Bepanthen<span class=\"bph-sup\">&reg;</span></span> <span>Derma range</span>\r\n </div>\r\n <div class=\"bph-table bph-center bph-table--desktop\">\r\n <div class=\"bph-table-tr bph-table-tr--thead\">\r\n <div class=\"bph-table-td bph-table-td--product bph-font-gotham-bold\">Product<br/>name</div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-1.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-2.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-3.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-4.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-5.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-6.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td bph-font-gotham-bold\">Skin type</div>\r\n <div class=\"bph-table-td\">Dry and sensitive skin</div>\r\n <div class=\"bph-table-td\">Very dry and sensitive skin</div>\r\n <div class=\"bph-table-td\">Dry and sensitive skin</div>\r\n <div class=\"bph-table-td\">Dry and sensitive skin</div>\r\n <div class=\"bph-table-td\">Rough and very dry skin</div>\r\n <div class=\"bph-table-td\">Dry and sensitive skin</div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td bph-font-gotham-bold\">Main advantages</div>\r\n <div class=\"bph-table-td\">48 hours of immediate and long lasting hydration for soft &&nbsp;smooth\r\n skin lasting up to 4&nbsp;weeks<br> <br> 0%<br> Preservatives<br> Fragrance<br> Colorant\r\n </div>\r\n <div class=\"bph-table-td\">48 hours of immediate and long lasting hydration for soft &&nbsp;smooth\r\n skin lasting up to 4&nbsp;weeks<br> <br> 0%<br> Preservatives<br> Fragrance<br> Colorant\r\n </div>\r\n <div class=\"bph-table-td\">Soap free formula that cleanses while maintaining skin's natural\r\n barrier<br> <br> 0%<br> Preservatives<br> Fragrance<br> Colorant<br></div>\r\n <div class=\"bph-table-td\">48 hours of immediate and long lasting hydration for soft &&nbsp;smooth\r\n skin with UVA/UVB protection SPF&nbsp;25<br> <br> 0%<br> Preservatives<br> Fragrance<br>\r\n Colorant\r\n </div>\r\n <div class=\"bph-table-td\">Regenerates &&nbsp;rehydrates the skin overnight<br> <br> 0%<br>\r\n Preservatives<br> Fragrance<br> Colorant\r\n </div>\r\n <div class=\"bph-table-td\">Soap free formula that cleanses while maintaining skin's natural\r\n barrier<br> <br> 0%<br> Preservatives<br> Fragrance<br> Colorant\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td bph-font-gotham-bold\">Consistency</div>\r\n <div class=\"bph-table-td\">Light, non-sticky texture, rapidly absorbed</div>\r\n <div class=\"bph-table-td\">Absorbed quickly with no greasy residue</div>\r\n <div class=\"bph-table-td\">Rinses off easily and does not leave residues</div>\r\n <div class=\"bph-table-td\">Rich non-sticky formula that absorbs quickly in to the skin providing\r\n immediate hydration\r\n </div>\r\n <div class=\"bph-table-td\">Absorbs quickly in to the skin providing immediate hydration to soothe\r\n tightness\r\n </div>\r\n <div class=\"bph-table-td\">Rinses off easily and does not leave residues</div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td bph-font-gotham-bold\">Dermatologically tested</div>\r\n <div class=\"bph-table-td\">Yes</div>\r\n <div class=\"bph-table-td\">Yes</div>\r\n <div class=\"bph-table-td\">Yes</div>\r\n <div class=\"bph-table-td\">Yes</div>\r\n <div class=\"bph-table-td\">Yes</div>\r\n <div class=\"bph-table-td\">Yes</div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td bph-font-gotham-bold\">Available sizes</div>\r\n <div class=\"bph-table-td bph-nowrap\">400ml / 200ml</div>\r\n <div class=\"bph-table-td bph-nowrap\">400ml / 200ml</div>\r\n <div class=\"bph-table-td bph-nowrap\">400ml</div>\r\n <div class=\"bph-table-td bph-nowrap\">50ml</div>\r\n <div class=\"bph-table-td bph-nowrap\">50ml</div>\r\n <div class=\"bph-table-td bph-nowrap\">200ml</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table bph-center bph-table--mobile\">\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-1.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-2.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Skin type</div>\r\n <div>Dry and sensitive skin</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Skin type</div>\r\n <div>Very dry and sensitive skin</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Main advantages</div>\r\n <div>48 hours of immediate and long lasting hydration for soft &&nbsp;smooth skin lasting up to\r\n 4&nbsp;weeks<br> <br> 0%<br> Preservatives<br> Fragrance<br> Colorant\r\n </div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Main advantages</div>\r\n <div>48 hours of immediate and long lasting hydration for soft &&nbsp;smooth skin lasting up to\r\n 4&nbsp;weeks<br> <br> 0%<br> Preservatives<br> Fragrance<br> Colorant\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Consistency</div>\r\n <div>Light, non-sticky texture, rapidly absorbed</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Consistency</div>\r\n <div>Absorbed quickly with no greasy residue</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Dermatologically tested</div>\r\n <div>Yes</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Dermatologically tested</div>\r\n <div>Yes</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr bph-table-tr--last\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Available sizes</div>\r\n <div>400ml / 200ml</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Available sizes</div>\r\n <div>400ml / 200ml</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-3.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-4.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Skin type</div>\r\n <div>Dry and sensitive skin</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Skin type</div>\r\n <div>Dry and sensitive skin</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Main advantages</div>\r\n <div>Soap free formula that cleanses while maintaining skin's natural barrier<br> <br> 0%<br>\r\n Preservatives<br> Fragrance<br> Colorant<br></div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Main advantages</div>\r\n <div>48 hours of immediate and long lasting hydration for soft &&nbsp;smooth skin with UVA/UVB\r\n protection SPF&nbsp;25<br> <br> 0%<br> Preservatives<br> Fragrance<br> Colorant\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Consistency</div>\r\n <div>Rinses off easily and does not leave residues</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Consistency</div>\r\n <div>Rich non-sticky formula that absorbs quickly in to the skin providing immediate hydration\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Dermatologically tested</div>\r\n <div>Yes</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Dermatologically tested</div>\r\n <div>Yes</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr bph-table-tr--last\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Available sizes</div>\r\n <div>400ml</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Available sizes</div>\r\n <div>50ml</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-5.png\" alt=\"\"/></div>\r\n <div class=\"bph-table-td\"><img class=\"bph-img\" src=\"//cdn.storehippo.com/s/5e5b8eb5e1a30016118f588f/ms.files/bepanthen/prod-6.png\" alt=\"\"/></div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Skin type</div>\r\n <div>Rough and very dry skin</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Skin type</div>\r\n <div>Dry and sensitive skin</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Main advantages</div>\r\n <div>Regenerates &&nbsp;rehydrates the skin overnight<br> <br> 0%<br> Preservatives<br>\r\n Fragrance<br> Colorant\r\n </div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Main advantages</div>\r\n <div>Soap free formula that cleanses while maintaining skin's natural barrier<br> <br> 0%<br>\r\n Preservatives<br> Fragrance<br> Colorant\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Consistency</div>\r\n <div>Absorbs quickly in to the skin providing immediate hydration to soothe tightness</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Consistency</div>\r\n <div>Rinses off easily and does not leave residues</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Dermatologically tested</div>\r\n <div>Yes</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Dermatologically tested</div>\r\n <div>Yes</div>\r\n </div>\r\n </div>\r\n <div class=\"bph-table-tr bph-table-tr--last\">\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Available sizes</div>\r\n <div>50ml</div>\r\n </div>\r\n <div class=\"bph-table-td\">\r\n <div class=\"bph-font-gotham-bold\">Available sizes</div>\r\n <div>200ml</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>","kunooz_seo":{},"whites_seo":{}},"categories":["personal-care","bath-shower-and-spa","shower-gel-and-body-wash","bath-and-shower","shower-gels-and-body-wash"],"inventory_quantity":5,"price":131.56,"seller":"5e5ba36356297b5dd7d7df93","available":true,"sort_order":0,"images":[{"image":"6450abb96721b0beb9b21419/6285074003728.png","caption":"","tags":""},{"image":"6450abb96721b0beb9b2141b/6285074003728-1.png","caption":"","tags":""},{"image":"6450abb96721b0beb9b2141d/6285074003728-2.png","caption":"","tags":""}],"alias":"bepanthen-r-derma-gentle-body-cleanser-400-ml-bottle","collections":["all-items-live-2024","non-medicine","arajhi-jan","tiqmo","non-medicine-2024","elm","almatar-collection20","labubu-free-gift","mis-pay-discount-items","august-for-american-express-card","wh15s","arb","ncosh"],"list_price":131.56,"our_price":131.56,"original_price":131.56,"discounts_total":0,"discounts_percentage":"0.000","discount_total":0,"original_sort_order":0,"entity_type":"ms.products","selected_options":{},"selected_variant":{}}

{"_id":"5e9db7e10b0b287d1ab2c2bd","name":"Deeply Nourishing Shower Gel 500Ml","price":50.74,"sku":"32507","inventory_quantity":13,"metafields":{"offer_data":"25%-20/09/2023","gtin_1":"8712561803618","gtin_2":"8711600426429","Selling_Group_A":2,"Brand_Class_A":5,"In_Promotion_A":1,"New_Launch_A":2,"On_Focus_A":2,"Seasonality_A":2,"kunooz_categories":["shower-gels-and-body-wash","bath-and-shower","personal-care"],"whites_categories":["shower-gel-and-body-wash","bath-shower-and-spa","personal-care"],"unitSAP":"EA","kunooz_product_type":[],"health_conditions":[],"frequently_bought":[],"use_it_with":[],"pick_your_free_items":[],"combo_offer":[],"skin_tone":[],"lips":[],"benefits":"<ul class=\"a-unordered-list a-vertical\">\n<li><span class=\"a-list-item\">Gives you softer, smoother skin after just one shower</span></li>\n<li><span class=\"a-list-item\">Nutrium Moisture technology delivers natural nutrients to the skin</span></li>\n<li><span class=\"a-list-item\">Nourishes deep into the surface layers of the skin</span></li>\n<li><span class=\"a-list-item\">Helps maintain your skin&rsquo;s moisture barrier as you cleanse</span></li>\n<li><span class=\"a-list-item\">Mild, gentle formula is kind to your skin</span></li>\n<li><span class=\"a-list-item\">Suitable for daily use</span></li>\n</ul>","how_to_use":"<p><span>Simply squeeze a generous amount of body wash onto your hands or a shower puff and enjoy the lather and refreshing scent before rinsing.</span></p>","what_is":"","therapeutic_uses":"","dosage_and_administration":"","contraindication_and_drug_interaction":"","warning_and_precautions":"","side_effects":"","more_information":"","kunooz_seo":{},"whites_seo":{},"ingredients":""},"seller":"5e5ba36356297b5dd7d7df93","available":true,"images":[{"image":"ms.products/5e9db7e10b0b287d1ab2c2bd/images/5e9f211abd941c424267a157/5e9db7e10b0b287d1ab2c2bd/5e9db7e10b0b287d1ab2c2bd.jpg","caption":"","tags":""},{"image":"633c0db7b7a80825ad6487fb/32507-1.jpg"},{"image":"633c0dc3b7a80825ad648c28/32507-2.jpg"},{"image":"633c0dcfb7a80825ad649424/32507-3.jpg"},{"image":"633c0ddbb7a80825ad6499f7/32507-4.jpg"},{"image":"633c0de9b7a80825ad649f68/32507-5.jpg"}],"alias":"deeply-nourishing-shower-gel-500ml","sort_order":0,"brand":"DOVE","categories":["personal-care","bath-shower-and-spa","shower-gel-and-body-wash","bath-and-shower","shower-gels-and-body-wash"],"collections":["express-personal-care","whites-may-personal-care","kunooz-may-personal-care","bath-and-spa","what-your-skin-needs-in-winter","arajhi-jan","non-medicine","all-items-live-2024","non-medicine-2024","tiqmo","personal-best-offers","elm","labubu-free-gift","mis-pay-discount-items","wh15s","arb","ncosh"],"list_price":50.74,"our_price":50.74,"original_price":50.74,"discounts_total":0,"discounts_percentage":"0.000","discount_total":0,"original_sort_order":0,"entity_type":"ms.products","selected_options":{},"selected_variant":{}}

{"_id":"5efb48c989c72e84674b379c","name":"Eucerin Ph5 Shower Oil","price":122.36000000000001,"sku":"16326","sort_order":0,"inventory_quantity":3,"metafields":{"offer_data":"25%","benefits":"<ul>\n<li>Enriched with natural care oils that intensely nourish the skin</li>\n<li>Soft foam for gentle cleaning</li>\n<li>Prevents dryness and even frequent use</li>\n<li>Keeps skin supple</li>\n<li>Rich and nourishing daily body cleanser protects natural skin defense mechanisms</li>\n<li>Sustainability and Environment</li>\n<li>Free from microplastics (as defined by UNEP)</li>\n</ul>","how_to_use":"<p><span>Step 1: Wet skin thoroughly under shower</span><br /><span>Step 2: Pour a small amount of oil onto hands</span><br /><span>Step 3: Gently massage oil onto wet skin</span><br /><span>Step 4: Rinse thoroughly with water</span><br /><span>Step 5: Pat skin dry and follow with serum and moisturizer</span></p>","gtin_1":"4005800019531","Selling_Group_A":3,"Brand_Class_A":4,"In_Promotion_A":1,"New_Launch_A":2,"On_Focus_A":2,"Seasonality_A":2,"kunooz_categories":["shower-gels-and-body-wash","bath-and-shower","personal-care"],"whites_categories":["shower-gel-and-body-wash","bath-shower-and-spa","personal-care"],"unitSAP":"EA","kunooz_product_type":[],"health_conditions":[],"frequently_bought":[],"use_it_with":[],"pick_your_free_items":[],"combo_offer":[],"skin_tone":[],"lips":[],"what_is":"","therapeutic_uses":"","dosage_and_administration":"","contraindication_and_drug_interaction":"","warning_and_precautions":"","side_effects":"","more_information":"","ingredients":"<ul>\n<li>pH5 citrate buffer: helps to restore and maintain the skin's natural pH balance</li>\n<li><a node=\"[object Object]\" class=\"MarkdownLink_linkifiedLink__KxC9G\">Dexpanthenol</a>: nourishes and soothes the skin, promoting skin health</li>\n</ul>"},"seller":"5e5ba36356297b5dd7d7df93","available":true,"images":[{"image":"6231c54cba7f43564404f58b/16326.jpg","caption":"","tags":""},{"image":"6231c54cba7f43564404f58d/16326-1.jpg","caption":"","tags":""},{"image":"6231c54cba7f43564404f58f/16326-2.jpg","caption":"","tags":""},{"image":"6231c54cba7f43564404f591/16326-3.jpg","caption":"","tags":""},{"image":"6231c54cba7f43564404f593/16326-4.jpg","caption":"","tags":""},{"image":"6231c54cba7f43564404f595/16326-5.jpg","caption":"","tags":""}],"alias":"eucerin-ph5-shower-oil","brand":"EUCERIN","collections":["8-nov-30percent","skin-care-offers","exclude-from-loyalty","exclude-from-coupon","bath-and-spa","what-your-skin-needs-in-winter","non-medicine","all-items-live-2024","non-medicine-2024","tiqmo","elm","almatar-collection20","labubu-free-gift","mis-pay-discount-items","ncosh","arb"],"categories":["personal-care","bath-shower-and-spa","shower-gel-and-body-wash","bath-and-shower","shower-gels-and-body-wash"],"avg_rating":0,"num_reviews":0,"list_price":174.8,"our_price":174.8,"original_price":174.8,"discounts_total":52.44,"discounts_percentage":30,"discount_total":52.44,"discounts":[{"_id":"6894a557d33795b51134fac9","name":"30% Off","saved_amount":52.44,"type":"percentage","amount":30,"description":"Save 30%"}],"original_sort_order":0,"entity_type":"ms.products","selected_options":{},"selected_variant":{}}