{"product_id":"derma-roller","title":"Opecia Derma Roller 0.5MM For Bald Patches, Hair Regrowth \u0026 Scalp Activation | With 540 Titanium Alloy Needles | Safe \u0026 Effective to Use","description":"\u003cstyle\u003e\n  \/* =========================================================\n   PSORIFIX — INTRO ABOVE TABS\n  .psx-tabs-intro {\n    width: 100%;\n    max-width: 980px;\n    margin: 42px auto 24px;\n    padding: 0 18px;\n    box-sizing: border-box;\n    text-align: center;\n  }\n  .psx-tabs-intro-label {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 0 12px;\n    padding: 6px 13px;\n    border: 1px solid #d7e9df;\n    border-radius: 999px;\n    background: #f0f8f3;\n    color: #000;\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n  }\n\n  .psx-tabs-intro-title {\n    margin: 0 auto 12px !important;\n    color: #252a27;\n    font-size: 30px;\n    line-height: 1.25;\n    font-weight: 600;\n    letter-spacing: -0.01em;\n    padding-bottom: 30px;\n  }\n  h2#psx-tabs-intro-title::after {\n    content: \"\";\n    display: block;\n    width: 120px;\n    height: 3px;\n    margin: 7px auto 0;\n    background: linear-gradient(\n      to right,\n      #000 0 18px,\n      transparent 18px 24px,\n      #000 24px 96px,\n      transparent 96px 102px,\n      #000 102px 120px\n    );\n    border-radius: 20px;\n  }\n  .psx-tabs-intro-text {\n    max-width: 820px;\n    margin: 0 auto !important;\n    color: #555;\n    font-size: 16px;\n    line-height: normall;\n    font-weight: 400;\n  }\n\n  .psx-tabs-intro-highlight {\n    color: #176b45;\n    font-weight: 700;\n  }\n\n  @media (max-width: 900px) {\n    .psx-tabs-intro {\n      margin-top: 32px;\n      margin-bottom: 20px;\n      padding: 0 12px;\n    }\n\n    .psx-tabs-intro-inner {\n      padding: 27px 20px 24px;\n      border-radius: 17px;\n    }\n\n    .psx-tabs-intro-title {\n      font-size: 25px;\n    }\n    .psx-tabs-intro-text {\n      font-size: 16px;\n      line-height: 1.65;\n      color: #000;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .psx-tabs-intro {\n      margin-top: 24px;\n      margin-bottom: 16px;\n      padding: 0 10px;\n    }\n\n    .psx-tabs-intro-inner {\n      padding: 24px 15px 0px;\n      border-radius: 15px;\n    }\n\n    .psx-tabs-intro-label {\n      margin-bottom: 10px;\n      padding: 5px 10px;\n      font-size: 9px;\n    }\n\n    .psx-tabs-intro-title {\n      font-size: 21px;\n      line-height: 1.3;\n      margin-bottom: 10px !important;\n    }\n\n    .psx-tabs-intro-text {\n      font-size: 16px;\n      line-height: 1.65;\n    }\n  }\n\n  .psx-tabs-nav-wrap {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto 0;\n    padding: 0;\n    overflow: visible;\n    box-sizing: border-box;\n  }\n  .psx-tabs-nav {\n    width: 100%;\n    display: flex;\n    align-items: stretch;\n    justify-content: center;\n    gap: 10px;\n    background: transparent !important;\n    border: none !important;\n    box-shadow: none !important;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  .psx-tab-button {\n    position: relative;\n    flex: 1 1 0;\n    min-height: 54px;\n    padding: 12px 14px;\n    border: 1px solid #e3e8e4;\n    border-radius: 12px;\n    \/* background: #ffffff; *\/\n  color: #000;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 1.25;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  cursor: pointer;\n  box-sizing: border-box;\n  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06);\n  transition: background 0.25s ease,\n  color 0.25s ease,\n  border-color 0.25s ease,\n  box-shadow 0.25s ease,\n  transform 0.25s ease;\n  \/* box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06); *\/\n  }\n\n  \/* HOVER *\/\n\n  .psx-tab-button:hover {\n    background: #000;\n    color: #fff;\n    border-color: #c9dccd;\n    box-shadow: 0 5px 16px rgba(34, 82, 48, 0.1);\n    transform: translateY(-1px);\n  }\n\n  \/* ACTIVE TAB *\/\n\n  .psx-tab-button[aria-selected=\"true\"] {\n    background: #000;\n    color: #fff;\n    font-weight: 700;\n  }\n\n  \/* ACTIVE TAB HOVER *\/\n\n  .psx-tab-button[aria-selected=\"true\"]:hover {\n    background: #000;\n    color: #ffffff;\n    border-color: #000;\n    transform: translateY(-1px);\n  }\n\n  \/* KEYBOARD FOCUS *\/\n\n  .psx-tab-button:focus-visible {\n    \/* outline: 2px solid #5d9169; *\/\n    \/* outline-offset: 3px; *\/\n  }\n\n  \/* =========================================\n   TABLET\nsection.benefits-section.desktop-only {\n    padding-top: 40px;\n}\n  @media (max-width: 900px) {\n    .psx-tabs-nav {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 9px;\n    }\n\n    .psx-tab-button {\n      min-height: 52px;\n      font-size: 13px;\n      padding: 10px 9px;\n    }\n  }\n\n  \/* =========================================\n   MOBILE - HORIZONTAL SCROLL\n\n  @media (max-width: 600px) {\n    .psx-tabs-nav-wrap {\n      width: 100%;\n      max-width: 100%;\n      margin-bottom: 22px;\n\n      overflow-x: auto !important;\n      overflow-y: hidden !important;\n\n      -webkit-overflow-scrolling: touch;\n      scrollbar-width: none;\n\n      padding: 3px 2px 8px;\n    }\n\n    .psx-tabs-nav-wrap::-webkit-scrollbar {\n      display: none;\n    }\n\n    .psx-tabs-nav {\n      display: flex !important;\n\n      width: max-content !important;\n      min-width: max-content !important;\n      max-width: none !important;\n\n      flex-wrap: nowrap !important;\n      justify-content: flex-start;\n\n      gap: 8px;\n\n      padding: 2px 2px 5px;\n\n      overflow: visible !important;\n    }\n\n    .psx-tab-button {\n      flex: 0 0 auto !important;\n\n      width: auto !important;\n      min-width: 125px !important;\n      max-width: none !important;\n\n      min-height: 48px;\n\n      padding: 9px 15px;\n\n      border-radius: 11px;\n\n      font-size: 12px;\n\n      white-space: nowrap !important;\n\n      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07);\n    }\n  }\n\n  @media (max-width: 380px) {\n    .psx-tab-button {\n      min-width: 115px !important;\n      min-height: 46px;\n\n      font-size: 11.5px;\n      padding: 8px 13px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003c!-- OPECIA PRODUCT DESCRIPTION --\u003e\n\u003cstyle\u003e\n  .intro-section,\n  .ingredients-container-section,\n  .results-section,\n  .benefits-section,\n  .testimonials-section,\n  .usage-section,\n  .disclaimer-section,\n  .desktop-only,\n  .mobile-only {\n    padding: 10px 0px;\n  }\n\n  span.whatsapp {\n    font-size: 23px;\n    line-height: 0px;\n  }\n\n  .whatsapp-btn {\n    background-color: #25D366;\n    color: white;\n    border: none;\n    padding: 18px 40px;\n    font-size: 25px;\n    font-weight: 500;\n    border-radius: 5px;\n    cursor: pointer;\n  }\n\n  \/* Tablet screens *\/\n  @media (max-width: 768px) {\n    .whatsapp-btn {\n      font-size: 18px;\n      padding: 16px 30px;\n    }\n  }\n\n  \/* Small mobile screens *\/\n  @media (max-width: 480px) {\n    .whatsapp-btn {\n      font-size: 16px;\n      padding: 14px 20px;\n      width: 90%;\n    }\n  }\n\n  .hair-loss-section {\n    text-align: center;\n    padding: 30px 20px;\n    background-color: #fff;\n    max-width: 900px;\n    margin: 0px auto;\n  }\n\n  .hair-loss-section h2 {\n    font-size: 28px;\n    margin-bottom: 10px;\n  }\n\n  .hair-loss-section\u003ep {\n    font-size: 16px;\n    color: #555;\n    max-width: 800px;\n    margin: 0 auto 30px;\n  }\n\n  .hair-loss-grid {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 30px;\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n\n  .hair-spot {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .hair-spot img {\n    width: 90% !important;\n    height: auto;\n    margin-bottom: 10px;\n  }\n\n  .hair-spot p {\n    font-size: 16px;\n    font-weight: 500;\n    color: #222;\n    text-align: center;\n    margin-top: -7px;\n  }\n\n  \/* Tablet and medium screens: 2 columns *\/\n  @media (max-width: 768px) {\n    .hair-loss-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  \/* Small mobile: 1 column *\/\n  @media (max-width: 480px) {\n    .hair-loss-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .hair-spot img {\n      width: 80% !important;\n    }\n  }\n\n  section.usage-section {\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  .how-to-use-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n    padding: 0 15px;\n    margin-top: 30px;\n  }\n\n  .how-to-use-grid .use-step {\n    text-align: center;\n  }\n\n  .how-to-use-grid .use-step img {\n    width: 100%;\n    max-width: 210px;\n    height: auto;\n    display: block;\n    margin: 0 auto;\n  }\n\n\n  .use-caption {\n    font-size: 16px;\n    margin-top: 10px;\n    color: #333;\n  }\n\n  @media (max-width: 768px) {\n    .how-to-use-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 480px) {\n    .how-to-use-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  .carousel-arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: #fff;\n    border: none;\n    font-size: 30px;\n    cursor: pointer;\n    padding: 10px 15px;\n    z-index: 10;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);\n    border-radius: 50%;\n  }\n\n  .carousel-arrow.left {\n    left: 5px;\n  }\n\n  .carousel-arrow.right {\n    right: 5px;\n  }\n\n  @media (max-width: 768px) {\n    .carousel-arrow {\n      font-size: 24px;\n      padding: 8px 12px;\n    }\n  }\n\n\n  section.faq-section {\n    padding-top: 50px;\n    padding-bottom: 30px;\n  }\n\n  .faq-item {\n    border-bottom: 1px solid #ddd;\n  }\n\n  .faq-question {\n    background: none;\n    border: none;\n    width: 100%;\n    text-align: left;\n    font-size: 18px;\n    font-weight: 600;\n    padding: 15px;\n    cursor: pointer;\n    position: relative;\n    color: #222;\n  }\n\n  .faq-question::after {\n    content: \"+\";\n    position: absolute;\n    right: 20px;\n    font-size: 22px;\n    transition: transform 0.3s ease;\n  }\n\n  .faq-item.active .faq-question::after {\n    content: \"–\";\n  }\n\n  .faq-answer {\n    overflow: hidden;\n    transition: all 0.4s ease;\n    padding: 0 15px;\n    height: 0;\n    opacity: 0;\n  }\n\n  .faq-item.active .faq-answer {\n    height: auto;\n    \/* We'll set this from JS *\/\n    opacity: 1;\n  }\n\n  .faq-answer {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.4s ease;\n    padding: 0 15px;\n  }\n\n  .faq-item.active .faq-answer {\n    max-height: 200px;\n    \/* Enough for short answers *\/\n    padding-bottom: 15px;\n  }\n\n  .faq-answer p {\n    margin: 0;\n    font-size: 16px;\n    color: #444;\n  }\n\n\n  .section-title {\n    text-align: center;\n    font-weight: 400;\n    font-size: 32px;\n    margin-bottom: 15px !important;\n    line-height: 37px;\n  }\n\n  .section-subtitle {\n    text-align: left;\n    font-weight: 500;\n    font-size: 26px;\n    margin: 30px 0 15px;\n  }\n\n  p.section-desc {\n    font-size: 16px;\n    max-width: 800px;\n    margin: 0 auto 20px;\n    text-align: center;\n  }\n\n  .ingredients-section {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 30px;\n    margin-top: 30px;\n    padding: 0 15px;\n  }\n\n  .ingredient-item {\n    text-align: center;\n  }\n\n  .ingredient-item img {\n    width: 100%;\n    max-width: 130px;\n    height: auto;\n    display: block;\n    margin: 0 auto;\n  }\n\n  .ingredient-item h3 {\n    font-size: 20px;\n    margin: 10px 0 5px;\n    color: #000;\n  }\n\n  .ingredient-item p {\n    font-size: 16px;\n    margin: 0;\n  }\n\n  @media (max-width: 767px) {\n    .ingredients-section {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 767px) {\n    .section-title {\n      font-size: 24px !important;\n      line-height: 30px !important;\n    }\n\n    .section-subtitle {\n      font-size: 18px !important;\n      line-height: 26px !important;\n    }\n\n    p.section-desc {\n      font-size: 16px !important;\n    }\n  }\n\n\n  .key-benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n    margin-top: 30px;\n    padding: 0 15px;\n  }\n\n  .key-benefits-grid .benefit-img img {\n    width: 100%;\n    height: auto;\n    border-radius: 10px;\n    display: block;\n  }\n\n  @media (max-width: 768px) {\n    .key-benefits-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 480px) {\n    .key-benefits-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  .carousel-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    overflow: hidden;\n    position: relative;\n  }\n\n  .carousel-track {\n    display: flex;\n    transition: transform 0.5s ease-in-out;\n  }\n\n  \/* Before-After Carousel *\/\n  .carousel-item-before {\n    flex: 0 0 25%;\n    \/* desktop: 5 per row *\/\n    padding: 10px;\n    box-sizing: border-box;\n  }\n\n  @media (max-width: 768px) {\n    .carousel-item-before {\n      flex: 0 0 50%;\n      \/* mobile: 2 per row *\/\n    }\n  }\n\n  \/* Testimonials Carousel *\/\n  .carousel-item-testimonial {\n    flex: 0 0 20%;\n    \/* desktop: 4 per row *\/\n    padding: 10px;\n    box-sizing: border-box;\n  }\n\n  @media (max-width: 768px) {\n    .carousel-item-testimonial {\n      flex: 0 0 50%;\n      \/* mobile: 2 per row *\/\n    }\n  }\n\n\n  .carousel-item {\n    flex: 0 0 33.3333%;\n    padding: 10px;\n    box-sizing: border-box;\n  }\n\n  .carousel-item img {\n    width: 100%;\n    height: auto;\n    border-radius: 8px;\n  }\n\n  @media (max-width: 768px) {\n    .carousel-item {\n      flex: 0 0 100%;\n    }\n  }\n\n  ol.usage,\n  ol.disclaimer {\n    margin: 0 auto;\n    font-size: 16px;\n    padding-left: 20px;\n  }\n\n  ol.usage li,\n  ol.disclaimer li {\n    margin-bottom: 10px;\n  }\n\u003c\/style\u003e\n\u003cstyle\u003e\n  \/* =========================================================\n   PSORIFIX BRAND TABS\n   Matched to the website's clean white + natural green look.\n   Scoped to .psx-* so existing Shopify\/theme CSS is untouched.\n  .psx-tabs-section {\n    width: 100%;\n    max-width: 1200px;\n    margin: 42px auto 0;\n    padding: 0 18px;\n    box-sizing: border-box;\n    clear: both;\n  }\n  .psx-tabs-nav-wrap {\n    background: #fff;\n  }\n\n  .psx-tabs-nav {\n    display: flex;\n    align-items: stretch;\n    justify-content: center;\n    gap: 2px;\n    width: 100%;\n    padding: 8px 10px;\n    box-sizing: border-box;\n    overflow-x: auto;\n    overflow-y: hidden;\n    scrollbar-width: none;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .psx-tabs-nav::-webkit-scrollbar {\n    display: none;\n  }\n\n  .psx-tab-button {\n    position: relative;\n    flex: 0 0 auto;\n    min-height: 50px;\n    padding: 13px 19px;\n    border: 0;\n    border-radius: 10px;\n    background: transparent;\n    color: #303633;\n    font-family: \"Jost\";\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.3;\n    text-align: center;\n    cursor: pointer;\n    white-space: nowrap;\n    transition:\n      color 0.22s ease,\n      background 0.22s ease,\n      box-shadow 0.22s ease;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .psx-tab-button:focus-visible {\n    outline: 2px solid #2f8a5d;\n    outline-offset: -2px;\n  }\n  .psx-tabs-content {\n    width: 100%;\n    box-sizing: border-box;\n    background: #fff;\n  }\n\n  .psx-tab-panel {\n    display: none;\n    width: 100%;\n    box-sizing: border-box;\n    animation: psxTabFade 0.25s ease both;\n  }\n\n  .psx-tab-panel.is-active {\n    display: block;\n  }\n  .psx-tab-panel[hidden] {\n    display: none !important;\n  }\n\n  @keyframes psxTabFade {\n    from {\n      opacity: 0;\n      transform: translateY(5px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  \/* Prevent the tab card from changing the original section design. *\/\n  .psx-tabs-content\u003e.psx-tab-panel\u003esection {\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n    border-radius: 0 !important;\n    box-shadow: none !important;\n  }\n\n  \/* =========================================================\n   AYURVEDIC SKIN SOLUTION — OUTSIDE TABS\n  .psx-solution-outside {\n    width: 100%;\n    max-width: 1200px;\n    margin: 34px auto 0;\n    padding: 0 18px;\n    box-sizing: border-box;\n    clear: both;\n  }\n\n  .psx-solution-card .benefits-section {\n    margin: 0 !important;\n    padding: 0 !important;\n    background: transparent !important;\n    box-shadow: none !important;\n  }\n\n  .psx-solution-card .section-title {\n    margin-top: 0 !important;\n  }\n\n  .psx-solution-badge {\n    display: flex;\n    width: max-content;\n    max-width: 100%;\n    margin: 0 auto 14px;\n    padding: 7px 15px;\n    border: 1px solid #d6eadf;\n    border-radius: 999px;\n    background: #f1f8f3;\n    color: #000;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.07em;\n    text-transform: uppercase;\n  }\n\n  .psx-solution-card .how-to-use-grid-step {\n    margin-top: 26px;\n  }\n\n  .psx-solution-card .use-step {\n    transition:\n      transform 0.2s ease,\n      box-shadow 0.2s ease;\n  }\n\n  .psx-solution-card .use-step:hover {\n    transform: translateY(-3px);\n  }\n\n  .psx-solution-card .whatsapp {\n    line-height: 1.65;\n  }\n\n  \/* Mobile *\/\n  @media (max-width: 900px) {\n    .psx-tabs-section {\n      margin-top: 30px;\n      padding: 0 12px;\n    }\n\n    .psx-tabs {\n      border-radius: 16px;\n    }\n\n    .psx-tabs-nav {\n      justify-content: flex-start;\n      gap: 3px;\n      padding: 7px;\n    }\n\n    .psx-tab-button {\n      min-height: 47px;\n      padding: 11px 15px;\n      font-size: 13px;\n    }\n\n    .psx-solution-outside {\n      padding: 0 12px;\n      margin-top: 26px;\n    }\n\n    .psx-solution-card {\n      border-radius: 18px;\n      padding: 29px 16px 23px;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .psx-tabs-section {\n      margin-top: 22px;\n      padding: 0 10px;\n    }\n\n    .psx-tabs {\n      border-radius: 14px;\n    }\n\n    .psx-tabs-nav {\n      justify-content: flex-start;\n      padding: 6px;\n    }\n\n    .psx-tab-button {\n      min-height: 44px;\n      padding: 10px 14px;\n      font-size: 14px;\n      border-radius: 9px;\n    }\n\n    .psx-tab-button[aria-selected=\"true\"]::after {\n      left: 13px;\n      right: 13px;\n      height: 2px;\n    }\n\n    .psx-solution-outside {\n      margin-top: 20px;\n      padding: 0 10px;\n    }\n\n    .psx-solution-card {\n      border-radius: 16px;\n      padding: 25px 0px 19px;\n    }\n\n    .psx-solution-badge {\n      font-size: 9px;\n      padding: 6px 11px;\n    }\n\n    .psx-solution-card .whatsapp {\n      font-size: 15px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003c!-- ✅ Start Introduction Section 1 --\u003e\n\u003csection class=\"intro-section\"\u003e\n  \u003ch2 style=\"text-align: center;\" class=\"section-title\"\u003eOpecia Ayurvedic Derma Roller\u003cbr\u003eFor Bald Patches, Hair Regrowth\n    \u0026amp; \u003cbr\u003eScalp Activation\u003c\/h2\u003e\n  \u003cbr\u003e\n  \u003cp class=\"section-desc\"\u003eOpecia Derma Roller is an advanced Ayurvedic hair care tool designed for men and women\n    struggling with alopecia areata, bald patches, thinning hair, or weak hair follicles. With its 540 titanium\n    microneedles, the roller creates micro-channels on the scalp, stimulating dormant follicles, improving blood\n    circulation, and enhancing absorption of Opecia Ayurvedic Hair Oil for faster regrowth.\n    \u003cbr\u003e\u003cbr\u003e\n  \u003c\/p\u003e\n  \u003cp class=\"section-desc\"\u003eThe oil works externally to deeply nourish the scalp, stimulate dormant hair follicles, and\n    promote natural hair regrowth. The capsules work internally to improve blood circulation, balance hormones, and\n    strengthen hair roots—addressing the root cause of hair loss. \u003cbr\u003eFree from harsh chemicals or side effects, the\n    Opecia Combo Kit works holistically to revive hair growth, restore scalp health, and bring back lost\n    confidence—whether your hair loss is due to stress, hormonal imbalance, or autoimmune conditions.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"psx-tabs-section\" id=\"opecia-tabs-section\"\u003e\n  \u003cdiv class=\"psx-tabs\"\u003e\n    \u003cdiv class=\"psx-tabs-nav-wrap\"\u003e\n      \u003cdiv class=\"psx-tabs-nav\" role=\"tablist\" aria-label=\"Opecia product information\"\u003e\n        \u003cbutton class=\"psx-tab-button\" id=\"opecia-tab-derma\" type=\"button\" role=\"tab\" aria-controls=\"opecia-panel-derma\" aria-selected=\"true\" tabindex=\"0\"\u003eHow to Use Derma Roller\u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"psx-tabs-content\"\u003e\n      \u003cdiv class=\"psx-tab-panel is-active\" id=\"opecia-panel-oil\" role=\"tabpanel\" aria-labelledby=\"opecia-tab-oil\" hidden\u003e\n\n\n        \u003csection class=\"usage-section\"\u003e\n          \u003ch2 class=\"section-title\"\u003eHow to Use Derma Roller for Hair\u003c\/h2\u003e\n          \u003cp class=\"section-desc\"\u003eGet better scalp circulation and natural hair regrowth in just 3 simple steps\u003c\/p\u003e\n\n          \u003cdiv class=\"how-to-use-grid\"\u003e\n\n            \u003cdiv class=\"use-step\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0755\/9731\/6351\/files\/How_to_use_derma_roller_hair1.png?v=1756897655\" alt=\"Step 1\"\u003e\n              \u003cp class=\"use-caption\"\u003e\n                \u003cb\u003eStep 1: Clean the Derma Roller\u003c\/b\u003e\u003cbr\u003e\n                Before using, wash the derma roller thoroughly with clean water or sanitize it properly.\n              \u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"use-step\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0755\/9731\/6351\/files\/How_to_use_derma_roller_hair2.png?v=1756897656\" alt=\"Step 2\"\u003e\n              \u003cp class=\"use-caption\"\u003e\n                \u003cb\u003eStep 2: Roll Gently on Scalp\u003c\/b\u003e\u003cbr\u003e\n                Roll the derma roller gently for 5–10 minutes on bald patches or thinning areas in four directions\n                (up-down, left-right, and diagonal).\n              \u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"use-step\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0755\/9731\/6351\/files\/How_to_use_derma_roller_hair3.png?v=1756897655\" alt=\"Step 3\"\u003e\n              \u003cp class=\"use-caption\"\u003e\n                \u003cb\u003eStep 3: Apply Oil or Serum\u003c\/b\u003e\u003cbr\u003e\n                After rolling, apply Opecia Ayurvedic Oil or serum to the scalp and leave it on for 5–6 hours.\n              \u003c\/p\u003e\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n        \u003c\/section\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"benefits-section desktop-only\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0755\/9731\/6351\/files\/consult_with_doctor.png?v=1754894322\" style=\"cursor: pointer;\"\u003e\u003c\/section\u003e\n\u003csection class=\"benefits-section mobile-only\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0755\/9731\/6351\/files\/Opecia_mobile_view_image.jpg?v=1754739733\" style=\"cursor: pointer;\"\u003e\u003c\/section\u003e\n\u003cstyle\u003e\n  \/* Hide mobile section by default *\/\n  .mobile-only {\n    display: none;\n  }\n\n  h2#psx-tabs-intro-title {\n    font-size: 32px;\n    line-height: normal;\n  }\n\n  \/* Show mobile version, hide desktop version for small screens *\/\n  @media (max-width: 767px) {\n    .desktop-only {\n      display: none;\n    }\n\n    .mobile-only {\n      display: block;\n    }\n\n    h2#psx-tabs-intro-title {\n      font-size: 24px;\n      line-height: normal;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n  \/* =========================================\n   OPECIA AYURVEDIC HAIR SOLUTION\n   Clean semantic structure — no \u003cbr\u003e\u003cbr\u003e\n========================================= *\/\n  .opecia-consultation-section {\n    width: 100%;\n    max-width: 1200px;\n    margin: 45px auto 0;\n    padding: 0 20px;\n    box-sizing: border-box;\n    text-align: center;\n  }\n\n  .opecia-consultation-inner {\n    width: 100%;\n    margin: 0 auto;\n  }\n\n  .opecia-consultation-badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 14px;\n    padding: 7px 15px;\n    border: 1px solid #d6eadf;\n    border-radius: 999px;\n    background: #f1f8f3;\n    color: #000;\n    font-size: 11px;\n    font-weight: 600;\n    line-height: 1.2;\n    letter-spacing: .07em;\n    text-transform: uppercase;\n  }\n\n  .opecia-consultation-title {\n    position: relative;\n    margin: 0 auto 22px !important;\n    padding: 0 0 0;\n    color: #252a27;\n    font-size: 32px;\n    line-height: 1.25;\n    font-weight: 600;\n    letter-spacing: -.01em;\n    text-align: center;\n  }\n\n  .opecia-consultation-title::after {\n    content: \"\";\n    display: block;\n    width: 120px;\n    height: 3px;\n    margin: 8px auto 0;\n    background: linear-gradient(to right, #000 0 18px, transparent 18px 24px, #000 24px 96px, transparent 96px 102px, #000 102px 120px);\n    border-radius: 20px;\n  }\n\n  .opecia-consultation-message {\n    max-width: 720px;\n    margin: 0 auto 10px;\n    color: #222;\n    font-size: 18px;\n    line-height: 1.55;\n    font-weight: 400;\n    text-align: center;\n  }\n\n  .opecia-consultation-message-line {\n    display: block;\n  }\n\n  .opecia-consultation-message strong {\n    display: block;\n    margin-top: 8px;\n    color: #111;\n    font-size: 18px;\n    font-weight: 700;\n  }\n\n  .opecia-consultation-subtitle {\n    margin: 10px 0 25px !important;\n    color: #252a27;\n    font-size: 17px;\n    line-height: 1.35;\n    text-align: center;\n  }\n\n  .opecia-consultation-steps {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 55px;\n    width: 100%;\n    margin: 0 auto;\n  }\n\n  .opecia-consultation-step {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n\n  .opecia-consultation-step-image {\n    width: 100%;\n    max-width: 230px;\n    height: 230px;\n    object-fit: contain;\n    display: block;\n    margin: 0 auto 22px;\n  }\n\n  .opecia-consultation-step-title {\n    margin: 0 0 7px !important;\n    color: #222;\n    font-size: 17px;\n    line-height: 1.35;\n    font-weight: 700;\n  }\n\n  .opecia-consultation-step-text {\n    max-width: 330px;\n    margin: 0 auto;\n    color: #333;\n    font-size: 16px;\n    line-height: 1.5;\n    font-weight: 400;\n  }\n\n  .tabs-contents .toggle-content {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .opecia-consultation-step-text strong {\n    font-weight: 700;\n  }\n\n  @media (max-width:900px) {\n    .opecia-consultation-section {\n      margin-top: 35px;\n      padding: 0 0;\n    }\n\n    .opecia-consultation-title {\n      font-size: 28px;\n    }\n\n    .opecia-consultation-message {\n      font-size: 17px;\n    }\n\n    .opecia-consultation-subtitle {\n      font-size: 22px;\n      margin-bottom: 30px !important;\n    }\n\n    .opecia-consultation-steps {\n      gap: 25px;\n    }\n\n    .opecia-consultation-step-image {\n      max-width: 200px;\n      height: 200px;\n    }\n\n    .opecia-consultation-step-text {\n      font-size: 15px;\n    }\n  }\n\n  @media (max-width:600px) {\n    .opecia-consultation-section {\n      margin-top: 28px;\n      padding: 0 12px;\n    }\n\n    .opecia-consultation-badge {\n      margin-bottom: 12px;\n      padding: 6px 11px;\n      font-size: 9px;\n    }\n\n    .opecia-consultation-title {\n      font-size: 23px;\n      line-height: 1.3;\n      margin-bottom: 18px !important;\n      padding-bottom: 15px;\n    }\n\n    .opecia-consultation-title::after {\n      width: 100px;\n    }\n\n    .opecia-consultation-message {\n      max-width: 100%;\n      font-size: 15px;\n      line-height: 1.55;\n    }\n\n    .opecia-consultation-message strong {\n      margin-top: 7px;\n      font-size: 15px;\n    }\n\n    .opecia-consultation-subtitle {\n      font-size: 19px;\n      line-height: 1.4;\n      margin: 18px 0 25px !important;\n    }\n\n    .opecia-consultation-steps {\n      grid-template-columns: 1fr;\n      gap: 38px;\n    }\n\n    .opecia-consultation-step-image {\n      max-width: 210px;\n      height: 210px;\n      margin-bottom: 16px;\n    }\n\n    .opecia-consultation-step-title {\n      font-size: 16px;\n      margin-bottom: 6px !important;\n    }\n\n    .opecia-consultation-step-text {\n      max-width: 360px;\n      font-size: 15px;\n      line-height: 1.5;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"opecia-consultation-section\"\u003e\n  \u003cdiv class=\"opecia-consultation-inner\"\u003e\n    \u003cdiv class=\"opecia-consultation-badge\"\u003ePERSONAL AYURVEDIC GUIDANCE\u003c\/div\u003e\n\n    \u003ch2 class=\"opecia-consultation-title\"\u003eOpecia Ayurvedic Hair Solution\u003c\/h2\u003e\n\n    \u003cdiv class=\"opecia-consultation-message\"\u003e\n      \u003cspan class=\"opecia-consultation-message-line\"\u003eअब Alopecia का समाधान है आपके मोबाइल पर।\u003c\/span\u003e\n      \u003cspan class=\"opecia-consultation-message-line\"\u003eआज ही फोटो भेजें और बालों की नई शुरुआत करें।\u003c\/span\u003e\n      \u003cstrong\u003eWhatsApp Now for Free Hair Consultation!\u003c\/strong\u003e\n    \u003c\/div\u003e\n\n    \u003ch3 class=\"opecia-consultation-subtitle\"\u003e\n      Alopecia (बाल झड़ने की बीमारी) से निपटने के आसान 3-Steps\n    \u003c\/h3\u003e\n\n    \u003cdiv class=\"opecia-consultation-steps\"\u003e\n      \u003cdiv class=\"opecia-consultation-step\"\u003e\n        \u003cimg class=\"opecia-consultation-step-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0755\/9731\/6351\/files\/Consult01.png?v=1754141491\" alt=\"Step 1 - Alopecia consultation\" loading=\"lazy\"\u003e\n        \u003ch4 class=\"opecia-consultation-step-title\"\u003eStep 1:\u003c\/h4\u003e\n        \u003cp class=\"opecia-consultation-step-text\"\u003e\n          \u003cstrong\u003eअपने Alopecia की स्थिति की फोटो लें\u003c\/strong\u003e\u003cbr\u003e\n          अपने सिर के उस हिस्से की साफ-सुथरी सेल्फी या फोटो लें जहां बाल झड़ने या गंजेपन की समस्या है। फोटो साफ और\n          स्पष्ट होनी चाहिए ताकि डॉक्टर को आपकी स्थिति अच्छे से दिख सके।\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"opecia-consultation-step\"\u003e\n        \u003cimg class=\"opecia-consultation-step-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0779\/0985\/2352\/files\/How_to_use_all_image_1.png?v=1788415483\" alt=\"Step 2 - WhatsApp consultation\" loading=\"lazy\"\u003e\n        \u003ch4 class=\"opecia-consultation-step-title\"\u003eStep 2:\u003c\/h4\u003e\n        \u003cp class=\"opecia-consultation-step-text\"\u003e\n          \u003cstrong\u003eWhatsApp के ज़रिए डॉक्टर को फोटो भेजें\u003c\/strong\u003e\u003cbr\u003e\n          अब इस फोटो को हमारे विशेषज्ञ डॉक्टर को WhatsApp पर भेजें। यह आसान और गोपनीय प्रक्रिया है। आप बिना क्लिनिक आए,\n          घर बैठे सलाह ले सकते हैं।\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"opecia-consultation-step\"\u003e\n        \u003cimg class=\"opecia-consultation-step-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0755\/9731\/6351\/files\/Consult3.png?v=1754299520\" alt=\"Step 3 - Doctor consultation\" loading=\"lazy\"\u003e\n        \u003ch4 class=\"opecia-consultation-step-title\"\u003eStep 3:\u003c\/h4\u003e\n        \u003cp class=\"opecia-consultation-step-text\"\u003e\n          \u003cstrong\u003eडॉक्टर की जाँच और दवा सुझाव\u003c\/strong\u003e\u003cbr\u003e\n          डॉक्टर आपकी फोटो की जाँच करेंगे और आपकी Alopecia की स्टेज और स्थिति को देखकर व्यक्तिगत इलाज योजना और\n          आयुर्वेदिक दवा सुझाएंगे। इलाज पूरी तरह नेचुरल और सुरक्षित होगा।\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\"\u003e\n\u003cdiv style=\"text-align: center; margin-top: 0px; margin-bottom: 40px;\"\u003e\u003ca style=\"text-decoration: none;\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=916280287115\u0026amp;text\u0026amp;type=phone_number\u0026amp;app_absent=0\" target=\"_blank\"\u003e \u003cbutton style=\"background-color: #25d366; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 40px;\" class=\"btn whatsapp-btn\"\u003e \u003ci class=\"fab fa-whatsapp\" style=\"margin-right: 8px;\"\u003e\u003c\/i\u003e6280287115 \u003c\/button\u003e \u003c\/a\u003e\u003c\/div\u003e --\u003e\n\n\n\u003c!-- ✅ Start Frequently Asked Questions (FAQ) Section 9 --\u003e\n\u003csection class=\"faq-section\"\u003e\n  \u003ch2 class=\"section-title\"\u003eFrequently Asked Questions (FAQ)\u003c\/h2\u003e\n  \u003cdiv class=\"faq-container\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cbutton class=\"faq-question\"\u003e1. How often should I use the Derma Roller?\u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eUse it 2–3 times per week on a clean scalp for best results.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cbutton class=\"faq-question\"\u003e2. Is the Derma Roller painful?\u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eNo, it causes only mild tingling which is normal. It is safe and painless when used correctly.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cbutton class=\"faq-question\"\u003e3. Can I use it on beard or eyebrow patches?\u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eYes, the Derma Roller can also be used on beard patches and eyebrow bald spots carefully.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cbutton class=\"faq-question\"\u003e4. Do I need to wash my hair after using the roller?\u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eNo, instead apply Opecia Hair Oil after rolling to maximize absorption and results.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cbutton class=\"faq-question\"\u003e5. Is it reusable?\u003c\/button\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eYes, it can be reused multiple times. Just make sure to sanitize before and after every use.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ✅ Start Frequently Asked Questions (FAQ) Section 9 --\u003e\n\n\u003cscript\u003e\n  (function () {\n    const carouselStates = new WeakMap();\n    function initOpeciaTabs() {\n      var section = document.getElementById('opecia-tabs-section');\n      if (!section) return;\n\n      var buttons = Array.prototype.slice.call(section.querySelectorAll('.psx-tab-button'));\n      var panels = Array.prototype.slice.call(section.querySelectorAll('.psx-tab-panel'));\n\n      function showTab(index, move) {\n        if (index \u003c 0 || index \u003e= buttons.length) return;\n\n        buttons.forEach(function (btn, i) {\n          var active = i === index;\n          btn.classList.toggle('is-active', active);\n          btn.setAttribute('aria-selected', String(active));\n          btn.setAttribute('tabindex', active ? '0' : '-1');\n        });\n\n        panels.forEach(function (panel, i) {\n          var active = i === index;\n          panel.classList.toggle('is-active', active);\n          if (active) panel.removeAttribute('hidden');\n          else panel.setAttribute('hidden', '');\n        });\n\n        if (move \u0026\u0026 window.innerWidth \u003c= 600) {\n          buttons[index].scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });\n        }\n\n        \/\/ ✅ IMPORTANT: Reinitialize carousels when tab changes\n        setTimeout(function () { initCarousels(); }, 100);\n      }\n\n      buttons.forEach(function (btn, index) {\n        btn.addEventListener('click', function () { showTab(index, true); });\n        btn.addEventListener('keydown', function (e) {\n          var next = index;\n          if (e.key === 'ArrowRight') next = (index + 1) % buttons.length;\n          else if (e.key === 'ArrowLeft') next = (index - 1 + buttons.length) % buttons.length;\n          else if (e.key === 'Home') next = 0;\n          else if (e.key === 'End') next = buttons.length - 1;\n          else return;\n          e.preventDefault(); showTab(next, true); buttons[next].focus();\n        });\n      });\n\n      showTab(0, false);\n    }\n\n    function initFaq() {\n      document.querySelectorAll('.faq-item').forEach(function (item) {\n        var q = item.querySelector('.faq-question'), a = item.querySelector('.faq-answer');\n        if (!q || !a) return;\n\n        \/\/ Remove old listener if exists\n        var oldQ = q.cloneNode(true);\n        q.parentNode.replaceChild(oldQ, q);\n        q = oldQ;\n\n        q.addEventListener('click', function () {\n          var open = item.classList.contains('active');\n          document.querySelectorAll('.faq-item.active').forEach(function (other) {\n            other.classList.remove('active');\n            var oa = other.querySelector('.faq-answer');\n            if (oa) { oa.style.height = '0px'; oa.style.opacity = '0'; }\n          });\n          if (!open) {\n            item.classList.add('active');\n            a.style.height = a.scrollHeight + 'px';\n            a.style.opacity = '1';\n          }\n        });\n      });\n    }\n\n    function initCarousels() {\n      document.querySelectorAll('.carousel-container').forEach(function (container, containerIndex) {\n        var track = container.querySelector('.carousel-track');\n        var items = container.querySelectorAll('.carousel-item-before, .carousel-item-testimonial');\n        var prevBtn = container.querySelector('.carousel-arrow.left');\n        var nextBtn = container.querySelector('.carousel-arrow.right');\n\n        if (!track || !items.length || !prevBtn || !nextBtn) return;\n\n        \/\/ ✅ Get or create unique state for this carousel\n        let state = carouselStates.get(container);\n        if (!state) {\n          state = {\n            position: 0,\n            timer: null,\n            containerIndex: containerIndex\n          };\n          carouselStates.set(container, state);\n        }\n\n        \/\/ ✅ Always reset position and clear old timer on reinit\n        state.position = 0;\n        if (state.timer) clearInterval(state.timer);\n\n        function getVisibleItems() {\n          return window.innerWidth \u003c= 768 ? 2 : 5;\n        }\n\n        function getMaxPosition() {\n          return Math.max(0, items.length - getVisibleItems());\n        }\n\n        function updateCarousel() {\n          \/\/ Recalculate items on every update\n          var currentItems = container.querySelectorAll('.carousel-item-before, .carousel-item-testimonial');\n          if (currentItems.length === 0) return;\n\n          var itemWidth = currentItems[0].getBoundingClientRect().width;\n          var gap = parseFloat(getComputedStyle(track).gap || '0') || 0;\n          var offset = state.position * (itemWidth + gap);\n\n          track.style.transform = 'translate3d(-' + offset + 'px, 0, 0)';\n        }\n\n        function startAutoPlay() {\n          if (state.timer) clearInterval(state.timer);\n          state.timer = setInterval(function () {\n            state.position = state.position \u003e= getMaxPosition() ? 0 : state.position + 1;\n            updateCarousel();\n          }, 3000);\n        }\n\n        \/\/ ✅ Remove old listeners by cloning\n        var newPrevBtn = prevBtn.cloneNode(true);\n        var newNextBtn = nextBtn.cloneNode(true);\n        prevBtn.parentNode.replaceChild(newPrevBtn, prevBtn);\n        nextBtn.parentNode.replaceChild(newNextBtn, nextBtn);\n\n        \/\/ Add new listeners\n        newNextBtn.addEventListener('click', function () {\n          state.position = state.position \u003e= getMaxPosition() ? 0 : state.position + 1;\n          updateCarousel();\n          startAutoPlay();\n        });\n\n        newPrevBtn.addEventListener('click', function () {\n          state.position = state.position \u003c= 0 ? getMaxPosition() : state.position - 1;\n          updateCarousel();\n          startAutoPlay();\n        });\n\n        window.addEventListener('resize', function () {\n          state.position = Math.min(state.position, getMaxPosition());\n          updateCarousel();\n        });\n\n        \/\/ Initial update and start autoplay\n        updateCarousel();\n        startAutoPlay();\n      });\n    }\n\n    function init() {\n      initOpeciaTabs();\n      initFaq();\n      initCarousels();\n    }\n\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', init);\n    } else {\n      init();\n    }\n\n    window.addEventListener('load', init);\n\n  })();\n\u003c\/script\u003e\n\n\n\u003cstyle\u003e\n  .psx-tabs-intro-label {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 0 12px;\n    padding: 6px 13px;\n    border: 1px solid #d7e9df;\n    border-radius: 999px;\n    background: #f0f8f3;\n    color: #000;\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n  }\n\n  .psx-tabs-intro-inner {\n    text-align: center;\n  }\n\n  section.psx-tabs-intro {\n    width: 100%;\n    max-width: 980px;\n    margin: 42px auto 24px;\n    padding: 0 18px;\n    box-sizing: border-box;\n  }\n\n  #opecia-tabs-section .psx-tab-panel[hidden] {\n    display: none !important;\n  }\n\n  #opecia-tabs-section .psx-tab-panel.is-active {\n    display: block !important;\n  }\n\n  #opecia-tabs-section .psx-tabs-nav {\n    overflow-x: auto;\n    overflow-y: hidden;\n    scrollbar-width: none;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  #opecia-tabs-section .psx-tabs-nav::-webkit-scrollbar {\n    display: none;\n  }\n\n  @media (max-width:600px) {\n    #opecia-tabs-section .psx-tabs-nav {\n      justify-content: flex-start;\n    }\n\n    #opecia-tabs-section .psx-tab-button {\n      flex: 0 0 auto;\n      white-space: nowrap;\n    }\n  }\n\u003c\/style\u003e","brand":"Opecia","offers":[{"title":"Derma Roller","offer_id":46211550675043,"sku":null,"price":690.0,"currency_code":"INR","in_stock":true},{"title":"Alopecia Oil with Roller","offer_id":46211550707811,"sku":null,"price":990.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0635\/8591\/0883\/files\/103.jpg?v=1789795940","url":"https:\/\/www.ridhiayurveda.com\/products\/derma-roller","provider":"Ridhi Ayurveda - Taking Ayurveda to Home","version":"1.0","type":"link"}