{
    "id": 7847,
    "date": "2026-08-15T04:02:37",
    "date_gmt": "2026-08-15T04:02:37",
    "guid": {
        "rendered": "https:\/\/sbjcos.com\/?page_id=7847"
    },
    "modified": "2026-08-31T10:21:50",
    "modified_gmt": "2026-08-31T10:21:50",
    "slug": "new-main-page",
    "status": "publish",
    "type": "page",
    "link": "https:\/\/sbjcos.com\/en_us\/",
    "title": {
        "rendered": "new main page"
    },
    "content": {
        "rendered": "<!-- SBJ HERB \u2014 Responsive Full-Width Banner -->\n<style>\n#sbj-herb-banner-2026,\n#sbj-herb-banner-2026 * {\n  box-sizing: border-box;\n}\n\n#sbj-herb-banner-2026 {\n  position: relative;\n  width: 100vw;\n  max-width: 100vw;\n  margin: 0 calc(50% - 50vw) !important;\n  padding: 0 !important;\n  overflow: hidden;\n  background: #F8F3E8;\n  line-height: 0;\n}\n\n#sbj-herb-banner-2026 .sbj-herb-banner-image {\n  display: block;\n  width: 100% !important;\n  max-width: none !important;\n  height: auto !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  border: 0;\n  object-fit: contain;\n  object-position: center;\n  vertical-align: middle;\n  image-rendering: auto;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px) {\n  #sbj-herb-banner-2026 {\n    width: 100vw;\n  }\n\n  #sbj-herb-banner-2026 .sbj-herb-banner-image {\n    width: 100% !important;\n    height: auto !important;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 600px) {\n  #sbj-herb-banner-2026 {\n    width: 100vw;\n    margin-right: calc(50% - 50vw) !important;\n    margin-left: calc(50% - 50vw) !important;\n  }\n\n  #sbj-herb-banner-2026 .sbj-herb-banner-image {\n    width: 100% !important;\n    height: auto !important;\n    object-fit: contain;\n  }\n}\n<\/style>\n\n<section\n  id=\"sbj-herb-banner-2026\"\n  dir=\"rtl\"\n  aria-label=\"\u0635\u0628\u063a\u0629 \u0647\u064a\u0631\u0628 \u0627\u0644\u0623\u0635\u0644\u064a\u0629 \u0644\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u0631\u062c\u0627\u0644\"\n>\n  <img\n    class=\"sbj-herb-banner-image\"\n    src=\"https:\/\/sbjcos.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-30-at-11.49.32-PM.jpeg\"\n    loading=\"eager\"\n    fetchpriority=\"high\"\n    decoding=\"async\"\n    draggable=\"false\"\n  >\n<\/section>\n\n\n\n<!-- SBJ Cosmetics \u2014 Responsive HERB Hero -->\n<style>\n#sbj-herb-hero-final,\n#sbj-herb-hero-final * {\n  box-sizing: border-box;\n}\n\n#sbj-herb-hero-final {\n  position: relative;\n  width: 100vw;\n  max-width: 100vw;\n  margin-inline: calc(50% - 50vw);\n  padding: 0;\n  overflow: hidden;\n  background: #f8f3e8;\n  line-height: 0;\n}\n\n#sbj-herb-hero-final .sbj-herb-hero-image {\n  display: block;\n  width: 100% !important;\n  max-width: none !important;\n  height: auto !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  border: 0;\n  object-fit: contain;\n  object-position: center;\n  image-rendering: auto;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px) {\n  #sbj-herb-hero-final {\n    width: 100vw;\n    max-width: 100vw;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 600px) {\n  #sbj-herb-hero-final {\n    width: 100vw;\n    max-width: 100vw;\n    margin-inline: calc(50% - 50vw);\n  }\n\n  #sbj-herb-hero-final .sbj-herb-hero-image {\n    width: 100% !important;\n    height: auto !important;\n    object-fit: contain;\n  }\n}\n<\/style>\n\n<section\n  id=\"sbj-herb-hero-final\"\n  dir=\"rtl\"\n  aria-label=\"\u0635\u0628\u063a\u0629 \u0647\u064a\u0631\u0628 \u0627\u0644\u0623\u0635\u0644\u064a\u0629 \u0644\u0644\u0634\u0639\u0631 \u0648\u0627\u0644\u0644\u062d\u064a\u0629\"\n>\n  <img fetchpriority=\"high\"\n    class=\"sbj-herb-hero-image\"\n    src=\"https:\/\/sbjcos.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-25-2026-10_17_44-AM.png\"\n    width=\"1672\"\n    height=\"941\"\n    alt=\"\u0635\u0628\u063a\u0629 \u0647\u064a\u0631\u0628 \u0627\u0644\u0623\u0635\u0644\u064a\u0629 \u0645\u0639 \u0643\u0631\u064a\u0645 1 \u0648\u0643\u0631\u064a\u0645 2 \u0628\u0644\u0648\u0646 \u0637\u0628\u064a\u0639\u064a \u0648\u0644\u0637\u064a\u0641\"\n    loading=\"eager\"\n    decoding=\"async\"\n    draggable=\"false\"\n  >\n<\/section>\n\n\n\n<!-- SBJ HERB \u2014 Responsive Full-Width Banner -->\n<style>\n#sbj-herb-banner-2026,\n#sbj-herb-banner-2026 * {\n  box-sizing: border-box;\n}\n\n#sbj-herb-banner-2026 {\n  position: relative;\n  width: 100vw;\n  max-width: 100vw;\n  margin: 0 calc(50% - 50vw) !important;\n  padding: 0 !important;\n  overflow: hidden;\n  background: #F8F3E8;\n  line-height: 0;\n}\n\n#sbj-herb-banner-2026 .sbj-herb-banner-image {\n  display: block;\n  width: 100% !important;\n  max-width: none !important;\n  height: auto !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  border: 0;\n  object-fit: contain;\n  object-position: center;\n  vertical-align: middle;\n  image-rendering: auto;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px) {\n  #sbj-herb-banner-2026 {\n    width: 100vw;\n  }\n\n  #sbj-herb-banner-2026 .sbj-herb-banner-image {\n    width: 100% !important;\n    height: auto !important;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 600px) {\n  #sbj-herb-banner-2026 {\n    width: 100vw;\n    margin-right: calc(50% - 50vw) !important;\n    margin-left: calc(50% - 50vw) !important;\n  }\n\n  #sbj-herb-banner-2026 .sbj-herb-banner-image {\n    width: 100% !important;\n    height: auto !important;\n    object-fit: contain;\n  }\n}\n<\/style>\n\n<section\n  id=\"sbj-herb-banner-2026\"\n  dir=\"rtl\"\n  aria-label=\"\u0635\u0628\u063a\u0629 \u0647\u064a\u0631\u0628 \u0627\u0644\u0623\u0635\u0644\u064a\u0629 \u0644\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u0631\u062c\u0627\u0644\"\n>\n  <img\n    class=\"sbj-herb-banner-image\"\n    src=\"https:\/\/sbjcos.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-30-at-1.19.42-PM.jpeg\"\n    loading=\"eager\"\n    fetchpriority=\"high\"\n    decoding=\"async\"\n    draggable=\"false\"\n  >\n<\/section>\n\n\n\n<!-- SBJ Cosmetics \u2014 Products Section Title -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;600;700;800&display=swap');\n\n#sbjpt-title {\n  --sbjpt-green-950: #023326;\n  --sbjpt-green-800: #064b35;\n  --sbjpt-green-700: #0a6044;\n  --sbjpt-sage: #91a982;\n  --sbjpt-sage-soft: #dce7d9;\n  --sbjpt-cream: #f7f2e8;\n  --sbjpt-cream-soft: #fcf9f2;\n\n  direction: rtl;\n  position: relative;\n  isolation: isolate;\n  width: 100%;\n  margin: 0;\n  padding: clamp(58px, 7vw, 88px) 20px clamp(44px, 5vw, 64px);\n  overflow: hidden;\n  text-align: center;\n  color: var(--sbjpt-green-950);\n\n  background:\n    radial-gradient(\n      circle at 8% 18%,\n      rgba(145, 169, 130, 0.20),\n      transparent 24%\n    ),\n    radial-gradient(\n      circle at 92% 82%,\n      rgba(220, 231, 217, 0.68),\n      transparent 28%\n    ),\n    linear-gradient(\n      135deg,\n      var(--sbjpt-cream-soft),\n      var(--sbjpt-cream)\n    );\n\n  font-family: 'Tajawal', 'Cairo', Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n}\n\n#sbjpt-title,\n#sbjpt-title * {\n  box-sizing: border-box;\n}\n\n\/* \u0643\u0644\u0645\u0629 HERB \u0627\u0644\u062e\u0641\u064a\u0641\u0629 \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\n#sbjpt-title::before {\n  content: 'HERB';\n  position: absolute;\n  z-index: -1;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  color: rgba(6, 75, 53, 0.045);\n  font-family: Arial, sans-serif;\n  font-size: clamp(92px, 14vw, 188px);\n  font-weight: 800;\n  line-height: 1;\n  letter-spacing: 0.13em;\n  white-space: nowrap;\n  pointer-events: none;\n  user-select: none;\n}\n\n\/* \u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u062f\u0627\u062e\u0644\u064a *\/\n#sbjpt-title::after {\n  content: '';\n  position: absolute;\n  z-index: -1;\n  top: 20px;\n  right: 50%;\n  width: min(1040px, calc(100% - 32px));\n  height: calc(100% - 40px);\n  transform: translateX(50%);\n  border: 1px solid rgba(145, 169, 130, 0.22);\n  border-radius: 26px;\n  pointer-events: none;\n}\n\n#sbjpt-title .sbjpt-inner {\n  position: relative;\n  z-index: 1;\n  width: min(820px, 100%);\n  margin-inline: auto;\n}\n\n\/* \u0627\u0644\u0634\u0627\u0631\u0629 *\/\n#sbjpt-title .sbjpt-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  min-height: 36px;\n  margin-bottom: 16px;\n  padding: 8px 15px;\n\n  color: var(--sbjpt-green-800);\n  background: rgba(220, 231, 217, 0.72);\n  border: 1px solid rgba(145, 169, 130, 0.52);\n  border-radius: 999px;\n\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.4;\n}\n\n#sbjpt-title .sbjpt-eyebrow::before {\n  content: '';\n  width: 8px;\n  height: 8px;\n  flex: 0 0 8px;\n  background: var(--sbjpt-green-700);\n  border-radius: 50% 0 50% 50%;\n  transform: rotate(45deg);\n  box-shadow: 0 0 0 4px rgba(10, 96, 68, 0.10);\n}\n\n\/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0628\u062e\u0637 \u0637\u0628\u064a\u0639\u064a *\/\n#sbjpt-title .sbjpt-heading {\n  margin: 0 !important;\n  color: var(--sbjpt-green-950) !important;\n  font-family: 'Tajawal', 'Cairo', Arial, sans-serif !important;\n  font-size: clamp(34px, 4.5vw, 50px);\n  font-weight: 800;\n  line-height: 1.35;\n  letter-spacing: normal;\n}\n\n#sbjpt-title .sbjpt-heading span {\n  color: var(--sbjpt-green-700);\n  font-family: inherit !important;\n}\n\n\/* \u0627\u0644\u0648\u0635\u0641 *\/\n#sbjpt-title .sbjpt-subtitle {\n  max-width: 610px;\n  margin: 12px auto 0;\n  color: #557166;\n  font-family: 'Tajawal', 'Cairo', Arial, sans-serif;\n  font-size: clamp(14px, 1.3vw, 16px);\n  font-weight: 500;\n  line-height: 1.9;\n}\n\n\/* \u0627\u0644\u0641\u0627\u0635\u0644 *\/\n#sbjpt-title .sbjpt-divider {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  margin-top: 23px;\n}\n\n#sbjpt-title .sbjpt-divider-line {\n  width: 62px;\n  height: 1px;\n  background: linear-gradient(\n    90deg,\n    transparent,\n    var(--sbjpt-sage)\n  );\n}\n\n#sbjpt-title .sbjpt-divider-line:last-child {\n  transform: rotate(180deg);\n}\n\n#sbjpt-title .sbjpt-divider-mark {\n  width: 10px;\n  height: 10px;\n  flex: 0 0 10px;\n  background: var(--sbjpt-green-700);\n  border: 2px solid var(--sbjpt-cream-soft);\n  border-radius: 50% 0 50% 50%;\n  transform: rotate(45deg);\n  box-shadow: 0 0 0 1px var(--sbjpt-sage);\n}\n\n\/* \u0627\u0644\u0647\u0627\u062a\u0641 *\/\n@media (max-width: 600px) {\n  #sbjpt-title {\n    padding: 48px 14px 40px;\n  }\n\n  #sbjpt-title::before {\n    font-size: clamp(72px, 25vw, 108px);\n    letter-spacing: 0.06em;\n  }\n\n  #sbjpt-title::after {\n    top: 12px;\n    width: calc(100% - 20px);\n    height: calc(100% - 24px);\n    border-radius: 19px;\n  }\n\n  #sbjpt-title .sbjpt-eyebrow {\n    min-height: 34px;\n    margin-bottom: 13px;\n    padding: 7px 12px;\n    font-size: 11px;\n  }\n\n  #sbjpt-title .sbjpt-heading {\n    font-size: clamp(32px, 10vw, 42px);\n    line-height: 1.4;\n  }\n\n  #sbjpt-title .sbjpt-subtitle {\n    max-width: 330px;\n    margin-top: 9px;\n    font-size: 13px;\n    line-height: 1.8;\n  }\n\n  #sbjpt-title .sbjpt-divider {\n    margin-top: 18px;\n  }\n\n  #sbjpt-title .sbjpt-divider-line {\n    width: 42px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #sbjpt-title *,\n  #sbjpt-title *::before,\n  #sbjpt-title *::after {\n    transition-duration: 0.01ms !important;\n    animation-duration: 0.01ms !important;\n  }\n}\n<\/style>\n\n<section\n  id=\"sbjpt-title\"\n  aria-labelledby=\"sbjpt-heading\"\n  dir=\"rtl\"\n>\n  <div class=\"sbjpt-inner\">\n\n    <span class=\"sbjpt-eyebrow\">\n      \u0627\u062e\u062a\u064a\u0627\u0631\u0627\u062a \u0622\u0645\u0646\u0629 \u0644\u0634\u0639\u0631 \u0635\u062d\u064a\n    <\/span>\n\n    <h2 class=\"sbjpt-heading\" id=\"sbjpt-heading\">\n      \u0645\u0646\u062a\u062c\u0627\u062a<span>\u0646\u0627<\/span>\n    <\/h2>\n\n    <p class=\"sbjpt-subtitle\">\n      \u0627\u0643\u062a\u0634\u0641 \u0645\u062c\u0645\u0648\u0639\u0627\u062a HERB \u0627\u0644\u0623\u0635\u0644\u064a\u0629 \u0644\u0644\u0639\u0646\u0627\u064a\u0629 \u0628\u0644\u0648\u0646 \u0627\u0644\u0634\u0639\u0631 \u0648\u0627\u0644\u0644\u062d\u064a\u0629\u060c\n      \u0628\u062e\u064a\u0627\u0631\u0627\u062a \u0645\u0635\u0645\u0645\u0629 \u0644\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u0631\u062c\u0627\u0644.\n    <\/p>\n\n    <div class=\"sbjpt-divider\" aria-hidden=\"true\">\n      <span class=\"sbjpt-divider-line\"><\/span>\n      <span class=\"sbjpt-divider-mark\"><\/span>\n      <span class=\"sbjpt-divider-line\"><\/span>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\t\n  \n    <div class=\"row large-columns-3 medium-columns- small-columns-2 row-small\" >\n  \n\t     <div class=\"product-small col has-hover product type-product post-383 status-publish first instock product_cat-beard-dye product_tag-60g has-post-thumbnail purchasable product-type-simple\">\n\t<div class=\"col-inner\">\n\t\n<div class=\"badge-container absolute left top z-1\">\n\n<div class=\"badge callout badge-circle\"><div class=\"badge-inner callout-new-bg is-small new-bubble\">60g<\/div><\/div><\/div>\n\t<div class=\"product-small box\">\n\t\t<div class=\"box-image\">\n\t\t\t<div class=\"image-fade_in_back\">\n\t\t\t\t<a href=\"https:\/\/sbjcos.com\/en_us\/product\/herb-for-men-ppd-ammonia-free-mustache-beard-dye-soft-black\/\" aria-label=\"Herb For Men, PPD &amp; Ammonia Free Mustache &amp; Beard Dye - Soft Black\">\n\t\t\t\t\t<img decoding=\"async\" width=\"247\" height=\"296\" src=\"https:\/\/sbjcos.com\/wp-content\/uploads\/2024\/05\/soft-black2-1-247x296.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Herb For Men, PPD &amp; Ammonia Free Mustache &amp; Beard Dye - Soft Black\" \/><img decoding=\"async\" width=\"247\" height=\"296\" src=\"https:\/\/sbjcos.com\/wp-content\/uploads\/2024\/05\/2024-247x296.jpg\" class=\"show-on-hover absolute fill hide-for-small back-image\" alt=\"\" srcset=\"https:\/\/sbjcos.com\/wp-content\/uploads\/2024\/05\/2024-247x296.jpg 247w, https:\/\/sbjcos.com\/wp-content\/uploads\/2024\/05\/2024-10x12.jpg 10w\" sizes=\"(max-width: 247px) 100vw, 247px\" \/>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small top right show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small hide-for-small bottom left show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover\">\n\t\t\t\t  <a class=\"quick-view\" data-prod=\"383\" href=\"#quick-view\">Quick View<\/a>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text box-text-products text-center grid-style-2\">\n\t\t\t<div class=\"title-wrapper\"><p class=\"name product-title woocommerce-loop-product__title\"><a href=\"https:\/\/sbjcos.com\/en_us\/product\/herb-for-men-ppd-ammonia-free-mustache-beard-dye-soft-black\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">Herb For Men, PPD &amp; Ammonia Free Mustache &amp; Beard Dye &#8211; Soft Black<\/a><\/p><\/div><div class=\"price-wrapper\">\n\t<span class=\"price\"><span class=\"wcpbc-price wcpbc-price-383\" data-product-id=\"383\"><span class=\"woocommerce-Price-amount amount\"><bdi>5.900&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#x62f;.&#x643;<\/span><\/bdi><\/span><\/span><\/span>\n<\/div><div class=\"add-to-cart-button\"><a href=\"\/en_us\/wp-json\/wp\/v2\/pages\/7847?add-to-cart=383\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_383\" data-quantity=\"1\" class=\"primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-outline\" data-product_id=\"383\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;Herb For Men, PPD &amp; Ammonia Free Mustache &amp; Beard Dye - Soft Black&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Herb For Men, PPD &amp; Ammonia Free Mustache &amp; Beard Dye - Soft Black&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a><\/div>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_383\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n\t\t<\/div>\n\t<\/div>\n\t\t\t\t<input type=\"hidden\" class=\"pmwProductId\" data-id=\"383\">\n\t\t\t\t\t<script>\n\t\t\t(window.pmwDataLayer = window.pmwDataLayer || {}).products                = window.pmwDataLayer.products || {};\n\t\t\twindow.pmwDataLayer.products[383] = {\"id\":\"383\",\"sku\":\"\",\"price\":5.9,\"brand\":\"\",\"quantity\":1,\"dyn_r_ids\":{\"post_id\":\"383\",\"sku\":383,\"gpf\":\"woocommerce_gpf_383\",\"gla\":\"gla_383\"},\"is_variable\":false,\"type\":\"simple\",\"name\":\"Herb For Men, PPD \\u0026 Ammonia Free Mustache \\u0026 Beard Dye - Soft Black\",\"category\":[\"Beard dye\"],\"is_variation\":false};\n\t\t\t\t\twindow.pmw_product_position = window.pmw_product_position || 1;\n\t\twindow.pmwDataLayer.products[383]['position'] = window.pmw_product_position++;\n\t\t\t\t<\/script>\n\t\t\t<\/div>\n<\/div><div class=\"product-small col has-hover product type-product post-380 status-publish instock product_cat-beard-dye product_tag-60g has-post-thumbnail purchasable product-type-simple\">\n\t<div class=\"col-inner\">\n\t\n<div class=\"badge-container absolute left top z-1\">\n\n<div class=\"badge callout badge-circle\"><div class=\"badge-inner callout-new-bg is-small new-bubble\">60g<\/div><\/div><\/div>\n\t<div class=\"product-small box\">\n\t\t<div class=\"box-image\">\n\t\t\t<div class=\"image-fade_in_back\">\n\t\t\t\t<a href=\"https:\/\/sbjcos.com\/en_us\/product\/herb-for-men-ppd-ammonia-free-mustache-beard-dye-dark-brown\/\" aria-label=\"Herb For Men, PPD &amp; Ammonia Free Mustache &amp; Beard Dye - Dark Brown\">\n\t\t\t\t\t<img decoding=\"async\" width=\"247\" height=\"296\" src=\"https:\/\/sbjcos.com\/wp-content\/uploads\/2024\/05\/dye-dark-brown-247x296.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Herb For Men, PPD &amp; Ammonia Free Mustache &amp; Beard Dye - Dark Brown\" \/><img decoding=\"async\" width=\"247\" height=\"296\" src=\"https:\/\/sbjcos.com\/wp-content\/uploads\/2024\/05\/2024-247x296.jpg\" class=\"show-on-hover absolute fill hide-for-small back-image\" alt=\"\" srcset=\"https:\/\/sbjcos.com\/wp-content\/uploads\/2024\/05\/2024-247x296.jpg 247w, https:\/\/sbjcos.com\/wp-content\/uploads\/2024\/05\/2024-10x12.jpg 10w\" sizes=\"(max-width: 247px) 100vw, 247px\" \/>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small top right show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small hide-for-small bottom left show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover\">\n\t\t\t\t  <a class=\"quick-view\" data-prod=\"380\" href=\"#quick-view\">Quick View<\/a>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text box-text-products text-center grid-style-2\">\n\t\t\t<div class=\"title-wrapper\"><p class=\"name product-title woocommerce-loop-product__title\"><a href=\"https:\/\/sbjcos.com\/en_us\/product\/herb-for-men-ppd-ammonia-free-mustache-beard-dye-dark-brown\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">Herb For Men, PPD &amp; Ammonia Free Mustache &amp; Beard Dye &#8211; Dark Brown<\/a><\/p><\/div><div class=\"price-wrapper\">\n\t<span class=\"price\"><span class=\"wcpbc-price wcpbc-price-380\" data-product-id=\"380\"><span class=\"woocommerce-Price-amount amount\"><bdi>5.900&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#x62f;.&#x643;<\/span><\/bdi><\/span><\/span><\/span>\n<\/div><div class=\"add-to-cart-button\"><a href=\"\/en_us\/wp-json\/wp\/v2\/pages\/7847?add-to-cart=380\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_380\" data-quantity=\"1\" class=\"primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-outline\" data-product_id=\"380\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;Herb For Men, PPD &amp; Ammonia Free Mustache &amp; Beard Dye - Dark Brown&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Herb For Men, PPD &amp; Ammonia Free Mustache &amp; Beard Dye - Dark Brown&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a><\/div>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_380\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n\t\t<\/div>\n\t<\/div>\n\t\t\t\t<input type=\"hidden\" class=\"pmwProductId\" data-id=\"380\">\n\t\t\t\t\t<script>\n\t\t\t(window.pmwDataLayer = window.pmwDataLayer || {}).products                = window.pmwDataLayer.products || {};\n\t\t\twindow.pmwDataLayer.products[380] = {\"id\":\"380\",\"sku\":\"\",\"price\":5.9,\"brand\":\"\",\"quantity\":1,\"dyn_r_ids\":{\"post_id\":\"380\",\"sku\":380,\"gpf\":\"woocommerce_gpf_380\",\"gla\":\"gla_380\"},\"is_variable\":false,\"type\":\"simple\",\"name\":\"Herb For Men, PPD \\u0026 Ammonia Free Mustache \\u0026 Beard Dye - Dark Brown\",\"category\":[\"Beard dye\"],\"is_variation\":false};\n\t\t\t\t\twindow.pmw_product_position = window.pmw_product_position || 1;\n\t\twindow.pmwDataLayer.products[380]['position'] = window.pmw_product_position++;\n\t\t\t\t<\/script>\n\t\t\t<\/div>\n<\/div><div class=\"product-small col has-hover product type-product post-377 status-publish last instock product_cat-beard-dye has-post-thumbnail taxable shipping-taxable purchasable product-type-simple\">\n\t<div class=\"col-inner\">\n\t\n<div class=\"badge-container absolute left top z-1\">\n\n<div class=\"badge callout badge-circle\"><div class=\"badge-inner callout-new-bg is-small new-bubble\">60g<\/div><\/div><\/div>\n\t<div class=\"product-small box\">\n\t\t<div class=\"box-image\">\n\t\t\t<div class=\"image-fade_in_back\">\n\t\t\t\t<a href=\"https:\/\/sbjcos.com\/en_us\/product\/herb-for-men-ppd-ammonia-free-mustache-beard-dye-natural-black\/\" aria-label=\"Herb For Men, PPD &amp; Ammonia Free Mustache &amp; Beard Dye - Natural Black\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"247\" height=\"296\" src=\"https:\/\/sbjcos.com\/wp-content\/uploads\/2024\/05\/dye-natural-black-247x296.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Herb For Men, PPD &amp; Ammonia Free Mustache &amp; Beard Dye - Natural Black\" \/><img decoding=\"async\" width=\"247\" height=\"296\" src=\"https:\/\/sbjcos.com\/wp-content\/uploads\/2024\/05\/2024-247x296.jpg\" class=\"show-on-hover absolute fill hide-for-small back-image\" alt=\"\" srcset=\"https:\/\/sbjcos.com\/wp-content\/uploads\/2024\/05\/2024-247x296.jpg 247w, https:\/\/sbjcos.com\/wp-content\/uploads\/2024\/05\/2024-10x12.jpg 10w\" sizes=\"(max-width: 247px) 100vw, 247px\" \/>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small top right show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small hide-for-small bottom left show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover\">\n\t\t\t\t  <a class=\"quick-view\" data-prod=\"377\" href=\"#quick-view\">Quick View<\/a>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text box-text-products text-center grid-style-2\">\n\t\t\t<div class=\"title-wrapper\"><p class=\"name product-title woocommerce-loop-product__title\"><a href=\"https:\/\/sbjcos.com\/en_us\/product\/herb-for-men-ppd-ammonia-free-mustache-beard-dye-natural-black\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">Herb For Men, PPD &amp; Ammonia Free Mustache &amp; Beard Dye &#8211; Natural Black<\/a><\/p><\/div><div class=\"price-wrapper\">\n\t<span class=\"price\"><span class=\"wcpbc-price wcpbc-price-377\" data-product-id=\"377\"><span class=\"woocommerce-Price-amount amount\"><bdi>5.900&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#x62f;.&#x643;<\/span><\/bdi><\/span><\/span><\/span>\n<\/div><div class=\"add-to-cart-button\"><a href=\"\/en_us\/wp-json\/wp\/v2\/pages\/7847?add-to-cart=377\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_377\" data-quantity=\"1\" class=\"primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-outline\" data-product_id=\"377\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;Herb For Men, PPD &amp; Ammonia Free Mustache &amp; Beard Dye - Natural Black&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Herb For Men, PPD &amp; Ammonia Free Mustache &amp; Beard Dye - Natural Black&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a><\/div>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_377\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n\t\t<\/div>\n\t<\/div>\n\t\t\t\t<input type=\"hidden\" class=\"pmwProductId\" data-id=\"377\">\n\t\t\t\t\t<script>\n\t\t\t(window.pmwDataLayer = window.pmwDataLayer || {}).products                = window.pmwDataLayer.products || {};\n\t\t\twindow.pmwDataLayer.products[377] = {\"id\":\"377\",\"sku\":\"\",\"price\":5.9,\"brand\":\"\",\"quantity\":1,\"dyn_r_ids\":{\"post_id\":\"377\",\"sku\":377,\"gpf\":\"woocommerce_gpf_377\",\"gla\":\"gla_377\"},\"is_variable\":false,\"type\":\"simple\",\"name\":\"Herb For Men, PPD \\u0026 Ammonia Free Mustache \\u0026 Beard Dye - Natural Black\",\"category\":[\"Beard dye\"],\"is_variation\":false};\n\t\t\t\t\twindow.pmw_product_position = window.pmw_product_position || 1;\n\t\twindow.pmwDataLayer.products[377]['position'] = window.pmw_product_position++;\n\t\t\t\t<\/script>\n\t\t\t<\/div>\n<\/div><div class=\"product-small col has-hover product type-product post-358 status-publish first instock product_cat-cream has-post-thumbnail taxable shipping-taxable purchasable product-type-simple\">\n\t<div class=\"col-inner\">\n\t\n<div class=\"badge-container absolute left top z-1\">\n\n<div class=\"badge callout badge-circle\"><div class=\"badge-inner callout-new-bg is-small new-bubble\">120g<\/div><\/div><\/div>\n\t<div class=\"product-small box\">\n\t\t<div class=\"box-image\">\n\t\t\t<div class=\"image-fade_in_back\">\n\t\t\t\t<a href=\"https:\/\/sbjcos.com\/en_us\/product\/herb-speedy-hair-color-cream-dark-brown\/\" aria-label=\"Herb Speedy Hair Color Cream - Dark Brown\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"247\" height=\"274\" src=\"https:\/\/sbjcos.com\/wp-content\/uploads\/2024\/05\/dark-brown-front-e1715846786304-247x274.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Herb Speedy Hair Color Cream - Dark Brown\" srcset=\"https:\/\/sbjcos.com\/wp-content\/uploads\/2024\/05\/dark-brown-front-e1715846786304-247x274.jpg 247w, https:\/\/sbjcos.com\/wp-content\/uploads\/2024\/05\/dark-brown-front-e1715846786304-12x12.jpg 12w\" sizes=\"(max-width: 247px) 100vw, 247px\" \/><img loading=\"lazy\" decoding=\"async\" width=\"247\" height=\"280\" src=\"https:\/\/sbjcos.com\/wp-content\/uploads\/2024\/05\/dark-brown-jpg-247x280.jpg\" class=\"show-on-hover absolute fill hide-for-small back-image\" alt=\"\" \/>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small top right show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small hide-for-small bottom left show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover\">\n\t\t\t\t  <a class=\"quick-view\" data-prod=\"358\" href=\"#quick-view\">Quick View<\/a>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text box-text-products text-center grid-style-2\">\n\t\t\t<div class=\"title-wrapper\"><p class=\"name product-title woocommerce-loop-product__title\"><a href=\"https:\/\/sbjcos.com\/en_us\/product\/herb-speedy-hair-color-cream-dark-brown\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">Herb Speedy Hair Color Cream &#8211; Dark Brown<\/a><\/p><\/div><div class=\"price-wrapper\">\n\t<span class=\"price\"><span class=\"wcpbc-price wcpbc-price-358\" data-product-id=\"358\"><span class=\"woocommerce-Price-amount amount\"><bdi>7.900&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#x62f;.&#x643;<\/span><\/bdi><\/span><\/span><\/span>\n<\/div><div class=\"add-to-cart-button\"><a href=\"\/en_us\/wp-json\/wp\/v2\/pages\/7847?add-to-cart=358\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_358\" data-quantity=\"1\" class=\"primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-outline\" data-product_id=\"358\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;Herb Speedy Hair Color Cream - Dark Brown&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Herb Speedy Hair Color Cream - Dark Brown&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a><\/div>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_358\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n\t\t<\/div>\n\t<\/div>\n\t\t\t\t<input type=\"hidden\" class=\"pmwProductId\" data-id=\"358\">\n\t\t\t\t\t<script>\n\t\t\t(window.pmwDataLayer = window.pmwDataLayer || {}).products                = window.pmwDataLayer.products || {};\n\t\t\twindow.pmwDataLayer.products[358] = {\"id\":\"358\",\"sku\":\"\",\"price\":7.9,\"brand\":\"\",\"quantity\":1,\"dyn_r_ids\":{\"post_id\":\"358\",\"sku\":358,\"gpf\":\"woocommerce_gpf_358\",\"gla\":\"gla_358\"},\"is_variable\":false,\"type\":\"simple\",\"name\":\"Herb Speedy Hair Color Cream - Dark Brown\",\"category\":[\"Hair color cream\"],\"is_variation\":false};\n\t\t\t\t\twindow.pmw_product_position = window.pmw_product_position || 1;\n\t\twindow.pmwDataLayer.products[358]['position'] = window.pmw_product_position++;\n\t\t\t\t<\/script>\n\t\t\t<\/div>\n<\/div><div class=\"product-small col has-hover product type-product post-327 status-publish instock product_cat-cream has-post-thumbnail taxable shipping-taxable purchasable product-type-simple\">\n\t<div class=\"col-inner\">\n\t\n<div class=\"badge-container absolute left top z-1\">\n\n<div class=\"badge callout badge-circle\"><div class=\"badge-inner callout-new-bg is-small new-bubble\">120g<\/div><\/div><\/div>\n\t<div class=\"product-small box\">\n\t\t<div class=\"box-image\">\n\t\t\t<div class=\"image-fade_in_back\">\n\t\t\t\t<a href=\"https:\/\/sbjcos.com\/en_us\/product\/herb-speedy-hair-color-cream-soft-black\/\" aria-label=\"Herb Speedy Hair Color Cream - Soft Black\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"247\" height=\"280\" src=\"https:\/\/sbjcos.com\/wp-content\/uploads\/2024\/05\/soft-black-front-247x280.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Herb Speedy Hair Color Cream - Soft Black\" \/><img loading=\"lazy\" decoding=\"async\" width=\"247\" height=\"280\" src=\"https:\/\/sbjcos.com\/wp-content\/uploads\/2024\/05\/soft-black-side-view-247x280.jpg\" class=\"show-on-hover absolute fill hide-for-small back-image\" alt=\"\" \/>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small top right show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small hide-for-small bottom left show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover\">\n\t\t\t\t  <a class=\"quick-view\" data-prod=\"327\" href=\"#quick-view\">Quick View<\/a>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text box-text-products text-center grid-style-2\">\n\t\t\t<div class=\"title-wrapper\"><p class=\"name product-title woocommerce-loop-product__title\"><a href=\"https:\/\/sbjcos.com\/en_us\/product\/herb-speedy-hair-color-cream-soft-black\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">Herb Speedy Hair Color Cream &#8211; Soft Black<\/a><\/p><\/div><div class=\"price-wrapper\">\n\t<span class=\"price\"><span class=\"wcpbc-price wcpbc-price-327\" data-product-id=\"327\"><span class=\"woocommerce-Price-amount amount\"><bdi>7.900&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#x62f;.&#x643;<\/span><\/bdi><\/span><\/span><\/span>\n<\/div><div class=\"add-to-cart-button\"><a href=\"\/en_us\/wp-json\/wp\/v2\/pages\/7847?add-to-cart=327\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_327\" data-quantity=\"1\" class=\"primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-outline\" data-product_id=\"327\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;Herb Speedy Hair Color Cream - Soft Black&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Herb Speedy Hair Color Cream - Soft Black&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a><\/div>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_327\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n\t\t<\/div>\n\t<\/div>\n\t\t\t\t<input type=\"hidden\" class=\"pmwProductId\" data-id=\"327\">\n\t\t\t\t\t<script>\n\t\t\t(window.pmwDataLayer = window.pmwDataLayer || {}).products                = window.pmwDataLayer.products || {};\n\t\t\twindow.pmwDataLayer.products[327] = {\"id\":\"327\",\"sku\":\"\",\"price\":7.9,\"brand\":\"\",\"quantity\":1,\"dyn_r_ids\":{\"post_id\":\"327\",\"sku\":327,\"gpf\":\"woocommerce_gpf_327\",\"gla\":\"gla_327\"},\"is_variable\":false,\"type\":\"simple\",\"name\":\"Herb Speedy Hair Color Cream - Soft Black\",\"category\":[\"Hair color cream\"],\"is_variation\":false};\n\t\t\t\t\twindow.pmw_product_position = window.pmw_product_position || 1;\n\t\twindow.pmwDataLayer.products[327]['position'] = window.pmw_product_position++;\n\t\t\t\t<\/script>\n\t\t\t<\/div>\n<\/div><\/div>\n\n\n\n<!-- SBJ Cosmetics \u2014 FAQ Only | Approved Green\/Cream Style -->\n\n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Amiri:wght@400;700&family=Tajawal:wght@400;500;700;800;900&display=swap');\n\n\n\n#sbjw-sections {\n\n  --sbjw-green-950: #023326;\n\n  --sbjw-green-900: #033b2a;\n\n  --sbjw-green-800: #064b35;\n\n  --sbjw-green-700: #0a6044;\n\n  --sbjw-sage: #91a982;\n\n  --sbjw-sage-soft: #dce7d9;\n\n  --sbjw-cream: #f7f2e8;\n\n  --sbjw-cream-soft: #fcf9f2;\n\n  --sbjw-white: #fffdf8;\n\n  --sbjw-border: #cad7cc;\n\n  --sbjw-muted: #557166;\n\n  --sbjw-shadow: 0 24px 70px rgba(3, 59, 42, .11);\n\n  direction: rtl;\n\n  width: 100%;\n\n  margin: 0;\n\n  padding: 0;\n\n  overflow: hidden;\n\n  color: var(--sbjw-green-950);\n\n  background: var(--sbjw-cream-soft);\n\n  font-family: 'Tajawal', 'Cairo', Arial, sans-serif;\n\n  -webkit-font-smoothing: antialiased;\n\n}\n\n\n\n#sbjw-sections,\n\n#sbjw-sections * { box-sizing: border-box; }\n\n\n\n#sbjw-sections h2,\n\n#sbjw-sections h3,\n\n#sbjw-sections p,\n\n#sbjw-sections ul { margin: 0; }\n\n\n\n#sbjw-sections a { text-decoration: none; }\n\n\n\n\/* =========================================================\n\n   SECTION 02 \u2014 FAQ\n\n========================================================= *\/\n\n#sbjw-sections .sbjw-faq {\n\n  position: relative;\n\n  padding: clamp(64px, 7vw, 104px) 24px;\n\n  background: var(--sbjw-white);\n\n  border-top: 1px solid rgba(145, 169, 130, .28);\n\n}\n\n\n\n#sbjw-sections .sbjw-faq-inner {\n\n  width: min(920px, 100%);\n\n  margin-inline: auto;\n\n}\n\n\n\n#sbjw-sections .sbjw-faq-header {\n\n  max-width: 650px;\n\n  margin: 0 auto 44px;\n\n  text-align: center;\n\n}\n\n\n\n#sbjw-sections .sbjw-faq-kicker {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 9px;\n\n  margin-bottom: 12px;\n\n  color: var(--sbjw-green-700);\n\n  font-size: 12px;\n\n  font-weight: 800;\n\n  letter-spacing: .08em;\n\n}\n\n\n\n#sbjw-sections .sbjw-faq-kicker::before,\n\n#sbjw-sections .sbjw-faq-kicker::after {\n\n  content: '';\n\n  width: 24px;\n\n  height: 1px;\n\n  background: var(--sbjw-sage);\n\n}\n\n\n\n#sbjw-sections .sbjw-faq-title {\n\n  margin-bottom: 12px;\n\n  color: var(--sbjw-green-950) !important;\n\n  font-family: 'Amiri', Georgia, serif;\n\n  font-size: clamp(38px, 4.4vw, 58px);\n\n  font-weight: 700;\n\n  line-height: 1.18;\n\n}\n\n\n\n#sbjw-sections .sbjw-faq-intro {\n\n  color: var(--sbjw-muted);\n\n  font-size: 15px;\n\n  font-weight: 500;\n\n  line-height: 1.8;\n\n}\n\n\n\n#sbjw-sections .sbjw-faq-list {\n\n  display: grid;\n\n  gap: 12px;\n\n  padding: 0;\n\n  list-style: none;\n\n}\n\n\n\n#sbjw-sections .sbjw-faq-item {\n\n  overflow: hidden;\n\n  background: var(--sbjw-cream-soft);\n\n  border: 1px solid var(--sbjw-border);\n\n  border-radius: 17px;\n\n  transition: border-color .25s ease, box-shadow .25s ease, background .25s ease;\n\n}\n\n\n\n#sbjw-sections .sbjw-faq-item.is-open {\n\n  background: var(--sbjw-white);\n\n  border-color: var(--sbjw-sage);\n\n  box-shadow: 0 15px 38px rgba(3, 59, 42, .08);\n\n}\n\n\n\n#sbjw-sections .sbjw-faq-question {\n\n  width: 100%;\n\n  min-height: 70px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  gap: 18px;\n\n  padding: 17px 20px;\n\n  color: var(--sbjw-green-950) !important;\n\n  background: transparent !important;\n\n  border: 0 !important;\n\n  border-radius: 0 !important;\n\n  box-shadow: none !important;\n\n  cursor: pointer;\n\n  text-align: right;\n\n  font-family: inherit;\n\n  font-size: clamp(15px, 1.3vw, 17px);\n\n  font-weight: 800;\n\n  line-height: 1.55;\n\n}\n\n\n\n#sbjw-sections .sbjw-faq-question:hover,\n\n#sbjw-sections .sbjw-faq-question:focus {\n\n  color: var(--sbjw-green-700) !important;\n\n  background: transparent !important;\n\n}\n\n\n\n#sbjw-sections .sbjw-faq-question:focus-visible {\n\n  outline: 3px solid rgba(145, 169, 130, .42) !important;\n\n  outline-offset: -4px;\n\n}\n\n\n\n#sbjw-sections .sbjw-faq-number {\n\n  color: var(--sbjw-sage);\n\n  font-family: Georgia, serif;\n\n  font-size: 13px;\n\n  font-weight: 700;\n\n}\n\n\n\n#sbjw-sections .sbjw-faq-question-text {\n\n  flex: 1;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 13px;\n\n}\n\n\n\n#sbjw-sections .sbjw-faq-icon {\n\n  position: relative;\n\n  width: 34px;\n\n  height: 34px;\n\n  flex: 0 0 34px;\n\n  display: grid;\n\n  place-items: center;\n\n  color: var(--sbjw-green-800);\n\n  background: var(--sbjw-sage-soft);\n\n  border: 1px solid rgba(145, 169, 130, .65);\n\n  border-radius: 50%;\n\n  transition: transform .28s ease, color .28s ease, background .28s ease;\n\n}\n\n\n\n#sbjw-sections .sbjw-faq-icon::before,\n\n#sbjw-sections .sbjw-faq-icon::after {\n\n  content: '';\n\n  position: absolute;\n\n  width: 12px;\n\n  height: 2px;\n\n  background: currentColor;\n\n  border-radius: 2px;\n\n}\n\n\n\n#sbjw-sections .sbjw-faq-icon::after {\n\n  transform: rotate(90deg);\n\n  transition: transform .28s ease;\n\n}\n\n\n\n#sbjw-sections .sbjw-faq-item.is-open .sbjw-faq-icon {\n\n  color: var(--sbjw-white);\n\n  background: var(--sbjw-green-800);\n\n  transform: rotate(180deg);\n\n}\n\n\n\n#sbjw-sections .sbjw-faq-item.is-open .sbjw-faq-icon::after {\n\n  transform: rotate(0deg);\n\n}\n\n\n\n#sbjw-sections .sbjw-faq-answer {\n\n  max-height: 0;\n\n  overflow: hidden;\n\n  opacity: 0;\n\n  transition: max-height .36s ease, opacity .28s ease;\n\n}\n\n\n\n#sbjw-sections .sbjw-faq-answer-inner {\n\n  padding: 0 20px 21px 67px;\n\n  color: var(--sbjw-muted);\n\n  font-size: 15px;\n\n  font-weight: 500;\n\n  line-height: 1.9;\n\n}\n\n\n\n#sbjw-sections .sbjw-faq-item.is-open .sbjw-faq-answer { opacity: 1; }\n\n\n\n\/* =========================================================\n\n   RESPONSIVE\n\n========================================================= *\/\n\n@media (max-width: 960px) {\n\n  #sbjw-sections .sbjw-why-inner {\n\n    grid-template-columns: 1fr;\n\n    gap: 46px;\n\n  }\n\n\n\n  #sbjw-sections .sbjw-copy {\n\n    max-width: 720px;\n\n    margin-inline: auto;\n\n    text-align: center;\n\n  }\n\n\n\n  #sbjw-sections .sbjw-title,\n\n  #sbjw-sections .sbjw-desc { margin-inline: auto; }\n\n\n\n  #sbjw-sections .sbjw-eyebrow,\n\n  #sbjw-sections .sbjw-actions { justify-content: center; }\n\n\n\n  #sbjw-sections .sbjw-visual {\n\n    order: -1;\n\n    min-height: 500px;\n\n  }\n\n\n\n  #sbjw-sections .sbjw-benefits { text-align: right; }\n\n}\n\n\n\n@media (max-width: 600px) {\n\n  #sbjw-sections .sbjw-why,\n\n  #sbjw-sections .sbjw-faq { padding: 54px 16px; }\n\n\n\n  #sbjw-sections .sbjw-visual { min-height: 400px; }\n\n\n\n  #sbjw-sections .sbjw-visual::before {\n\n    width: 270px;\n\n    height: 270px;\n\n  }\n\n\n\n  #sbjw-sections .sbjw-visual::after {\n\n    width: 220px;\n\n    height: 220px;\n\n  }\n\n\n\n  #sbjw-sections .sbjw-product-card {\n\n    width: min(330px, 94%);\n\n    min-height: 375px;\n\n    padding: 28px;\n\n    border-radius: 76px 20px 76px 20px;\n\n  }\n\n\n\n  #sbjw-sections .sbjw-product-card::before {\n\n    border-radius: 64px 15px 64px 15px;\n\n  }\n\n\n\n  #sbjw-sections .sbjw-product-img {\n\n    max-width: 250px;\n\n    height: 310px;\n\n  }\n\n\n\n  #sbjw-sections .sbjw-seal {\n\n    top: 8px;\n\n    right: 0;\n\n    width: 84px;\n\n    height: 84px;\n\n    padding: 10px;\n\n    border-width: 5px;\n\n    font-size: 9px;\n\n  }\n\n\n\n  #sbjw-sections .sbjw-mini-card {\n\n    left: 2px;\n\n    bottom: 18px;\n\n    min-width: 132px;\n\n    padding: 10px 12px;\n\n    font-size: 11px;\n\n  }\n\n\n\n  #sbjw-sections .sbjw-title { font-size: clamp(36px, 11vw, 47px); }\n\n\n\n  #sbjw-sections .sbjw-benefits { grid-template-columns: 1fr; }\n\n\n\n  #sbjw-sections .sbjw-actions {\n\n    flex-direction: column;\n\n    gap: 14px;\n\n  }\n\n\n\n  #sbjw-sections .sbjw-btn { width: 100%; }\n\n\n\n  #sbjw-sections .sbjw-faq-header { margin-bottom: 32px; }\n\n\n\n  #sbjw-sections .sbjw-faq-question {\n\n    min-height: 66px;\n\n    padding: 15px;\n\n    gap: 11px;\n\n  }\n\n\n\n  #sbjw-sections .sbjw-faq-number { display: none; }\n\n\n\n  #sbjw-sections .sbjw-faq-answer-inner {\n\n    padding: 0 15px 18px;\n\n    font-size: 14px;\n\n  }\n\n}\n\n\n\n@media (prefers-reduced-motion: reduce) {\n\n  #sbjw-sections *,\n\n  #sbjw-sections *::before,\n\n  #sbjw-sections *::after {\n\n    scroll-behavior: auto !important;\n\n    transition-duration: .01ms !important;\n\n    animation-duration: .01ms !important;\n\n  }\n\n}\n\n<\/style>\n\n\n\n<div id=\"sbjw-sections\" dir=\"rtl\">\n\n  <section class=\"sbjw-faq\" aria-labelledby=\"sbjw-faq-title\">\n\n    <div class=\"sbjw-faq-inner\">\n\n      <header class=\"sbjw-faq-header\">\n\n        <span class=\"sbjw-faq-kicker\">\u062f\u0644\u064a\u0644\u0643 \u0625\u0644\u0649 \u0647\u064a\u0631\u0628<\/span>\n\n        <h2 class=\"sbjw-faq-title\" id=\"sbjw-faq-title\">\u0623\u0633\u0626\u0644\u0629 \u0634\u0627\u0626\u0639\u0629<\/h2>\n\n        <p class=\"sbjw-faq-intro\">\u0625\u062c\u0627\u0628\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0648\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647 \u0628\u062b\u0642\u0629.<\/p>\n\n      <\/header>\n\n\n\n      <ul class=\"sbjw-faq-list\">\n\n        <li class=\"sbjw-faq-item is-open\">\n\n          <button class=\"sbjw-faq-question\" type=\"button\" aria-expanded=\"true\" aria-controls=\"sbjw-answer-1\">\n\n            <span class=\"sbjw-faq-question-text\"><span class=\"sbjw-faq-number\">01<\/span>\u0647\u0644 \u0635\u0628\u063a\u0629 \u0647\u064a\u0631\u0628 \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u0628\u0634\u0631\u0629 \u0627\u0644\u062d\u0633\u0627\u0633\u0629\u061f<\/span>\n\n            <span class=\"sbjw-faq-icon\" aria-hidden=\"true\"><\/span>\n\n          <\/button>\n\n          <div class=\"sbjw-faq-answer\" id=\"sbjw-answer-1\" role=\"region\">\n\n            <p class=\"sbjw-faq-answer-inner\">\u0646\u0639\u0645\u060c \u0647\u064a\u0631\u0628 \u062e\u064a\u0627\u0631 \u0645\u062b\u0627\u0644\u064a \u0644\u0644\u0628\u0634\u0631\u0629 \u0627\u0644\u062d\u0633\u0627\u0633\u0629 \u0628\u0641\u0636\u0644 \u062a\u0631\u0643\u064a\u0628\u062a\u0647\u0627 \u0627\u0644\u0644\u0637\u064a\u0641\u0629 \u0648\u0627\u0644\u062e\u0627\u0644\u064a\u0629 \u0645\u0646 PPD \u0648\u0627\u0644\u0623\u0645\u0648\u0646\u064a\u0627. \u0648\u0642\u062f \u0623\u062b\u0628\u062a\u062a \u062a\u062c\u0627\u0631\u0628 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0631\u0627\u062d\u0629 \u0645\u0645\u062a\u0627\u0632\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062d\u062a\u0649 \u0644\u0645\u0646 \u0633\u0628\u0642 \u0623\u0646 \u0639\u0627\u0646\u0648\u0627 \u0645\u0646 \u062d\u0633\u0627\u0633\u064a\u0629 \u062a\u062c\u0627\u0647 \u0627\u0644\u0635\u0628\u063a\u0627\u062a \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629. \u0648\u0645\u0639 \u0630\u0644\u0643\u060c \u0646\u0646\u0635\u062d \u0628\u0625\u062c\u0631\u0627\u0621 \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u062d\u0633\u0627\u0633\u064a\u0629 \u0642\u0628\u0644 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0628\u0640 48 \u0633\u0627\u0639\u0629.<\/p>\n\n          <\/div>\n\n        <\/li>\n\n\n\n        <li class=\"sbjw-faq-item\">\n\n          <button class=\"sbjw-faq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"sbjw-answer-2\">\n\n            <span class=\"sbjw-faq-question-text\"><span class=\"sbjw-faq-number\">02<\/span>\u0643\u0645 \u064a\u0633\u062a\u063a\u0631\u0642 \u0638\u0647\u0648\u0631 \u0627\u0644\u0644\u0648\u0646\u061f<\/span>\n\n            <span class=\"sbjw-faq-icon\" aria-hidden=\"true\"><\/span>\n\n          <\/button>\n\n          <div class=\"sbjw-faq-answer\" id=\"sbjw-answer-2\" role=\"region\">\n\n            <p class=\"sbjw-faq-answer-inner\">\u062d\u0648\u0627\u0644\u064a 20 \u062f\u0642\u064a\u0642\u0629\u060c \u0648\u0642\u062f \u064a\u062d\u062a\u0627\u062c \u0627\u0644\u0634\u0639\u0631 \u0627\u0644\u0633\u0645\u064a\u0643 \u0623\u0648 \u0634\u062f\u064a\u062f \u0627\u0644\u0628\u064a\u0627\u0636 \u0625\u0644\u0649 \u0648\u0642\u062a \u0623\u0637\u0648\u0644 \u0642\u0644\u064a\u0644\u0627\u064b \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062a\u063a\u0637\u064a\u0629 \u0623\u0641\u0636\u0644. \u062a\u0639\u0644\u064a\u0645\u0627\u062a HERB Speedy \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0647\u064a 10 \u062f\u0642\u0627\u0626\u0642 \u0644\u0644\u0643\u0631\u064a\u0645 \u0627\u0644\u0623\u0648\u0644 \u064810 \u062f\u0642\u0627\u0626\u0642 \u0644\u0644\u0643\u0631\u064a\u0645 \u0627\u0644\u062b\u0627\u0646\u064a \u062f\u0648\u0646 \u062e\u0644\u0637\u0647\u0645\u0627.<\/p>\n\n          <\/div>\n\n        <\/li>\n\n\n\n        <li class=\"sbjw-faq-item\">\n\n          <button class=\"sbjw-faq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"sbjw-answer-3\">\n\n            <span class=\"sbjw-faq-question-text\"><span class=\"sbjw-faq-number\">03<\/span>\u0625\u0644\u0649 \u0623\u064a \u062f\u0648\u0644 \u064a\u062a\u0648\u0641\u0631 \u0627\u0644\u062a\u0648\u0635\u064a\u0644\u061f<\/span>\n\n            <span class=\"sbjw-faq-icon\" aria-hidden=\"true\"><\/span>\n\n          <\/button>\n\n          <div class=\"sbjw-faq-answer\" id=\"sbjw-answer-3\" role=\"region\">\n\n            <p class=\"sbjw-faq-answer-inner\">\u0646\u0648\u0641\u0631 \u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0625\u0644\u0649 \u062c\u0645\u064a\u0639 \u062f\u0648\u0644 \u0627\u0644\u062e\u0644\u064a\u062c\u060c \u0648\u0639\u0627\u062f\u0629\u064b \u064a\u0635\u0644 \u0627\u0644\u0637\u0644\u0628 \u062e\u0644\u0627\u0644 5 \u0623\u064a\u0627\u0645 \u062d\u0633\u0628 \u0645\u0648\u0642\u0639 \u0627\u0644\u062a\u0648\u0635\u064a\u0644.<\/p>\n\n          <\/div>\n\n        <\/li>\n\n\n\n        <li class=\"sbjw-faq-item\">\n\n          <button class=\"sbjw-faq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"sbjw-answer-4\">\n\n            <span class=\"sbjw-faq-question-text\"><span class=\"sbjw-faq-number\">04<\/span>\u0645\u0627 \u0637\u0631\u0642 \u0627\u0644\u062f\u0641\u0639 \u0627\u0644\u0645\u062a\u0627\u062d\u0629\u061f<\/span>\n\n            <span class=\"sbjw-faq-icon\" aria-hidden=\"true\"><\/span>\n\n          <\/button>\n\n          <div class=\"sbjw-faq-answer\" id=\"sbjw-answer-4\" role=\"region\">\n\n            <p class=\"sbjw-faq-answer-inner\">\u0646\u0648\u0641\u0631 \u062e\u064a\u0627\u0631\u0627\u062a \u062f\u0641\u0639 \u0622\u0645\u0646\u0629 \u062a\u0634\u0645\u0644 KNET \u0648Visa \u0648Mastercard\u060c \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u062d\u0633\u0628 \u0627\u0644\u062f\u0648\u0644\u0629.<\/p>\n\n          <\/div>\n\n        <\/li>\n\n\n\n        <li class=\"sbjw-faq-item\">\n\n          <button class=\"sbjw-faq-question\" type=\"button\" aria-expanded=\"false\" aria-controls=\"sbjw-answer-5\">\n\n            <span class=\"sbjw-faq-question-text\"><span class=\"sbjw-faq-number\">05<\/span>\u0647\u0644 \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0646\u062a\u062c \u0646\u0641\u0633\u0647 \u0644\u0644\u0634\u0639\u0631 \u0648\u0627\u0644\u0644\u062d\u064a\u0629\u061f<\/span>\n\n            <span class=\"sbjw-faq-icon\" aria-hidden=\"true\"><\/span>\n\n          <\/button>\n\n          <div class=\"sbjw-faq-answer\" id=\"sbjw-answer-5\" role=\"region\">\n\n            <p class=\"sbjw-faq-answer-inner\">\u0646\u0646\u0635\u062d \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0645\u062e\u0635\u0635 \u0644\u0643\u0644 \u0645\u0646\u0637\u0642\u0629\u061b HERB Speedy \u0644\u0644\u0634\u0639\u0631\u060c \u0648HERB For Men \u0645\u062e\u0635\u0635 \u0644\u0644\u062d\u064a\u0629 \u0648\u0627\u0644\u0634\u0627\u0631\u0628 \u0648\u0627\u0644\u0633\u0648\u0627\u0644\u0641.<\/p>\n\n          <\/div>\n\n        <\/li>\n\n      <\/ul>\n\n    <\/div>\n\n  <\/section>\n\n<\/div>\n\n\n\n<script>\n\n(function () {\n\n  'use strict';\n\n\n\n  var root = document.getElementById('sbjw-sections');\n\n  if (!root || root.dataset.faqReady === 'true') return;\n\n  root.dataset.faqReady = 'true';\n\n\n\n  var items = Array.prototype.slice.call(root.querySelectorAll('.sbjw-faq-item'));\n\n\n\n  function closeItem(item) {\n\n    var button = item.querySelector('.sbjw-faq-question');\n\n    var answer = item.querySelector('.sbjw-faq-answer');\n\n    item.classList.remove('is-open');\n\n    button.setAttribute('aria-expanded', 'false');\n\n    answer.style.maxHeight = '0px';\n\n  }\n\n\n\n  function openItem(item) {\n\n    var button = item.querySelector('.sbjw-faq-question');\n\n    var answer = item.querySelector('.sbjw-faq-answer');\n\n    item.classList.add('is-open');\n\n    button.setAttribute('aria-expanded', 'true');\n\n    answer.style.maxHeight = answer.scrollHeight + 'px';\n\n  }\n\n\n\n  items.forEach(function (item) {\n\n    var button = item.querySelector('.sbjw-faq-question');\n\n    if (item.classList.contains('is-open')) openItem(item);\n\n    else closeItem(item);\n\n\n\n    button.addEventListener('click', function () {\n\n      var shouldOpen = !item.classList.contains('is-open');\n\n      items.forEach(closeItem);\n\n      if (shouldOpen) openItem(item);\n\n    });\n\n  });\n\n\n\n  window.addEventListener('resize', function () {\n\n    var openAnswer = root.querySelector('.sbjw-faq-item.is-open .sbjw-faq-answer');\n\n    if (openAnswer) openAnswer.style.maxHeight = openAnswer.scrollHeight + 'px';\n\n  });\n\n})();\n\n<\/script>\n\n\n\n<!-- SBJ Cosmetics \u2014 Brand Story | Approved Green\/Cream Style -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Amiri:wght@400;700&family=Tajawal:wght@400;500;700;800;900&display=swap');\n\n#sbjstory-block {\n  --sbjstory-green-950: #023326;\n  --sbjstory-green-900: #033b2a;\n  --sbjstory-green-800: #064b35;\n  --sbjstory-green-700: #0a6044;\n  --sbjstory-sage: #91a982;\n  --sbjstory-sage-soft: #dce7d9;\n  --sbjstory-cream: #f7f2e8;\n  --sbjstory-cream-soft: #fcf9f2;\n  --sbjstory-white: #fffdf8;\n  --sbjstory-border: #cad7cc;\n  --sbjstory-muted: #557166;\n  direction: rtl;\n  width: 100%;\n  margin: 0;\n  padding: clamp(58px, 7vw, 100px) 22px;\n  overflow: hidden;\n  color: var(--sbjstory-green-950);\n  background:\n    radial-gradient(circle at 8% 12%, rgba(145, 169, 130, .20), transparent 25%),\n    radial-gradient(circle at 94% 90%, rgba(220, 231, 217, .72), transparent 30%),\n    linear-gradient(135deg, var(--sbjstory-cream-soft), var(--sbjstory-cream));\n  font-family: 'Tajawal', 'Cairo', Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n}\n\n#sbjstory-block,\n#sbjstory-block * { box-sizing: border-box; }\n\n#sbjstory-block h2,\n#sbjstory-block p { margin: 0; }\n\n#sbjstory-block .sbjstory-card {\n  position: relative;\n  isolation: isolate;\n  width: min(1120px, 100%);\n  margin-inline: auto;\n  padding: clamp(38px, 5.4vw, 72px);\n  overflow: hidden;\n  background: rgba(255, 253, 248, .90);\n  border: 1px solid rgba(145, 169, 130, .52);\n  border-radius: 30px;\n  box-shadow: 0 26px 70px rgba(3, 59, 42, .10);\n  backdrop-filter: blur(8px);\n}\n\n#sbjstory-block .sbjstory-card::before {\n  content: '';\n  position: absolute;\n  z-index: -1;\n  top: -160px;\n  left: -125px;\n  width: 370px;\n  height: 370px;\n  border: 74px solid rgba(220, 231, 217, .60);\n  border-radius: 50%;\n}\n\n#sbjstory-block .sbjstory-card::after {\n  content: '';\n  position: absolute;\n  z-index: -1;\n  right: -65px;\n  bottom: -86px;\n  width: 230px;\n  height: 230px;\n  opacity: .34;\n  background-image: radial-gradient(rgba(6, 75, 53, .28) .9px, transparent .9px);\n  background-size: 16px 16px;\n  -webkit-mask-image: radial-gradient(circle, #fff 20%, transparent 70%);\n  mask-image: radial-gradient(circle, #fff 20%, transparent 70%);\n}\n\n#sbjstory-block .sbjstory-topline {\n  position: absolute;\n  top: 0;\n  right: clamp(38px, 5.4vw, 72px);\n  width: 92px;\n  height: 5px;\n  background: var(--sbjstory-green-800);\n  border-radius: 0 0 10px 10px;\n}\n\n#sbjstory-block .sbjstory-heading {\n  position: relative;\n  max-width: 800px;\n  margin: 0 auto clamp(28px, 4vw, 42px);\n  text-align: center;\n}\n\n#sbjstory-block .sbjstory-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  margin-bottom: 14px;\n  padding: 8px 14px;\n  color: var(--sbjstory-green-800);\n  background: var(--sbjstory-sage-soft);\n  border: 1px solid rgba(145, 169, 130, .55);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: .04em;\n}\n\n#sbjstory-block .sbjstory-kicker::before {\n  content: '';\n  width: 7px;\n  height: 7px;\n  background: var(--sbjstory-green-700);\n  border-radius: 50%;\n  box-shadow: 0 0 0 4px rgba(10, 96, 68, .10);\n}\n\n#sbjstory-block .sbjstory-title {\n  margin-bottom: 15px;\n  color: var(--sbjstory-green-950) !important;\n  font-family: 'Amiri', Georgia, serif;\n  font-size: clamp(38px, 4.6vw, 62px);\n  font-weight: 700;\n  line-height: 1.18;\n  letter-spacing: -.018em;\n}\n\n#sbjstory-block .sbjstory-title span {\n  color: var(--sbjstory-green-700);\n}\n\n#sbjstory-block .sbjstory-lead {\n  color: var(--sbjstory-muted);\n  font-size: clamp(15px, 1.45vw, 18px);\n  font-weight: 500;\n  line-height: 1.9;\n}\n\n#sbjstory-block .sbjstory-content {\n  display: grid;\n  grid-template-columns: minmax(185px, .32fr) minmax(0, 1fr);\n  gap: clamp(28px, 4.8vw, 58px);\n  align-items: stretch;\n}\n\n#sbjstory-block .sbjstory-year-panel {\n  min-height: 250px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 26px 20px;\n  text-align: center;\n  color: var(--sbjstory-white);\n  background:\n    radial-gradient(circle at 30% 15%, rgba(145, 169, 130, .22), transparent 34%),\n    var(--sbjstory-green-900);\n  border: 1px solid var(--sbjstory-green-900);\n  border-radius: 90px 24px 90px 24px;\n  box-shadow: 0 18px 38px rgba(3, 59, 42, .17);\n}\n\n#sbjstory-block .sbjstory-year-small {\n  margin-bottom: 4px;\n  color: var(--sbjstory-sage-soft);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .08em;\n}\n\n#sbjstory-block .sbjstory-year {\n  color: var(--sbjstory-white);\n  font-family: Georgia, serif;\n  font-size: clamp(44px, 5vw, 68px);\n  font-weight: 700;\n  line-height: 1;\n}\n\n#sbjstory-block .sbjstory-year-line {\n  width: 46px;\n  height: 1px;\n  margin: 15px 0;\n  background: var(--sbjstory-sage);\n}\n\n#sbjstory-block .sbjstory-year-caption {\n  color: var(--sbjstory-sage-soft);\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.65;\n}\n\n#sbjstory-block .sbjstory-copy {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n#sbjstory-block .sbjstory-text {\n  color: var(--sbjstory-muted);\n  font-size: clamp(15px, 1.35vw, 17px);\n  font-weight: 500;\n  line-height: 2.05;\n}\n\n#sbjstory-block .sbjstory-text + .sbjstory-text { margin-top: 15px; }\n\n#sbjstory-block .sbjstory-text strong {\n  color: var(--sbjstory-green-900);\n  font-weight: 900;\n}\n\n#sbjstory-block .sbjstory-ltr {\n  display: inline-block;\n  direction: ltr;\n  unicode-bidi: isolate;\n  color: var(--sbjstory-green-800);\n  font-weight: 800;\n}\n\n#sbjstory-block .sbjstory-values {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-top: 25px;\n}\n\n#sbjstory-block .sbjstory-value {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  min-height: 38px;\n  padding: 8px 13px;\n  color: var(--sbjstory-green-900);\n  background: var(--sbjstory-cream);\n  border: 1px solid var(--sbjstory-border);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 800;\n}\n\n#sbjstory-block .sbjstory-value::before {\n  content: '';\n  width: 7px;\n  height: 7px;\n  background: var(--sbjstory-sage);\n  border-radius: 50%;\n}\n\n#sbjstory-block .sbjstory-journey {\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n  margin-top: clamp(34px, 5vw, 54px);\n  padding-top: 26px;\n  border-top: 1px solid var(--sbjstory-border);\n}\n\n#sbjstory-block .sbjstory-step {\n  position: relative;\n  min-height: 112px;\n  padding: 17px 18px;\n  background: rgba(247, 242, 232, .70);\n  border: 1px solid rgba(202, 215, 204, .85);\n  border-radius: 16px;\n}\n\n#sbjstory-block .sbjstory-step-number {\n  display: block;\n  margin-bottom: 7px;\n  color: var(--sbjstory-sage);\n  font-family: Georgia, serif;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n#sbjstory-block .sbjstory-step-title {\n  display: block;\n  margin-bottom: 5px;\n  color: var(--sbjstory-green-900);\n  font-size: 14px;\n  font-weight: 900;\n}\n\n#sbjstory-block .sbjstory-step-text {\n  color: var(--sbjstory-muted);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1.7;\n}\n\n@media (max-width: 820px) {\n  #sbjstory-block .sbjstory-content {\n    grid-template-columns: 1fr;\n  }\n\n  #sbjstory-block .sbjstory-year-panel {\n    width: min(360px, 100%);\n    min-height: 205px;\n    margin-inline: auto;\n    border-radius: 70px 22px 70px 22px;\n  }\n\n  #sbjstory-block .sbjstory-copy { text-align: center; }\n  #sbjstory-block .sbjstory-values { justify-content: center; }\n}\n\n@media (max-width: 620px) {\n  #sbjstory-block {\n    padding: 48px 14px;\n  }\n\n  #sbjstory-block .sbjstory-card {\n    padding: 36px 19px 24px;\n    border-radius: 22px;\n  }\n\n  #sbjstory-block .sbjstory-card::before {\n    top: -115px;\n    left: -110px;\n    width: 260px;\n    height: 260px;\n    border-width: 52px;\n  }\n\n  #sbjstory-block .sbjstory-title {\n    font-size: clamp(36px, 11vw, 47px);\n  }\n\n  #sbjstory-block .sbjstory-year-panel {\n    width: min(280px, 100%);\n    min-height: 180px;\n  }\n\n  #sbjstory-block .sbjstory-text {\n    font-size: 15px;\n    line-height: 1.95;\n  }\n\n  #sbjstory-block .sbjstory-journey {\n    grid-template-columns: 1fr;\n    gap: 10px;\n  }\n\n  #sbjstory-block .sbjstory-step {\n    min-height: auto;\n    text-align: center;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #sbjstory-block *,\n  #sbjstory-block *::before,\n  #sbjstory-block *::after {\n    transition-duration: .01ms !important;\n    animation-duration: .01ms !important;\n  }\n}\n<\/style>\n\n<section id=\"sbjstory-block\" aria-labelledby=\"sbjstory-title\" dir=\"rtl\">\n  <div class=\"sbjstory-card\">\n    <span class=\"sbjstory-topline\" aria-hidden=\"true\"><\/span>\n\n    <header class=\"sbjstory-heading\">\n      <span class=\"sbjstory-kicker\">\u0642\u0635\u062a\u0646\u0627 \u0645\u0646\u0630 \u0639\u0627\u0645 1995<\/span>\n      <h2 class=\"sbjstory-title\" id=\"sbjstory-title\">\n        \u0645\u0646 \u0625\u0631\u062b \u0627\u0644\u0623\u0642\u0645\u0634\u0629 \u0625\u0644\u0649 <span>\u0639\u0627\u0644\u0645 \u0627\u0644\u062c\u0645\u0627\u0644<\/span>\n      <\/h2>\n      <p class=\"sbjstory-lead\">\n        \u0631\u062d\u0644\u0629 \u0643\u0648\u064a\u062a\u064a\u0629 \u062a\u062c\u0645\u0639 \u0623\u0635\u0627\u0644\u0629 \u0627\u0644\u062e\u0628\u0631\u0629 \u0645\u0639 \u0631\u0624\u064a\u0629 \u062d\u062f\u064a\u062b\u0629 \u0644\u0644\u0639\u0646\u0627\u064a\u0629 \u0648\u0627\u0644\u062c\u0645\u0627\u0644.\n      <\/p>\n    <\/header>\n\n    <div class=\"sbjstory-content\">\n      <aside class=\"sbjstory-year-panel\" aria-label=\"\u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0631\u062d\u0644\u0629 \u0639\u0627\u0645 1995\">\n        <span class=\"sbjstory-year-small\">\u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0631\u062d\u0644\u0629<\/span>\n        <strong class=\"sbjstory-year\">1995<\/strong>\n        <span class=\"sbjstory-year-line\" aria-hidden=\"true\"><\/span>\n        <span class=\"sbjstory-year-caption\">\u062c\u0630\u0648\u0631 \u0631\u0627\u0633\u062e\u0629<br>\u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0643\u0648\u064a\u062a\u064a<\/span>\n      <\/aside>\n\n      <div class=\"sbjstory-copy\">\n        <p class=\"sbjstory-text\">\n          \u0641\u064a <strong>SBJ Cosmetics<\/strong> \u0646\u0642\u0641 \u0628\u0641\u062e\u0631 \u0639\u0646\u062f \u062a\u0642\u0627\u0637\u0639 \u0627\u0644\u062a\u0642\u0627\u0644\u064a\u062f \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631. \u0628\u062f\u0623\u062a \u0642\u0635\u062a\u0646\u0627 \u0645\u0646 \u0627\u0644\u0625\u0631\u062b \u0627\u0644\u0639\u0631\u064a\u0642 \u0644\u0645\u0624\u0633\u0633\u0629\n          <span class=\"sbjstory-ltr\" lang=\"en\">Alsabij Est. for Fabrics<\/span>\u060c\n          \u0627\u0644\u062a\u064a \u0627\u0645\u062a\u062f\u062a \u062c\u0630\u0648\u0631\u0647\u0627 \u0641\u064a \u0627\u0644\u0643\u0648\u064a\u062a \u0645\u0646\u0630 \u0639\u0627\u0645 1995 \u0648\u0631\u0633\u0651\u062e\u062a \u062e\u0628\u0631\u0629 \u0637\u0648\u064a\u0644\u0629 \u0641\u064a \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621.\n        <\/p>\n\n        <p class=\"sbjstory-text\">\n          \u0645\u062b\u0651\u0644 \u0627\u0646\u062a\u0642\u0627\u0644\u0646\u0627 \u0645\u0646 \u0639\u0627\u0644\u0645 \u0627\u0644\u0623\u0642\u0645\u0634\u0629 \u0625\u0644\u0649 \u0645\u062c\u0627\u0644 \u0645\u0633\u062a\u062d\u0636\u0631\u0627\u062a \u0627\u0644\u062a\u062c\u0645\u064a\u0644 \u0645\u062d\u0637\u0629 \u0645\u062d\u0648\u0631\u064a\u0629 \u0641\u064a \u0631\u062d\u0644\u062a\u0646\u0627\u061b \u0641\u0642\u062f \u0623\u0639\u062f\u0646\u0627 \u062a\u0648\u062c\u064a\u0647 \u062e\u0628\u0631\u062a\u0646\u0627 \u0646\u062d\u0648 \u062a\u0642\u062f\u064a\u0645 \u0645\u0646\u062a\u062c\u0627\u062a \u0639\u0646\u0627\u064a\u0629 \u0648\u062c\u0645\u0627\u0644 \u0623\u0635\u0644\u064a\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u0629\u060c \u062a\u062e\u062f\u0645 \u0639\u0645\u0644\u0627\u0621\u0646\u0627 \u0641\u064a \u0627\u0644\u0643\u0648\u064a\u062a \u0648\u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u062e\u0644\u064a\u062c\u064a\u0629 \u0628\u0631\u0624\u064a\u0629 \u0623\u0643\u062b\u0631 \u062a\u0637\u0648\u0631\u0627\u064b \u0648\u0627\u0647\u062a\u0645\u0627\u0645\u0627\u064b \u0628\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644.\n        <\/p>\n\n        <div class=\"sbjstory-values\" aria-label=\"\u0642\u064a\u0645 SBJ Cosmetics\">\n          <span class=\"sbjstory-value\">\u0623\u0635\u0627\u0644\u0629<\/span>\n          <span class=\"sbjstory-value\">\u062e\u0628\u0631\u0629<\/span>\n          <span class=\"sbjstory-value\">\u062c\u0648\u062f\u0629 \u0645\u0648\u062b\u0648\u0642\u0629<\/span>\n          <span class=\"sbjstory-value\">\u0631\u0624\u064a\u0629 \u0645\u062a\u062c\u062f\u062f\u0629<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"sbjstory-journey\" aria-label=\"\u0645\u0631\u0627\u062d\u0644 \u0631\u062d\u0644\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0629\">\n      <article class=\"sbjstory-step\">\n        <span class=\"sbjstory-step-number\">01<\/span>\n        <strong class=\"sbjstory-step-title\">\u062c\u0630\u0648\u0631 \u0631\u0627\u0633\u062e\u0629<\/strong>\n        <p class=\"sbjstory-step-text\">\u062e\u0628\u0631\u0629 \u0643\u0648\u064a\u062a\u064a\u0629 \u0645\u0645\u062a\u062f\u0629 \u0648\u062b\u0642\u0629 \u0628\u064f\u0646\u064a\u062a \u0639\u0628\u0631 \u0627\u0644\u0633\u0646\u0648\u0627\u062a.<\/p>\n      <\/article>\n\n      <article class=\"sbjstory-step\">\n        <span class=\"sbjstory-step-number\">02<\/span>\n        <strong class=\"sbjstory-step-title\">\u062a\u062d\u0648\u0644 \u0645\u062f\u0631\u0648\u0633<\/strong>\n        <p class=\"sbjstory-step-text\">\u0627\u0646\u062a\u0642\u0627\u0644 \u0627\u0644\u062e\u0628\u0631\u0629 \u0625\u0644\u0649 \u0642\u0637\u0627\u0639 \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0648\u0627\u0644\u062c\u0645\u0627\u0644 \u0628\u0631\u0624\u064a\u0629 \u062d\u062f\u064a\u062b\u0629.<\/p>\n      <\/article>\n\n      <article class=\"sbjstory-step\">\n        <span class=\"sbjstory-step-number\">03<\/span>\n        <strong class=\"sbjstory-step-title\">\u062d\u0636\u0648\u0631 \u062e\u0644\u064a\u062c\u064a<\/strong>\n        <p class=\"sbjstory-step-text\">\u0645\u0646\u062a\u062c\u0627\u062a \u0623\u0635\u0644\u064a\u0629 \u0648\u062e\u062f\u0645\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u0644\u0644\u0643\u0648\u064a\u062a \u0648\u0627\u0644\u0645\u0646\u0637\u0642\u0629.<\/p>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>",
        "protected": false
    },
    "excerpt": {
        "rendered": "",
        "protected": false
    },
    "author": 3,
    "featured_media": 0,
    "parent": 0,
    "menu_order": 0,
    "comment_status": "closed",
    "ping_status": "closed",
    "template": "",
    "meta": {
        "footnotes": ""
    },
    "class_list": [
        "post-7847",
        "page",
        "type-page",
        "status-publish",
        "hentry"
    ],
    "_links": {
        "self": [
            {
                "href": "https:\/\/sbjcos.com\/en_us\/wp-json\/wp\/v2\/pages\/7847",
                "targetHints": {
                    "allow": [
                        "GET"
                    ]
                }
            }
        ],
        "collection": [
            {
                "href": "https:\/\/sbjcos.com\/en_us\/wp-json\/wp\/v2\/pages"
            }
        ],
        "about": [
            {
                "href": "https:\/\/sbjcos.com\/en_us\/wp-json\/wp\/v2\/types\/page"
            }
        ],
        "author": [
            {
                "embeddable": true,
                "href": "https:\/\/sbjcos.com\/en_us\/wp-json\/wp\/v2\/users\/3"
            }
        ],
        "replies": [
            {
                "embeddable": true,
                "href": "https:\/\/sbjcos.com\/en_us\/wp-json\/wp\/v2\/comments?post=7847"
            }
        ],
        "version-history": [
            {
                "count": 20,
                "href": "https:\/\/sbjcos.com\/en_us\/wp-json\/wp\/v2\/pages\/7847\/revisions"
            }
        ],
        "predecessor-version": [
            {
                "id": 8061,
                "href": "https:\/\/sbjcos.com\/en_us\/wp-json\/wp\/v2\/pages\/7847\/revisions\/8061"
            }
        ],
        "wp:attachment": [
            {
                "href": "https:\/\/sbjcos.com\/en_us\/wp-json\/wp\/v2\/media?parent=7847"
            }
        ],
        "curies": [
            {
                "name": "wp",
                "href": "https:\/\/api.w.org\/{rel}",
                "templated": true
            }
        ]
    }
}