{"id":17,"date":"2026-04-15T08:09:47","date_gmt":"2026-04-15T08:09:47","guid":{"rendered":"https:\/\/myhairlavie.com\/?page_id=17"},"modified":"2026-04-15T08:50:51","modified_gmt":"2026-04-15T08:50:51","slug":"hair-la-vie","status":"publish","type":"page","link":"https:\/\/myhairlavie.com\/","title":{"rendered":"Hair La Vie Official | Natural Hair Growth Supplements"},"content":{"rendered":"\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,600&#038;family=DM+Sans:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  :root {\n    --teal: #3BBAB3;\n    --teal-dark: #2A9A93;\n    --teal-light: #E4F6F5;\n    --teal-mid: #C2EDEA;\n    --rose: #C4956A;\n    --rose-light: #F5EDE3;\n    --cream: #FAF6F0;\n    --cream-dark: #F0E9DF;\n    --dark: #1A1210;\n    --dark-mid: #3D2E28;\n    --muted: #7A6860;\n    --muted-light: #B09B90;\n    --white: #FFFFFF;\n    --font-display: 'Cormorant Garamond', Georgia, serif;\n    --font-body: 'DM Sans', sans-serif;\n  }\n\n  .hlv-hero-wrap {\n    font-family: var(--font-body);\n    background-color: var(--cream);\n    color: var(--dark);\n    overflow: hidden;\n    position: relative;\n  }\n\n  \/* \u2500\u2500 decorative bg circles \u2500\u2500 *\/\n  .hlv-hero-wrap::before {\n    content: '';\n    position: absolute;\n    width: 680px;\n    height: 680px;\n    border-radius: 50%;\n    background: radial-gradient(circle at center, var(--teal-mid) 0%, transparent 70%);\n    top: -180px;\n    right: -200px;\n    opacity: 0.45;\n    pointer-events: none;\n    z-index: 0;\n  }\n  .hlv-hero-wrap::after {\n    content: '';\n    position: absolute;\n    width: 420px;\n    height: 420px;\n    border-radius: 50%;\n    background: radial-gradient(circle at center, var(--rose-light) 0%, transparent 70%);\n    bottom: -100px;\n    left: -100px;\n    opacity: 0.6;\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  \/* \u2500\u2500 HERO GRID \u2500\u2500 *\/\n  .hlv-hero {\n    position: relative;\n    z-index: 1;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    align-items: center;\n    min-height: 85vh; \/* Adjusted to look perfect under your new global header *\/\n    padding: 60px 5% 80px;\n    gap: 40px;\n  }\n\n  \/* \u2500\u2500 LEFT COL \u2500\u2500 *\/\n  .hlv-hero-left {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n    animation: hlv-fadeUp 0.75s ease both;\n  }\n\n  .hlv-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: var(--teal-light);\n    border: 1px solid var(--teal-mid);\n    color: var(--teal-dark);\n    font-size: 11.5px;\n    font-weight: 600;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    padding: 7px 16px;\n    border-radius: 50px;\n    margin-bottom: 24px;\n    width: fit-content;\n  }\n  .hlv-eyebrow-dot {\n    width: 6px;\n    height: 6px;\n    background: var(--teal);\n    border-radius: 50%;\n    display: inline-block;\n    animation: hlv-pulse 2s ease-in-out infinite;\n  }\n\n  .hlv-h1 {\n    font-family: var(--font-display);\n    font-size: clamp(44px, 6.5vw, 84px);\n    font-weight: 600;\n    line-height: 1;\n    color: var(--dark);\n    margin-bottom: 12px;\n    letter-spacing: -0.01em;\n  }\n  .hlv-h2 {\n    font-family: var(--font-display);\n    font-size: clamp(22px, 3vw, 38px);\n    font-weight: 400;\n    font-style: italic;\n    line-height: 1.25;\n    color: var(--teal-dark);\n    margin-bottom: 0;\n    position: relative;\n    display: inline-block;\n  }\n  .hlv-h2::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: -6px;\n    width: 60%;\n    height: 2px;\n    background: var(--rose);\n    border-radius: 2px;\n    opacity: 0.6;\n  }\n\n  .hlv-sub {\n    font-size: clamp(15px, 1.6vw, 18px);\n    color: var(--muted);\n    font-weight: 400;\n    line-height: 1.75;\n    max-width: 480px;\n    margin-bottom: 32px;\n    margin-top: 28px;\n  }\n\n  \/* \u2500\u2500 STARS \u2500\u2500 *\/\n  .hlv-stars-row {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 32px;\n  }\n  .hlv-stars {\n    display: flex;\n    gap: 3px;\n  }\n  .hlv-star {\n    width: 16px;\n    height: 16px;\n    fill: var(--rose);\n  }\n  .hlv-stars-text {\n    font-size: 13px;\n    color: var(--muted);\n    font-weight: 500;\n  }\n  .hlv-stars-text strong {\n    color: var(--dark-mid);\n    font-weight: 600;\n  }\n\n  \/* \u2500\u2500 CTA BUTTONS \u2500\u2500 *\/\n  .hlv-cta-group {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-bottom: 40px;\n  }\n  .hlv-btn-primary {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    background: var(--teal);\n    color: var(--white);\n    text-decoration: none;\n    font-family: var(--font-body);\n    font-size: 14px;\n    font-weight: 600;\n    letter-spacing: 0.03em;\n    padding: 14px 28px;\n    border-radius: 50px;\n    transition: background 0.25s, transform 0.2s, box-shadow 0.25s;\n    box-shadow: 0 4px 20px rgba(59,186,179,0.25);\n  }\n  .hlv-btn-primary:hover {\n    background: var(--teal-dark);\n    transform: translateY(-2px);\n    box-shadow: 0 8px 28px rgba(59,186,179,0.35);\n  }\n  .hlv-btn-secondary {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    background: transparent;\n    color: var(--dark-mid);\n    text-decoration: none;\n    font-family: var(--font-body);\n    font-size: 14px;\n    font-weight: 600;\n    letter-spacing: 0.03em;\n    padding: 13px 28px;\n    border-radius: 50px;\n    border: 1.5px solid var(--rose);\n    transition: background 0.25s, transform 0.2s;\n  }\n  .hlv-btn-secondary:hover {\n    background: var(--rose-light);\n    transform: translateY(-2px);\n  }\n  .hlv-btn-icon {\n    width: 18px;\n    height: 18px;\n    opacity: 0.9;\n    flex-shrink: 0;\n  }\n  .hlv-btn-badge {\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.06em;\n    background: var(--rose);\n    color: var(--white);\n    padding: 3px 8px;\n    border-radius: 20px;\n    text-transform: uppercase;\n    margin-left: 2px;\n  }\n\n  \/* \u2500\u2500 TRUST BADGES \u2500\u2500 *\/\n  .hlv-trust {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    align-items: center;\n  }\n  .hlv-trust-item {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--muted);\n    background: var(--white);\n    border: 1px solid var(--cream-dark);\n    padding: 6px 12px;\n    border-radius: 50px;\n    white-space: nowrap;\n  }\n  .hlv-trust-icon {\n    width: 14px;\n    height: 14px;\n    fill: var(--teal);\n    flex-shrink: 0;\n  }\n\n  \/* \u2500\u2500 RIGHT COL \/ IMAGE \u2500\u2500 *\/\n  .hlv-hero-right {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    animation: hlv-fadeUp 0.75s 0.18s ease both;\n  }\n  .hlv-img-bg-circle {\n    position: absolute;\n    width: 85%;\n    aspect-ratio: 1;\n    border-radius: 50%;\n    background: linear-gradient(145deg, var(--teal-light) 0%, var(--cream-dark) 100%);\n    z-index: 0;\n  }\n  .hlv-product-img {\n    position: relative;\n    z-index: 2;\n    width: 88%;\n    max-width: 480px;\n    height: auto;\n    display: block;\n    animation: hlv-float 5s ease-in-out infinite;\n    filter: drop-shadow(0 24px 40px rgba(42,154,147,0.18));\n  }\n\n  \/* Floating stat cards *\/\n  .hlv-float-card {\n    position: absolute;\n    z-index: 3;\n    background: var(--white);\n    border: 1px solid var(--cream-dark);\n    border-radius: 14px;\n    padding: 12px 16px;\n    box-shadow: 0 6px 24px rgba(0,0,0,0.07);\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    animation: hlv-fadePop 0.6s ease both;\n    white-space: nowrap;\n  }\n  .hlv-float-card-1 {\n    top: 14%;\n    left: -2%;\n    animation-delay: 0.5s;\n  }\n  .hlv-float-card-2 {\n    bottom: 16%;\n    left: -2%;\n    animation-delay: 0.7s;\n  }\n  .hlv-float-card-3 {\n    top: 10%;\n    right: -2%;\n    animation-delay: 0.9s;\n  }\n  .hlv-float-icon-wrap {\n    width: 36px;\n    height: 36px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n  .hlv-float-icon-wrap.teal { background: var(--teal-light); }\n  .hlv-float-icon-wrap.rose { background: var(--rose-light); }\n  .hlv-float-icon-wrap svg { width: 18px; height: 18px; }\n  .hlv-float-card-title {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--dark);\n    line-height: 1.2;\n  }\n  .hlv-float-card-sub {\n    font-size: 11px;\n    color: var(--muted-light);\n    margin-top: 2px;\n  }\n\n  \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n  @keyframes hlv-fadeUp {\n    from { opacity: 0; transform: translateY(28px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n  @keyframes hlv-fadePop {\n    from { opacity: 0; transform: scale(0.88); }\n    to   { opacity: 1; transform: scale(1); }\n  }\n  @keyframes hlv-float {\n    0%, 100% { transform: translateY(0px); }\n    50%       { transform: translateY(-12px); }\n  }\n  @keyframes hlv-pulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50%       { opacity: 0.5; transform: scale(0.75); }\n  }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 900px) {\n    .hlv-hero {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      min-height: auto;\n      padding: 40px 5% 60px;\n      gap: 0;\n    }\n    \n    \/* Flattens the left column to easily reorder everything natively *\/\n    .hlv-hero-left {\n      display: contents;\n    }\n    .hlv-hero-left > * {\n      animation: hlv-fadeUp 0.75s ease both;\n    }\n    \n    \/* Custom Element Ordering *\/\n    .hlv-eyebrow { order: 1; margin-bottom: 20px; }\n    .hlv-h1 { order: 2; }\n    .hlv-h2 { order: 3; margin-bottom: 0; }\n    \n    \/* Product Image placement (Between the Header & the Paragraph) *\/\n    .hlv-hero-right {\n      order: 4;\n      width: 100%;\n      margin-top: 40px;\n      margin-bottom: 12px;\n    }\n\n    .hlv-sub { order: 5; margin-left: auto; margin-right: auto; margin-top: 20px; }\n    .hlv-stars-row { order: 6; justify-content: center; }\n    .hlv-cta-group { order: 7; justify-content: center; }\n    .hlv-trust { order: 8; justify-content: center; }\n\n    \/* Reduced Image size for mobile & adjusted float cards *\/\n    .hlv-product-img { width: 55%; max-width: 280px; margin: 0 auto; }\n    .hlv-float-card-1 { top: 5%; left: 0%; }\n    .hlv-float-card-2 { bottom: 5%; left: 0%; }\n    .hlv-float-card-3 { top: 5%; right: 0%; }\n    \n    .hlv-h2::after { left: 50%; transform: translateX(-50%); }\n  }\n\n  @media (max-width: 540px) {\n    .hlv-h1 { font-size: clamp(36px, 9vw, 46px); }\n    .hlv-float-card { display: none; }\n    .hlv-product-img { width: 65%; max-width: 240px; }\n    .hlv-btn-primary, .hlv-btn-secondary { font-size: 13px; padding: 12px 22px; }\n    .hlv-hero-right { margin-top: 30px; margin-bottom: 10px; }\n  }\n<\/style>\n\n<section class=\"hlv-hero-wrap\">\n\n  <!-- HERO -->\n  <div class=\"hlv-hero\">\n\n    <!-- LEFT -->\n    <div class=\"hlv-hero-left\">\n\n      <span class=\"hlv-eyebrow\">\n        <span class=\"hlv-eyebrow-dot\"><\/span>\n        20 Natural Ingredients &bull; 90-Day Formula\n      <\/span>\n\n      <h1 class=\"hlv-h1\">Hair La Vie<\/h1>\n      <h2 class=\"hlv-h2\">Your hair grows as well<br>as your body is fed.<\/h2>\n\n      <p class=\"hlv-sub\">\n        Biotin, Saw Palmetto, Reishi Mushroom, Hydrolyzed Collagen and 16 more clinically-studied ingredients \u2014 working at the root so what grows out is stronger, fuller, and yours.\n      <\/p>\n\n      <div class=\"hlv-stars-row\">\n        <div class=\"hlv-stars\">\n          <svg class=\"hlv-star\" viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n          <svg class=\"hlv-star\" viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n          <svg class=\"hlv-star\" viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n          <svg class=\"hlv-star\" viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n          <svg class=\"hlv-star\" viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <\/div>\n        <span class=\"hlv-stars-text\"><strong>4.8 \/ 5<\/strong> &nbsp;\u00b7&nbsp; Thousands of verified buyers<\/span>\n      <\/div>\n\n      <div class=\"hlv-cta-group\">\n        <a href=\"https:\/\/amzn.to\/41wqwXa\" class=\"hlv-btn-primary\" target=\"_blank\" rel=\"noopener\">\n          <svg class=\"hlv-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 001.98 1.61h9.72a2 2 0 001.98-1.61L23 6H6\"\/><\/svg>\n          Shop Clinical Formula\n        <\/a>\n        <a href=\"https:\/\/amzn.to\/4clDf3M\" class=\"hlv-btn-secondary\" target=\"_blank\" rel=\"noopener\">\n          Shop 2-Pack\n          <span class=\"hlv-btn-badge\">Save More<\/span>\n        <\/a>\n      <\/div>\n\n      <div class=\"hlv-trust\">\n        <div class=\"hlv-trust-item\">\n          <svg class=\"hlv-trust-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2L3 7v5c0 5.25 3.75 10.15 9 11.35C17.25 22.15 21 17.25 21 12V7l-9-5z\"\/><\/svg>\n          Third-Party Tested\n        <\/div>\n        <div class=\"hlv-trust-item\">\n          <svg class=\"hlv-trust-icon\" viewBox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\n          Non-GMO\n        <\/div>\n        <div class=\"hlv-trust-item\">\n          <svg class=\"hlv-trust-icon\" viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n          Made in the USA\n        <\/div>\n        <div class=\"hlv-trust-item\">\n          <svg class=\"hlv-trust-icon\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 14s1.5 2 4 2 4-2 4-2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/><line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/><\/svg>\n          No Fillers\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- RIGHT -->\n    <div class=\"hlv-hero-right\">\n      <div class=\"hlv-img-bg-circle\"><\/div>\n\n      <img decoding=\"async\"\n        src=\"http:\/\/myhairlavie.com\/wp-content\/uploads\/2026\/04\/hairlavie1-Background-Removed.png\"\n        alt=\"Hair La Vie Clinical Formula bottle\"\n        class=\"hlv-product-img\"\n        loading=\"eager\"\n      \/>\n\n      <!-- Floating cards -->\n      <div class=\"hlv-float-card hlv-float-card-1\">\n        <div class=\"hlv-float-icon-wrap teal\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2A9A93\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"hlv-float-card-title\">20 Ingredients<\/div>\n          <div class=\"hlv-float-card-sub\">Clinically-studied formula<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"hlv-float-card hlv-float-card-2\">\n        <div class=\"hlv-float-icon-wrap rose\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C4956A\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"hlv-float-card-title\">90-Day Cycle<\/div>\n          <div class=\"hlv-float-card-sub\">See results by month 3<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"hlv-float-card hlv-float-card-3\">\n        <div class=\"hlv-float-icon-wrap teal\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2A9A93\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"hlv-float-card-title\">5-Year Customers<\/div>\n          <div class=\"hlv-float-card-sub\">People keep coming back<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n  \/* \u2500\u2500 SECTION WRAPPER \u2500\u2500 *\/\n  .hlv-about-wrap {\n    font-family: var(--font-body, 'DM Sans', sans-serif);\n    background-color: var(--white, #FFFFFF);\n    color: var(--dark, #1A1210);\n    padding: 80px 5%;\n    position: relative;\n    overflow: hidden;\n  }\n\n  \/* Subtly separate this section from the previous cream one *\/\n  .hlv-about-wrap::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, var(--cream-dark, #F0E9DF), transparent);\n  }\n\n  .hlv-about-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: center;\n  }\n\n  \/* \u2500\u2500 LEFT: TEXT CONTENT \u2500\u2500 *\/\n  .hlv-about-content {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .hlv-about-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--teal-dark, #2A9A93);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    margin-bottom: 16px;\n  }\n  .hlv-about-eyebrow::before {\n    content: '';\n    width: 24px;\n    height: 2px;\n    background: var(--rose, #C4956A);\n    border-radius: 2px;\n  }\n\n  .hlv-about-title {\n    font-family: var(--font-display, 'Cormorant Garamond', serif);\n    font-size: clamp(36px, 4vw, 52px);\n    font-weight: 600;\n    line-height: 1.1;\n    color: var(--dark, #1A1210);\n    margin-bottom: 24px;\n  }\n  .hlv-about-title span {\n    font-style: italic;\n    font-weight: 400;\n    color: var(--teal-dark, #2A9A93);\n  }\n\n  .hlv-about-text {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n  }\n  .hlv-about-text p {\n    font-size: clamp(15px, 1.5vw, 17px);\n    line-height: 1.75;\n    color: var(--muted, #7A6860);\n    font-weight: 400;\n  }\n\n  \/* Stylized Quote Callout *\/\n  .hlv-about-quote {\n    font-family: var(--font-display, 'Cormorant Garamond', serif);\n    font-size: clamp(24px, 2.5vw, 32px);\n    font-style: italic;\n    color: var(--teal-dark, #2A9A93);\n    line-height: 1.3;\n    padding-left: 24px;\n    margin: 16px 0;\n    border-left: 3px solid var(--rose, #C4956A);\n    position: relative;\n  }\n\n  \/* \u2500\u2500 RIGHT: BEFORE & AFTER EDITORIAL LAYOUT \u2500\u2500 *\/\n  .hlv-ba-images {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 4 \/ 4.5;\n  }\n\n  \/* Decorative backdrop shape *\/\n  .hlv-ba-backdrop {\n    position: absolute;\n    top: 5%;\n    right: 5%;\n    width: 80%;\n    height: 90%;\n    background-color: var(--teal-light, #E4F6F5);\n    border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n    z-index: 0;\n  }\n\n  .hlv-ba-card {\n    position: absolute;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 16px 40px rgba(0,0,0,0.1);\n    background: var(--cream, #FAF6F0);\n  }\n  .hlv-ba-card img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.5s ease;\n  }\n  .hlv-ba-card:hover img {\n    transform: scale(1.05);\n  }\n\n  \/* Before Image (Top Left) *\/\n  .hlv-ba-before {\n    top: 0;\n    left: 0;\n    width: 55%;\n    aspect-ratio: 3 \/ 4;\n    z-index: 1;\n  }\n  \n  \/* After Image (Bottom Right) *\/\n  .hlv-ba-after {\n    bottom: 0;\n    right: 0;\n    width: 65%;\n    aspect-ratio: 3 \/ 4;\n    z-index: 2;\n    border: 8px solid var(--white, #FFFFFF);\n  }\n\n  \/* Image Labels *\/\n  .hlv-ba-label {\n    position: absolute;\n    bottom: 16px;\n    left: 16px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(4px);\n    color: var(--dark, #1A1210);\n    padding: 6px 14px;\n    border-radius: 50px;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n  }\n  .hlv-ba-label span {\n    color: var(--rose, #C4956A);\n  }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 900px) {\n    .hlv-about-wrap {\n      padding: 60px 5%;\n    }\n    .hlv-about-container {\n      grid-template-columns: 1fr;\n      gap: 50px;\n    }\n    .hlv-about-content {\n      order: 1;\n      text-align: center;\n    }\n    .hlv-about-eyebrow {\n      justify-content: center;\n    }\n    .hlv-about-eyebrow::before, .hlv-about-eyebrow::after {\n      content: '';\n      width: 20px; height: 2px;\n      background: var(--rose, #C4956A);\n      border-radius: 2px;\n    }\n    .hlv-about-quote {\n      text-align: left;\n      margin: 20px auto;\n      max-width: 90%;\n    }\n    .hlv-ba-images {\n      order: 2;\n      max-width: 500px;\n      margin: 0 auto;\n    }\n  }\n\n  @media (max-width: 540px) {\n    .hlv-ba-after {\n      border-width: 4px;\n    }\n    .hlv-about-quote {\n      padding-left: 16px;\n      border-left-width: 2px;\n    }\n  }\n<\/style>\n\n\n\n<div id=\"about\">\n<section class=\"hlv-about-wrap\">\n  <div class=\"hlv-about-container\">\n    \n    <!-- LEFT: TEXT -->\n    <div class=\"hlv-about-content\">\n      <div class=\"hlv-about-eyebrow\">About the brand<\/div>\n      <h2 class=\"hlv-about-title\">Not <span>Another<\/span> Vitamin Brand.<\/h2>\n      \n      <div class=\"hlv-about-text\">\n       <p>Carla Rivas started <a href=\"http:\/\/myhairlavie.com\" target=\"_blank\" rel=\"noopener\">Hair La Vie<\/a> after going through cancer treatment at a young age and losing her hair in the process. She knew firsthand what that did to a person&#8217;s confidence and when she looked for something that actually helped, she kept coming up empty.<\/p>\n        \n        <blockquote class=\"hlv-about-quote\"><p>\n          So she built it herself.\n        <\/p><\/blockquote>\n        \n        <p>The goal was simple: great hair naturally. No harsh chemicals, no complicated routines, just clean ingredients that give your body what it needs to grow strong, healthy hair from the inside. Biotin, Collagen, Vitamin D3 and more, chosen because they work, not because they look good on a label.<\/p>\n        \n        <p>Hair La Vie was made for women dealing with thinning, damage and loss who deserved something better than what was already out there. That has not changed.<\/p>\n        \n        <p>What started as one woman&#8217;s answer to her own hair loss has turned into a brand that thousands of people now reach for when they want real results without putting anything harmful into their bodies.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT: BEFORE & AFTER IMAGES -->\n    <div class=\"hlv-ba-images\">\n      <!-- Decorative Background Shape -->\n      <div class=\"hlv-ba-backdrop\"><\/div>\n      \n      <!-- Before Image -->\n      <div class=\"hlv-ba-card hlv-ba-before\">\n        <!-- Replace src with your actual BEFORE image -->\n        <img decoding=\"async\" src=\"http:\/\/myhairlavie.com\/wp-content\/uploads\/2026\/04\/61AooLHn4L.jpg\" alt=\"Before Hair La Vie\" loading=\"lazy\">\n        <div class=\"hlv-ba-label\">Before <span>HLV<\/span><\/div>\n      <\/div>\n\n      <!-- After Image -->\n      <div class=\"hlv-ba-card hlv-ba-after\">\n        <!-- Replace src with your actual AFTER image -->\n        <img decoding=\"async\" src=\"http:\/\/myhairlavie.com\/wp-content\/uploads\/2026\/04\/71PHQA1IPNL.jpg\" alt=\"After Hair La Vie\" loading=\"lazy\">\n        <div class=\"hlv-ba-label\">After <span>HLV<\/span><\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div>\n\n\n\n<div id=\"products\">\n<style>\n  \/* \u2500\u2500 SECTION WRAPPER \u2500\u2500 *\/\n  .hlv-star-wrap {\n    font-family: var(--font-body, 'DM Sans', sans-serif);\n    background-color: var(--cream, #FAF6F0);\n    color: var(--dark, #1A1210);\n    padding: 100px 5%;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .hlv-star-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    background: var(--white, #FFFFFF);\n    border-radius: 24px;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.04);\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    overflow: hidden;\n    border: 1px solid rgba(60,186,179,0.15);\n  }\n\n  \/* \u2500\u2500 LEFT: IMAGE GALLERY \u2500\u2500 *\/\n  .hlv-star-img-col {\n    position: relative;\n    background: linear-gradient(145deg, var(--teal-light, #E4F6F5) 0%, var(--cream-dark, #F0E9DF) 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 40px;\n  }\n  .hlv-star-img-backdrop {\n    position: absolute;\n    width: 70%;\n    aspect-ratio: 1;\n    background: var(--white, #FFFFFF);\n    border-radius: 50%;\n    opacity: 0.5;\n    filter: blur(40px);\n    z-index: 0;\n  }\n  .hlv-star-img {\n    position: relative;\n    z-index: 1;\n    width: 75%;\n    max-width: 380px;\n    height: auto;\n    filter: drop-shadow(0 20px 40px rgba(0,0,0,0.15));\n    transition: transform 0.5s ease;\n  }\n  .hlv-star-img:hover {\n    transform: scale(1.05) translateY(-5px);\n  }\n  \n  \/* Floating Badges *\/\n  .hlv-star-badge {\n    position: absolute;\n    z-index: 2;\n    background: var(--white, #FFFFFF);\n    padding: 8px 16px;\n    border-radius: 50px;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: var(--dark-mid, #3D2E28);\n    box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n  .hlv-star-badge-1 { top: 30px; left: 30px; }\n  .hlv-star-badge-2 { bottom: 30px; right: 30px; }\n  .hlv-star-badge svg { fill: var(--teal, #3BBAB3); width: 14px; height: 14px; }\n\n  \/* \u2500\u2500 RIGHT: PRODUCT INFO \u2500\u2500 *\/\n  .hlv-star-info-col {\n    padding: 60px 50px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .hlv-star-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--teal-dark, #2A9A93);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    margin-bottom: 12px;\n  }\n\n  .hlv-star-title {\n    font-family: var(--font-display, 'Cormorant Garamond', serif);\n    font-size: clamp(32px, 4vw, 42px);\n    font-weight: 600;\n    line-height: 1.1;\n    color: var(--dark, #1A1210);\n    margin-bottom: 16px;\n  }\n\n  .hlv-star-reviews {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 24px;\n    font-size: 14px;\n    color: var(--muted, #7A6860);\n    font-weight: 500;\n  }\n  .hlv-star-stars {\n    display: flex;\n    gap: 2px;\n  }\n  .hlv-star-stars svg {\n    width: 16px;\n    height: 16px;\n    fill: var(--rose, #C4956A);\n  }\n\n  .hlv-star-price-wrap {\n    display: flex;\n    align-items: baseline;\n    gap: 12px;\n    margin-bottom: 30px;\n    padding-bottom: 24px;\n    border-bottom: 1px solid var(--cream-dark, #F0E9DF);\n  }\n  .hlv-star-price {\n    font-size: 32px;\n    font-weight: 700;\n    color: var(--dark, #1A1210);\n  }\n  .hlv-star-price-sub {\n    font-size: 14px;\n    color: var(--muted, #7A6860);\n  }\n\n  .hlv-star-highlights {\n    list-style: none;\n    margin-bottom: 36px;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n  }\n  .hlv-star-highlights li {\n    font-size: 15px;\n    line-height: 1.5;\n    color: var(--muted, #7A6860);\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n  }\n  .hlv-star-highlights li svg {\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n    stroke: var(--teal, #3BBAB3);\n    stroke-width: 2;\n    fill: none;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    margin-top: 2px;\n  }\n  .hlv-star-highlights strong {\n    color: var(--dark-mid, #3D2E28);\n    font-weight: 600;\n  }\n\n  .hlv-star-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    background: var(--teal, #3BBAB3);\n    color: var(--white, #FFFFFF);\n    text-decoration: none;\n    font-size: 16px;\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    padding: 18px 36px;\n    border-radius: 50px;\n    transition: background 0.25s, transform 0.2s, box-shadow 0.25s;\n    box-shadow: 0 4px 15px rgba(59,186,179,0.25);\n    width: fit-content;\n  }\n  .hlv-star-btn:hover {\n    background: var(--teal-dark, #2A9A93);\n    transform: translateY(-2px);\n    box-shadow: 0 8px 25px rgba(59,186,179,0.35);\n  }\n\n  \/* \u2500\u2500 VIEW ALL PRODUCTS SECTION \u2500\u2500 *\/\n  .hlv-view-all-wrap {\n    text-align: center;\n    margin-top: 60px;\n  }\n  .hlv-btn-view-all {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: transparent;\n    color: var(--dark-mid, #3D2E28);\n    text-decoration: none;\n    font-family: var(--font-body, 'DM Sans', sans-serif);\n    font-size: 15px;\n    font-weight: 600;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n    padding: 16px 40px;\n    border-radius: 50px;\n    border: 2px solid var(--rose, #C4956A);\n    transition: all 0.3s ease;\n  }\n  .hlv-btn-view-all:hover {\n    background: var(--rose-light, #F5EDE3);\n    transform: translateY(-2px);\n  }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 900px) {\n    .hlv-star-container {\n      grid-template-columns: 1fr;\n    }\n    .hlv-star-img-col {\n      padding: 50px 20px;\n    }\n    .hlv-star-info-col {\n      padding: 40px 30px;\n    }\n    .hlv-star-badge-1 { top: 15px; left: 15px; }\n    .hlv-star-badge-2 { bottom: 15px; right: 15px; }\n  }\n\n  @media (max-width: 540px) {\n    .hlv-star-wrap { padding: 60px 5%; }\n    .hlv-star-info-col { padding: 30px 20px; }\n    .hlv-star-price { font-size: 28px; }\n    .hlv-star-btn { width: 100%; }\n    .hlv-btn-view-all { width: 100%; justify-content: center; }\n  }\n<\/style>\n\n<section class=\"hlv-star-wrap\">\n  \n  <div class=\"hlv-star-container\">\n    \n    <!-- LEFT: IMAGE -->\n    <div class=\"hlv-star-img-col\">\n      <div class=\"hlv-star-img-backdrop\"><\/div>\n      \n      <!-- Top Left Badge -->\n      <div class=\"hlv-star-badge hlv-star-badge-1\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L3 7v5c0 5.25 3.75 10.15 9 11.35C17.25 22.15 21 17.25 21 12V7l-9-5z\"\/><\/svg>\n        Vegan\n      <\/div>\n      \n      <!-- Product Image -->\n      <img decoding=\"async\" src=\"http:\/\/myhairlavie.com\/wp-content\/uploads\/2026\/04\/hairlavie1-Background-Removed.png\" alt=\"Hair La Vie Revitalizing Blend\" class=\"hlv-star-img\" loading=\"lazy\" \/>\n      \n      <!-- Bottom Right Badge -->\n      <div class=\"hlv-star-badge hlv-star-badge-2\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\n        Non-GMO\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT: PRODUCT DETAILS -->\n    <div class=\"hlv-star-info-col\">\n      <span class=\"hlv-star-eyebrow\">Top Seller<\/span>\n      <h2 class=\"hlv-star-title\">Revitalizing Blend Hair Growth Vitamins<\/h2>\n      \n      <!-- Reviews -->\n      <div class=\"hlv-star-reviews\">\n        <div class=\"hlv-star-stars\">\n          <!-- 4 Full Stars -->\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n          <!-- 1 Half\/Empty Star representation (using an inline style to simulate 4.2) -->\n          <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\" fill=\"url(#half_grad)\"\/><\/svg>\n          <!-- SVG Gradient for 4.2 Star -->\n          <svg style=\"width:0;height:0;position:absolute;\" aria-hidden=\"true\" focusable=\"false\">\n            <linearGradient id=\"half_grad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n              <stop offset=\"20%\" stop-color=\"#C4956A\" \/>\n              <stop offset=\"20%\" stop-color=\"#EBE3DB\" \/>\n            <\/linearGradient>\n          <\/svg>\n        <\/div>\n        <span>4.2 out of 5 stars (2,833 reviews)<\/span>\n      <\/div>\n\n      <!-- Pricing -->\n      <div class=\"hlv-star-price-wrap\">\n        <div class=\"hlv-star-price\">$49.00<\/div>\n        <div class=\"hlv-star-price-sub\">60 Count (Pack of 1) &bull; $0.82 \/ count<\/div>\n      <\/div>\n\n      <!-- Highlights -->\n      <ul class=\"hlv-star-highlights\">\n        <li>\n          <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n          <span><strong>Healthy, Thick Hair:<\/strong> Unique formula supports healthy hair growth, volume, and shine from within.<\/span>\n        <\/li>\n        <li>\n          <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n          <span><strong>20 Active Ingredients:<\/strong> Packed with 5000 mcg Biotin, Collagen, Saw Palmetto, Kelp, Bamboo, and essential vitamins.<\/span>\n        <\/li>\n        <li>\n          <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n          <span><strong>Reinforces Growth Cycle:<\/strong> Take consistently for 3 months to support your hair&#8217;s natural 90-day growth cycle.<\/span>\n        <\/li>\n        <li>\n          <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n          <span><strong>Clean &#038; Pure:<\/strong> 3rd party tested. 100% Vegan, Non-GMO, and free of gluten, soy, dairy, and preservatives.<\/span>\n        <\/li>\n      <\/ul>\n\n      <!-- CTA -->\n      <a href=\"https:\/\/amzn.to\/4tcXQi1\" class=\"hlv-star-btn\" target=\"_blank\" rel=\"noopener nofollow\">\n        Shop Now\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n      <\/a>\n\n    <\/div>\n  <\/div>\n\n  <!-- VIEW ALL PRODUCTS -->\n  <div class=\"hlv-view-all-wrap\">\n    <a href=\"https:\/\/amzn.to\/4vzMnL8\" class=\"hlv-btn-view-all\" target=\"_blank\" rel=\"noopener nofollow\">\n      View All Products\n    <\/a>\n  <\/div>\n\n<\/section>\n<\/div>\n\n\n\n<div id=\"formula\">\n<style>\n  \/* \u2500\u2500 SECTION WRAPPER \u2500\u2500 *\/\n  .hlv-ingredients-wrap {\n    font-family: var(--font-body, 'DM Sans', sans-serif);\n    background-color: var(--teal-light, #E4F6F5);\n    color: var(--dark, #1A1210);\n    padding: 100px 5%;\n    position: relative;\n    overflow: hidden;\n  }\n\n  \/* Decorative background accents *\/\n  .hlv-ingredients-wrap::before {\n    content: '';\n    position: absolute;\n    top: -150px;\n    left: -150px;\n    width: 400px;\n    height: 400px;\n    border-radius: 50%;\n    background: radial-gradient(circle, var(--white, #FFFFFF) 0%, transparent 70%);\n    opacity: 0.6;\n    pointer-events: none;\n  }\n\n  .hlv-ingredients-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n  .hlv-ing-header {\n    text-align: center;\n    max-width: 760px;\n    margin: 0 auto 60px;\n  }\n  .hlv-ing-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--teal-dark, #2A9A93);\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    margin-bottom: 16px;\n  }\n  .hlv-ing-eyebrow::before,\n  .hlv-ing-eyebrow::after {\n    content: '';\n    width: 24px;\n    height: 2px;\n    background: var(--rose, #C4956A);\n    border-radius: 2px;\n  }\n  .hlv-ing-title {\n    font-family: var(--font-display, 'Cormorant Garamond', serif);\n    font-size: clamp(36px, 4.5vw, 52px);\n    font-weight: 600;\n    color: var(--dark, #1A1210);\n    line-height: 1.1;\n    margin-bottom: 24px;\n  }\n  .hlv-ing-subtitle {\n    font-size: clamp(15px, 1.5vw, 17px);\n    line-height: 1.7;\n    color: var(--muted, #7A6860);\n  }\n\n  \/* \u2500\u2500 GRID \u2500\u2500 *\/\n  .hlv-ing-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n  }\n\n  \/* \u2500\u2500 INGREDIENT CARD \u2500\u2500 *\/\n  .hlv-ing-card {\n    background: var(--white, #FFFFFF);\n    border-radius: 20px;\n    padding: 36px 30px;\n    box-shadow: 0 10px 30px rgba(42, 154, 147, 0.06);\n    border: 1px solid rgba(255,255,255,0.5);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    display: flex;\n    flex-direction: column;\n  }\n  .hlv-ing-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 40px rgba(42, 154, 147, 0.12);\n  }\n\n  .hlv-ing-icon {\n    width: 52px;\n    height: 52px;\n    border-radius: 14px;\n    background: var(--cream, #FAF6F0);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 24px;\n    border: 1px solid var(--cream-dark, #F0E9DF);\n  }\n  .hlv-ing-icon svg {\n    width: 26px;\n    height: 26px;\n    stroke: var(--teal-dark, #2A9A93);\n    stroke-width: 1.5;\n    fill: none;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n  \n  \/* Make a couple of icons use the rose color for visual balance *\/\n  .hlv-ing-card:nth-child(even) .hlv-ing-icon {\n    background: var(--rose-light, #F5EDE3);\n  }\n  .hlv-ing-card:nth-child(even) .hlv-ing-icon svg {\n    stroke: var(--rose, #C4956A);\n  }\n\n  .hlv-ing-name {\n    font-family: var(--font-display, 'Cormorant Garamond', serif);\n    font-size: 24px;\n    font-weight: 600;\n    color: var(--dark, #1A1210);\n    margin-bottom: 12px;\n  }\n  .hlv-ing-desc {\n    font-size: 15px;\n    line-height: 1.6;\n    color: var(--muted, #7A6860);\n  }\n  .hlv-ing-desc strong {\n    color: var(--dark-mid, #3D2E28);\n    font-weight: 600;\n  }\n\n  \/* \u2500\u2500 OUTRO BANNER \u2500\u2500 *\/\n  .hlv-ing-outro {\n    grid-column: span 2;\n    background: var(--teal, #3BBAB3);\n    border-radius: 20px;\n    padding: 36px 40px;\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    box-shadow: 0 10px 30px rgba(42, 154, 147, 0.15);\n  }\n  .hlv-ing-outro-icon {\n    flex-shrink: 0;\n    width: 60px;\n    height: 60px;\n    background: rgba(255,255,255,0.2);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .hlv-ing-outro-icon svg {\n    width: 30px;\n    height: 30px;\n    stroke: var(--white, #FFFFFF);\n    stroke-width: 1.5;\n    fill: none;\n  }\n  .hlv-ing-outro-text {\n    font-size: 17px;\n    line-height: 1.6;\n    color: var(--white, #FFFFFF);\n    font-weight: 500;\n  }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 1024px) {\n    .hlv-ing-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n    .hlv-ing-outro {\n      grid-column: span 2; \/* Still spans full width of 2-col layout *\/\n    }\n  }\n\n  @media (max-width: 768px) {\n    .hlv-ingredients-wrap {\n      padding: 80px 5%;\n    }\n    .hlv-ing-grid {\n      grid-template-columns: 1fr;\n      gap: 20px;\n      max-width: 500px;\n      margin: 0 auto;\n    }\n    .hlv-ing-outro {\n      grid-column: 1 \/ -1;\n      flex-direction: column;\n      text-align: center;\n      padding: 32px 24px;\n      gap: 16px;\n    }\n    .hlv-ing-header {\n      margin-bottom: 40px;\n    }\n  }\n<\/style>\n\n<section class=\"hlv-ingredients-wrap\">\n  <div class=\"hlv-ingredients-container\">\n    \n    <!-- Header -->\n    <div class=\"hlv-ing-header\">\n      <div class=\"hlv-ing-eyebrow\">The Formula<\/div>\n      <h2 class=\"hlv-ing-title\">What goes in matters more than what goes on.<\/h2>\n      <p class=\"hlv-ing-subtitle\">Every Hair La Vie formula is built around ingredients that have a job to do. Not a long list to look impressive on a label. Actual ingredients chosen because of what they do for your follicles, your scalp and the hair that grows from both.<\/p>\n    <\/div>\n\n    <!-- Grid -->\n    <div class=\"hlv-ing-grid\">\n      \n      <!-- Ingredient 1 -->\n      <div class=\"hlv-ing-card\">\n        <div class=\"hlv-ing-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 22C12 22 20 16 20 9C20 4.58172 16.4183 1 12 1C7.58172 1 4 4.58172 4 9C4 16 12 22 12 22Z\"\/><path d=\"M12 22V10\"\/><\/svg>\n        <\/div>\n        <h3 class=\"hlv-ing-name\">Saw Palmetto<\/h3>\n        <p class=\"hlv-ing-desc\"><strong>Works at the hormone level.<\/strong> DHT is a naturally occurring hormone that shrinks hair follicles over time and Saw Palmetto helps keep those levels in check so your follicles stay healthy enough to grow.<\/p>\n      <\/div>\n\n      <!-- Ingredient 2 -->\n      <div class=\"hlv-ing-card\">\n        <div class=\"hlv-ing-icon\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16V12\"\/><path d=\"M12 8H12.01\"\/><\/svg>\n        <\/div>\n        <h3 class=\"hlv-ing-name\">Biotin<\/h3>\n        <p class=\"hlv-ing-desc\"><strong>Feeds keratin production.<\/strong> Your hair is made of keratin and without enough B7 in your system, that production slows down. Simple as that.<\/p>\n      <\/div>\n\n      <!-- Ingredient 3 -->\n      <div class=\"hlv-ing-card\">\n        <div class=\"hlv-ing-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M4 19C4 19 8 20 12 16C16 12 20 13 20 13\"\/><path d=\"M4 5C4 5 8 4 12 8C16 12 20 11 20 11\"\/><\/svg>\n        <\/div>\n        <h3 class=\"hlv-ing-name\">Hydrolyzed Collagen<\/h3>\n        <p class=\"hlv-ing-desc\"><strong>Gives your hair its structure.<\/strong> Collagen is what makes strands strong and elastic and your body produces less of it as you get older. This puts it back.<\/p>\n      <\/div>\n\n      <!-- Ingredient 4 -->\n      <div class=\"hlv-ing-card\">\n        <div class=\"hlv-ing-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M20 12A8 8 0 0 0 4 12\"\/><path d=\"M12 12V22\"\/><path d=\"M8 12H16\"\/><\/svg>\n        <\/div>\n        <h3 class=\"hlv-ing-name\">Reishi Mushroom<\/h3>\n        <p class=\"hlv-ing-desc\"><strong>Protects the follicle.<\/strong> The extract used in Hair La Vie is 4x stronger than standard mushroom powder and works to fight the inflammation and fungal damage that quietly kills follicles over time.<\/p>\n      <\/div>\n\n      <!-- Ingredient 5 -->\n      <div class=\"hlv-ing-card\">\n        <div class=\"hlv-ing-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M8 22V2\"\/><path d=\"M16 22V2\"\/><path d=\"M8 8H16\"\/><path d=\"M8 16H16\"\/><\/svg>\n        <\/div>\n        <h3 class=\"hlv-ing-name\">Bamboo &#038; Horsetail<\/h3>\n        <p class=\"hlv-ing-desc\"><strong>Both are rich in silica<\/strong> which is the mineral responsible for how elastic and shiny your hair feels. Brittle, dull strands are often a silica problem.<\/p>\n      <\/div>\n\n      <!-- Ingredient 6 -->\n      <div class=\"hlv-ing-card\">\n        <div class=\"hlv-ing-icon\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"14\" r=\"6\"\/><path d=\"M12 2V8\"\/><path d=\"M8 4L12 8L16 4\"\/><\/svg>\n        <\/div>\n        <h3 class=\"hlv-ing-name\">Amla<\/h3>\n        <p class=\"hlv-ing-desc\"><strong>Has been used in Ayurvedic medicine<\/strong> for hair health for centuries. It is packed with Vitamin C and antioxidants and supports both the follicle and scalp.<\/p>\n      <\/div>\n\n      <!-- Ingredient 7 -->\n      <div class=\"hlv-ing-card\">\n        <div class=\"hlv-ing-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\/><\/svg>\n        <\/div>\n        <h3 class=\"hlv-ing-name\">Flaxseed<\/h3>\n        <p class=\"hlv-ing-desc\"><strong>Brings in the omega-3 and omega-6<\/strong> fatty acids your scalp needs to stay moisturized and produce healthy sebum. Dry scalp usually means weak hair at the root.<\/p>\n      <\/div>\n\n      <!-- Outro Full Width Banner -->\n      <div class=\"hlv-ing-outro\">\n        <div class=\"hlv-ing-outro-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n        <\/div>\n        <p class=\"hlv-ing-outro-text\">\n          Plus Zinc, Iron, Kelp, Vitamins A through K, Folic Acid and more. <strong>All together, 20 ingredients.<\/strong> No fillers. No preservatives. Not anything you can&#8217;t pronounce.\n        <\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\n\n\n\n<div id=\"reviews\">\n<style>\n  \/* \u2500\u2500 SECTION WRAPPER \u2500\u2500 *\/\n  .hlv-testi-wrap {\n    font-family: var(--font-body, 'DM Sans', sans-serif);\n    background-color: var(--white, #FFFFFF);\n    color: var(--dark, #1A1210);\n    padding: 100px 5%;\n    position: relative;\n    overflow: hidden;\n  }\n\n  \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n  .hlv-testi-header {\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto 50px;\n  }\n  .hlv-testi-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--teal-dark, #2A9A93);\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    margin-bottom: 16px;\n  }\n  .hlv-testi-eyebrow::before,\n  .hlv-testi-eyebrow::after {\n    content: '';\n    width: 24px;\n    height: 2px;\n    background: var(--rose, #C4956A);\n    border-radius: 2px;\n  }\n  .hlv-testi-title {\n    font-family: var(--font-display, 'Cormorant Garamond', serif);\n    font-size: clamp(38px, 5vw, 56px);\n    font-weight: 600;\n    color: var(--dark, #1A1210);\n    line-height: 1.1;\n  }\n\n  \/* \u2500\u2500 VIDEO SHORTS SECTION \u2500\u2500 *\/\n  .hlv-shorts-container {\n    max-width: 1000px;\n    margin: 0 auto 80px auto;\n  }\n  .hlv-shorts-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n  }\n\n  \/* Iframe Wrapper *\/\n  .hlv-short-card {\n    position: relative;\n    border-radius: 24px;\n    overflow: hidden;\n    aspect-ratio: 9 \/ 16;\n    background: var(--cream-dark, #F0E9DF); \n    box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n    transform: translateZ(0); \n  }\n  \n  .hlv-short-card iframe {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: none;\n    display: block;\n  }\n\n  \/* \u2500\u2500 WRITTEN REVIEWS MASONRY GRID \u2500\u2500 *\/\n  .hlv-testi-grid {\n    max-width: 1200px;\n    margin: 0 auto;\n    columns: 3;\n    column-gap: 30px;\n  }\n\n  .hlv-testi-card {\n    break-inside: avoid;\n    background: var(--cream, #FAF6F0);\n    border-radius: 20px;\n    padding: 32px;\n    margin-bottom: 30px;\n    border: 1px solid var(--cream-dark, #F0E9DF);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    display: flex;\n    flex-direction: column;\n  }\n  .hlv-testi-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 15px 35px rgba(0,0,0,0.05);\n  }\n\n  .hlv-testi-stars {\n    display: flex;\n    gap: 3px;\n    margin-bottom: 16px;\n  }\n  .hlv-testi-stars svg {\n    width: 16px;\n    height: 16px;\n    fill: var(--rose, #C4956A);\n  }\n\n  .hlv-testi-text {\n    font-size: 16px;\n    line-height: 1.6;\n    color: var(--dark-mid, #3D2E28);\n    margin-bottom: 24px;\n    font-style: italic;\n  }\n\n  .hlv-testi-author-wrap {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    border-top: 1px solid rgba(196, 149, 106, 0.2);\n    padding-top: 20px;\n    margin-top: auto;\n  }\n  \n  .hlv-testi-img {\n    width: 65px;\n    height: 65px;\n    border-radius: 50%;\n    object-fit: cover;\n    flex-shrink: 0;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.08);\n  }\n  \n  .hlv-testi-placeholder {\n    width: 65px;\n    height: 65px;\n    border-radius: 50%;\n    background: var(--teal-light, #E4F6F5);\n    border: 1px solid var(--teal-mid, #C2EDEA);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 24px;\n    flex-shrink: 0;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.04);\n  }\n\n  .hlv-testi-author-info {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n  .hlv-testi-name {\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--dark, #1A1210);\n  }\n  .hlv-testi-badge {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--teal-dark, #2A9A93);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n  .hlv-testi-badge svg {\n    width: 14px;\n    height: 14px;\n    stroke: var(--teal, #3BBAB3);\n    fill: none;\n    stroke-width: 2.5;\n    stroke-linecap: round;\n  }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 1024px) {\n    .hlv-testi-grid { columns: 2; }\n  }\n\n  @media (max-width: 768px) {\n    .hlv-testi-wrap { padding: 70px 5%; }\n    \n    .hlv-shorts-grid {\n      display: flex;\n      overflow-x: auto;\n      scroll-snap-type: x mandatory;\n      gap: 16px;\n      padding-bottom: 20px;\n      margin-left: -5%;\n      margin-right: -5%;\n      padding-left: 5%;\n      padding-right: 5%;\n      scrollbar-width: none;\n    }\n    .hlv-shorts-grid::-webkit-scrollbar { display: none; }\n    \n    .hlv-short-card {\n      flex: 0 0 75%;\n      scroll-snap-align: center;\n      aspect-ratio: 9 \/ 16;\n      max-height: 60vh;\n    }\n\n    .hlv-testi-grid {\n      columns: 1;\n      max-width: 500px;\n      margin: 0 auto;\n    }\n    .hlv-testi-card { padding: 24px; }\n  }\n<\/style>\n\n<section class=\"hlv-testi-wrap\">\n  \n  <div class=\"hlv-testi-header\">\n    <div class=\"hlv-testi-eyebrow\">Results<\/div>\n    <h2 class=\"hlv-testi-title\">Real people. Real growth.<\/h2>\n  <\/div>\n\n  <!-- 1. YOUTUBE SHORTS CAROUSEL -->\n  <div class=\"hlv-shorts-container\">\n    <div class=\"hlv-shorts-grid\">\n      \n      <!-- Video 1: Mom & Daughter -->\n      <div class=\"hlv-short-card\">\n        <!-- Make sure to keep \/embed\/ in the URL -->\n        <iframe \n          src=\"https:\/\/www.youtube.com\/embed\/PD5gXoDzWkM?rel=0\" \n          title=\"Hair La Vie Journey\" \n          frameborder=\"0\" \n          allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n          allowfullscreen>\n        <\/iframe>\n      <\/div>\n\n      <!-- Video 2: Bleach Damage Recovery -->\n      <div class=\"hlv-short-card\">\n        <!-- Make sure to keep \/embed\/ in the URL -->\n        <iframe \n          src=\"https:\/\/www.youtube.com\/embed\/zN6KqPTNuXo?rel=0\" \n          title=\"Bleach Damage Recovery\" \n          frameborder=\"0\" \n          allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n          allowfullscreen>\n        <\/iframe>\n      <\/div>\n\n      <!-- Video 3: 8-Month Unboxing -->\n      <div class=\"hlv-short-card\">\n        <!-- Make sure to keep \/embed\/ in the URL -->\n        <iframe \n          src=\"https:\/\/www.youtube.com\/embed\/DeKeKx1cDQs?rel=0\" \n          title=\"8-Month Supply Unboxing\" \n          frameborder=\"0\" \n          allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n          allowfullscreen>\n        <\/iframe>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- 2. WRITTEN TESTIMONIALS GRID -->\n  <div class=\"hlv-testi-grid\">\n    \n    <!-- TESTIMONIAL 1 -->\n    <div class=\"hlv-testi-card\">\n      <div class=\"hlv-testi-stars\">\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n      <\/div>\n      <p class=\"hlv-testi-text\">&#8220;I am 61 years old and I have been taking Hair La Vie Clinical Formula for about 5 years. My hair had started thinning from stress and menopause. After about 3 months, I could see a real difference. Much thicker, stronger, longer and way less shedding. I will never stop taking these.&#8221;<\/p>\n      <div class=\"hlv-testi-author-wrap\">\n        <img decoding=\"async\" src=\"http:\/\/myhairlavie.com\/wp-content\/uploads\/2026\/04\/TESTIMONIALS1.png\" alt=\"Margaret W.\" class=\"hlv-testi-img\" loading=\"lazy\">\n        <div class=\"hlv-testi-author-info\">\n          <span class=\"hlv-testi-name\">Margaret W.<\/span>\n          <span class=\"hlv-testi-badge\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg> Verified Buyer\n          <\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- TESTIMONIAL 2 -->\n    <div class=\"hlv-testi-card\">\n      <div class=\"hlv-testi-stars\">\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n      <\/div>\n      <p class=\"hlv-testi-text\">&#8220;I have been losing hair for 10 years because of an autoimmune disease. I have tried everything. This is the first product that has ever made my hair grow again. It stopped falling out and came back thicker than it usually does after a cycle. I only take two a day.&#8221;<\/p>\n      <div class=\"hlv-testi-author-wrap\">\n        <img decoding=\"async\" src=\"http:\/\/myhairlavie.com\/wp-content\/uploads\/2026\/04\/sarahm.png\" alt=\"Sarah M.\" class=\"hlv-testi-img\" loading=\"lazy\">\n        <div class=\"hlv-testi-author-info\">\n          <span class=\"hlv-testi-name\">Sarah M.<\/span>\n          <span class=\"hlv-testi-badge\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg> Verified Buyer\n          <\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- TESTIMONIAL 3 -->\n    <div class=\"hlv-testi-card\">\n      <div class=\"hlv-testi-stars\">\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n      <\/div>\n      <p class=\"hlv-testi-text\">&#8220;A celebrity brand shampoo destroyed my hair. Damaged, thinning, falling out by the handful. Four months on Hair La Vie and my hair is completely back. Thicker than before with new growth all around my hairline. Bonus: My nail tech said my nails are stronger than she has ever seen.&#8221;<\/p>\n      <div class=\"hlv-testi-author-wrap\">\n        <img decoding=\"async\" src=\"http:\/\/myhairlavie.com\/wp-content\/uploads\/2026\/04\/testimonial3.png\" alt=\"Dana G.\" class=\"hlv-testi-img\" loading=\"lazy\">\n        <div class=\"hlv-testi-author-info\">\n          <span class=\"hlv-testi-name\">Dana G.<\/span>\n          <span class=\"hlv-testi-badge\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg> Verified Buyer\n          <\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- TESTIMONIAL 4 -->\n    <div class=\"hlv-testi-card\">\n      <div class=\"hlv-testi-stars\">\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n      <\/div>\n      <p class=\"hlv-testi-text\">&#8220;I have no clue why I started losing hair 9 years ago. Tried prescription treatments, but nothing was enough. My doctor told me to try Hair La Vie and I stopped the prescription completely. Five months in and barely any shedding. I think new growth is starting.&#8221;<\/p>\n      <div class=\"hlv-testi-author-wrap\">\n        <img decoding=\"async\" src=\"http:\/\/myhairlavie.com\/wp-content\/uploads\/2026\/04\/Lisa-Z.png\" alt=\"Lisa Z.\" class=\"hlv-testi-img\" loading=\"lazy\">\n        <div class=\"hlv-testi-author-info\">\n          <span class=\"hlv-testi-name\">Lisa Z.<\/span>\n          <span class=\"hlv-testi-badge\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg> Verified Buyer\n          <\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- TESTIMONIAL 5 -->\n    <div class=\"hlv-testi-card\">\n      <div class=\"hlv-testi-stars\">\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n      <\/div>\n      <p class=\"hlv-testi-text\">&#8220;I have had bare patches on top for 30 years. I started noticing that the few hairs I had were slowly increasing. My nail ridges are disappearing too. No side effects. No pharmaceuticals. Just this.&#8221;<\/p>\n      <div class=\"hlv-testi-author-wrap\">\n        <img decoding=\"async\" src=\"http:\/\/myhairlavie.com\/wp-content\/uploads\/2026\/04\/robert.png\" alt=\"Robert K.\" class=\"hlv-testi-img\" loading=\"lazy\">\n        <div class=\"hlv-testi-author-info\">\n          <span class=\"hlv-testi-name\">Robert K.<\/span>\n          <span class=\"hlv-testi-badge\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg> Verified Buyer\n          <\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- TESTIMONIAL 6 (No Image - Emoji Placeholder) -->\n    <div class=\"hlv-testi-card\">\n      <div class=\"hlv-testi-stars\">\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n        <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.51.91-5.32L2.27 6.62l5.34-.78z\"\/><\/svg>\n      <\/div>\n      <p class=\"hlv-testi-text\">&#8220;Best dry shampoo I have ever used. I switched from aerosol and the powder absorbs oil so much better. No white residue. Smells amazing. Never going back.&#8221;<\/p>\n      <div class=\"hlv-testi-author-wrap\">\n        <div class=\"hlv-testi-placeholder\">\ud83c\udf3f\u2728<\/div>\n        <div class=\"hlv-testi-author-info\">\n          <span class=\"hlv-testi-name\">Ashley B.<\/span>\n          <span class=\"hlv-testi-badge\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg> Verified Buyer\n          <\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div>\n\n\n\n<style>\n  .hlv-hiw-wrap {\n    background-color: var(--cream, #FAF6F0);\n    color: var(--dark, #1A1210);\n    padding: 100px 5%;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .hlv-hiw-header {\n    text-align: center;\n    max-width: 680px;\n    margin: 0 auto 70px;\n  }\n  .hlv-hiw-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--teal-dark, #2A9A93);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    margin-bottom: 14px;\n  }\n  .hlv-hiw-eyebrow span {\n    display: inline-block;\n    width: 28px;\n    height: 1px;\n    background: var(--teal-dark, #2A9A93);\n  }\n  .hlv-hiw-title {\n    font-family: var(--font-display, 'Cormorant Garamond', serif);\n    font-size: clamp(34px, 5vw, 52px);\n    font-weight: 600;\n    line-height: 1.1;\n    color: var(--dark, #1A1210);\n    margin-bottom: 20px;\n  }\n  .hlv-hiw-subtitle {\n    font-size: 16px;\n    line-height: 1.75;\n    color: var(--muted, #7A6860);\n  }\n\n  .hlv-hiw-clock-banner {\n    max-width: 900px;\n    margin: 0 auto 70px;\n    background: var(--white, #FFFFFF);\n    border-radius: 20px;\n    border: 1px solid rgba(60,186,179,0.15);\n    padding: 36px 48px;\n    display: flex;\n    align-items: center;\n    gap: 32px;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.04);\n  }\n  .hlv-hiw-clock-icon {\n    flex-shrink: 0;\n    width: 72px;\n    height: 72px;\n    background: linear-gradient(135deg, #E4F6F5 0%, #F0E9DF 100%);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .hlv-hiw-clock-icon svg {\n    width: 36px;\n    height: 36px;\n    stroke: var(--teal, #3BBAB3);\n    stroke-width: 2;\n    fill: none;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n  .hlv-hiw-clock-text strong {\n    display: block;\n    font-size: 17px;\n    font-weight: 700;\n    color: var(--dark, #1A1210);\n    margin-bottom: 6px;\n  }\n  .hlv-hiw-clock-text p {\n    font-size: 15px;\n    line-height: 1.65;\n    color: var(--muted, #7A6860);\n    margin: 0;\n  }\n\n  .hlv-hiw-timeline {\n    max-width: 900px;\n    margin: 0 auto 70px;\n    display: flex;\n    flex-direction: column;\n    position: relative;\n  }\n  .hlv-hiw-timeline::before {\n    content: '';\n    position: absolute;\n    left: 35px;\n    top: 20px;\n    bottom: 20px;\n    width: 2px;\n    background: linear-gradient(to bottom, rgba(59,186,179,0.3), rgba(196,149,106,0.3));\n  }\n\n  .hlv-hiw-step {\n    display: flex;\n    align-items: flex-start;\n    gap: 32px;\n    position: relative;\n    padding: 0 0 48px 0;\n  }\n  .hlv-hiw-step:last-child { padding-bottom: 0; }\n\n  .hlv-hiw-step-num {\n    flex-shrink: 0;\n    width: 72px;\n    height: 72px;\n    border-radius: 50%;\n    background: var(--white, #FFFFFF);\n    border: 2px solid var(--teal, #3BBAB3);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    z-index: 1;\n    box-shadow: 0 8px 20px rgba(59,186,179,0.12);\n  }\n  .hlv-hiw-step-num .hlv-step-label {\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: var(--teal, #3BBAB3);\n    line-height: 1;\n  }\n  .hlv-hiw-step-num .hlv-step-month {\n    font-family: var(--font-display, 'Cormorant Garamond', serif);\n    font-size: 26px;\n    font-weight: 700;\n    color: var(--dark, #1A1210);\n    line-height: 1;\n  }\n\n  .hlv-hiw-step-card {\n    flex: 1;\n    background: var(--white, #FFFFFF);\n    border-radius: 20px;\n    border: 1px solid rgba(60,186,179,0.12);\n    padding: 32px 36px;\n    box-shadow: 0 8px 30px rgba(0,0,0,0.03);\n    margin-top: 4px;\n  }\n  .hlv-hiw-step-card h3 {\n    font-family: var(--font-display, 'Cormorant Garamond', serif);\n    font-size: 24px;\n    font-weight: 600;\n    color: var(--dark, #1A1210);\n    margin-bottom: 12px;\n  }\n  .hlv-hiw-step-card p {\n    font-size: 15px;\n    line-height: 1.75;\n    color: var(--muted, #7A6860);\n    margin: 0;\n  }\n  .hlv-hiw-step-tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    margin-bottom: 14px;\n    background: rgba(59,186,179,0.07);\n    color: var(--teal-dark, #2A9A93);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    padding: 5px 12px;\n    border-radius: 50px;\n  }\n  .hlv-hiw-step-tag svg {\n    width: 12px;\n    height: 12px;\n    stroke: var(--teal, #3BBAB3);\n    stroke-width: 2.5;\n    fill: none;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .hlv-hiw-dosage {\n    max-width: 900px;\n    margin: 0 auto 70px;\n    background: var(--teal, #3BBAB3);\n    border-radius: 20px;\n    padding: 40px 48px;\n    display: flex;\n    align-items: center;\n    gap: 36px;\n  }\n  .hlv-hiw-dosage-icon {\n    flex-shrink: 0;\n    width: 64px;\n    height: 64px;\n    background: rgba(255,255,255,0.15);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .hlv-hiw-dosage-icon svg {\n    width: 30px;\n    height: 30px;\n    stroke: #FFFFFF;\n    stroke-width: 2;\n    fill: none;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n  .hlv-hiw-dosage-content strong {\n    display: block;\n    font-size: 18px;\n    font-weight: 700;\n    color: #FFFFFF;\n    margin-bottom: 8px;\n  }\n  .hlv-hiw-dosage-content p {\n    font-size: 15px;\n    line-height: 1.6;\n    color: rgba(255,255,255,0.8);\n    margin: 0;\n  }\n  .hlv-hiw-dosage-pills {\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n  .hlv-hiw-pill-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    background: rgba(255,255,255,0.15);\n    padding: 10px 18px;\n    border-radius: 50px;\n    color: #FFFFFF;\n    font-size: 14px;\n    font-weight: 600;\n    white-space: nowrap;\n  }\n  .hlv-hiw-pill-item svg {\n    width: 16px;\n    height: 16px;\n    stroke: rgba(255,255,255,0.8);\n    stroke-width: 2;\n    fill: none;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .hlv-hiw-closing {\n    max-width: 680px;\n    margin: 0 auto;\n    text-align: center;\n  }\n  .hlv-hiw-closing-quote {\n    font-family: var(--font-display, 'Cormorant Garamond', serif);\n    font-size: clamp(22px, 3vw, 30px);\n    font-weight: 600;\n    font-style: italic;\n    line-height: 1.4;\n    color: var(--dark, #1A1210);\n    margin-bottom: 24px;\n  }\n  .hlv-hiw-closing p {\n    font-size: 15px;\n    line-height: 1.75;\n    color: var(--muted, #7A6860);\n    margin-bottom: 36px;\n  }\n  .hlv-hiw-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: var(--teal, #3BBAB3);\n    color: var(--white, #FFFFFF);\n    text-decoration: none;\n    font-size: 16px;\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    padding: 18px 40px;\n    border-radius: 50px;\n    transition: background 0.25s, transform 0.2s, box-shadow 0.25s;\n    box-shadow: 0 4px 15px rgba(59,186,179,0.25);\n  }\n  .hlv-hiw-btn:hover {\n    background: var(--teal-dark, #2A9A93);\n    transform: translateY(-2px);\n    box-shadow: 0 8px 25px rgba(59,186,179,0.35);\n  }\n\n  @media (max-width: 760px) {\n    .hlv-hiw-clock-banner { flex-direction: column; padding: 28px 24px; gap: 20px; text-align: center; }\n    .hlv-hiw-timeline::before { left: 27px; }\n    .hlv-hiw-step-num { width: 56px; height: 56px; }\n    .hlv-hiw-step-num .hlv-step-month { font-size: 22px; }\n    .hlv-hiw-step-card { padding: 24px 20px; }\n    .hlv-hiw-dosage { flex-direction: column; padding: 30px 24px; text-align: center; gap: 24px; }\n    .hlv-hiw-dosage-pills { flex-direction: row; flex-wrap: wrap; justify-content: center; }\n  }\n\n  @media (max-width: 480px) {\n    .hlv-hiw-wrap { padding: 60px 5%; }\n    .hlv-hiw-step { gap: 20px; }\n    .hlv-hiw-btn { width: 100%; justify-content: center; }\n  }\n<\/style>\n\n<section class=\"hlv-hiw-wrap\">\n\n  <div class=\"hlv-hiw-header\">\n    <div class=\"hlv-hiw-eyebrow\">\n      <span><\/span>\n      How It Works\n      <span><\/span>\n    <\/div>\n    <h2 class=\"hlv-hiw-title\">Your hair works on a 90-day clock.<\/h2>\n    <p class=\"hlv-hiw-subtitle\">Every strand on your head goes through a growth cycle and that cycle takes about 90 days from start to finish. That is not a Hair La Vie number. That is just how hair works.<\/p>\n  <\/div>\n\n  <div class=\"hlv-hiw-clock-banner\">\n    <div class=\"hlv-hiw-clock-icon\">\n      <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n    <\/div>\n    <div class=\"hlv-hiw-clock-text\">\n      <strong>Why most supplements never actually work<\/strong>\n      <p>Most supplements quit after 30 days. That is why they fail. Hair La Vie feeds your body what it needs to run that full 90-day cycle properly \u2014 giving your follicles the nutrients they have probably been missing.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"hlv-hiw-timeline\">\n\n    <div class=\"hlv-hiw-step\">\n      <div class=\"hlv-hiw-step-num\">\n        <span class=\"hlv-step-label\">Month<\/span>\n        <span class=\"hlv-step-month\">1<\/span>\n      <\/div>\n      <div class=\"hlv-hiw-step-card\">\n        <div class=\"hlv-hiw-step-tag\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n          Follicle Nourishment\n        <\/div>\n        <h3>Your follicles start getting what they need.<\/h3>\n        <p>In the first month, your body begins absorbing the nutrients it has probably been missing. You might notice less hair in the shower drain or on your brush. This is your first sign that the cycle is being reset.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"hlv-hiw-step\">\n      <div class=\"hlv-hiw-step-num\">\n        <span class=\"hlv-step-label\">Month<\/span>\n        <span class=\"hlv-step-month\">2<\/span>\n      <\/div>\n      <div class=\"hlv-hiw-step-card\">\n        <div class=\"hlv-hiw-step-tag\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M2 20h20M6 20V10l6-6 6 6v10\"\/><\/svg>\n          Scalp Health\n        <\/div>\n        <h3>Edges look fuller. Baby hairs appear.<\/h3>\n        <p>Your scalp starts feeling healthier from within. Edges look a little fuller. Baby hairs start showing up along the hairline. You are not imagining it \u2014 this is your growth cycle beginning to fire on all cylinders.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"hlv-hiw-step\">\n      <div class=\"hlv-hiw-step-num\">\n        <span class=\"hlv-step-label\">Month<\/span>\n        <span class=\"hlv-step-month\">3<\/span>\n      <\/div>\n      <div class=\"hlv-hiw-step-card\">\n        <div class=\"hlv-hiw-step-tag\">\n          <svg viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n          Real Results\n        <\/div>\n        <h3>Thicker strands. Real length. Hair that feels different.<\/h3>\n        <p>Month three is when most people actually see it. Thicker strands coming in. Real length. Hair that feels different in your hands. It is not magic. It is just your body doing what it was always supposed to do when it has what it needs.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"hlv-hiw-dosage\">\n    <div class=\"hlv-hiw-dosage-icon\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18\"\/><\/svg>\n    <\/div>\n    <div class=\"hlv-hiw-dosage-content\">\n      <strong>Simple. Consistent. Every day.<\/strong>\n      <p>Take your capsules at the same time every day for 90 days and then tell us what you see.<\/p>\n    <\/div>\n    <div class=\"hlv-hiw-dosage-pills\">\n      <div class=\"hlv-hiw-pill-item\">\n        <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n        2 capsules \u2014 morning\n      <\/div>\n      <div class=\"hlv-hiw-pill-item\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"\/><\/svg>\n        1 capsule \u2014 evening\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"hlv-hiw-closing\">\n    <p class=\"hlv-hiw-closing-quote\">&#8220;It is not magic. It is just your body doing what it was always supposed to do.&#8221;<\/p>\n    <p>Take two capsules in the morning with food and one in the evening. Same time every day for 90 days.<\/p>\n    <a href=\"https:\/\/amzn.to\/4tcXQi1\" class=\"hlv-hiw-btn\" target=\"_blank\" rel=\"noopener nofollow\">\n      Start Your 90-Day Journey\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n    <\/a>\n  <\/div>\n\n<\/section>\n\n\n\n<div id=\"faq\">\n<style>\n  \/* \u2500\u2500 FAQ SECTION \u2500\u2500 *\/\n  .hlv-faq-wrap {\n    font-family: var(--font-body, 'DM Sans', sans-serif);\n    background-color: var(--white, #FFFFFF);\n    color: var(--dark, #1A1210);\n    padding: 100px 5%;\n    position: relative;\n  }\n\n  .hlv-faq-header {\n    text-align: center;\n    max-width: 760px;\n    margin: 0 auto 50px;\n  }\n  .hlv-faq-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--teal-dark, #2A9A93);\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    margin-bottom: 16px;\n  }\n  .hlv-faq-eyebrow::before,\n  .hlv-faq-eyebrow::after {\n    content: '';\n    width: 24px;\n    height: 2px;\n    background: var(--rose, #C4956A);\n    border-radius: 2px;\n  }\n  .hlv-faq-title {\n    font-family: var(--font-display, 'Cormorant Garamond', serif);\n    font-size: clamp(36px, 4.5vw, 52px);\n    font-weight: 600;\n    color: var(--dark, #1A1210);\n    line-height: 1.1;\n  }\n\n  .hlv-faq-container {\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  \/* Accordion Styling *\/\n  .hlv-faq-item {\n    border-bottom: 1px solid var(--cream-dark, #F0E9DF);\n  }\n  .hlv-faq-item:first-child {\n    border-top: 1px solid var(--cream-dark, #F0E9DF);\n  }\n  .hlv-faq-item details {\n    width: 100%;\n  }\n  .hlv-faq-item summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 24px 0;\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--dark, #1A1210);\n    cursor: pointer;\n    list-style: none; \/* Removes default arrow in standard browsers *\/\n    transition: color 0.2s ease;\n  }\n  .hlv-faq-item summary:hover {\n    color: var(--teal-dark, #2A9A93);\n  }\n  .hlv-faq-item summary::-webkit-details-marker {\n    display: none; \/* Removes default arrow in Safari *\/\n  }\n  \n  \/* Custom Plus\/Minus Icon *\/\n  .hlv-faq-icon {\n    flex-shrink: 0;\n    margin-left: 20px;\n    width: 24px;\n    height: 24px;\n    position: relative;\n  }\n  .hlv-faq-icon::before,\n  .hlv-faq-icon::after {\n    content: '';\n    position: absolute;\n    background-color: var(--teal, #3BBAB3);\n    transition: transform 0.3s ease;\n  }\n  \/* Horizontal line *\/\n  .hlv-faq-icon::before {\n    top: 11px; left: 4px; right: 4px; height: 2px;\n  }\n  \/* Vertical line *\/\n  .hlv-faq-icon::after {\n    top: 4px; bottom: 4px; left: 11px; width: 2px;\n  }\n  \/* Animate to minus when open *\/\n  details[open] .hlv-faq-icon::after {\n    transform: scaleY(0);\n  }\n  details[open] summary {\n    color: var(--teal-dark, #2A9A93);\n  }\n\n  .hlv-faq-answer {\n    padding-bottom: 24px;\n    font-size: 16px;\n    line-height: 1.6;\n    color: var(--muted, #7A6860);\n    animation: hlv-fade-in 0.4s ease-out;\n  }\n\n  @keyframes hlv-fade-in {\n    from { opacity: 0; transform: translateY(-10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n\n  \/* \u2500\u2500 THE CLEAN FORMULA PROMISE SECTION \u2500\u2500 *\/\n  .hlv-promise-wrap {\n    font-family: var(--font-body, 'DM Sans', sans-serif);\n    background-color: var(--teal-dark, #2A9A93);\n    color: var(--white, #FFFFFF);\n    padding: 100px 5%;\n    position: relative;\n    text-align: center;\n    overflow: hidden;\n  }\n  \n  \/* Subtle Background Element *\/\n  .hlv-promise-wrap::before {\n    content: '';\n    position: absolute;\n    top: -50%; left: 50%;\n    transform: translateX(-50%);\n    width: 800px; height: 800px;\n    background: radial-gradient(circle, rgba(228,246,245,0.08) 0%, transparent 60%);\n    border-radius: 50%;\n    pointer-events: none;\n  }\n\n  .hlv-promise-container {\n    max-width: 840px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n\n  .hlv-promise-title {\n    font-family: var(--font-display, 'Cormorant Garamond', serif);\n    font-size: clamp(38px, 5vw, 56px);\n    font-weight: 600;\n    line-height: 1.1;\n    margin-bottom: 30px;\n    color: var(--white, #FFFFFF);\n  }\n\n  .hlv-promise-text {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    font-size: clamp(16px, 1.8vw, 18px);\n    line-height: 1.7;\n    color: rgba(255, 255, 255, 0.9);\n    margin-bottom: 40px;\n  }\n\n  .hlv-promise-badges {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 16px;\n    margin-bottom: 50px;\n  }\n  .hlv-promise-badge {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(255, 255, 255, 0.1);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    padding: 10px 20px;\n    border-radius: 50px;\n    font-size: 13px;\n    font-weight: 600;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n  }\n  .hlv-promise-badge svg {\n    width: 16px;\n    height: 16px;\n    stroke: var(--rose-light, #F5EDE3);\n    stroke-width: 2;\n    fill: none;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .hlv-promise-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    background: var(--white, #FFFFFF);\n    color: var(--teal-dark, #2A9A93);\n    text-decoration: none;\n    font-size: 16px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    padding: 20px 48px;\n    border-radius: 50px;\n    transition: transform 0.2s, box-shadow 0.25s;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n  }\n  .hlv-promise-btn:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 40px rgba(0,0,0,0.25);\n  }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 768px) {\n    .hlv-faq-wrap, .hlv-promise-wrap {\n      padding: 70px 5%;\n    }\n    .hlv-faq-item summary {\n      font-size: 16px;\n      padding: 20px 0;\n    }\n    .hlv-promise-badge {\n      font-size: 11px;\n      padding: 8px 16px;\n    }\n    .hlv-promise-btn {\n      width: 100%;\n    }\n  }\n<\/style>\n\n<!-- FAQ SECTION -->\n<section class=\"hlv-faq-wrap\">\n  <div class=\"hlv-faq-header\">\n    <div class=\"hlv-faq-eyebrow\">Got Questions?<\/div>\n    <h2 class=\"hlv-faq-title\">Frequently Asked Questions<\/h2>\n  <\/div>\n\n  <div class=\"hlv-faq-container\">\n    \n    <div class=\"hlv-faq-item\">\n      <details>\n        <summary>How long before I see results? <div class=\"hlv-faq-icon\"><\/div><\/summary>\n        <div class=\"hlv-faq-answer\">Most people notice something around the 90-day mark. That is how long your hair&#8217;s natural growth cycle takes to complete. Some people see less shedding earlier than that. Give it the full 3 months before you judge it.<\/div>\n      <\/details>\n    <\/div>\n\n    <div class=\"hlv-faq-item\">\n      <details>\n        <summary>Which formula is right for me? <div class=\"hlv-faq-icon\"><\/div><\/summary>\n        <div class=\"hlv-faq-answer\">Clinical Formula is the stronger pick for hormone-related thinning or more advanced hair loss. Revitalizing Blend is a great place to start if you are dealing with general thinning, post-pregnancy changes or everyday stress shedding. If you are unsure, Clinical is the one most people choose first.<\/div>\n      <\/details>\n    <\/div>\n\n    <div class=\"hlv-faq-item\">\n      <details>\n        <summary>Do I need to take it with food? <div class=\"hlv-faq-icon\"><\/div><\/summary>\n        <div class=\"hlv-faq-answer\">Yes. Take it with a meal to avoid any nausea. Two capsules in the morning and one in the evening is the recommended routine.<\/div>\n      <\/details>\n    <\/div>\n\n    <div class=\"hlv-faq-item\">\n      <details>\n        <summary>Is it safe for all hair types? <div class=\"hlv-faq-icon\"><\/div><\/summary>\n        <div class=\"hlv-faq-answer\">Yes. Both formulas work on all hair types including textured and chemically treated hair.<\/div>\n      <\/details>\n    <\/div>\n\n    <div class=\"hlv-faq-item\">\n      <details>\n        <summary>Does it contain gluten, soy or dairy? <div class=\"hlv-faq-icon\"><\/div><\/summary>\n        <div class=\"hlv-faq-answer\">No. Hair La Vie is free of gluten, soy, dairy, preservatives and GMOs.<\/div>\n      <\/details>\n    <\/div>\n\n    <div class=\"hlv-faq-item\">\n      <details>\n        <summary>Can I take it if I am pregnant or nursing? <div class=\"hlv-faq-icon\"><\/div><\/summary>\n        <div class=\"hlv-faq-answer\">No. Do not take Hair La Vie supplements while pregnant or breastfeeding. Talk to your doctor first if you have a medical condition or take other medications.<\/div>\n      <\/details>\n    <\/div>\n\n    <div class=\"hlv-faq-item\">\n      <details>\n        <summary>What about the nail growth thing? <div class=\"hlv-faq-icon\"><\/div><\/summary>\n        <div class=\"hlv-faq-answer\">A lot of customers bring this up on their own. The same nutrients that support your follicles also support your nails so faster stronger nail growth is one of the most common things people report alongside their hair results.<\/div>\n      <\/details>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- THE CLEAN FORMULA PROMISE SECTION -->\n<section class=\"hlv-promise-wrap\">\n  <div class=\"hlv-promise-container\">\n    \n    <h2 class=\"hlv-promise-title\">The Clean Formula Promise<\/h2>\n    \n    <div class=\"hlv-promise-text\">\n      <p>You should know exactly what you are putting in your body. Every Hair La Vie product is non-GMO, preservative-free and free of gluten, soy, dairy and unnecessary fillers like magnesium stearate or titanium dioxide. Nothing in the formula is there to bulk up a capsule or extend a shelf life. Every ingredient earns its spot.<\/p>\n      \n      <p>Each batch is third-party tested before it ships. That means an independent lab checks it for purity, potency and safety. Not because it is required but because that is the standard the brand was built on. No harsh chemicals. No ingredients that need a chemistry degree to pronounce. No compromises.<\/p>\n      \n      <p>Carla Rivas started this brand because she could not find something she actually trusted after her own hair loss. That standard has not changed.<\/p>\n    <\/div>\n\n    <!-- Badges -->\n    <div class=\"hlv-promise-badges\">\n      <div class=\"hlv-promise-badge\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\n        Non-GMO\n      <\/div>\n      <div class=\"hlv-promise-badge\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L3 7v5c0 5.25 3.75 10.15 9 11.35C17.25 22.15 21 17.25 21 12V7l-9-5z\"\/><\/svg>\n        Third-Party Tested\n      <\/div>\n      <div class=\"hlv-promise-badge\">\n        <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 14s1.5 2 4 2 4-2 4-2\"\/><line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"\/><line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"\/><\/svg>\n        No Fillers\n      <\/div>\n      <div class=\"hlv-promise-badge\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z\"\/><line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"\/><\/svg>\n        Cruelty-Free\n      <\/div>\n    <\/div>\n\n    <!-- Final CTA -->\n    <a href=\"https:\/\/amzn.to\/4tcXQi1\" class=\"hlv-promise-btn\" target=\"_blank\" rel=\"noopener nofollow\">\n      Start Your Hair Journey Today\n    <\/a>\n\n  <\/div>\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>20 Natural Ingredients &bull; 90-Day Formula Hair La Vie Your hair grows as wellas your body is fed. Biotin, Saw Palmetto, Reishi Mushroom, Hydrolyzed Collagen and 16 more clinically-studied ingredients \u2014 working at the root so what grows out is stronger, fuller, and yours. 4.8 \/ 5 &nbsp;\u00b7&nbsp; Thousands of verified buyers Shop Clinical Formula &#8230; <a title=\"Hair La Vie Official | Natural Hair Growth Supplements\" class=\"read-more\" href=\"https:\/\/myhairlavie.com\/\" aria-label=\"Read more about Hair La Vie Official | Natural Hair Growth Supplements\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/myhairlavie.com\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/myhairlavie.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/myhairlavie.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/myhairlavie.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/myhairlavie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":16,"href":"https:\/\/myhairlavie.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":54,"href":"https:\/\/myhairlavie.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/54"}],"wp:attachment":[{"href":"https:\/\/myhairlavie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}