{"product_id":"anti-perspirant-deo-cream","title":"Anti Perspirant Deo Cream","description":"\u003cdiv style=\"font-family: Arial, Helvetica, sans-serif; color:#333333; line-height:1.7; max-width:900px; margin:0 auto; padding:10px 0;\"\u003e\n\n  \u003c!-- Intro --\u003e\n  \u003cdiv style=\"margin:0 0 35px 0;\"\u003e\n    \u003ch2 style=\"font-size:28px; line-height:1.3; color:#222222; margin:0 0 18px 0; font-weight:700;\"\u003e\n      A'sense Antiperspirant Deo Cream\n    \u003c\/h2\u003e\n\n    \u003cp style=\"font-size:16px; margin:0 0 15px 0;\"\u003e\n      Experience everyday freshness and underarm care with\n      \u003cstrong\u003eA'sense Antiperspirant Deo Cream\u003c\/strong\u003e, a 3-in-1 formula designed to help\n      control perspiration, reduce odor, and care for the appearance of underarm skin.\n    \u003c\/p\u003e\n\n    \u003cp style=\"font-size:16px; margin:0 0 15px 0;\"\u003e\n      Enriched with \u003cstrong\u003eAluminium Chlorohydrate, Niacinamide, Arbutin, Allantoin,\n      Aloe Vera, Chamomile Extract, Dexpanthenol, and Glycerin\u003c\/strong\u003e, this formula\n      combines sweat control with skin-soothing and brightening care.\n    \u003c\/p\u003e\n\n    \u003cp style=\"font-size:16px; margin:0;\"\u003e\n      Its fresh floral fragrance opens with sparkling citrus and green notes before\n      developing into a soft floral heart and a warm, smooth woody base.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Why You'll Love It --\u003e\n  \u003cdiv style=\"margin:0 0 38px 0; padding:25px 28px; background:#f8f8f6; border-radius:10px; border:1px solid #eeeeea;\"\u003e\n    \u003ch2 style=\"font-size:23px; color:#222222; margin:0 0 18px 0; font-weight:700;\"\u003e\n      Why You'll Love It\n    \u003c\/h2\u003e\n\n    \u003cul style=\"margin:0; padding-left:22px; font-size:15.5px;\"\u003e\n      \u003cli style=\"margin-bottom:9px;\"\u003eHelps control excessive perspiration\u003c\/li\u003e\n      \u003cli style=\"margin-bottom:9px;\"\u003eHelps keep underarms fresh and odor-free\u003c\/li\u003e\n      \u003cli style=\"margin-bottom:9px;\"\u003eSupports a more even-looking underarm skin tone\u003c\/li\u003e\n      \u003cli style=\"margin-bottom:9px;\"\u003eHelps soothe dryness and irritation associated with shaving\u003c\/li\u003e\n      \u003cli style=\"margin-bottom:9px;\"\u003eFresh, clean floral fragrance\u003c\/li\u003e\n      \u003cli style=\"margin-bottom:9px;\"\u003eSuitable for everyday personal care\u003c\/li\u003e\n      \u003cli\u003eEasy-to-apply cream formula\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n    \u003c!-- A'sense Fragrance Notes Accordion --\u003e\n\u003cdiv class=\"asense-fragrance\"\u003e\n\n  \u003ch2 class=\"asense-fragrance-title\"\u003eFragrance Profile\u003c\/h2\u003e\n\n  \u003c!-- Top Notes --\u003e\n  \u003cdiv class=\"asense-note\"\u003e\n\n    \u003cbutton class=\"asense-note-header\" type=\"button\"\u003e\n      \u003cdiv\u003e\n        \u003cspan class=\"asense-note-label\"\u003eTOP NOTES\u003c\/span\u003e\n        \u003cspan class=\"asense-note-title\"\u003eOpening\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cspan class=\"asense-note-icon\"\u003e+\u003c\/span\u003e\n    \u003c\/button\u003e\n\n    \u003cdiv class=\"asense-note-content\"\u003e\n\n      \u003cdiv class=\"asense-note-inner\"\u003e\n\n        \u003cp class=\"asense-ingredients\"\u003e\n          \u003cstrong\u003eMandarin Orange\u003c\/strong\u003e\n          \u003cspan\u003e•\u003c\/span\u003e\n          \u003cstrong\u003eCamellia\u003c\/strong\u003e\n          \u003cspan\u003e•\u003c\/span\u003e\n          \u003cstrong\u003eBlack Currant\u003c\/strong\u003e\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          \u003cstrong\u003eScent Character:\u003c\/strong\u003e\n          A sparkling, juicy, citrusy opening with a crisp green freshness.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- Heart Notes --\u003e\n  \u003cdiv class=\"asense-note\"\u003e\n\n    \u003cbutton class=\"asense-note-header\" type=\"button\"\u003e\n      \u003cdiv\u003e\n        \u003cspan class=\"asense-note-label\"\u003eHEART NOTES\u003c\/span\u003e\n        \u003cspan class=\"asense-note-title\"\u003eMiddle\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cspan class=\"asense-note-icon\"\u003e+\u003c\/span\u003e\n    \u003c\/button\u003e\n\n    \u003cdiv class=\"asense-note-content\"\u003e\n\n      \u003cdiv class=\"asense-note-inner\"\u003e\n\n        \u003cp class=\"asense-ingredients\"\u003e\n          \u003cstrong\u003eHoneysuckle\u003c\/strong\u003e\n          \u003cspan\u003e•\u003c\/span\u003e\n          \u003cstrong\u003eRose\u003c\/strong\u003e\n          \u003cspan\u003e•\u003c\/span\u003e\n          \u003cstrong\u003eLily\u003c\/strong\u003e\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          \u003cstrong\u003eScent Character:\u003c\/strong\u003e\n          A fresh floral heart with noticeable rose and honeysuckle accords,\n          creating a clean, airy impression.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- Base Notes --\u003e\n  \u003cdiv class=\"asense-note\"\u003e\n\n    \u003cbutton class=\"asense-note-header\" type=\"button\"\u003e\n      \u003cdiv\u003e\n        \u003cspan class=\"asense-note-label\"\u003eBASE NOTES\u003c\/span\u003e\n        \u003cspan class=\"asense-note-title\"\u003eDry Down\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cspan class=\"asense-note-icon\"\u003e+\u003c\/span\u003e\n    \u003c\/button\u003e\n\n    \u003cdiv class=\"asense-note-content\"\u003e\n\n      \u003cdiv class=\"asense-note-inner\"\u003e\n\n        \u003cp class=\"asense-ingredients\"\u003e\n          \u003cstrong\u003eJasmine\u003c\/strong\u003e\n          \u003cspan\u003e•\u003c\/span\u003e\n          \u003cstrong\u003eCedar\u003c\/strong\u003e\n          \u003cspan\u003e•\u003c\/span\u003e\n          \u003cstrong\u003eSandalwood\u003c\/strong\u003e\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          \u003cstrong\u003eScent Character:\u003c\/strong\u003e\n          A smooth floral-woody finish that adds warmth and sophistication.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n  \u003c!-- Scent Profile --\u003e\n  \u003cdiv style=\"margin:0 0 38px 0; padding:25px 28px; border:1px solid #e5e5e5; border-radius:10px;\"\u003e\n\n    \u003ch2 style=\"font-size:23px; color:#222222; margin:0 0 20px 0;\"\u003e\n      Scent Profile\n    \u003c\/h2\u003e\n\n    \u003cdiv style=\"margin-bottom:10px; font-size:15.5px;\"\u003e\n      \u003cstrong style=\"display:inline-block; width:110px;\"\u003eFreshness:\u003c\/strong\u003e\n      \u003cspan style=\"letter-spacing:2px;\"\u003e★★★★★\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"margin-bottom:10px; font-size:15.5px;\"\u003e\n      \u003cstrong style=\"display:inline-block; width:110px;\"\u003eFloral:\u003c\/strong\u003e\n      \u003cspan style=\"letter-spacing:2px;\"\u003e★★★★☆\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"margin-bottom:10px; font-size:15.5px;\"\u003e\n      \u003cstrong style=\"display:inline-block; width:110px;\"\u003eWoody:\u003c\/strong\u003e\n      \u003cspan style=\"letter-spacing:2px;\"\u003e★★★☆☆\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"margin-bottom:10px; font-size:15.5px;\"\u003e\n      \u003cstrong style=\"display:inline-block; width:110px;\"\u003eCitrus:\u003c\/strong\u003e\n      \u003cspan style=\"letter-spacing:2px;\"\u003e★★☆☆☆\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"margin-bottom:20px; font-size:15.5px;\"\u003e\n      \u003cstrong style=\"display:inline-block; width:110px;\"\u003eSweetness:\u003c\/strong\u003e\n      \u003cspan style=\"letter-spacing:2px;\"\u003e★★☆☆☆\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding-top:16px; border-top:1px solid #eeeeee; font-size:15px;\"\u003e\n      \u003cstrong\u003eLongevity:\u003c\/strong\u003e\n      Moderate — approximately 5–7 hours, depending on skin and environmental conditions.\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- What's Inside --\u003e\n  \u003cdiv style=\"margin:0 0 38px 0;\"\u003e\n\n    \u003ch2 style=\"font-size:25px; color:#222222; margin:0 0 25px 0; border-bottom:1px solid #dddddd; padding-bottom:12px;\"\u003e\n      What's Inside\n    \u003c\/h2\u003e\n\n    \u003cdiv style=\"margin-bottom:24px;\"\u003e\n      \u003ch3 style=\"font-size:19px; margin:0 0 8px 0; color:#333333;\"\u003e\n        Sweat Control\n      \u003c\/h3\u003e\n\n      \u003cp style=\"font-size:15.5px; margin:0 0 6px 0;\"\u003e\n        \u003cstrong\u003eAluminium Chlorohydrate\u003c\/strong\u003e\n      \u003c\/p\u003e\n\n      \u003cp style=\"font-size:15px; margin:0;\"\u003e\n        Helps reduce perspiration and control sweating.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"margin-bottom:24px;\"\u003e\n      \u003ch3 style=\"font-size:19px; margin:0 0 8px 0; color:#333333;\"\u003e\n        Underarm Brightening\n      \u003c\/h3\u003e\n\n      \u003cp style=\"font-size:15.5px; margin:0 0 6px 0;\"\u003e\n        \u003cstrong\u003eNiacinamide \u0026amp; Arbutin\u003c\/strong\u003e\n      \u003c\/p\u003e\n\n      \u003cp style=\"font-size:15px; margin:0;\"\u003e\n        These ingredients help support a more even-looking skin tone and improve\n        the appearance of uneven pigmentation.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n      \u003ch3 style=\"font-size:19px; margin:0 0 8px 0; color:#333333;\"\u003e\n        Skin Soothing \u0026amp; Care\n      \u003c\/h3\u003e\n\n      \u003cp style=\"font-size:15.5px; margin:0 0 6px 0;\"\u003e\n        \u003cstrong\u003eAllantoin, Aloe Vera Extract, Chamomile Extract, Dexpanthenol \u0026amp; Glycerin\u003c\/strong\u003e\n      \u003c\/p\u003e\n\n      \u003cp style=\"font-size:15px; margin:0;\"\u003e\n        These ingredients help support skin comfort and counteract dryness or irritation\n        that may occur after shaving.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- How to Apply --\u003e\n  \u003cdiv style=\"margin:0 0 38px 0; padding:25px 28px; background:#f8f8f6; border-radius:10px;\"\u003e\n\n    \u003ch2 style=\"font-size:23px; color:#222222; margin:0 0 20px 0;\"\u003e\n      How to Apply\n    \u003c\/h2\u003e\n\n    \u003col style=\"margin:0; padding-left:24px; font-size:15.5px;\"\u003e\n      \u003cli style=\"margin-bottom:12px;\"\u003e\n        Start with \u003cstrong\u003eclean, completely dry underarms\u003c\/strong\u003e. Moisture can reduce\n        how well the active ingredients adhere to the skin.\n      \u003c\/li\u003e\n\n      \u003cli style=\"margin-bottom:12px;\"\u003e\n        Apply a \u003cstrong\u003esmall, pea-sized amount\u003c\/strong\u003e to each underarm.\n      \u003c\/li\u003e\n\n      \u003cli style=\"margin-bottom:12px;\"\u003e\n        Spread evenly over the entire underarm area in a thin layer.\n      \u003c\/li\u003e\n\n      \u003cli style=\"margin-bottom:12px;\"\u003e\n        For best results, apply \u003cstrong\u003eat night\u003c\/strong\u003e when sweat glands are generally less active.\n      \u003c\/li\u003e\n\n      \u003cli style=\"margin-bottom:12px;\"\u003e\n        Allow the product to \u003cstrong\u003edry for 1–2 minutes\u003c\/strong\u003e before getting dressed\n        to help prevent transfer onto clothing.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        For excessive sweating, use consistently as directed. Once sweating is controlled,\n        application may be reduced to \u003cstrong\u003e2–3 nights per week\u003c\/strong\u003e, as appropriate.\n      \u003c\/li\u003e\n    \u003c\/ol\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- Ingredients --\u003e\n  \u003cdiv style=\"margin:0 0 38px 0;\"\u003e\n\n    \u003ch2 style=\"font-size:25px; color:#222222; margin:0 0 15px 0; border-bottom:1px solid #dddddd; padding-bottom:12px;\"\u003e\n      Full Ingredients\n    \u003c\/h2\u003e\n\n    \u003cp style=\"font-size:14.5px; line-height:1.8; margin:0; color:#555555;\"\u003e\n      Aqua, Aluminium Chlorohydrate, Acrylate Copolymer, Glyceryl Stearate \u0026amp;\n      PEG-100 Stearate, Steareth-20, Glyceryl Monostearate, Cetearyl Alcohol,\n      Glycerin, Isopropyl Palmitate, Allantoin, Starch, Niacinamide, Arbutin,\n      Chamomile Extract, Aloe Vera Extract, Cyclopentasiloxane, Dimethicone\n      Crosspolymer, Dexpanthenol, Phenoxyethanol, Perfume.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- Product Highlights --\u003e\n  \u003cdiv style=\"margin:0 0 38px 0; padding:25px 28px; background:#f8f8f6; border-radius:10px; border:1px solid #eeeeea;\"\u003e\n\n    \u003ch2 style=\"font-size:23px; margin:0 0 20px 0;\"\u003e\n      Product Highlights\n    \u003c\/h2\u003e\n\n    \u003cdiv style=\"font-size:15px; line-height:1.8;\"\u003e\n      \u003cp style=\"margin:0 0 8px 0;\"\u003e\n        \u003cstrong\u003eProduct Type:\u003c\/strong\u003e Antiperspirant Deo Cream\n      \u003c\/p\u003e\n\n      \u003cp style=\"margin:0 0 8px 0;\"\u003e\n        \u003cstrong\u003ePrimary Benefits:\u003c\/strong\u003e Sweat Control, Odor Protection \u0026amp; Underarm Care\n      \u003c\/p\u003e\n\n      \u003cp style=\"margin:0 0 8px 0;\"\u003e\n        \u003cstrong\u003eFragrance:\u003c\/strong\u003e Fresh Floral with Citrus \u0026amp; Woody Notes\n      \u003c\/p\u003e\n\n      \u003cp style=\"margin:0 0 8px 0;\"\u003e\n        \u003cstrong\u003eLongevity:\u003c\/strong\u003e Approximately 5–7 hours\n      \u003c\/p\u003e\n\n      \u003cp style=\"margin:0;\"\u003e\n        \u003cstrong\u003eRecommended Use:\u003c\/strong\u003e Daily Personal Care\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n   A'SENSE PRODUCT CONTENT\n   PREMIUM LIGHT ACCORDION UI\n   Colors:\n   Background: #f8f8f6\n   Text:       #222222\n========================================================= *\/\n\n\n\/* =========================================================\n   MAIN CONTAINERS\n========================================================= *\/\n\n.asense-duo,\n.asense-fragrance {\n  width: 100%;\n  max-width: 900px;\n  margin: 0 auto 38px;\n  font-family: inherit;\n}\n\n\n\/* =========================================================\n   DUO PACK SECTION\n========================================================= *\/\n\n.asense-duo-box {\n  position: relative;\n\n  padding: 27px 29px;\n\n  background: #f8f8f6;\n\n  border: 1px solid #deded9;\n\n  border-radius: 12px;\n\n  box-shadow: 0 4px 18px rgba(34,34,34,0.035);\n\n  transition:\n    transform 0.3s ease,\n    box-shadow 0.3s ease,\n    border-color 0.3s ease,\n    background 0.3s ease;\n}\n\n\n\/* Duo hover *\/\n\n.asense-duo-box:hover {\n  background: #f8f8f6;\n\n  border-color: #d4d4cf;\n\n  box-shadow:\n    0 9px 27px rgba(34,34,34,0.065);\n\n  transform: translateY(-1px);\n}\n\n\n\/* Duo heading *\/\n\n.asense-duo-box h2 {\n  margin: 0 0 18px;\n\n  color: #222222;\n\n  font-size: 21px;\n  line-height: 1.35;\n\n  font-weight: 700;\n\n  letter-spacing: -0.2px;\n}\n\n\n\/* Small luxury underline *\/\n\n.asense-duo-box h2::after {\n  content: \"\";\n\n  display: block;\n\n  width: 38px;\n  height: 2px;\n\n  margin-top: 10px;\n\n  background: #222222;\n\n  transition: width 0.3s ease;\n}\n\n\n.asense-duo-box:hover h2::after {\n  width: 58px;\n}\n\n\n\/* Duo list *\/\n\n.asense-duo-box ul {\n  margin: 0;\n  padding-left: 20px;\n}\n\n\n.asense-duo-box li {\n  margin: 0 0 9px;\n\n  color: #222222;\n\n  font-size: 14.5px;\n  line-height: 1.65;\n}\n\n\n.asense-duo-box li:last-child {\n  margin-bottom: 0;\n}\n\n\n\/* Make discount line slightly stronger *\/\n\n.asense-duo-box li:nth-child(2) {\n  font-weight: 600;\n}\n\n\n\/* =========================================================\n   FRAGRANCE PROFILE TITLE\n========================================================= *\/\n\n.asense-fragrance-title {\n  position: relative;\n\n  margin: 0 0 20px;\n\n  padding-bottom: 14px;\n\n  color: #222222;\n\n  font-size: 25px;\n  line-height: 1.3;\n\n  font-weight: 700;\n\n  letter-spacing: -0.3px;\n\n  border-bottom: 1px solid #deded9;\n}\n\n\n\/* Underline *\/\n\n.asense-fragrance-title::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  bottom: -1px;\n\n  width: 55px;\n  height: 2px;\n\n  background: #222222;\n\n  transition: width 0.3s ease;\n}\n\n\n\/* =========================================================\n   ACCORDION CARD\n========================================================= *\/\n\n.asense-note {\n  position: relative;\n\n  margin-bottom: 10px;\n\n  overflow: hidden;\n\n  background: #f8f8f6;\n\n  border: 1px solid #deded9;\n\n  border-radius: 10px;\n\n  transition:\n    background 0.3s ease,\n    border-color 0.3s ease,\n    box-shadow 0.3s ease,\n    transform 0.3s ease;\n}\n\n\n\/* =========================================================\n   CARD HOVER\n========================================================= *\/\n\n.asense-note:hover {\n  background: #f8f8f6;\n\n  border-color: #d4d4cf;\n\n  box-shadow:\n    0 7px 22px rgba(34,34,34,0.055);\n\n  transform: translateY(-1px);\n}\n\n\n\/* =========================================================\n   ACTIVE CARD\n========================================================= *\/\n\n.asense-note.active {\n  background: #f8f8f6;\n\n  border-color: #d3d3ce;\n\n  box-shadow:\n    0 7px 24px rgba(34,34,34,0.06);\n\n  transform: none;\n}\n\n\n\/* =========================================================\n   ACCORDION HEADER\n========================================================= *\/\n\n.asense-note-header {\n  position: relative;\n\n  width: 100%;\n  min-height: 68px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 20px;\n\n  padding: 15px 20px;\n\n  border: 0;\n\n  background: transparent;\n\n  color: #222222;\n\n  text-align: left;\n\n  cursor: pointer;\n\n  font-family: inherit;\n\n  -webkit-appearance: none;\n  appearance: none;\n\n  transition:\n    background 0.3s ease,\n    padding 0.3s ease;\n}\n\n\n\/* =========================================================\n   HEADER HOVER\n========================================================= *\/\n\n.asense-note-header:hover {\n  background: #f1f1ee;\n}\n\n\n\/* =========================================================\n   ACTIVE HEADER\n========================================================= *\/\n\n.asense-note.active .asense-note-header {\n  background: #eeeeeb;\n}\n\n\n\/* =========================================================\n   NOTE LABEL\n========================================================= *\/\n\n.asense-note-label {\n  display: block;\n\n  margin-bottom: 4px;\n\n  color: #222222;\n\n  font-size: 10px;\n  line-height: 1.2;\n\n  font-weight: 700;\n\n  letter-spacing: 1.8px;\n\n  text-transform: uppercase;\n\n  opacity: 0.55;\n\n  transition:\n    opacity 0.3s ease;\n}\n\n\n\/* Label hover *\/\n\n.asense-note-header:hover .asense-note-label {\n  opacity: 0.75;\n}\n\n\n\/* Label active *\/\n\n.asense-note.active .asense-note-label {\n  opacity: 0.7;\n}\n\n\n\/* =========================================================\n   NOTE TITLE\n========================================================= *\/\n\n.asense-note-title {\n  display: block;\n\n  color: #222222;\n\n  font-size: 17px;\n  line-height: 1.3;\n\n  font-weight: 600;\n\n  letter-spacing: 0;\n\n  transition:\n    letter-spacing 0.3s ease,\n    opacity 0.3s ease;\n}\n\n\n.asense-note-header:hover .asense-note-title {\n  letter-spacing: 0.1px;\n}\n\n\n\/* =========================================================\n   ICON\n========================================================= *\/\n\n.asense-note-icon {\n  position: relative;\n\n  width: 30px;\n  height: 30px;\n\n  flex: 0 0 30px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #d3d3ce;\n\n  border-radius: 50%;\n\n  background: #f8f8f6;\n\n  color: #222222;\n\n  font-size: 18px;\n\n  font-weight: 300;\n\n  line-height: 1;\n\n  transition:\n    background 0.3s ease,\n    color 0.3s ease,\n    border-color 0.3s ease,\n    transform 0.35s ease;\n}\n\n\n\/* =========================================================\n   ICON HOVER\n========================================================= *\/\n\n.asense-note-header:hover .asense-note-icon {\n  background: #e8e8e4;\n\n  border-color: #c9c9c3;\n\n  color: #222222;\n\n  transform: scale(1.05);\n}\n\n\n\/* =========================================================\n   ICON ACTIVE\n========================================================= *\/\n\n.asense-note.active .asense-note-icon {\n  background: #e5e5e1;\n\n  border-color: #c7c7c1;\n\n  color: #222222;\n\n  transform: rotate(45deg);\n}\n\n\n\/* =========================================================\n   ACCORDION CONTENT\n========================================================= *\/\n\n.asense-note-content {\n  display: grid;\n\n  grid-template-rows: 0fr;\n\n  transition:\n    grid-template-rows 0.4s cubic-bezier(.4,0,.2,1);\n}\n\n\n\/* Open *\/\n\n.asense-note.active .asense-note-content {\n  grid-template-rows: 1fr;\n}\n\n\n\/* =========================================================\n   CONTENT INNER\n========================================================= *\/\n\n.asense-note-inner {\n  min-height: 0;\n\n  overflow: hidden;\n\n  padding: 0 20px;\n\n  color: #222222;\n\n  font-size: 14.5px;\n\n  line-height: 1.7;\n\n  opacity: 0;\n\n  transform: translateY(-5px);\n\n  transition:\n    padding 0.35s ease,\n    opacity 0.3s ease,\n    transform 0.35s ease;\n}\n\n\n\/* Open content *\/\n\n.asense-note.active .asense-note-inner {\n  padding: 3px 20px 21px;\n\n  opacity: 1;\n\n  transform: translateY(0);\n}\n\n\n\/* =========================================================\n   INGREDIENT \/ NOTES TEXT\n========================================================= *\/\n\n.asense-ingredients {\n  margin: 0 0 10px;\n\n  color: #222222;\n\n  font-size: 15px;\n\n  line-height: 1.7;\n}\n\n\n.asense-ingredients strong {\n  color: #222222;\n\n  font-weight: 600;\n}\n\n\n.asense-ingredients span {\n  margin: 0 6px;\n\n  color: #222222;\n\n  opacity: 0.4;\n}\n\n\n\/* =========================================================\n   SCENT CHARACTER\n========================================================= *\/\n\n.asense-note-inner p {\n  color: #222222;\n}\n\n\n.asense-note-inner p:last-child {\n  margin-bottom: 0;\n\n  opacity: 0.72;\n}\n\n\n.asense-note-inner p strong {\n  color: #222222;\n\n  opacity: 1;\n}\n\n\n\/* =========================================================\n   KEYBOARD ACCESSIBILITY\n========================================================= *\/\n\n.asense-note-header:focus-visible {\n  outline: 2px solid #c8c8c2;\n\n  outline-offset: -2px;\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n  .asense-duo,\n  .asense-fragrance {\n    margin-bottom: 28px;\n  }\n\n\n  \/* Duo *\/\n\n  .asense-duo-box {\n    padding: 21px 20px;\n\n    border-radius: 10px;\n  }\n\n\n  .asense-duo-box h2 {\n    font-size: 19px;\n  }\n\n\n  .asense-duo-box li {\n    font-size: 14px;\n\n    line-height: 1.6;\n  }\n\n\n  \/* Fragrance heading *\/\n\n  .asense-fragrance-title {\n    font-size: 22px;\n\n    margin-bottom: 16px;\n\n    padding-bottom: 12px;\n  }\n\n\n  \/* Accordion *\/\n\n  .asense-note {\n    margin-bottom: 8px;\n\n    border-radius: 8px;\n  }\n\n\n  .asense-note-header {\n    min-height: 62px;\n\n    padding: 13px 16px;\n\n    gap: 12px;\n  }\n\n\n  .asense-note-label {\n    font-size: 9px;\n\n    letter-spacing: 1.5px;\n  }\n\n\n  .asense-note-title {\n    font-size: 15.5px;\n  }\n\n\n  .asense-note-icon {\n    width: 28px;\n    height: 28px;\n\n    flex-basis: 28px;\n\n    font-size: 17px;\n  }\n\n\n  .asense-note-inner {\n    padding-left: 16px;\n    padding-right: 16px;\n\n    font-size: 14px;\n  }\n\n\n  .asense-note.active .asense-note-inner {\n    padding: 2px 16px 18px;\n  }\n\n\n  .asense-ingredients {\n    font-size: 14px;\n  }\n\n}\n\n\n\/* =========================================================\n   VERY SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 400px) {\n\n  .asense-duo-box {\n    padding: 18px 16px;\n  }\n\n\n  .asense-note-header {\n    padding: 12px 14px;\n  }\n\n\n  .asense-note-inner {\n    padding-left: 14px;\n    padding-right: 14px;\n  }\n\n\n  .asense-note.active .asense-note-inner {\n    padding-left: 14px;\n    padding-right: 14px;\n  }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003cscript\u003e\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const notes = document.querySelectorAll(\".asense-note\");\n\n\n  notes.forEach(function (note, index) {\n\n    const button = note.querySelector(\".asense-note-header\");\n\n    const icon = note.querySelector(\".asense-note-icon\");\n\n\n    if (!button || !icon) return;\n\n\n    \/* Accessibility *\/\n\n    button.setAttribute(\n      \"aria-expanded\",\n      \"false\"\n    );\n\n\n    \/* Give each accordion a unique state *\/\n\n    button.setAttribute(\n      \"type\",\n      \"button\"\n    );\n\n\n    \/* =========================================\n       CLICK\n    ========================================= *\/\n\n    button.addEventListener(\"click\", function () {\n\n      const isOpen =\n        note.classList.contains(\"active\");\n\n\n      \/* Close all other accordions *\/\n\n      notes.forEach(function (otherNote) {\n\n        const otherButton =\n          otherNote.querySelector(\".asense-note-header\");\n\n        const otherIcon =\n          otherNote.querySelector(\".asense-note-icon\");\n\n\n        otherNote.classList.remove(\"active\");\n\n\n        if (otherButton) {\n\n          otherButton.setAttribute(\n            \"aria-expanded\",\n            \"false\"\n          );\n\n        }\n\n\n        if (otherIcon) {\n\n          otherIcon.textContent = \"+\";\n\n        }\n\n      });\n\n\n      \/* =========================================\n         OPEN SELECTED ACCORDION\n      ========================================= *\/\n\n      if (!isOpen) {\n\n        note.classList.add(\"active\");\n\n\n        button.setAttribute(\n          \"aria-expanded\",\n          \"true\"\n        );\n\n\n        \/*\n         Keep + character.\n         CSS rotates it 45deg,\n         creating a clean × appearance.\n        *\/\n\n        icon.textContent = \"+\";\n\n      }\n\n    });\n\n\n    \/* =========================================\n       KEYBOARD SUPPORT\n    ========================================= *\/\n\n    button.addEventListener(\"keydown\", function (event) {\n\n      if (\n        event.key === \"Enter\" ||\n        event.key === \" \"\n      ) {\n\n        event.preventDefault();\n\n        button.click();\n\n      }\n\n    });\n\n  });\n\n\n  \/* =========================================\n     OPTIONAL:\n     OPEN FIRST NOTE BY DEFAULT\n  ========================================= *\/\n\n  if (notes.length \u003e 0) {\n\n    const firstNote = notes[0];\n\n    const firstButton =\n      firstNote.querySelector(\".asense-note-header\");\n\n    const firstIcon =\n      firstNote.querySelector(\".asense-note-icon\");\n\n\n    firstNote.classList.add(\"active\");\n\n\n    if (firstButton) {\n\n      firstButton.setAttribute(\n        \"aria-expanded\",\n        \"true\"\n      );\n\n    }\n\n\n    if (firstIcon) {\n\n      firstIcon.textContent = \"+\";\n\n    }\n\n  }\n\n});\n\n\u003c\/script\u003e","brand":"Asense","offers":[{"title":"Default Title","offer_id":43408085418045,"sku":null,"price":1591.0,"currency_code":"PKR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0663\/0254\/1885\/files\/AntiPerspirantDeoCream-Product.png?v=1786513367","url":"https:\/\/myasense.com\/products\/anti-perspirant-deo-cream","provider":"Asense","version":"1.0","type":"link"}