{"product_id":"clary-hair-fall-control-spray","title":"CLARY Hair Fall Control Spray 200ml","description":" \u003cstyle\u003e\n    .clary-container {\n     \n      text-align: left;\n      max-width: 100%;\n      margin: 0 auto;\n      font-family:inherit;\n      line-height: 1.6;\n      color: #333;\n      background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);\n      position: relative;\n    }\n\n    .clary-container * {\n      box-sizing: border-box;\n    }\n\n    \/* Medical\/Professional floating background *\/\n    .clary-container::before {\n      content: '';\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: \n        radial-gradient(circle at 20% 30%, rgba(156, 129, 2, 0.04) 2px, transparent 2px),\n        radial-gradient(circle at 80% 70%, rgba(156, 129, 2, 0.05) 1px, transparent 1px),\n        radial-gradient(circle at 50% 50%, rgba(156, 129, 2, 0.03) 1px, transparent 1px),\n        linear-gradient(135deg, rgba(250, 250, 250, 0.9) 0%, rgba(245, 245, 245, 0.95) 100%);\n      animation: medicalFloat 30s ease-in-out infinite;\n      pointer-events: none;\n      z-index: -1;\n    }\n\n    .main-title {\n      color: #9C8102;\n      font-size: 3.2em;\n      font-weight: 900;\n      margin-bottom: 50px;\n      text-shadow: 0 6px 20px rgba(156, 129, 2, 0.4);\n      text-align: center;\n      opacity: 0;\n      transform: translateY(60px);\n      animation: medicalFadeInUp 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      position: relative;\n      letter-spacing: -0.03em;\n      background: linear-gradient(135deg, #9C8102 0%, #d4af37 30%, #f4e4a6 50%, #d4af37 70%, #9C8102 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      background-size: 200% 100%;\n      animation: medicalFadeInUp 2s cubic-bezier(0.23, 1, 0.32, 1) forwards, \n                 shimmerText 4s ease-in-out infinite 2s;\n    }\n\n    .main-title::after {\n      content: '';\n      position: absolute;\n      bottom: -20px;\n      right: 50%;\n      transform: translateX(50%);\n      width: 0;\n      height: 5px;\n      background: linear-gradient(90deg, transparent 0%, #9C8102 15%, #d4af37 50%, #9C8102 85%, transparent 100%);\n      box-shadow: 0 3px 15px rgba(156, 129, 2, 0.5);\n      animation: medicalUnderline 3s cubic-bezier(0.23, 1, 0.32, 1) 1.5s forwards;\n    }\n\n    .crisis-section {\n      background: linear-gradient(135deg, #8B0000 0%, #DC143C 25%, #8B0000 50%, #DC143C 75%, #8B0000 100%);\n      color: white;\n      padding: 70px;\n      border-radius: 30px;\n      margin: 80px 0;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.85);\n      animation: medicalScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 3px solid rgba(156, 129, 2, 0.4);\n      position: relative;\n      overflow: hidden;\n      box-shadow: \n        0 40px 80px rgba(139, 0, 0, 0.4),\n        0 15px 40px rgba(220, 20, 60, 0.3),\n        inset 0 2px 0 rgba(255,255,255,0.15);\n    }\n\n    .crisis-section::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: \n        radial-gradient(circle at 25% 35%, rgba(220, 20, 60, 0.2) 0%, transparent 50%),\n        radial-gradient(circle at 75% 65%, rgba(139, 0, 0, 0.15) 0%, transparent 50%);\n      animation: urgentAura 8s ease-in-out infinite;\n      z-index: 1;\n    }\n\n    .crisis-section::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(45deg, transparent 30%, rgba(220, 20, 60, 0.1) 50%, transparent 70%);\n      animation: urgentShimmer 6s ease-in-out infinite;\n      z-index: 2;\n    }\n\n    .crisis-title {\n      color: #FFE4E1;\n      font-size: 3.2em;\n      font-weight: 900;\n      margin-bottom: 30px;\n      position: relative;\n      z-index: 3;\n      text-shadow: 0 4px 15px rgba(255, 228, 225, 0.6);\n      letter-spacing: -0.02em;\n    }\n\n    .crisis-text {\n      font-size: 1.3em;\n      line-height: 2;\n      opacity: 0.95;\n      position: relative;\n      z-index: 3;\n      font-weight: 400;\n    }\n\n    .solution-section {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 25%, #1a1a1a 50%, #000 75%, #1a1a1a 100%);\n      color: white;\n      padding: 70px;\n      border-radius: 30px;\n      margin: 80px 0;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.85);\n      animation: medicalScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 2px solid rgba(156, 129, 2, 0.4);\n      position: relative;\n      overflow: hidden;\n      box-shadow: \n        0 40px 80px rgba(0,0,0,0.4),\n        0 15px 40px rgba(156, 129, 2, 0.2),\n        inset 0 2px 0 rgba(255,255,255,0.15);\n    }\n\n    .solution-section::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: \n        radial-gradient(circle at 25% 35%, rgba(156, 129, 2, 0.2) 0%, transparent 50%),\n        radial-gradient(circle at 75% 65%, rgba(212, 175, 55, 0.15) 0%, transparent 50%);\n      animation: medicalAura 8s ease-in-out infinite;\n      z-index: 1;\n    }\n\n    .solution-section::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(45deg, transparent 30%, rgba(156, 129, 2, 0.1) 50%, transparent 70%);\n      animation: premiumShimmer 6s ease-in-out infinite;\n      z-index: 2;\n    }\n\n    .solution-title {\n      color: #f4e4a6;\n      font-size: 3.2em;\n      font-weight: 900;\n      margin-bottom: 30px;\n      position: relative;\n      z-index: 3;\n      text-shadow: 0 4px 15px rgba(244, 228, 166, 0.6);\n      letter-spacing: -0.02em;\n    }\n\n    .solution-text {\n      font-size: 1.3em;\n      line-height: 2;\n      opacity: 0.95;\n      position: relative;\n      z-index: 3;\n      font-weight: 400;\n    }\n\n    .section-header {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 50%, #1a1a1a 100%);\n      color: white;\n      padding: 50px;\n      margin: 80px 0 50px 0;\n      border-radius: 25px;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.9);\n      animation: medicalScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 2px solid rgba(156, 129, 2, 0.3);\n      box-shadow: \n        0 25px 50px rgba(0,0,0,0.3),\n        inset 0 2px 0 rgba(255,255,255,0.1);\n    }\n\n    .section-title {\n      color: #f4e4a6;\n      font-size: 2.8em;\n      font-weight: 900;\n      margin-bottom: 15px;\n      text-shadow: 0 3px 12px rgba(244, 228, 166, 0.5);\n      letter-spacing: -0.02em;\n    }\n\n    .section-subtitle {\n      font-size: 1.2em;\n      opacity: 0.9;\n      font-weight: 300;\n    }\n\n    .technology-section {\n      background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n      padding: 60px;\n      border-radius: 25px;\n      margin: 60px 0;\n      border: 2px solid #9C8102;\n      box-shadow: \n        0 20px 40px rgba(0,0,0,0.08),\n        inset 0 2px 0 rgba(255,255,255,0.9);\n    }\n\n    .tech-card {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 40px;\n      border-radius: 20px;\n      margin: 30px 0;\n      box-shadow: \n        0 15px 35px rgba(0,0,0,0.08),\n        0 6px 20px rgba(156, 129, 2, 0.06);\n      border: 1px solid rgba(156, 129, 2, 0.1);\n      opacity: 0;\n      transform: translateX(50px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .tech-card::after {\n      content: '';\n      position: absolute;\n      top: -2px;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n      background: linear-gradient(135deg, #9C8102, #d4af37, #9C8102);\n      border-radius: 22px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.6s ease;\n    }\n\n    .tech-card:hover {\n      transform: translateX(-15px);\n      box-shadow: \n        0 25px 60px rgba(0,0,0,0.12),\n        0 10px 30px rgba(156, 129, 2, 0.1);\n    }\n\n    .tech-card:hover::after {\n      opacity: 0.3;\n    }\n\n    .tech-title {\n      color: #9C8102;\n      font-size: 2em;\n      font-weight: 800;\n      margin-bottom: 20px;\n      text-shadow: 0 2px 8px rgba(156, 129, 2, 0.3);\n    }\n\n    .tech-subtitle {\n      color: #666;\n      font-size: 1.3em;\n      font-weight: 600;\n      margin-bottom: 25px;\n      font-style: italic;\n    }\n\n    .benefits-list {\n      list-style: none;\n      padding: 0;\n      margin: 25px 0;\n    }\n\n    .benefit-item {\n      background: linear-gradient(135deg, #f1f3f4 0%, #e8eaf6 100%);\n      margin-bottom: 12px;\n      padding: 18px 25px;\n      border-radius: 12px;\n      border-right: 4px solid #9C8102;\n      display: flex;\n      align-items: flex-start;\n      gap: 15px;\n      transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n      color: #333;\n      box-shadow: 0 3px 8px rgba(0,0,0,0.04);\n    }\n\n    .benefit-item:hover {\n      background: linear-gradient(135deg, #e8f4f8 0%, #dce7f5 100%);\n      transform: translateX(-8px);\n      box-shadow: 0 6px 15px rgba(156, 129, 2, 0.1);\n      border-right-color: #d4af37;\n    }\n\n    .benefit-bullet {\n      width: 10px;\n      height: 10px;\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      border-radius: 50%;\n      margin-top: 8px;\n      flex-shrink: 0;\n      box-shadow: 0 2px 6px rgba(156, 129, 2, 0.4);\n    }\n\n    .timeline-section {\n      background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\n      padding: 60px;\n      border-radius: 25px;\n      margin: 60px 0;\n      border: 2px solid #9C8102;\n    }\n\n    .timeline-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: 30px;\n      margin: 40px 0;\n    }\n\n    .timeline-card {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 35px;\n      border-radius: 20px;\n      border-right: 5px solid #9C8102;\n      position: relative;\n      opacity: 0;\n      transform: translateY(40px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      box-shadow: \n        0 12px 30px rgba(0,0,0,0.08),\n        inset 0 1px 0 rgba(255,255,255,0.9);\n    }\n\n    .timeline-card:hover {\n      transform: translateY(-10px);\n      box-shadow: \n        0 20px 45px rgba(0,0,0,0.12),\n        0 8px 25px rgba(156, 129, 2, 0.1);\n      border-right-color: #d4af37;\n    }\n\n    .timeline-badge {\n      position: absolute;\n      top: -15px;\n      right: 30px;\n      background: linear-gradient(135deg, #9C8102, #d4af37);\n      color: white;\n      padding: 8px 20px;\n      border-radius: 25px;\n      font-weight: 800;\n      font-size: 0.9em;\n      box-shadow: \n        0 8px 20px rgba(156, 129, 2, 0.3),\n        inset 0 1px 0 rgba(255,255,255,0.3);\n      text-shadow: 0 1px 2px rgba(0,0,0,0.3);\n    }\n\n    .timeline-title {\n      color: #9C8102;\n      font-size: 1.4em;\n      font-weight: 700;\n      margin: 25px 0 20px 0;\n      text-shadow: 0 1px 3px rgba(156, 129, 2, 0.2);\n    }\n\n    .instructions-section {\n      background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n      padding: 60px;\n      border-radius: 25px;\n      margin: 60px 0;\n      border: 2px solid #9C8102;\n      box-shadow: \n        0 20px 40px rgba(0,0,0,0.08),\n        inset 0 2px 0 rgba(255,255,255,0.9);\n    }\n\n    .instruction-card {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 40px;\n      border-radius: 20px;\n      margin: 30px 0;\n      box-shadow: \n        0 15px 35px rgba(0,0,0,0.08),\n        0 6px 20px rgba(156, 129, 2, 0.06);\n      border: 1px solid rgba(156, 129, 2, 0.1);\n      opacity: 0;\n      transform: translateX(50px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .instruction-card::after {\n      content: '';\n      position: absolute;\n      top: -2px;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n      background: linear-gradient(135deg, #9C8102, #d4af37, #9C8102);\n      border-radius: 22px;\n      z-index: -1;\n      opacity: 0;\n      transition: opacity 0.6s ease;\n    }\n\n    .instruction-card:hover {\n      transform: translateX(-15px);\n      box-shadow: \n        0 25px 60px rgba(0,0,0,0.12),\n        0 10px 30px rgba(156, 129, 2, 0.1);\n    }\n\n    .instruction-card:hover::after {\n      opacity: 0.3;\n    }\n\n    .instruction-title {\n      color: #9C8102;\n      font-size: 2em;\n      font-weight: 800;\n      margin-bottom: 20px;\n      text-shadow: 0 2px 8px rgba(156, 129, 2, 0.3);\n    }\n\n    .warning-section {\n      background: linear-gradient(135deg, #8B0000 0%, #DC143C 25%, #8B0000 50%, #DC143C 75%, #8B0000 100%);\n      color: white;\n      padding: 70px;\n      border-radius: 30px;\n      margin: 80px 0;\n      text-align: center;\n      opacity: 0;\n      transform: scale(0.85);\n      animation: medicalScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 3px solid rgba(156, 129, 2, 0.4);\n      position: relative;\n      overflow: hidden;\n      box-shadow: \n        0 40px 80px rgba(139, 0, 0, 0.4),\n        0 15px 40px rgba(220, 20, 60, 0.3),\n        inset 0 2px 0 rgba(255,255,255,0.15);\n    }\n\n    .warning-title {\n      color: #FFE4E1;\n      font-size: 3em;\n      font-weight: 900;\n      margin-bottom: 30px;\n      position: relative;\n      z-index: 3;\n      text-shadow: 0 4px 15px rgba(255, 228, 225, 0.6);\n      letter-spacing: -0.02em;\n    }\n\n    .value-section {\n      background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n      padding: 60px;\n      border-radius: 25px;\n      margin: 60px 0;\n      border: 2px solid #9C8102;\n      box-shadow: \n        0 20px 40px rgba(0,0,0,0.08),\n        inset 0 2px 0 rgba(255,255,255,0.9);\n    }\n\n    .value-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: 30px;\n      margin: 40px 0;\n    }\n\n    .value-card {\n      background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);\n      padding: 35px;\n      border-radius: 20px;\n      border-right: 5px solid #9C8102;\n      position: relative;\n      opacity: 0;\n      transform: translateY(40px);\n      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      box-shadow: \n        0 12px 30px rgba(0,0,0,0.08),\n        inset 0 1px 0 rgba(255,255,255,0.9);\n    }\n\n    .value-card:hover {\n      transform: translateY(-10px);\n      box-shadow: \n        0 20px 45px rgba(0,0,0,0.12),\n        0 8px 25px rgba(156, 129, 2, 0.1);\n      border-right-color: #d4af37;\n    }\n\n    .value-icon {\n      width: 50px;\n      height: 50px;\n      margin: 0 auto 20px auto;\n      fill: #9C8102;\n      display: block;\n    }\n\n    .value-title {\n      color: #9C8102;\n      font-size: 1.4em;\n      font-weight: 700;\n      margin: 25px 0 20px 0;\n      text-shadow: 0 1px 3px rgba(156, 129, 2, 0.2);\n      text-align: center;\n    }\n\n    .cta-final {\n      background: linear-gradient(135deg, #1a1a1a 0%, #000 25%, #1a1a1a 50%, #000 75%, #1a1a1a 100%);\n      color: white;\n      padding: 80px;\n      border-radius: 30px;\n      text-align: center;\n      margin: 80px 0;\n      opacity: 0;\n      transform: scale(0.8);\n      animation: medicalScaleIn 2.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n      border: 3px solid #9C8102;\n      position: relative;\n      overflow: hidden;\n      box-shadow: \n        0 50px 100px rgba(0,0,0,0.4),\n        0 20px 50px rgba(156, 129, 2, 0.2),\n        inset 0 2px 0 rgba(255,255,255,0.15);\n    }\n\n    .cta-final::before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 500px;\n      height: 500px;\n      background: radial-gradient(circle, rgba(156, 129, 2, 0.15) 0%, transparent 70%);\n      transform: translate(-50%, -50%);\n      animation: ctaAura 4s ease-in-out infinite;\n    }\n\n    .cta-title {\n      color: #f4e4a6;\n      font-size: 3.5em;\n      font-weight: 900;\n      margin-bottom: 30px;\n      position: relative;\n      z-index: 1;\n      text-shadow: 0 4px 20px rgba(244, 228, 166, 0.7);\n      letter-spacing: -0.02em;\n    }\n\n    .cta-text {\n      font-size: 1.4em;\n      margin: 30px 0;\n      opacity: 0.95;\n      position: relative;\n      z-index: 1;\n      line-height: 1.8;\n      font-weight: 400;\n    }\n\n    .cta-highlight {\n      font-size: 1.6em;\n      font-weight: 800;\n      color: #f4e4a6;\n      margin: 40px 0;\n      animation: medicalTextGlow 3s ease-in-out infinite;\n      position: relative;\n      z-index: 1;\n      text-shadow: 0 3px 12px rgba(244, 228, 166, 0.6);\n    }\n\n    @keyframes medicalFadeInUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes medicalScaleIn {\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    @keyframes medicalUnderline {\n      to { width: 150px; }\n    }\n\n    @keyframes shimmerText {\n      0% { background-position: -200% 0; }\n      100% { background-position: 200% 0; }\n    }\n\n    @keyframes medicalFloat {\n      0%, 100% { transform: translateY(0px) rotate(0deg); }\n      50% { transform: translateY(-20px) rotate(180deg); }\n    }\n\n    @keyframes medicalAura {\n      0%, 100% { opacity: 0.8; transform: scale(1) rotate(0deg); }\n      50% { opacity: 1; transform: scale(1.1) rotate(180deg); }\n    }\n\n    @keyframes urgentAura {\n      0%, 100% { opacity: 0.8; transform: scale(1) rotate(0deg); }\n      50% { opacity: 1; transform: scale(1.1) rotate(180deg); }\n    }\n\n    @keyframes premiumShimmer {\n      0% { transform: translateX(-100%) skewX(-15deg); }\n      100% { transform: translateX(200%) skewX(-15deg); }\n    }\n\n    @keyframes urgentShimmer {\n      0% { transform: translateX(-100%) skewX(-15deg); }\n      100% { transform: translateX(200%) skewX(-15deg); }\n    }\n\n    @keyframes ctaAura {\n      0%, 100% { \n        transform: translate(-50%, -50%) scale(1); \n        opacity: 0.4; \n      }\n      50% { \n        transform: translate(-50%, -50%) scale(1.4); \n        opacity: 0.1; \n      }\n    }\n\n    @keyframes medicalTextGlow {\n      0%, 100% { \n        text-shadow: 0 3px 12px rgba(244, 228, 166, 0.6); \n        transform: scale(1);\n      }\n      50% { \n        text-shadow: 0 6px 30px rgba(244, 228, 166, 0.9); \n        transform: scale(1.02);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .main-title {\n        font-size: 2.6em;\n        margin-bottom: 40px;\n      }\n      \n      .timeline-grid,\n      .value-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n        padding: 0 10px;\n      }\n      \n      .crisis-section,\n      .solution-section,\n      .section-header,\n      .technology-section,\n      .timeline-section,\n      .instructions-section,\n      .warning-section,\n      .value-section,\n      .cta-final {\n        padding: 40px 25px;\n        margin: 40px 10px;\n      }\n\n      .crisis-title,\n      .solution-title {\n        font-size: 2.4em;\n      }\n\n      .section-title {\n        font-size: 2.2em;\n      }\n\n      .cta-title {\n        font-size: 2.6em;\n      }\n\n      .tech-card,\n      .instruction-card {\n        padding: 30px 20px;\n        border-radius: 15px;\n      }\n\n      .timeline-card,\n      .value-card {\n        padding: 25px 20px;\n      }\n\n      .benefit-item {\n        padding: 15px 18px;\n        margin-bottom: 10px;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .main-title {\n        font-size: 2.2em;\n        letter-spacing: -0.01em;\n      }\n\n      .crisis-section,\n      .solution-section,\n      .section-header,\n      .technology-section,\n      .timeline-section,\n      .instructions-section,\n      .warning-section,\n      .value-section,\n      .cta-final {\n        padding: 30px 20px;\n        border-radius: 20px;\n      }\n\n      .crisis-title,\n      .solution-title {\n        font-size: 2em;\n      }\n\n      .section-title {\n        font-size: 1.9em;\n      }\n\n      .cta-title {\n        font-size: 2.2em;\n      }\n\n      .tech-title,\n      .instruction-title {\n        font-size: 1.6em;\n      }\n\n      .timeline-title,\n      .value-title {\n        font-size: 1.2em;\n      }\n\n      .cta-highlight {\n        font-size: 1.3em;\n      }\n\n      .cta-text {\n        font-size: 1.2em;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- Main Title --\u003e\n\u003ch1 class=\"main-title\"\u003eCLARY Hair Fall Control Spray - den ultimate løsningen mot hårtap som vil stoppe tragedien\u003c\/h1\u003e\n\u003c!-- Crisis Section --\u003e\n\u003cdiv class=\"crisis-section\"\u003e\n\u003ch2 class=\"crisis-title\"\u003eHver dag av hårets liv går tapt... Hvor lenge vil du vente?\u003c\/h2\u003e\n\u003cdiv class=\"crisis-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eHar du lagt merke til at hårbørsten din er full av hår mer enn vanlig?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eFinner du stadig hårstrå på puten din hver morgen?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eHar du følt at tettheten på håret ditt ikke er den samme som før... og at det er tydelige områder med tynning?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eHvis svaret ditt er “ah”... da er du i den kritiske fasen.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Solution Section --\u003e\n\u003cdiv class=\"solution-section\"\u003e\n\u003ch2 class=\"solution-title\"\u003eMen hva om jeg fortalte deg at det finnes en vitenskapelig metode som kan stoppe denne tragedien?\u003c\/h2\u003e\n\u003cdiv class=\"solution-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eCLARY Hair Fall Control Spray er ikke bare et annet produkt på markedet\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eDette er et ekte vitenskapelig gjennombrudd som bekjemper hårtap fra roten\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMed avansert tripleffektteknologi\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Technology Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eRevolusjonerende teknologi: trippel effekt i ett produkt\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eFor første gang i Egypt: en formel som kombinerer de to mest kraftfulle forbindelsene for å behandle hårtap\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003e\n\u003csvg style=\"width: 30px; height: 30px; display: inline-block; margin-left: 10px; fill: #9C8102;\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,16.5L6.5,12L7.91,10.59L11,13.67L16.59,8.09L18,9.5L11,16.5Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n        3 % Procapil - redder døde hårsekker\n      \u003c\/h3\u003e\n\u003cp class=\"tech-subtitle\"\u003eDen første forbindelsen som vitenskapelig har vist seg å kunne gjenopplive stagnerte hårsekker\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; font-size: 1.4em; margin: 25px 0 15px 0;\"\u003eHva gjør det annerledes?\u003c\/h4\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eBekjemper aldring av hårsekkene\u003c\/strong\u003e På cellenivå\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eReduserer DHT-produksjon\u003c\/strong\u003e Hårskadende hormon med 58%.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAktiverer sovende hårsekker\u003c\/strong\u003e Den får henne til å produsere nytt hår\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eStyrker eksisterende hårsekker\u003c\/strong\u003e Det forhindrer at det faller av\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: center; margin-top: 30px; padding: 20px; background: linear-gradient(135deg, #9C8102, #d4af37); color: white; border-radius: 10px;\"\u003e\n\u003cp style=\"font-weight: bold;\"\u003eResultat : reduce faller Hår 46% Inne 4 \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-card\"\u003e\n\u003ch3 class=\"tech-title\"\u003e\n\u003csvg style=\"width: 30px; height: 30px; display: inline-block; margin-left: 10px; fill: #9C8102;\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n        3 % Capixyl - et banebrytende vekststimulerende middel\n      \u003c\/h3\u003e\n\u003cp class=\"tech-subtitle\"\u003eDen andre forbindelsen er 3 ganger bedre enn Minoxidil til å stimulere hårvekst\u003c\/p\u003e\n\u003ch4 style=\"color: #9C8102; font-size: 1.4em; margin: 25px 0 15px 0;\"\u003eHvordan skjer magi?\u003c\/h4\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eØker hårtettheten\u003c\/strong\u003e På en naturlig og trygg måte\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eStyrker feste av håret i hodebunnen\u003c\/strong\u003e Det er forbudt å utvinne det\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eForbedrer blodsirkulasjonen\u003c\/strong\u003e Den gir næring til hver hårsekk\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eAkselererer hårvekstsyklusen\u003c\/strong\u003e Den gjør den aktive fasen lengre\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: center; margin-top: 30px; padding: 20px; background: linear-gradient(135deg, #f4e4a6, #d4af37); border-radius: 10px;\"\u003e\n\u003cp style=\"font-weight: bold; color: #333;\"\u003eDet fantastiske resultatet: økt hårtetthet med 13 % på 4 måneder med sterkere og sunnere hår\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Timeline Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eHelbredelsesreise - Se håret ditt gradvis komme tilbake til liv\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eIkke bare løfter... dette er resultater du vil se med egne øyne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-grid\"\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eDen første uken\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003e\n\u003csvg style=\"width: 25px; height: 25px; display: inline-block; margin-left: 8px; fill: #9C8102;\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,16.5L6.5,12L7.91,10.59L11,13.67L16.59,8.09L18,9.5L11,16.5Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n          Stopp blødning\n        \u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eMerkbar reduksjon i hårtap\u003c\/strong\u003e På puten og madrassen\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eEn følelse av styrke i hodebunnen\u003c\/strong\u003e Hår er mindre sprøtt\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eForbedring i hårtekstur\u003c\/strong\u003e Og øke mykheten\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eEtter 3 måneder\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003e\n\u003csvg style=\"width: 25px; height: 25px; display: inline-block; margin-left: 8px; fill: #9C8102;\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n          Miraklet skjer\n        \u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSmå nye hår dukker opp\u003c\/strong\u003e På områder der det var hulrom\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eØk tettheten av eksisterende hår\u003c\/strong\u003e Og styrken til røttene\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eEn tydelig forbedring i hodebunnens helse\u003c\/strong\u003e Redusere kløe og betennelse\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"timeline-card\"\u003e\n\u003cdiv class=\"timeline-badge\"\u003eEtter 6 måneder\u003c\/div\u003e\n\u003ch3 class=\"timeline-title\"\u003e\n\u003csvg style=\"width: 25px; height: 25px; display: inline-block; margin-left: 8px; fill: #9C8102;\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M5,16L3,14L5,12L3,10L5,8H7L9,10L11,8H13L15,10L17,8H19L21,10L19,12L21,14L19,16H17L15,14L13,16H11L9,14L7,16H5Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n          Fullstendig skjønnhet\n        \u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eGjenopprett den naturlige tettheten i håret\u003c\/strong\u003e Nesten\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSunt og sterkt hår\u003c\/strong\u003e Motstandsdyktig mot alle årsaker til hårtap\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eResultatene er permanente\u003c\/strong\u003e Og beskyttet mot tilbakeslag\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Instructions Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eDen riktige bruken - for å oppnå maksimalt resultat\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eEnkle trinn for garantert suksess\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instruction-card\"\u003e\n\u003ch3 class=\"instruction-title\"\u003e\n\u003csvg style=\"width: 30px; height: 30px; display: inline-block; margin-left: 10px; fill: #9C8102;\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n        Forberedelse\n      \u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eVask håret ditt\u003c\/strong\u003e Bruk den passende sjampoen og la den tørke forsiktig\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eDel håret ditt\u003c\/strong\u003e I 3 seksjoner for å fordele sprayen jevnt\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instruction-card\"\u003e\n\u003ch3 class=\"instruction-title\"\u003e\n\u003csvg style=\"width: 30px; height: 30px; display: inline-block; margin-left: 10px; fill: #9C8102;\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n        Påføring\n      \u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eSpray 4-6 sprayer\u003c\/strong\u003e På hodebunnen i hver seksjon\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eMasser forsiktig\u003c\/strong\u003e Med fingertupper for å sikre fordeling\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eIkke skyll\u003c\/strong\u003e La ham arbeide hele dagen\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"instruction-card\"\u003e\n\u003ch3 class=\"instruction-title\"\u003e\n\u003csvg style=\"width: 30px; height: 30px; display: inline-block; margin-left: 10px; fill: #9C8102;\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M15,7H13V13H15V7M11,15H13V17H11V15Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n        Tidspunkt\n      \u003c\/h3\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eBruk det en gang daglig\u003c\/strong\u003e Om morgenen eller før sengetid\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eRegelmessighet er hemmeligheten\u003c\/strong\u003e - Hver dag i minst 6 måneder\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-bullet\"\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003eFor bedre resultater\u003c\/strong\u003e Bruk med CLARY sjampo, balsam og maske\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Warning Section --\u003e\n\u003cdiv class=\"warning-section\"\u003e\n\u003ch2 class=\"warning-title\"\u003e\n\u003csvg style=\"width: 40px; height: 40px; display: inline-block; margin-left: 10px; fill: #FFE4E1;\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n      Viktig advarsel: Problemet vil ikke løse seg selv\n    \u003c\/h2\u003e\n\u003cdiv class=\"crisis-text\" style=\"position: relative; z-index: 3;\"\u003e\n\u003cp\u003e\u003cstrong\u003eHårtap er som enhver sykdom... hver dag uten behandling blir tilstanden verre\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eProblemet er at de fleste venter «til situasjonen blir bedre av seg selv»... og resultatet er at de mister dyrebare år av hårets liv.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eDøde hårsekker kommer ikke tilbake til livet av seg selv... de trenger spesialisert vitenskapelig intervensjon\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eOg dette er akkurat det CLARY gjør... Jeg gir hårrøttene dine en ny sjanse til liv\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Value Section --\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2 class=\"section-title\"\u003eEksepsjonell verdi verdt hver krone\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003eHvorfor er CLARY ditt smarteste valg?\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-grid\"\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003csvg class=\"value-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M19,19H5V5H19V19Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch3 class=\"value-title\"\u003eStor størrelse 200 ml\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eNok for flere måneders bruk\u003c\/strong\u003e - Én pakke varer lenge, i motsetning til små produkter som går tom raskt\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003csvg class=\"value-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,16.5L6.5,12L7.91,10.59L11,13.67L16.59,8.09L18,9.5L11,16.5Z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch3 class=\"value-title\"\u003eRimelig pris\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eBilligere enn de fleste andre hårbehandlinger, men med dyrere ingredienser\u003c\/strong\u003e - Du får avansert teknologi til en rimelig pris sammenlignet med dyre alternativer\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003csvg class=\"value-icon\" viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003ch3 class=\"value-title\"\u003eBevist suksess\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSuksessrate på mer enn 80 % av brukerne\u003c\/strong\u003e - Dette er ikke bare løfter... dette er virkelige resultater fra tusenvis av kunder som har prøvd produktet\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Final CTA --\u003e\n\u003cdiv class=\"cta-final\"\u003e\n\u003ch2 class=\"cta-title\"\u003eDagens beslutning vil bestemme formen på håret ditt i morgen\u003c\/h2\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eHver dag tenker du på det... håret ditt faller mer ut\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eHver uke utsetter du det...flere hårsekker dør\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eHver måned du venter...går muligheten mer tapt\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-highlight\"\u003e\n      Det finnes ikke noe som heter «Jeg vil se til neste måned»... Håret ditt vil ikke vente\n    \u003c\/div\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eEnten ta en beslutning nå og start riktig behandlingsreise...\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEller aksepter at problemet vil øke og kreve dyrere og mer kompliserte løsninger senere\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCLARY Hair Fall Control Spray er ikke bare et produkt... det er den siste forsvarslinjen mellom ditt nåværende hår og permanent skallethet\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-highlight\"\u003e\n      Start nå.\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Enhanced Intersection Observer for medical animations\n    const medicalObserverOptions = {\n      threshold: 0.1,\n      rootMargin: '0px 0px -80px 0px'\n    };\n\n    const medicalObserver = new IntersectionObserver((entries) =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          const element = entry.target;\n          \n          if (element.classList.contains('section-header')) {\n            element.style.animation = 'medicalScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('tech-card')) {\n            element.style.animation = 'medicalFadeInUp 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('instruction-card')) {\n            element.style.animation = 'medicalFadeInUp 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('timeline-card')) {\n            element.style.animation = 'medicalFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('value-card')) {\n            element.style.animation = 'medicalFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('crisis-section')) {\n            element.style.animation = 'medicalScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('solution-section')) {\n            element.style.animation = 'medicalScaleIn 2s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('technology-section')) {\n            element.style.animation = 'medicalScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('timeline-section')) {\n            element.style.animation = 'medicalScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('instructions-section')) {\n            element.style.animation = 'medicalScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('warning-section')) {\n            element.style.animation = 'medicalScaleIn 1.8s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('value-section')) {\n            element.style.animation = 'medicalScaleIn 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          } else if (element.classList.contains('cta-final')) {\n            element.style.animation = 'medicalScaleIn 2.5s cubic-bezier(0.23, 1, 0.32, 1) forwards';\n          }\n        }\n      });\n    }, medicalObserverOptions);\n\n    \/\/ Initialize medical animations\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n      const animatedElements = document.querySelectorAll('.section-header, .tech-card, .instruction-card, .timeline-card, .value-card, .crisis-section, .solution-section, .technology-section, .timeline-section, .instructions-section, .warning-section, .value-section, .cta-final');\n      \n      animatedElements.forEach(el =\u003e {\n        medicalObserver.observe(el);\n      });\n\n      \/\/ Medical staggered delays\n      const timelineCards = document.querySelectorAll('.timeline-card');\n      timelineCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.2}s`;\n      });\n\n      const valueCards = document.querySelectorAll('.value-card');\n      valueCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.15}s`;\n      });\n\n      const techCards = document.querySelectorAll('.tech-card');\n      techCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.2}s`;\n      });\n\n      const instructionCards = document.querySelectorAll('.instruction-card');\n      instructionCards.forEach((card, index) =\u003e {\n        card.style.animationDelay = `${index * 0.15}s`;\n      });\n\n      \/\/ Medical particle effects\n      const allCards = document.querySelectorAll('.tech-card, .instruction-card, .timeline-card, .value-card');\n      allCards.forEach(card =\u003e {\n        card.addEventListener('mouseenter', () =\u003e {\n          createMedicalParticles(card);\n        });\n      });\n\n      \/\/ Enhanced medical particle creation\n      function createMedicalParticles(element) {\n        for (let i = 0; i \u003c 8; i++) {\n          const particle = document.createElement('div');\n          particle.style.cssText = `\n            position: absolute;\n            width: ${Math.random() * 4 + 2}px;\n            height: ${Math.random() * 4 + 2}px;\n            background: linear-gradient(135deg, #f4e4a6, #d4af37, #9C8102);\n            border-radius: 50%;\n            pointer-events: none;\n            z-index: 100;\n            box-shadow: 0 0 6px rgba(244, 228, 166, 0.8);\n          `;\n          \n          const rect = element.getBoundingClientRect();\n          particle.style.left = Math.random() * rect.width + 'px';\n          particle.style.top = Math.random() * rect.height + 'px';\n          \n          element.appendChild(particle);\n          \n          particle.animate([\n            { \n              transform: 'translateY(0px) scale(1) rotate(0deg)', \n              opacity: 1,\n              filter: 'brightness(1)'\n            },\n            { \n              transform: `translateY(-60px) scale(0) rotate(${Math.random() * 720}deg)`, \n              opacity: 0,\n              filter: 'brightness(1.5)'\n            }\n          ], {\n            duration: 2000,\n            easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n          }).onfinish = () =\u003e particle.remove();\n        }\n      }\n\n      \/\/ Medical magnetic hover effects\n      allCards.forEach(card =\u003e {\n        card.addEventListener('mousemove', (e) =\u003e {\n          const rect = card.getBoundingClientRect();\n          const x = e.clientX - rect.left;\n          const y = e.clientY - rect.top;\n          const centerX = rect.width \/ 2;\n          const centerY = rect.height \/ 2;\n          const deltaX = (x - centerX) \/ centerX;\n          const deltaY = (y - centerY) \/ centerY;\n          \n          card.style.transform = `\n            perspective(1000px) \n            rotateY(${deltaX * 3}deg) \n            rotateX(${-deltaY * 3}deg) \n            translateZ(6px)\n          `;\n        });\n        \n        card.addEventListener('mouseleave', () =\u003e {\n          card.style.transform = '';\n        });\n      });\n\n      \/\/ Medical urgency sparkle effects\n      setInterval(() =\u003e {\n        const targetSections = ['.crisis-section', '.warning-section', '.cta-final'];\n        targetSections.forEach(selector =\u003e {\n          const section = document.querySelector(selector);\n          if (section \u0026\u0026 Math.random() \u003e 0.4) {\n            const sparkle = document.createElement('div');\n            sparkle.style.cssText = `\n              position: absolute;\n              width: ${Math.random() * 3 + 1}px;\n              height: ${Math.random() * 3 + 1}px;\n              background: linear-gradient(135deg, #FFE4E1, #f4e4a6);\n              border-radius: 50%;\n              pointer-events: none;\n              z-index: 10;\n              left: ${Math.random() * section.offsetWidth}px;\n              top: ${Math.random() * section.offsetHeight}px;\n              box-shadow: 0 0 8px rgba(255, 228, 225, 0.9);\n            `;\n            \n            section.appendChild(sparkle);\n            \n            sparkle.animate([\n              { \n                transform: 'scale(0) rotate(0deg)', \n                opacity: 0,\n                filter: 'brightness(1)'\n              },\n              { \n                transform: 'scale(1) rotate(180deg)', \n                opacity: 1,\n                filter: 'brightness(1.6)'\n              },\n              { \n                transform: 'scale(0) rotate(360deg)', \n                opacity: 0,\n                filter: 'brightness(0.5)'\n              }\n            ], {\n              duration: 2500,\n              easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n            }).onfinish = () =\u003e sparkle.remove();\n          }\n        });\n      }, 2000);\n\n      \/\/ Medical ripple effect on click\n      document.addEventListener('click', (e) =\u003e {\n        if (e.target.closest('.tech-card, .instruction-card, .timeline-card, .value-card')) {\n          const element = e.target.closest('.tech-card, .instruction-card, .timeline-card, .value-card');\n          const rect = element.getBoundingClientRect();\n          const ripple = document.createElement('div');\n          \n          ripple.style.cssText = `\n            position: absolute;\n            border-radius: 50%;\n            background: radial-gradient(circle, rgba(244, 228, 166, 0.3) 0%, transparent 70%);\n            pointer-events: none;\n            z-index: 50;\n            width: 25px;\n            height: 25px;\n            left: ${e.clientX - rect.left - 12.5}px;\n            top: ${e.clientY - rect.top - 12.5}px;\n          `;\n          \n          element.appendChild(ripple);\n          \n          ripple.animate([\n            { transform: 'scale(0)', opacity: 1 },\n            { transform: 'scale(4)', opacity: 0 }\n          ], {\n            duration: 600,\n            easing: 'cubic-bezier(0.23, 1, 0.32, 1)'\n          }).onfinish = () =\u003e ripple.remove();\n        }\n      });\n    });\n  \u003c\/script\u003e","brand":"Clary","offers":[{"title":"Default Title","offer_id":44946808144069,"sku":null,"price":375.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/9879\/4181\/files\/CLARYHairFallControlSpray.webp?v=1753609405","url":"https:\/\/instachiq.com\/no\/products\/clary-hair-fall-control-spray","provider":"Instachiq","version":"1.0","type":"link"}