{"product_id":"handmade-herbal-gentle-shampoo-bar","title":"Handmade Herbal Gentle Shampoo Bar","description":"\u003c!-- =========================================================\nUSMAN GRASS SHAMPOO BAR\nSHOPIFY PRODUCT BODY HTML\nMobile First \/ Desktop Safe \/ No JavaScript\nSECTION BACKGROUNDS = TRANSPARENT\n========================================================= --\u003e\n\n\u003cstyle\u003e\n.usman-page,\n.usman-page *{\n  box-sizing:border-box;\n}\n\n.usman-page{\n  width:100%;\n  max-width:600px;\n  margin:0 auto;\n  padding:0;\n  color:#183727;\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;\n  line-height:1.55;\n  background:transparent;\n  overflow:hidden;\n}\n\n.usman-page img{\n  width:100%;\n  height:auto;\n  display:block;\n  border:0;\n}\n\n.usman-page h2,\n.usman-page h3,\n.usman-page p{\n  margin:0;\n}\n\n.usman-page a{\n  text-decoration:none;\n  color:inherit;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.usman-hero{\n  padding:32px 24px 28px;\n  text-align:center;\n  background:transparent;\n}\n\n.usman-eyebrow{\n  margin-bottom:10px;\n  color:#68846b;\n  font-size:13px;\n  font-weight:800;\n  letter-spacing:1.6px;\n  text-transform:uppercase;\n}\n\n.usman-title{\n  max-width:520px;\n  margin:0 auto 13px !important;\n  color:#123b27;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:38px;\n  line-height:1.08;\n  font-weight:500;\n  letter-spacing:-1px;\n}\n\n.usman-subtitle{\n  max-width:500px;\n  margin:0 auto !important;\n  color:#536258;\n  font-size:17px;\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   TOP BENEFITS\n========================================================= *\/\n\n.usman-top-benefits{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:9px;\n  margin-top:23px;\n}\n\n.usman-mini-benefit{\n  min-width:0;\n  padding:13px 8px;\n  border:1px solid #dce5dc;\n  border-radius:12px;\n  background:#f7faf6;\n  color:#214631;\n  font-size:13px;\n  font-weight:750;\n  line-height:1.35;\n}\n\n.usman-mini-icon{\n  width:28px;\n  height:28px;\n  margin:0 auto 7px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n\n.usman-mini-icon svg{\n  width:25px;\n  height:25px;\n  display:block;\n  stroke:#446d50;\n}\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n.usman-image{\n  width:100%;\n  margin:0;\n}\n\n.usman-image img{\n  width:100%;\n  height:auto;\n  border-radius:0;\n}\n\n\n\/* =========================================================\n   GENERAL SECTIONS\n   ALL PARAGRAPH SECTION BACKGROUNDS TRANSPARENT\n========================================================= *\/\n\n.usman-section{\n  padding:38px 24px;\n  text-align:center;\n  background:transparent;\n}\n\n.usman-section-soft{\n  background:transparent !important;\n}\n\n.usman-section-warm{\n  background:transparent !important;\n}\n\n.usman-kicker{\n  margin-bottom:9px !important;\n  color:#789079;\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:1.5px;\n  text-transform:uppercase;\n}\n\n.usman-heading{\n  max-width:510px;\n  margin:0 auto 13px !important;\n  color:#153d29;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:31px;\n  line-height:1.15;\n  font-weight:500;\n}\n\n.usman-copy{\n  max-width:510px;\n  margin:0 auto !important;\n  color:#5a665e;\n  font-size:16px;\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   BENEFIT CARDS\n   BACKGROUND RETAINED\n========================================================= *\/\n\n.usman-benefit-grid{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:12px;\n  margin-top:24px;\n  text-align:left;\n}\n\n.usman-benefit-card{\n  min-width:0;\n  padding:18px 16px;\n  background:#fff;\n  border:1px solid #dfe8df;\n  border-radius:14px;\n}\n\n.usman-card-icon{\n  width:38px;\n  height:38px;\n  margin-bottom:12px;\n  border-radius:50%;\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  background:#edf4eb;\n}\n\n.usman-card-icon svg{\n  width:22px;\n  height:22px;\n  stroke:#376544;\n  display:block;\n}\n\n.usman-benefit-card h3{\n  margin-bottom:6px !important;\n  color:#173e2a;\n  font-size:16px;\n  font-weight:800;\n  line-height:1.3;\n}\n\n.usman-benefit-card p{\n  color:#626b65;\n  font-size:14px;\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   STAT STRIP\n========================================================= *\/\n\n.usman-stat-wrap{\n  margin-top:22px;\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  border:1px solid #d8e1d7;\n  border-radius:14px;\n  overflow:hidden;\n  background:#fff;\n}\n\n.usman-stat{\n  padding:18px 12px;\n}\n\n.usman-stat + .usman-stat{\n  border-left:1px solid #d8e1d7;\n}\n\n.usman-stat strong{\n  display:block;\n  margin-bottom:4px;\n  color:#164029;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:34px;\n  font-weight:500;\n  line-height:1;\n}\n\n.usman-stat span{\n  display:block;\n  color:#59665d;\n  font-size:13px;\n  line-height:1.4;\n}\n\n\n\/* =========================================================\n   CHECK LIST\n========================================================= *\/\n\n.usman-check-list{\n  max-width:500px;\n  margin:22px auto 0;\n  display:grid;\n  gap:10px;\n  text-align:left;\n}\n\n.usman-check{\n  display:flex;\n  align-items:flex-start;\n  gap:11px;\n  color:#425348;\n  font-size:15px;\n}\n\n.usman-check-icon{\n  width:23px;\n  height:23px;\n  min-width:23px;\n  margin-top:1px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:50%;\n  background:#1c5937;\n}\n\n.usman-check-icon svg{\n  width:14px;\n  height:14px;\n  stroke:#fff;\n  display:block;\n}\n\n\n\/* =========================================================\n   pH BOX\n   SELLING POINT BACKGROUND RETAINED\n========================================================= *\/\n\n.usman-ph-box{\n  margin-top:22px;\n  padding:20px;\n  border:1px solid #dce4da;\n  border-radius:16px;\n  background:#fff;\n}\n\n.usman-ph-number{\n  color:#1b4b31;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:45px;\n  line-height:1;\n}\n\n.usman-ph-label{\n  margin-top:7px !important;\n  color:#657267;\n  font-size:14px;\n}\n\n\n\/* =========================================================\n   HOW TO USE\n========================================================= *\/\n\n.usman-steps{\n  margin-top:25px;\n  display:grid;\n  gap:12px;\n  text-align:left;\n}\n\n.usman-step{\n  display:flex;\n  gap:14px;\n  align-items:flex-start;\n  padding:16px;\n  background:#fff;\n  border:1px solid #e0e7df;\n  border-radius:13px;\n}\n\n.usman-step-number{\n  width:34px;\n  height:34px;\n  min-width:34px;\n  border-radius:50%;\n  background:#17472e;\n  color:#fff;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:15px;\n  font-weight:800;\n}\n\n.usman-step h3{\n  margin-bottom:3px !important;\n  color:#183d29;\n  font-size:15px;\n  font-weight:800;\n}\n\n.usman-step p{\n  color:#626c65;\n  font-size:14px;\n}\n\n\n\/* =========================================================\n   TRUST\n========================================================= *\/\n\n.usman-trust{\n  padding:27px 20px;\n  background:#173e2a;\n  color:#fff;\n}\n\n.usman-trust-title{\n  margin-bottom:18px !important;\n  text-align:center;\n  color:#fff;\n  font-size:18px;\n  font-weight:800;\n}\n\n.usman-trust-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:8px;\n}\n\n.usman-trust-item{\n  text-align:center;\n  color:#eef5ef;\n  font-size:12px;\n  line-height:1.35;\n}\n\n.usman-trust-item svg{\n  width:29px;\n  height:29px;\n  margin:0 auto 7px;\n  display:block;\n  stroke:#d7e7d9;\n}\n\n\n\/* =========================================================\n   FAQ\n========================================================= *\/\n\n.usman-faq{\n  padding:36px 24px;\n  background:#fff;\n}\n\n.usman-faq-title{\n  margin-bottom:20px !important;\n  text-align:center;\n  color:#153d29;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:29px;\n  font-weight:500;\n}\n\n.usman-faq details{\n  border-bottom:1px solid #dfe5df;\n}\n\n.usman-faq summary{\n  position:relative;\n  padding:17px 34px 17px 0;\n  cursor:pointer;\n  list-style:none;\n  color:#203e2d;\n  font-size:15px;\n  font-weight:750;\n}\n\n.usman-faq summary::-webkit-details-marker{\n  display:none;\n}\n\n.usman-faq summary:after{\n  content:\"+\";\n  position:absolute;\n  right:4px;\n  top:50%;\n  transform:translateY(-50%);\n  color:#56705d;\n  font-size:24px;\n  font-weight:400;\n}\n\n.usman-faq details[open] summary:after{\n  content:\"−\";\n}\n\n.usman-faq-answer{\n  padding:0 28px 17px 0;\n  color:#616c65;\n  font-size:14px;\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   SECURE CHECKOUT\n========================================================= *\/\n\n.usman-secure{\n  padding:27px 20px;\n  text-align:center;\n  background:#f5f7f3;\n}\n\n.usman-secure-title{\n  color:#253f30;\n  font-size:14px;\n  font-weight:800;\n}\n\n.usman-payments{\n  margin-top:13px;\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:7px;\n}\n\n.usman-payment{\n  min-width:62px;\n  padding:7px 9px;\n  background:#fff;\n  border:1px solid #d8ded7;\n  border-radius:6px;\n  color:#35443a;\n  font-size:11px;\n  font-weight:800;\n}\n\n\n\/* =========================================================\n   BOTTOM CTA\n========================================================= *\/\n\n.usman-bottom-cta{\n  display:block;\n  padding:23px 22px;\n  background:#123d28;\n  color:#fff !important;\n  text-align:center;\n  position:relative;\n  overflow:hidden;\n}\n\n.usman-cta-inner{\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  gap:13px;\n}\n\n.usman-cta-icon{\n  width:39px;\n  height:39px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:50%;\n  background:#fff;\n  animation:usmanPulse 1.8s ease-in-out infinite;\n}\n\n.usman-cta-icon svg{\n  width:21px;\n  height:21px;\n  stroke:#123d28;\n}\n\n.usman-cta-text strong{\n  display:block;\n  color:#fff;\n  font-size:18px;\n  line-height:1.2;\n}\n\n.usman-cta-text span{\n  display:block;\n  margin-top:3px;\n  color:#d9e6dc;\n  font-size:12px;\n}\n\n@keyframes usmanPulse{\n  0%,100%{\n    transform:translateY(0);\n  }\n\n  50%{\n    transform:translateY(-4px);\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media screen and (max-width:480px){\n\n  .usman-hero{\n    padding:27px 18px 24px;\n  }\n\n  .usman-title{\n    font-size:31px;\n  }\n\n  .usman-subtitle{\n    font-size:15px;\n  }\n\n  .usman-top-benefits{\n    grid-template-columns:1fr;\n    gap:7px;\n  }\n\n  .usman-mini-benefit{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    gap:8px;\n    padding:11px;\n  }\n\n  .usman-mini-icon{\n    width:25px;\n    height:25px;\n    margin:0;\n  }\n\n  .usman-section{\n    padding:32px 18px;\n  }\n\n  .usman-heading{\n    font-size:27px;\n  }\n\n  .usman-copy{\n    font-size:15px;\n  }\n\n  .usman-benefit-grid{\n    grid-template-columns:1fr;\n  }\n\n  .usman-stat-wrap{\n    grid-template-columns:1fr 1fr;\n  }\n\n  .usman-stat strong{\n    font-size:30px;\n  }\n\n  .usman-trust-grid{\n    grid-template-columns:1fr 1fr 1fr;\n  }\n\n  .usman-faq{\n    padding:32px 18px;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"usman-page\"\u003e\n\n  \u003c!-- =====================================================\n       HERO\n  ====================================================== --\u003e\n\n  \u003csection class=\"usman-hero\"\u003e\n\n    \u003cdiv class=\"usman-eyebrow\"\u003e\n      BOTANICAL SOLID HAIR CARE\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"usman-title\"\u003e\n      Usman Grass Shampoo Bar\n    \u003c\/h2\u003e\n\n    \u003cp class=\"usman-subtitle\"\u003e\n      A refreshing botanical cleanse designed to remove excess oil and buildup while leaving hair feeling soft, clean and easy to manage.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"usman-top-benefits\"\u003e\n\n      \u003cdiv class=\"usman-mini-benefit\"\u003e\n\n        \u003cspan class=\"usman-mini-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"\u003e\n            \u003cpath d=\"M12 3c-3 4-5 7-5 10a5 5 0 0010 0c0-3-2-6-5-10z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/span\u003e\n\n        Oil-Control Cleanse\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"usman-mini-benefit\"\u003e\n\n        \u003cspan class=\"usman-mini-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"\u003e\n            \u003cpath d=\"M19 4C11 4 6 8 6 14c0 3 2 5 5 5 6 0 8-7 8-15z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M5 20c2-5 6-8 11-10\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/span\u003e\n\n        Botanical Extracts\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"usman-mini-benefit\"\u003e\n\n        \u003cspan class=\"usman-mini-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"\u003e\n            \u003cpath d=\"M12 3L3 19h18L12 3z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/span\u003e\n\n        Easy-Grip Triangle\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- IMAGE 01 --\u003e\n\n  \u003cdiv class=\"usman-image\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0727\/3952\/0643\/files\/2_bc426688-b936-4bac-aec5-24dbf86fc968.png?v=1788422485\" alt=\"Usman Grass Shampoo Bar\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- =====================================================\n       CORE BENEFITS\n  ====================================================== --\u003e\n\n  \u003csection class=\"usman-section usman-section-soft\"\u003e\n\n    \u003cdiv class=\"usman-kicker\"\u003e\n      CLEAN · REFRESH · CONDITION\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"usman-heading\"\u003e\n      A Better Everyday Cleanse\n    \u003c\/h2\u003e\n\n    \u003cp class=\"usman-copy\"\u003e\n      Rich foam lifts excess oil, dirt and daily buildup while botanical ingredients help keep hair feeling smooth and conditioned.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"usman-benefit-grid\"\u003e\n\n      \u003cdiv class=\"usman-benefit-card\"\u003e\n\n        \u003cdiv class=\"usman-card-icon\"\u003e\n\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"\u003e\n            \u003cpath d=\"M12 3c-3 4-5 7-5 10a5 5 0 0010 0c0-3-2-6-5-10z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n\n        \u003c\/div\u003e\n\n        \u003ch3\u003eOil-Control Cleansing\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Helps wash away excess scalp oil, dirt and residue.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"usman-benefit-card\"\u003e\n\n        \u003cdiv class=\"usman-card-icon\"\u003e\n\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"\u003e\n            \u003ccircle cx=\"8\" cy=\"8\" r=\"3\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"15\" cy=\"11\" r=\"4\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"8\" cy=\"17\" r=\"2\"\u003e\u003c\/circle\u003e\n          \u003c\/svg\u003e\n\n        \u003c\/div\u003e\n\n        \u003ch3\u003eRich, Easy Lather\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Creates a light, even foam that rinses away cleanly.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"usman-benefit-card\"\u003e\n\n        \u003cdiv class=\"usman-card-icon\"\u003e\n\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"\u003e\n            \u003cpath d=\"M19 4C11 4 6 8 6 14c0 3 2 5 5 5 6 0 8-7 8-15z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n\n        \u003c\/div\u003e\n\n        \u003ch3\u003eBotanical Hair Care\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Usman Herb, Ginseng and plant oils support a softer-feeling wash.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"usman-benefit-card\"\u003e\n\n        \u003cdiv class=\"usman-card-icon\"\u003e\n\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"\u003e\n            \u003cpath d=\"M5 15c3 3 11 3 14 0\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M7 10c2 2 8 2 10 0\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M9 6c1 1 5 1 6 0\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n\n        \u003c\/div\u003e\n\n        \u003ch3\u003eSmooth \u0026amp; Manageable\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Helps reduce the dry, rough feel that can follow cleansing.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       BOTANICAL INGREDIENTS\n  ====================================================== --\u003e\n\n  \u003csection class=\"usman-section\"\u003e\n\n    \u003cdiv class=\"usman-kicker\"\u003e\n      PLANT-INSPIRED FORMULA\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"usman-heading\"\u003e\n      Botanical Care in Every Wash\n    \u003c\/h2\u003e\n\n    \u003cp class=\"usman-copy\"\u003e\n      A blend of plant extracts and conditioning oils selected for cleansing, softness and everyday scalp care.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- IMAGE 02 --\u003e\n\n  \u003cdiv class=\"usman-image\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0727\/3952\/0643\/files\/3_9601a326-7648-45ae-93a1-3abac265d9d2.png?v=1788422485\" alt=\"Botanical ingredients\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- =====================================================\n       CONSUMER EXPERIENCE\n  ====================================================== --\u003e\n\n  \u003csection class=\"usman-section usman-section-warm\"\u003e\n\n    \u003cdiv class=\"usman-kicker\"\u003e\n      REAL-USE FEEDBACK\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"usman-heading\"\u003e\n      A Fresher-Feeling Scalp\n    \u003c\/h2\u003e\n\n    \u003cp class=\"usman-copy\"\u003e\n      In a 4-week consumer self-assessment, users reported noticeable improvements in scalp cleanliness and the appearance of flakes.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- IMAGE 03 --\u003e\n\n  \u003cdiv class=\"usman-image\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0727\/3952\/0643\/files\/4_8e040ba0-3d7b-442a-acd2-a07c2db494d4.png?v=1788422485\" alt=\"Consumer feedback\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- =====================================================\n       SOLID BAR FORMAT\n  ====================================================== --\u003e\n\n  \u003csection class=\"usman-section usman-section-soft\"\u003e\n\n    \u003cdiv class=\"usman-kicker\"\u003e\n      SOLID HAIR CARE\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"usman-heading\"\u003e\n      Less Bottle. More Bar.\n    \u003c\/h2\u003e\n\n    \u003cp class=\"usman-copy\"\u003e\n      The compact solid format is simple to store, easy to pack and avoids the mess of liquid shampoo.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"usman-check-list\"\u003e\n\n      \u003cdiv class=\"usman-check\"\u003e\n\n        \u003cspan class=\"usman-check-icon\"\u003e\n\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.2\"\u003e\n            \u003cpath d=\"M5 12l4 4 10-10\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n\n        \u003c\/span\u003e\n\n        \u003cspan\u003e\n          Compact, spill-free solid format\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"usman-check\"\u003e\n\n        \u003cspan class=\"usman-check-icon\"\u003e\n\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.2\"\u003e\n            \u003cpath d=\"M5 12l4 4 10-10\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n\n        \u003c\/span\u003e\n\n        \u003cspan\u003e\n          Easy to take to the gym or while traveling\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"usman-check\"\u003e\n\n        \u003cspan class=\"usman-check-icon\"\u003e\n\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.2\"\u003e\n            \u003cpath d=\"M5 12l4 4 10-10\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n\n        \u003c\/span\u003e\n\n        \u003cspan\u003e\n          Helps reduce dependence on plastic shampoo bottles\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- IMAGE 04 --\u003e\n\n  \u003cdiv class=\"usman-image\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0727\/3952\/0643\/files\/5_04cc44bf-6659-4f8d-a3c7-7c7e1b13a5b5.png?v=1788422485\" alt=\"Solid shampoo bar comparison\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- =====================================================\n       pH SECTION\n  ====================================================== --\u003e\n\n  \u003csection class=\"usman-section\"\u003e\n\n    \u003cdiv class=\"usman-kicker\"\u003e\n      BALANCED DAILY CARE\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"usman-heading\"\u003e\n      Mildly Acidic pH\n    \u003c\/h2\u003e\n\n    \u003cp class=\"usman-copy\"\u003e\n      Designed around a mildly acidic range for a gentle everyday cleansing routine.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"usman-ph-box\"\u003e\n\n      \u003cdiv class=\"usman-ph-number\"\u003e\n        pH 5–6\n      \u003c\/div\u003e\n\n      \u003cp class=\"usman-ph-label\"\u003e\n        Mildly acidic cleansing range\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- IMAGE 05 --\u003e\n\n  \u003cdiv class=\"usman-image\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0727\/3952\/0643\/files\/6_f370bc1e-a0ff-4391-88eb-451da19ce4ca.webp?v=1788422484\" alt=\"Mildly acidic pH\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- =====================================================\n       TRIANGLE DESIGN\n  ====================================================== --\u003e\n\n  \u003csection class=\"usman-section usman-section-warm\"\u003e\n\n    \u003cdiv class=\"usman-kicker\"\u003e\n      DESIGNED FOR THE SHOWER\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"usman-heading\"\u003e\n      Easy to Hold. Easy to Lather.\n    \u003c\/h2\u003e\n\n    \u003cp class=\"usman-copy\"\u003e\n      The rounded triangle shape sits naturally in your hand for better control when wet.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"usman-benefit-grid\"\u003e\n\n      \u003cdiv class=\"usman-benefit-card\"\u003e\n\n        \u003ch3\u003e\n          Secure Wet Grip\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Ergonomic edges make the solid bar easier to hold while washing.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"usman-benefit-card\"\u003e\n\n        \u003ch3\u003e\n          2 Foaming Nets Included\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Create richer foam and help the bar dry between washes.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- IMAGE 06 --\u003e\n\n  \u003cdiv class=\"usman-image\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0727\/3952\/0643\/files\/7_b567da81-d6c9-458c-87b9-f0d72fbdb148.png?v=1788422485\" alt=\"Triangle shampoo bar design\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- =====================================================\n       HOW TO USE\n  ====================================================== --\u003e\n\n  \u003csection class=\"usman-section usman-section-soft\"\u003e\n\n    \u003cdiv class=\"usman-kicker\"\u003e\n      SIMPLE ROUTINE\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"usman-heading\"\u003e\n      How to Use\n    \u003c\/h2\u003e\n\n\n    \u003cdiv class=\"usman-steps\"\u003e\n\n      \u003cdiv class=\"usman-step\"\u003e\n\n        \u003cdiv class=\"usman-step-number\"\u003e\n          1\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n\n          \u003ch3\u003e\n            Wet Hair \u0026amp; Bar\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Thoroughly wet your hair, scalp and shampoo bar.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"usman-step\"\u003e\n\n        \u003cdiv class=\"usman-step-number\"\u003e\n          2\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n\n          \u003ch3\u003e\n            Create a Rich Lather\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Rub the bar between wet hands or use the included foaming net.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"usman-step\"\u003e\n\n        \u003cdiv class=\"usman-step-number\"\u003e\n          3\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n\n          \u003ch3\u003e\n            Massage \u0026amp; Rinse\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Massage the foam through scalp and hair, then rinse thoroughly.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       LIFESTYLE IMAGE\n  ====================================================== --\u003e\n\n  \u003cdiv class=\"usman-image\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0727\/3952\/0643\/files\/8_81215345-d37c-4db2-b717-13290588b27f.png?v=1788422485\" alt=\"Using Usman Grass Shampoo Bar\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- =====================================================\n       TRUST\n  ====================================================== --\u003e\n\n  \u003csection class=\"usman-trust\"\u003e\n\n    \u003ch3 class=\"usman-trust-title\"\u003e\n      Made for Simple Everyday Hair Care\n    \u003c\/h3\u003e\n\n\n    \u003cdiv class=\"usman-trust-grid\"\u003e\n\n      \u003cdiv class=\"usman-trust-item\"\u003e\n\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.7\"\u003e\n          \u003cpath d=\"M19 4C11 4 6 8 6 14c0 3 2 5 5 5 6 0 8-7 8-15z\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M5 20c2-5 6-8 11-10\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n\n        Botanical\u003cbr\u003e\n        Ingredients\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"usman-trust-item\"\u003e\n\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.7\"\u003e\n          \u003cpath d=\"M12 3c-3 4-5 7-5 10a5 5 0 0010 0c0-3-2-6-5-10z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n\n        Gentle Daily\u003cbr\u003e\n        Cleansing\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"usman-trust-item\"\u003e\n\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.7\"\u003e\n          \u003cpath d=\"M4 18h16\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M6 15l3-4 3 2 4-6 2 3\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n\n        Compact \u0026amp;\u003cbr\u003e\n        Travel Ready\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       FAQ\n  ====================================================== --\u003e\n\n  \u003csection class=\"usman-faq\"\u003e\n\n    \u003ch2 class=\"usman-faq-title\"\u003e\n      Frequently Asked Questions\n    \u003c\/h2\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Is this shampoo bar suitable for everyday use?\n      \u003c\/summary\u003e\n\n      \u003cdiv class=\"usman-faq-answer\"\u003e\n        It is designed as a gentle solid cleanser for regular hair and scalp care. Adjust your washing frequency based on your own hair type and routine.\n      \u003c\/div\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        What does the shampoo bar help with?\n      \u003c\/summary\u003e\n\n      \u003cdiv class=\"usman-faq-answer\"\u003e\n        It helps remove excess oil, dirt and product residue while botanical ingredients help leave hair feeling clean, soft and manageable.\n      \u003c\/div\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        How do I use the foaming net?\n      \u003c\/summary\u003e\n\n      \u003cdiv class=\"usman-faq-answer\"\u003e\n        Wet both the bar and net, rub together until foam develops, then use the lather on your scalp and hair. Allow the bar and net to dry after use.\n      \u003c\/div\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Is a solid shampoo bar good for travel?\n      \u003c\/summary\u003e\n\n      \u003cdiv class=\"usman-faq-answer\"\u003e\n        Yes. The compact, spill-free format is convenient for travel, gym bags, camping and everyday storage.\n      \u003c\/div\u003e\n\n    \u003c\/details\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       SECURE CHECKOUT\n  ====================================================== --\u003e\n\n  \u003csection class=\"usman-secure\"\u003e\n\n    \u003cdiv class=\"usman-secure-title\"\u003e\n      🔒 Secure Checkout\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"usman-payments\"\u003e\n\n      \u003cspan class=\"usman-payment\"\u003e\n        PayPal\n      \u003c\/span\u003e\n\n      \u003cspan class=\"usman-payment\"\u003e\n        VISA\n      \u003c\/span\u003e\n\n      \u003cspan class=\"usman-payment\"\u003e\n        Mastercard\n      \u003c\/span\u003e\n\n      \u003cspan class=\"usman-payment\"\u003e\n        Apple Pay\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       BOTTOM CTA\n  ====================================================== --\u003e\n\n  \u003ca href=\"#MainProduct-{{%20section.id%20}}\" class=\"usman-bottom-cta\"\u003e\n\n    \u003cdiv class=\"usman-cta-inner\"\u003e\n\n      \u003cdiv class=\"usman-cta-icon\"\u003e\n\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.9\"\u003e\n\n          \u003cpath d=\"M6 7h14l-2 8H8L6 4H3\"\u003e\u003c\/path\u003e\n\n          \u003ccircle cx=\"9\" cy=\"19\" r=\"1.3\"\u003e\u003c\/circle\u003e\n\n          \u003ccircle cx=\"17\" cy=\"19\" r=\"1.3\"\u003e\u003c\/circle\u003e\n\n        \u003c\/svg\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"usman-cta-text\"\u003e\n\n        \u003cstrong\u003e\n          Refresh Your Hair Routine\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Choose your Usman Grass Shampoo Bar above\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/a\u003e\n\n\u003c\/div\u003e","brand":"ZWL","offers":[{"title":"Default Title","offer_id":48071214203011,"sku":"NC0210260903110-侧柏叶洗发皂","price":21.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0727\/3952\/0643\/files\/ChatGPT_Image_2026_9_8_09_40_22.png?v=1788831717","url":"https:\/\/craftivon.com\/de\/products\/handmade-herbal-gentle-shampoo-bar","provider":"Craftivon","version":"1.0","type":"link"}