{"id":7790,"date":"2026-05-25T09:59:47","date_gmt":"2026-05-25T09:59:47","guid":{"rendered":"https:\/\/www.haarexclinic.com\/tr\/?page_id=7790"},"modified":"2026-07-07T12:13:47","modified_gmt":"2026-07-07T12:13:47","slug":"oncesi-ve-sonrasi-sonuclar","status":"publish","type":"page","link":"https:\/\/www.haarexclinic.com\/tr\/oncesi-ve-sonrasi-sonuclar\/","title":{"rendered":"\u00d6ncesi ve Sonras\u0131 Sonu\u00e7lar"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7790\" class=\"elementor elementor-7790\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9abcb59 e-con-full e-flex e-con e-parent\" data-id=\"9abcb59\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-700c823 elementor-widget elementor-widget-html\" data-id=\"700c823\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hrx-ba-page\" id=\"hrxBeforeAfterResults\">\n  <div class=\"hrx-ba-bg\"><\/div>\n  <div class=\"hrx-ba-orb hrx-ba-orb-1\"><\/div>\n  <div class=\"hrx-ba-orb hrx-ba-orb-2\"><\/div>\n  <div class=\"hrx-ba-progress\" id=\"hrxBaProgress\"><\/div>\n\n  <div class=\"hrx-ba-hero\">\n    <div class=\"hrx-ba-container hrx-ba-hero-grid\">\n      <div class=\"hrx-ba-hero-copy hrx-ba-reveal\">\n        <span class=\"hrx-ba-kicker\"><i><\/i> HAAREX CLINIC ANTALYA<\/span>\n\n        <h1>Before After Results<\/h1>\n\n        <p class=\"hrx-ba-lead\">\n          Before After Results show real visual examples of hair restoration planning, natural hairline design, density improvement and donor area management. At Haarex Clinic, each result is evaluated according to the patient\u2019s hair loss pattern, donor area strength, graft planning, technique suitability and recovery process.\n        <\/p>\n\n        <p>\n          Hair transplant results are personal. The final appearance can vary depending on hair thickness, scalp structure, graft quality, aftercare discipline, age, hair loss stage and long-term expectations. For this reason, before and after images should be viewed as treatment examples, not as identical result promises.\n        <\/p>\n\n        <div class=\"hrx-ba-hero-actions\">\n          <a class=\"hrx-ba-btn hrx-ba-btn-main\" href=\"https:\/\/wa.me\/905522230132?text=Hello%20Haarex%20Clinic%2C%20I%20would%20like%20to%20review%20Before%20After%20Results.\" target=\"_blank\" rel=\"noopener\">\n            Get Consultation\n          <\/a>\n\n          <a class=\"hrx-ba-btn hrx-ba-btn-light\" href=\"#hrxBaGallery\">\n            View Results\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hrx-ba-hero-media hrx-ba-reveal\">\n        <div class=\"hrx-ba-visual\">\n          <img decoding=\"async\" src=\"https:\/\/www.haarexclinic.com\/tr\/wp-content\/uploads\/2026\/05\/cce18c7f-4510-48d3-8fd4-a49c1ad5d926.png\" alt=\"Hair Transplant Before After Results\">\n          <div class=\"hrx-ba-visual-overlay\"><\/div>\n          <div class=\"hrx-ba-visual-card\">\n            <span>Natural Transformation<\/span>\n            <strong>Hairline design, density planning, donor protection and aftercare shape each result.<\/strong>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"hrx-ba-container\">\n\n    <section class=\"hrx-ba-section hrx-ba-panel hrx-ba-reveal\">\n      <span class=\"hrx-ba-label\">RESULT GALLERY<\/span>\n      <h2>Hair Transplant Before After Results<\/h2>\n\n      <p>\n        The gallery below includes visual examples from different hair restoration cases. Each case has its own treatment logic, graft requirement, hairline plan and healing timeline. A personal consultation is necessary to understand what kind of result may be suitable for your own hair structure.\n      <\/p>\n\n      <div class=\"hrx-ba-note\">\n        <strong>Important:<\/strong>\n        <span>Results may vary from person to person. Final density and hair maturity usually develop gradually during the recovery period.<\/span>\n      <\/div>\n    <\/section>\n\n    <section class=\"hrx-ba-section hrx-ba-gallery-wrap hrx-ba-reveal\" id=\"hrxBaGallery\">\n      <div class=\"hrx-ba-gallery-head\">\n        <div>\n          <span class=\"hrx-ba-label\">CLINICAL VISUALS<\/span>\n          <h2>Before & After Gallery<\/h2>\n        <\/div>\n\n        <div class=\"hrx-ba-filter\">\n          <button type=\"button\" class=\"is-active\" data-filter=\"all\">All Results<\/button>\n          <button type=\"button\" data-filter=\"hairline\">Hairline<\/button>\n          <button type=\"button\" data-filter=\"density\">Density<\/button>\n          <button type=\"button\" data-filter=\"front\">Front Area<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"hrx-ba-gallery\">\n        <article class=\"hrx-ba-card\" data-category=\"hairline\">\n          <button type=\"button\" data-img=\"https:\/\/www.haarexclinic.com\/tr\/wp-content\/uploads\/2026\/05\/cce18c7f-4510-48d3-8fd4-a49c1ad5d926.png\">\n            <img decoding=\"async\" src=\"https:\/\/www.haarexclinic.com\/tr\/wp-content\/uploads\/2026\/05\/cce18c7f-4510-48d3-8fd4-a49c1ad5d926.png\" alt=\"Before After Hair Transplant Result 1\">\n            <span>View Result<\/span>\n          <\/button>\n          <div>\n            <h3>Natural Hairline Result<\/h3>\n            <p>Hairline-focused planning with balanced frontal density and natural transition.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"hrx-ba-card\" data-category=\"front\">\n          <button type=\"button\" data-img=\"https:\/\/www.haarexclinic.com\/tr\/wp-content\/uploads\/2026\/05\/38404969-1097-4d24-bb03-c0da7afae080.png\">\n            <img decoding=\"async\" src=\"https:\/\/www.haarexclinic.com\/tr\/wp-content\/uploads\/2026\/05\/38404969-1097-4d24-bb03-c0da7afae080.png\" alt=\"Before After Hair Transplant Result 2\">\n            <span>View Result<\/span>\n          <\/button>\n          <div>\n            <h3>Front Area Restoration<\/h3>\n            <p>Frontal area coverage planned according to facial frame and donor capacity.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"hrx-ba-card\" data-category=\"density\">\n          <button type=\"button\" data-img=\"https:\/\/www.haarexclinic.com\/tr\/wp-content\/uploads\/2026\/05\/47ade9ac-1d2b-4804-b9d8-38be990c6c01.png\">\n            <img decoding=\"async\" src=\"https:\/\/www.haarexclinic.com\/tr\/wp-content\/uploads\/2026\/05\/47ade9ac-1d2b-4804-b9d8-38be990c6c01.png\" alt=\"Before After Hair Transplant Result 3\">\n            <span>View Result<\/span>\n          <\/button>\n          <div>\n            <h3>Density Improvement<\/h3>\n            <p>Density-focused result with careful graft distribution and natural direction.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"hrx-ba-card\" data-category=\"hairline\">\n          <button type=\"button\" data-img=\"https:\/\/www.haarexclinic.com\/tr\/wp-content\/uploads\/2026\/05\/a20a649d-f7aa-4ba9-a9b4-e06ef586711f.png\">\n            <img decoding=\"async\" src=\"https:\/\/www.haarexclinic.com\/tr\/wp-content\/uploads\/2026\/05\/a20a649d-f7aa-4ba9-a9b4-e06ef586711f.png\" alt=\"Before After Hair Transplant Result 4\">\n            <span>View Result<\/span>\n          <\/button>\n          <div>\n            <h3>Hairline Reconstruction<\/h3>\n            <p>Soft hairline design created with natural angle and gradual density planning.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"hrx-ba-card\" data-category=\"front\">\n          <button type=\"button\" data-img=\"https:\/\/www.haarexclinic.com\/tr\/wp-content\/uploads\/2026\/05\/aaf640b0-1aef-4c0d-bdf8-eae0b02b2bfa.png\">\n            <img decoding=\"async\" src=\"https:\/\/www.haarexclinic.com\/tr\/wp-content\/uploads\/2026\/05\/aaf640b0-1aef-4c0d-bdf8-eae0b02b2bfa.png\" alt=\"Before After Hair Transplant Result 5\">\n            <span>View Result<\/span>\n          <\/button>\n          <div>\n            <h3>Visible Front Coverage<\/h3>\n            <p>Front area planning shaped around the patient\u2019s existing hair structure.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"hrx-ba-card\" data-category=\"density\">\n          <button type=\"button\" data-img=\"https:\/\/www.haarexclinic.com\/tr\/wp-content\/uploads\/2026\/05\/7f9aa952-ec37-4090-8a06-75dedcb3e756.png\">\n            <img decoding=\"async\" src=\"https:\/\/www.haarexclinic.com\/tr\/wp-content\/uploads\/2026\/05\/7f9aa952-ec37-4090-8a06-75dedcb3e756.png\" alt=\"Before After Hair Transplant Result 6\">\n            <span>View Result<\/span>\n          <\/button>\n          <div>\n            <h3>Balanced Density Result<\/h3>\n            <p>Density improvement planned with donor area protection and natural coverage.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"hrx-ba-card\" data-category=\"hairline\">\n          <button type=\"button\" data-img=\"https:\/\/www.haarexclinic.com\/tr\/wp-content\/uploads\/2026\/06\/Ekran-goruntusu-2026-06-03-145117.jpg\">\n            <img decoding=\"async\" src=\"https:\/\/www.haarexclinic.com\/tr\/wp-content\/uploads\/2026\/06\/Ekran-goruntusu-2026-06-03-145117.jpg\" alt=\"Before After Hair Transplant Result 7\">\n            <span>View Result<\/span>\n          <\/button>\n          <div>\n            <h3>Natural Transition<\/h3>\n            <p>Hairline transition planned to avoid an artificial or overly dense appearance.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"hrx-ba-card\" data-category=\"front\">\n          <button type=\"button\" data-img=\"https:\/\/www.haarexclinic.com\/tr\/wp-content\/uploads\/2026\/06\/Ekran-goruntusu-2026-06-03-145137-1.jpg\">\n            <img decoding=\"async\" src=\"https:\/\/www.haarexclinic.com\/tr\/wp-content\/uploads\/2026\/06\/Ekran-goruntusu-2026-06-03-145137-1.jpg\" alt=\"Before After Hair Transplant Result 8\">\n            <span>View Result<\/span>\n          <\/button>\n          <div>\n            <h3>Frontal Frame Result<\/h3>\n            <p>Face-framing restoration with attention to direction, density and symmetry.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"hrx-ba-card\" data-category=\"density\">\n          <button type=\"button\" data-img=\"https:\/\/www.haarexclinic.com\/tr\/wp-content\/uploads\/2026\/06\/Ekran-goruntusu-2026-06-03-145137.jpg\">\n            <img decoding=\"async\" src=\"https:\/\/www.haarexclinic.com\/tr\/wp-content\/uploads\/2026\/06\/Ekran-goruntusu-2026-06-03-145137.jpg\" alt=\"Before After Hair Transplant Result 9\">\n            <span>View Result<\/span>\n          <\/button>\n          <div>\n            <h3>Density and Coverage<\/h3>\n            <p>Coverage improvement shaped by graft planning and long-term visual balance.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"hrx-ba-card\" data-category=\"hairline\">\n          <button type=\"button\" data-img=\"https:\/\/www.haarexclinic.com\/tr\/wp-content\/uploads\/2026\/06\/Ekran-goruntusu-2026-06-03-145228-1.jpg\">\n            <img decoding=\"async\" src=\"https:\/\/www.haarexclinic.com\/tr\/wp-content\/uploads\/2026\/06\/Ekran-goruntusu-2026-06-03-145228-1.jpg\" alt=\"Before After Hair Transplant Result 10\">\n            <span>View Result<\/span>\n          <\/button>\n          <div>\n            <h3>Hairline Detail Result<\/h3>\n            <p>Detailed hairline design focused on natural direction and soft density transition.<\/p>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <section class=\"hrx-ba-section hrx-ba-dark hrx-ba-reveal\">\n      <span class=\"hrx-ba-kicker\"><i><\/i> REALISTIC EXPECTATIONS<\/span>\n      <h2>How Should Before After Results Be Evaluated?<\/h2>\n\n      <p>\n        Before After Results should be evaluated with realistic expectations. A result that looks ideal for one patient may not be suitable for another patient because donor area capacity, hair thickness, scalp contrast, hair loss stage and graft number are different.\n      <\/p>\n\n      <p>\n        At Haarex Clinic, we do not copy the same hairline or density plan for every patient. The goal is to create a natural appearance that fits the patient\u2019s facial structure, donor area strength and long-term hair restoration needs.\n      <\/p>\n    <\/section>\n\n    <section class=\"hrx-ba-section hrx-ba-panel hrx-ba-reveal\">\n      <span class=\"hrx-ba-label\">RESULT FACTORS<\/span>\n      <h2>What Affects Hair Transplant Results?<\/h2>\n\n      <div class=\"hrx-ba-card-grid\">\n        <div>\n          <h3>Donor Area Strength<\/h3>\n          <p>The donor area determines how many grafts can be safely extracted without harming long-term appearance.<\/p>\n        <\/div>\n\n        <div>\n          <h3>Hairline Design<\/h3>\n          <p>A natural hairline should match facial proportions, age, hair structure and future hair loss planning.<\/p>\n        <\/div>\n\n        <div>\n          <h3>Graft Quality<\/h3>\n          <p>Graft preservation, extraction quality and placement direction can affect final density and natural appearance.<\/p>\n        <\/div>\n\n        <div>\n          <h3>Technique Selection<\/h3>\n          <p>Sapphire FUE, DHI or other methods should be selected according to the patient\u2019s suitability, not only popularity.<\/p>\n        <\/div>\n\n        <div>\n          <h3>Aftercare Discipline<\/h3>\n          <p>First wash, sleeping position, sun protection, exercise timing and recovery guidance support the healing process.<\/p>\n        <\/div>\n\n        <div>\n          <h3>Growth Timeline<\/h3>\n          <p>Hair transplant results develop gradually. Final appearance usually becomes clearer after the maturation period.<\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"hrx-ba-section hrx-ba-timeline hrx-ba-reveal\">\n      <span class=\"hrx-ba-label\">TIMELINE<\/span>\n      <h2>When Do Hair Transplant Results Become Visible?<\/h2>\n\n      <div class=\"hrx-ba-timeline-grid\">\n        <div>\n          <span>01<\/span>\n          <h3>First Days<\/h3>\n          <p>Redness, sensitivity and crusting may appear. Graft protection is the main priority.<\/p>\n        <\/div>\n\n        <div>\n          <span>02<\/span>\n          <h3>2\u20136 Weeks<\/h3>\n          <p>Temporary shedding may occur. This stage can be normal and should not be judged as final loss.<\/p>\n        <\/div>\n\n        <div>\n          <span>03<\/span>\n          <h3>3\u20134 Months<\/h3>\n          <p>Early growth may begin. Hair is usually fine and immature at this stage.<\/p>\n        <\/div>\n\n        <div>\n          <span>04<\/span>\n          <h3>6\u20139 Months<\/h3>\n          <p>Density becomes more visible. Hair thickness and coverage continue to improve.<\/p>\n        <\/div>\n\n        <div>\n          <span>05<\/span>\n          <h3>12+ Months<\/h3>\n          <p>Final appearance becomes clearer as the transplanted hair matures.<\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"hrx-ba-section hrx-ba-lead-section hrx-ba-reveal\" id=\"hrxBaContact\">\n      <div class=\"hrx-ba-lead-copy\">\n        <span class=\"hrx-ba-label\">FREE ONLINE ASSESSMENT<\/span>\n        <h2>Get Your Personalized Hair Transplant Result Assessment<\/h2>\n\n        <p>\n          Send your contact details and hair photos directly to Haarex Clinic. Our team will review your current hair loss pattern, donor area, previous result expectations and suitable treatment method before preparing a personalized consultation response.\n        <\/p>\n\n        <div class=\"hrx-ba-lead-benefits\">\n          <div>\n            <strong>01<\/strong>\n            <span>Upload your current hair photos<\/span>\n          <\/div>\n\n          <div>\n            <strong>02<\/strong>\n            <span>Receive personal result planning guidance<\/span>\n          <\/div>\n\n          <div>\n            <strong>03<\/strong>\n            <span>Get contacted by the Haarex Clinic team<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"hrx-ba-direct-links\">\n          <a href=\"tel:+905522230132\">+90 552 223 01 32<\/a>\n          <a href=\"mailto:info@haarexclinic.com\">info@haarexclinic.com<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hrx-ba-lead-form-card\">\n        <div class=\"hrx-ba-lead-form-head\">\n          <span>INLINE LEAD FORM<\/span>\n          <h3>Start Your Consultation<\/h3>\n          <p>Fill in the form and upload your photos. Your request will be sent to info@haarexclinic.com.<\/p>\n        <\/div>\n\n        <form class=\"hrx-ba-lead-form\" id=\"hrxBaInlineForm\" action=\"https:\/\/formsubmit.co\/ajax\/info@haarexclinic.com\" method=\"POST\" enctype=\"multipart\/form-data\">\n          <input type=\"hidden\" name=\"_subject\" value=\"New Before After Results Assessment Request - Haarex Clinic\">\n          <input type=\"hidden\" name=\"_template\" value=\"table\">\n          <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n          <input type=\"hidden\" name=\"_blacklist\" value=\"casino,betting,crypto,loan,porn,viagra,seo service,backlink\">\n          <input type=\"hidden\" name=\"Form Source\" value=\"Before After Results Inline Lead Form\">\n          <input type=\"hidden\" name=\"Clinic Email\" value=\"info@haarexclinic.com\">\n\n          <input type=\"text\" name=\"_honey\" class=\"hrx-ba-honey\" tabindex=\"-1\" autocomplete=\"off\">\n\n          <div class=\"hrx-ba-form-grid\">\n            <label>\n              <span>Name<\/span>\n              <input type=\"text\" name=\"Name\" placeholder=\"Your name\" required>\n            <\/label>\n\n            <label>\n              <span>Phone<\/span>\n              <input type=\"tel\" name=\"Phone\" placeholder=\"+90 552 223 01 32\" required>\n            <\/label>\n          <\/div>\n\n          <label>\n            <span>E-mail<\/span>\n            <input type=\"email\" name=\"Email\" placeholder=\"yourmail@example.com\" required>\n          <\/label>\n\n          <label class=\"hrx-ba-file-upload\" for=\"hrxBaPhotoUpload\">\n            <input type=\"file\" id=\"hrxBaPhotoUpload\" name=\"Hair Photos\" accept=\"image\/*\" multiple>\n            <strong>Upload Photos<\/strong>\n            <small id=\"hrxBaFileName\">Front, top, donor area or current hair photos<\/small>\n          <\/label>\n\n          <label class=\"hrx-ba-textarea-label\">\n            <span>Message<\/span>\n            <textarea name=\"Message\" rows=\"4\" placeholder=\"You can write your hair transplant goal, preferred treatment or questions here.\"><\/textarea>\n          <\/label>\n\n          <label class=\"hrx-ba-check\">\n            <input type=\"checkbox\" name=\"Privacy Approval\" value=\"Accepted\" required>\n            <small>I approve being contacted by Haarex Clinic about my consultation request.<\/small>\n          <\/label>\n\n          <p class=\"hrx-ba-lead-error\" id=\"hrxBaLeadError\"><\/p>\n\n          <div class=\"hrx-ba-lead-success\" id=\"hrxBaLeadSuccess\">\n            <strong>Thank you!<\/strong>\n            <span>Your request has been received. Haarex Clinic will contact you shortly.<\/span>\n          <\/div>\n\n          <button type=\"submit\" id=\"hrxBaLeadSubmit\">\n            Send My Offer Request\n          <\/button>\n        <\/form>\n      <\/div>\n    <\/section>\n\n  <\/div>\n\n  <div class=\"hrx-ba-lightbox\" id=\"hrxBaLightbox\" aria-hidden=\"true\">\n    <button type=\"button\" class=\"hrx-ba-lightbox-close\" id=\"hrxBaClose\" aria-label=\"Close\">\u00d7<\/button>\n    <img decoding=\"async\" src=\"\" alt=\"Before After Result Preview\" id=\"hrxBaLightboxImg\">\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');\n\n.hrx-ba-page,\n.hrx-ba-page *{\n  box-sizing:border-box;\n  font-family:'Montserrat',sans-serif;\n}\n\n.hrx-ba-page{\n  width:100vw;\n  max-width:100vw;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n  position:relative;\n  overflow:hidden;\n  color:#17243a;\n  background:\n    radial-gradient(circle at 8% 3%,rgba(179,13,61,.13),transparent 30%),\n    radial-gradient(circle at 94% 10%,rgba(23,36,58,.12),transparent 32%),\n    linear-gradient(180deg,#ffffff 0%,#f7f9fd 36%,#ffffff 72%,#f8fafc 100%);\n}\n\n.hrx-ba-progress{\n  position:fixed;\n  top:0;\n  left:0;\n  width:0;\n  height:4px;\n  z-index:999999;\n  background:linear-gradient(90deg,#b30d3d,#17243a);\n  box-shadow:0 8px 18px rgba(179,13,61,.25);\n}\n\n.hrx-ba-bg{\n  position:absolute;\n  inset:0;\n  opacity:.62;\n  background-image:\n    linear-gradient(rgba(18,35,58,.045) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(18,35,58,.045) 1px,transparent 1px);\n  background-size:72px 72px;\n  pointer-events:none;\n  mask-image:linear-gradient(180deg,#000 0%,#000 90%,transparent 100%);\n}\n\n.hrx-ba-orb{\n  position:absolute;\n  border-radius:50%;\n  filter:blur(105px);\n  pointer-events:none;\n}\n\n.hrx-ba-orb-1{\n  width:430px;\n  height:430px;\n  left:-160px;\n  top:260px;\n  background:rgba(179,13,61,.16);\n}\n\n.hrx-ba-orb-2{\n  width:360px;\n  height:360px;\n  right:-140px;\n  top:900px;\n  background:rgba(23,36,58,.12);\n}\n\n.hrx-ba-container{\n  width:min(1440px,calc(100% - 42px));\n  margin:0 auto;\n  position:relative;\n  z-index:2;\n}\n\n.hrx-ba-hero{\n  position:relative;\n  padding:112px 0 82px;\n}\n\n.hrx-ba-hero-grid{\n  display:grid;\n  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);\n  gap:58px;\n  align-items:center;\n}\n\n.hrx-ba-kicker,\n.hrx-ba-label{\n  display:inline-flex;\n  align-items:center;\n  gap:12px;\n  color:#b30d3d;\n  font-size:12px;\n  line-height:1.2;\n  font-weight:900;\n  letter-spacing:1.15px;\n  text-transform:uppercase;\n  margin-bottom:16px;\n}\n\n.hrx-ba-kicker i{\n  width:46px;\n  height:2px;\n  border-radius:999px;\n  background:linear-gradient(90deg,#b30d3d,#17243a);\n}\n\n.hrx-ba-hero h1{\n  margin:0;\n  color:#17243a;\n  font-size:clamp(46px,5.8vw,86px);\n  line-height:.96;\n  font-weight:900;\n  letter-spacing:-3.2px;\n}\n\n.hrx-ba-hero p,\n.hrx-ba-panel p,\n.hrx-ba-dark p,\n.hrx-ba-card-grid p,\n.hrx-ba-timeline-grid p,\n.hrx-ba-card p,\n.hrx-ba-lead-section p{\n  margin:18px 0 0;\n  color:#5f6b7d;\n  font-size:15.5px;\n  line-height:1.9;\n  font-weight:500;\n}\n\n.hrx-ba-lead{\n  margin-top:28px !important;\n  font-size:17px !important;\n  color:#536174 !important;\n}\n\n.hrx-ba-hero-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:14px;\n  margin-top:34px;\n}\n\n.hrx-ba-btn{\n  min-height:58px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:0 30px;\n  border-radius:999px;\n  text-decoration:none !important;\n  font-size:14px;\n  font-weight:900;\n  transition:.3s ease;\n}\n\n.hrx-ba-btn:hover{\n  transform:translateY(-4px);\n}\n\n.hrx-ba-btn-main{\n  color:#fff !important;\n  background:linear-gradient(135deg,#17243a 0%,#263952 42%,#b30d3d 100%);\n  box-shadow:0 18px 38px rgba(18,35,58,.16),0 10px 24px rgba(179,13,61,.15);\n}\n\n.hrx-ba-btn-light{\n  color:#17243a !important;\n  background:rgba(255,255,255,.88);\n  border:1px solid rgba(18,35,58,.12);\n  box-shadow:0 14px 30px rgba(18,35,58,.08);\n}\n\n.hrx-ba-visual{\n  position:relative;\n  min-height:620px;\n  border-radius:38px;\n  overflow:hidden;\n  background:#17243a;\n  box-shadow:0 38px 96px rgba(18,35,58,.24);\n  border:1px solid rgba(18,35,58,.10);\n}\n\n.hrx-ba-visual img{\n  width:100%;\n  height:620px;\n  object-fit:cover;\n  object-position:center;\n  display:block;\n  transform:scale(1.02);\n}\n\n.hrx-ba-visual-overlay{\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(180deg,rgba(18,35,58,.02) 0%,rgba(18,35,58,.13) 48%,rgba(18,35,58,.78) 100%),\n    radial-gradient(circle at 14% 10%,rgba(179,13,61,.30),transparent 35%);\n}\n\n.hrx-ba-visual-card{\n  position:absolute;\n  left:24px;\n  right:24px;\n  bottom:24px;\n  z-index:3;\n  padding:24px;\n  border-radius:26px;\n  background:rgba(255,255,255,.92);\n  backdrop-filter:blur(18px);\n  box-shadow:0 18px 46px rgba(0,0,0,.20);\n}\n\n.hrx-ba-visual-card span{\n  display:block;\n  color:#b30d3d;\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:.9px;\n  text-transform:uppercase;\n  margin-bottom:8px;\n}\n\n.hrx-ba-visual-card strong{\n  display:block;\n  color:#17243a;\n  font-size:20px;\n  line-height:1.45;\n  font-weight:900;\n}\n\n.hrx-ba-section{\n  margin-top:96px;\n}\n\n.hrx-ba-panel,\n.hrx-ba-gallery-wrap,\n.hrx-ba-timeline,\n.hrx-ba-lead-section{\n  border:1px solid rgba(18,35,58,.09);\n  box-shadow:0 24px 58px rgba(18,35,58,.09);\n}\n\n.hrx-ba-panel,\n.hrx-ba-gallery-wrap,\n.hrx-ba-timeline{\n  padding:44px;\n  border-radius:36px;\n  background:\n    radial-gradient(circle at 0% 0%,rgba(179,13,61,.06),transparent 34%),\n    linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(251,252,255,.96) 100%);\n}\n\n.hrx-ba-panel h2,\n.hrx-ba-gallery-head h2,\n.hrx-ba-dark h2,\n.hrx-ba-timeline h2,\n.hrx-ba-lead-copy h2{\n  margin:0;\n  color:#17243a;\n  font-size:clamp(30px,3.4vw,48px);\n  line-height:1.12;\n  font-weight:900;\n  letter-spacing:-1.4px;\n}\n\n.hrx-ba-note{\n  display:flex;\n  gap:12px;\n  align-items:flex-start;\n  margin-top:26px;\n  padding:20px;\n  border-radius:22px;\n  background:#fff;\n  border:1px solid rgba(179,13,61,.16);\n  box-shadow:0 14px 30px rgba(18,35,58,.06);\n}\n\n.hrx-ba-note strong{\n  color:#b30d3d;\n  font-weight:900;\n}\n\n.hrx-ba-note span{\n  color:#5f6b7d;\n  font-size:14px;\n  line-height:1.7;\n  font-weight:600;\n}\n\n.hrx-ba-gallery-head{\n  display:flex;\n  justify-content:space-between;\n  gap:28px;\n  align-items:flex-end;\n  margin-bottom:28px;\n}\n\n.hrx-ba-filter{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  justify-content:flex-end;\n}\n\n.hrx-ba-filter button{\n  min-height:42px;\n  padding:0 18px;\n  border:1px solid rgba(18,35,58,.12);\n  border-radius:999px;\n  background:#fff;\n  color:#17243a;\n  cursor:pointer;\n  font-size:12px;\n  font-weight:900;\n  transition:.25s ease;\n}\n\n.hrx-ba-filter button.is-active,\n.hrx-ba-filter button:hover{\n  color:#fff;\n  background:linear-gradient(135deg,#17243a,#b30d3d);\n  border-color:transparent;\n}\n\n.hrx-ba-gallery{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:22px;\n}\n\n.hrx-ba-card{\n  overflow:hidden;\n  border-radius:28px;\n  background:#fff;\n  border:1px solid rgba(18,35,58,.09);\n  box-shadow:0 16px 38px rgba(18,35,58,.08);\n  transition:.3s ease;\n}\n\n.hrx-ba-card:hover{\n  transform:translateY(-6px);\n  box-shadow:0 26px 58px rgba(18,35,58,.13);\n}\n\n.hrx-ba-card button{\n  width:100%;\n  height:310px;\n  display:block;\n  position:relative;\n  overflow:hidden;\n  border:0;\n  padding:0;\n  cursor:pointer;\n  background:#17243a;\n}\n\n.hrx-ba-card button img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  display:block;\n  transition:.45s ease;\n}\n\n.hrx-ba-card:hover button img{\n  transform:scale(1.06);\n}\n\n.hrx-ba-card button::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(180deg,rgba(18,35,58,0) 20%,rgba(18,35,58,.72) 100%);\n}\n\n.hrx-ba-card button span{\n  position:absolute;\n  left:18px;\n  bottom:18px;\n  z-index:2;\n  min-height:40px;\n  display:inline-flex;\n  align-items:center;\n  padding:0 18px;\n  border-radius:999px;\n  color:#fff;\n  background:linear-gradient(135deg,#b30d3d,#17243a);\n  font-size:12px;\n  font-weight:900;\n  box-shadow:0 12px 28px rgba(0,0,0,.18);\n}\n\n.hrx-ba-card div{\n  padding:22px;\n}\n\n.hrx-ba-card h3,\n.hrx-ba-card-grid h3,\n.hrx-ba-timeline-grid h3{\n  margin:0;\n  color:#17243a;\n  font-size:19px;\n  line-height:1.25;\n  font-weight:900;\n  letter-spacing:-.4px;\n}\n\n.hrx-ba-card p,\n.hrx-ba-card-grid p{\n  font-size:14px;\n  line-height:1.75;\n}\n\n.hrx-ba-dark{\n  padding:48px;\n  border-radius:38px;\n  background:\n    radial-gradient(circle at 0% 0%,rgba(179,13,61,.24),transparent 34%),\n    linear-gradient(135deg,#17243a 0%,#1e304a 58%,#101a2c 100%);\n  box-shadow:0 34px 90px rgba(18,35,58,.22);\n}\n\n.hrx-ba-dark h2,\n.hrx-ba-dark p{\n  color:#fff;\n}\n\n.hrx-ba-dark p{\n  color:rgba(255,255,255,.78);\n}\n\n.hrx-ba-dark .hrx-ba-kicker{\n  color:#f3d4c2;\n}\n\n.hrx-ba-card-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:18px;\n  margin-top:28px;\n}\n\n.hrx-ba-card-grid > div{\n  padding:24px;\n  border-radius:24px;\n  background:#fff;\n  border:1px solid rgba(18,35,58,.09);\n  box-shadow:0 14px 30px rgba(18,35,58,.06);\n}\n\n.hrx-ba-timeline-grid{\n  display:grid;\n  grid-template-columns:repeat(5,1fr);\n  gap:16px;\n  margin-top:30px;\n}\n\n.hrx-ba-timeline-grid > div{\n  padding:24px;\n  border-radius:24px;\n  background:#fff;\n  border:1px solid rgba(18,35,58,.09);\n  box-shadow:0 14px 30px rgba(18,35,58,.06);\n}\n\n.hrx-ba-timeline-grid span{\n  display:inline-flex;\n  width:42px;\n  height:42px;\n  align-items:center;\n  justify-content:center;\n  border-radius:50%;\n  color:#fff;\n  background:linear-gradient(135deg,#17243a,#b30d3d);\n  font-size:13px;\n  font-weight:900;\n  margin-bottom:16px;\n}\n\n.hrx-ba-timeline-grid p{\n  font-size:13.5px;\n  line-height:1.75;\n}\n\n.hrx-ba-lead-section{\n  display:grid;\n  grid-template-columns:minmax(0,1fr) 520px;\n  gap:34px;\n  align-items:stretch;\n  padding:46px;\n  border-radius:38px;\n  background:\n    radial-gradient(circle at 0% 0%,rgba(179,13,61,.12),transparent 35%),\n    radial-gradient(circle at 100% 15%,rgba(23,36,58,.10),transparent 34%),\n    linear-gradient(180deg,#ffffff 0%,#fbfcff 100%);\n  margin-bottom:100px;\n}\n\n.hrx-ba-lead-copy{\n  align-self:center;\n}\n\n.hrx-ba-lead-copy h2{\n  max-width:780px;\n}\n\n.hrx-ba-lead-copy p{\n  max-width:780px;\n  margin:18px 0 0;\n  color:#5f6b7d;\n  font-size:16px;\n  line-height:1.85;\n  font-weight:500;\n}\n\n.hrx-ba-lead-benefits{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:12px;\n  margin-top:28px;\n  max-width:840px;\n}\n\n.hrx-ba-lead-benefits div{\n  min-height:126px;\n  padding:18px;\n  border-radius:22px;\n  background:rgba(255,255,255,.78);\n  border:1px solid rgba(18,35,58,.08);\n  box-shadow:0 16px 34px rgba(18,35,58,.07);\n}\n\n.hrx-ba-lead-benefits strong{\n  display:inline-flex;\n  width:38px;\n  height:38px;\n  border-radius:13px;\n  align-items:center;\n  justify-content:center;\n  color:#fff;\n  background:linear-gradient(135deg,#17243a,#b30d3d);\n  font-size:13px;\n  font-weight:900;\n  margin-bottom:14px;\n}\n\n.hrx-ba-lead-benefits span{\n  display:block;\n  color:#17243a;\n  font-size:13.5px;\n  line-height:1.55;\n  font-weight:800;\n}\n\n.hrx-ba-direct-links{\n  display:flex;\n  gap:12px;\n  flex-wrap:wrap;\n  margin-top:24px;\n}\n\n.hrx-ba-direct-links a{\n  min-height:46px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:0 18px;\n  border-radius:999px;\n  color:#17243a;\n  text-decoration:none;\n  background:#fff;\n  border:1px solid rgba(18,35,58,.10);\n  box-shadow:0 14px 28px rgba(18,35,58,.06);\n  font-size:13px;\n  font-weight:900;\n  transition:.3s ease;\n}\n\n.hrx-ba-direct-links a:hover{\n  color:#fff;\n  background:linear-gradient(135deg,#b30d3d,#83072a);\n  transform:translateY(-3px);\n}\n\n.hrx-ba-lead-form-card{\n  padding:30px;\n  border-radius:32px;\n  background:\n    radial-gradient(circle at 0% 0%,rgba(179,13,61,.24),transparent 36%),\n    linear-gradient(180deg,#17243a 0%,#101c30 100%);\n  box-shadow:0 28px 70px rgba(18,35,58,.22);\n  border:1px solid rgba(255,255,255,.10);\n  color:#fff;\n}\n\n.hrx-ba-lead-form-head{\n  margin-bottom:22px;\n}\n\n.hrx-ba-lead-form-head span{\n  display:inline-flex;\n  min-height:30px;\n  align-items:center;\n  padding:0 12px;\n  border-radius:999px;\n  color:#17243a;\n  background:#f3d4c2;\n  font-size:10.5px;\n  font-weight:900;\n  letter-spacing:.8px;\n  text-transform:uppercase;\n  margin-bottom:14px;\n}\n\n.hrx-ba-lead-form-head h3{\n  margin:0;\n  color:#fff;\n  font-size:32px;\n  line-height:1.12;\n  font-weight:900;\n  letter-spacing:-.8px;\n}\n\n.hrx-ba-lead-form-head p{\n  margin:12px 0 0;\n  color:rgba(255,255,255,.72);\n  font-size:13.5px;\n  line-height:1.7;\n  font-weight:600;\n}\n\n.hrx-ba-lead-form{\n  display:grid;\n  gap:14px;\n}\n\n.hrx-ba-form-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:12px;\n}\n\n.hrx-ba-lead-form label{\n  display:grid;\n  gap:7px;\n}\n\n.hrx-ba-lead-form label span{\n  color:#f3d4c2;\n  font-size:12px;\n  line-height:1.2;\n  font-weight:900;\n  letter-spacing:.6px;\n  text-transform:uppercase;\n}\n\n.hrx-ba-lead-form input,\n.hrx-ba-lead-form textarea{\n  width:100%;\n  border:1px solid rgba(255,255,255,.14);\n  border-radius:15px;\n  outline:none;\n  background:rgba(255,255,255,.105);\n  color:#fff;\n  padding:0 15px;\n  font-size:14px;\n  font-weight:700;\n  transition:.25s ease;\n}\n\n.hrx-ba-lead-form input{\n  height:52px;\n}\n\n.hrx-ba-lead-form textarea{\n  resize:vertical;\n  min-height:110px;\n  padding-top:14px;\n  line-height:1.6;\n}\n\n.hrx-ba-lead-form input::placeholder,\n.hrx-ba-lead-form textarea::placeholder{\n  color:rgba(255,255,255,.42);\n}\n\n.hrx-ba-lead-form input:focus,\n.hrx-ba-lead-form textarea:focus{\n  border-color:rgba(243,212,194,.55);\n  box-shadow:0 0 0 4px rgba(243,212,194,.10);\n  background:rgba(255,255,255,.14);\n}\n\n.hrx-ba-file-upload{\n  position:relative;\n  min-height:92px;\n  border:1px dashed rgba(243,212,194,.46);\n  border-radius:20px;\n  padding:18px;\n  background:rgba(255,255,255,.075);\n  cursor:pointer;\n  transition:.25s ease;\n}\n\n.hrx-ba-file-upload:hover{\n  border-color:rgba(243,212,194,.82);\n  background:rgba(243,212,194,.10);\n}\n\n.hrx-ba-file-upload input{\n  position:absolute;\n  inset:0;\n  opacity:0;\n  cursor:pointer;\n  width:100%;\n  height:100%;\n}\n\n.hrx-ba-file-upload strong{\n  display:block;\n  color:#fff;\n  font-size:15px;\n  line-height:1.2;\n  font-weight:900;\n  margin-bottom:7px;\n}\n\n.hrx-ba-file-upload small{\n  display:block;\n  color:rgba(255,255,255,.64);\n  font-size:12.5px;\n  line-height:1.5;\n  font-weight:600;\n}\n\n.hrx-ba-check{\n  display:grid !important;\n  grid-template-columns:18px 1fr;\n  gap:10px !important;\n  align-items:start;\n}\n\n.hrx-ba-check input{\n  width:18px;\n  height:18px;\n  margin:2px 0 0;\n  accent-color:#b30d3d;\n}\n\n.hrx-ba-check small{\n  color:rgba(255,255,255,.72);\n  font-size:11.5px;\n  line-height:1.5;\n  font-weight:500;\n}\n\n.hrx-ba-honey{\n  position:absolute !important;\n  left:-9999px !important;\n  opacity:0 !important;\n  pointer-events:none !important;\n  width:1px !important;\n  height:1px !important;\n}\n\n.hrx-ba-lead-error{\n  display:none;\n  margin:0;\n  padding:12px 14px;\n  border-radius:14px;\n  color:#fff;\n  background:rgba(179,13,61,.92);\n  font-size:12.5px;\n  line-height:1.5;\n  font-weight:700;\n}\n\n.hrx-ba-lead-error.is-active{\n  display:block;\n}\n\n.hrx-ba-lead-success{\n  display:none;\n  padding:13px 14px;\n  border-radius:16px;\n  background:rgba(243,212,194,.12);\n  border:1px solid rgba(243,212,194,.22);\n}\n\n.hrx-ba-lead-success.is-active{\n  display:block;\n}\n\n.hrx-ba-lead-success strong{\n  display:block;\n  color:#f3d4c2;\n  font-size:14px;\n  margin-bottom:4px;\n}\n\n.hrx-ba-lead-success span{\n  display:block;\n  color:rgba(255,255,255,.76);\n  font-size:12.5px;\n  line-height:1.5;\n  font-weight:600;\n}\n\n.hrx-ba-lead-form button[type=\"submit\"]{\n  width:100%;\n  min-height:58px;\n  border:0;\n  border-radius:999px;\n  color:#fff;\n  cursor:pointer;\n  background:linear-gradient(135deg,#b30d3d,#83072a);\n  box-shadow:0 16px 34px rgba(179,13,61,.26);\n  font-size:14px;\n  line-height:1.2;\n  font-weight:900;\n  transition:.3s ease;\n}\n\n.hrx-ba-lead-form button[type=\"submit\"]:hover{\n  transform:translateY(-3px);\n}\n\n.hrx-ba-lead-form button[type=\"submit\"].is-loading{\n  opacity:.72;\n  pointer-events:none;\n}\n\n.hrx-ba-lightbox{\n  position:fixed;\n  inset:0;\n  z-index:9999999;\n  display:none;\n  align-items:center;\n  justify-content:center;\n  padding:24px;\n  background:rgba(9,14,24,.88);\n  backdrop-filter:blur(10px);\n}\n\n.hrx-ba-lightbox.is-open{\n  display:flex;\n}\n\n.hrx-ba-lightbox img{\n  max-width:min(1100px,96vw);\n  max-height:86vh;\n  border-radius:24px;\n  box-shadow:0 30px 90px rgba(0,0,0,.45);\n  background:#fff;\n}\n\n.hrx-ba-lightbox-close{\n  position:absolute;\n  top:22px;\n  right:22px;\n  width:48px;\n  height:48px;\n  border-radius:50%;\n  border:0;\n  color:#fff;\n  background:linear-gradient(135deg,#b30d3d,#17243a);\n  font-size:34px;\n  line-height:1;\n  cursor:pointer;\n  box-shadow:0 14px 34px rgba(0,0,0,.25);\n}\n\n.hrx-ba-reveal{\n  opacity:0;\n  transform:translateY(34px);\n  transition:opacity .75s ease,transform .75s ease;\n}\n\n.hrx-ba-reveal.is-visible{\n  opacity:1;\n  transform:translateY(0);\n}\n\n@media (max-width:1180px){\n  .hrx-ba-hero-grid,\n  .hrx-ba-lead-section{\n    grid-template-columns:1fr;\n  }\n\n  .hrx-ba-gallery,\n  .hrx-ba-card-grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .hrx-ba-timeline-grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .hrx-ba-visual,\n  .hrx-ba-visual img{\n    min-height:520px;\n    height:520px;\n  }\n}\n\n@media (max-width:820px){\n  .hrx-ba-container{\n    width:calc(100% - 22px);\n  }\n\n  .hrx-ba-hero{\n    padding:72px 0 54px;\n  }\n\n  .hrx-ba-hero h1{\n    font-size:38px;\n    letter-spacing:-1.4px;\n  }\n\n  .hrx-ba-hero-actions{\n    display:grid;\n  }\n\n  .hrx-ba-hero-actions a{\n    width:100%;\n  }\n\n  .hrx-ba-visual,\n  .hrx-ba-visual img{\n    min-height:430px;\n    height:430px;\n  }\n\n  .hrx-ba-panel,\n  .hrx-ba-gallery-wrap,\n  .hrx-ba-timeline,\n  .hrx-ba-dark,\n  .hrx-ba-lead-section{\n    padding:28px;\n    border-radius:28px;\n  }\n\n  .hrx-ba-section{\n    margin-top:68px;\n  }\n\n  .hrx-ba-panel h2,\n  .hrx-ba-gallery-head h2,\n  .hrx-ba-dark h2,\n  .hrx-ba-timeline h2,\n  .hrx-ba-lead-copy h2{\n    font-size:30px;\n    letter-spacing:-1px;\n  }\n\n  .hrx-ba-gallery-head{\n    display:grid;\n    align-items:start;\n  }\n\n  .hrx-ba-filter{\n    justify-content:flex-start;\n  }\n\n  .hrx-ba-gallery,\n  .hrx-ba-card-grid,\n  .hrx-ba-timeline-grid,\n  .hrx-ba-lead-benefits,\n  .hrx-ba-form-grid{\n    grid-template-columns:1fr;\n  }\n\n  .hrx-ba-card button{\n    height:270px;\n  }\n\n  .hrx-ba-note{\n    display:grid;\n  }\n\n  .hrx-ba-lead-section{\n    margin-bottom:70px;\n  }\n\n  .hrx-ba-lead-form-card{\n    padding:24px 20px;\n    border-radius:26px;\n  }\n\n  .hrx-ba-lead-form-head h3{\n    font-size:26px;\n  }\n\n  .hrx-ba-direct-links{\n    display:grid;\n  }\n\n  .hrx-ba-direct-links a{\n    width:100%;\n  }\n}\n\n@media (max-width:520px){\n  .hrx-ba-visual,\n  .hrx-ba-visual img{\n    min-height:360px;\n    height:360px;\n  }\n\n  .hrx-ba-visual-card{\n    left:14px;\n    right:14px;\n    bottom:14px;\n    padding:18px;\n    border-radius:20px;\n  }\n\n  .hrx-ba-visual-card strong{\n    font-size:16px;\n  }\n\n  .hrx-ba-kicker,\n  .hrx-ba-label{\n    font-size:10.5px;\n  }\n\n  .hrx-ba-kicker i{\n    width:30px;\n  }\n\n  .hrx-ba-hero h1{\n    font-size:34px;\n  }\n\n  .hrx-ba-card button{\n    height:245px;\n  }\n\n  .hrx-ba-lightbox-close{\n    width:42px;\n    height:42px;\n    font-size:28px;\n  }\n}\n\n@media (prefers-reduced-motion:reduce){\n  .hrx-ba-reveal,\n  .hrx-ba-btn,\n  .hrx-ba-card,\n  .hrx-ba-card button img,\n  .hrx-ba-direct-links a,\n  .hrx-ba-lead-form button[type=\"submit\"]{\n    transition:none !important;\n    animation:none !important;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n  const page = document.getElementById(\"hrxBeforeAfterResults\");\n  if(!page) return;\n\n  const progress = document.getElementById(\"hrxBaProgress\");\n\n  function updateProgress(){\n    if(!progress) return;\n    const doc = document.documentElement;\n    const scrollTop = doc.scrollTop || document.body.scrollTop;\n    const scrollHeight = doc.scrollHeight - doc.clientHeight;\n    const percent = scrollHeight > 0 ? (scrollTop \/ scrollHeight) * 100 : 0;\n    progress.style.width = percent + \"%\";\n  }\n\n  window.addEventListener(\"scroll\", updateProgress, { passive:true });\n  updateProgress();\n\n  const revealItems = page.querySelectorAll(\".hrx-ba-reveal\");\n\n  if(\"IntersectionObserver\" in window){\n    const observer = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if(entry.isIntersecting){\n          entry.target.classList.add(\"is-visible\");\n        }\n      });\n    }, { threshold:0.12 });\n\n    revealItems.forEach(function(item,index){\n      item.style.transitionDelay = Math.min(index * 0.035, 0.34) + \"s\";\n      observer.observe(item);\n    });\n  }else{\n    revealItems.forEach(function(item){\n      item.classList.add(\"is-visible\");\n    });\n  }\n\n  const filterButtons = page.querySelectorAll(\".hrx-ba-filter button\");\n  const resultCards = page.querySelectorAll(\".hrx-ba-card\");\n\n  filterButtons.forEach(function(button){\n    button.addEventListener(\"click\", function(){\n      const filter = button.getAttribute(\"data-filter\");\n\n      filterButtons.forEach(function(btn){\n        btn.classList.remove(\"is-active\");\n      });\n\n      button.classList.add(\"is-active\");\n\n      resultCards.forEach(function(card){\n        const category = card.getAttribute(\"data-category\");\n        const show = filter === \"all\" || category === filter;\n\n        card.style.display = show ? \"\" : \"none\";\n      });\n    });\n  });\n\n  const lightbox = document.getElementById(\"hrxBaLightbox\");\n  const lightboxImg = document.getElementById(\"hrxBaLightboxImg\");\n  const closeBtn = document.getElementById(\"hrxBaClose\");\n  const imageButtons = page.querySelectorAll(\".hrx-ba-card button[data-img]\");\n\n  imageButtons.forEach(function(button){\n    button.addEventListener(\"click\", function(){\n      const img = button.getAttribute(\"data-img\");\n\n      if(lightbox && lightboxImg && img){\n        lightboxImg.src = img;\n        lightbox.classList.add(\"is-open\");\n        lightbox.setAttribute(\"aria-hidden\",\"false\");\n      }\n    });\n  });\n\n  function closeLightbox(){\n    if(!lightbox || !lightboxImg) return;\n    lightbox.classList.remove(\"is-open\");\n    lightbox.setAttribute(\"aria-hidden\",\"true\");\n    lightboxImg.src = \"\";\n  }\n\n  if(closeBtn){\n    closeBtn.addEventListener(\"click\", closeLightbox);\n  }\n\n  if(lightbox){\n    lightbox.addEventListener(\"click\", function(e){\n      if(e.target === lightbox){\n        closeLightbox();\n      }\n    });\n  }\n\n  document.addEventListener(\"keydown\", function(e){\n    if(e.key === \"Escape\"){\n      closeLightbox();\n    }\n  });\n\n  const leadForm = document.getElementById(\"hrxBaInlineForm\");\n  const photoInput = document.getElementById(\"hrxBaPhotoUpload\");\n  const fileName = document.getElementById(\"hrxBaFileName\");\n  const leadError = document.getElementById(\"hrxBaLeadError\");\n  const leadSuccess = document.getElementById(\"hrxBaLeadSuccess\");\n  const leadSubmit = document.getElementById(\"hrxBaLeadSubmit\");\n\n  if(photoInput && fileName){\n    photoInput.addEventListener(\"change\", function(){\n      const count = photoInput.files ? photoInput.files.length : 0;\n\n      if(count === 0){\n        fileName.textContent = \"Front, top, donor area or current hair photos\";\n      }else if(count === 1){\n        fileName.textContent = photoInput.files[0].name;\n      }else{\n        fileName.textContent = count + \" photos selected\";\n      }\n    });\n  }\n\n  function showLeadError(message){\n    if(!leadError) return;\n\n    leadError.textContent = message;\n    leadError.classList.add(\"is-active\");\n\n    if(leadSuccess){\n      leadSuccess.classList.remove(\"is-active\");\n    }\n  }\n\n  function showLeadSuccess(){\n    if(leadSuccess){\n      leadSuccess.classList.add(\"is-active\");\n    }\n\n    if(leadError){\n      leadError.textContent = \"\";\n      leadError.classList.remove(\"is-active\");\n    }\n  }\n\n  function setLeadLoading(isLoading){\n    if(!leadSubmit) return;\n\n    if(isLoading){\n      leadSubmit.classList.add(\"is-loading\");\n      leadSubmit.textContent = \"Sending...\";\n      leadSubmit.disabled = true;\n    }else{\n      leadSubmit.classList.remove(\"is-loading\");\n      leadSubmit.textContent = \"Send My Offer Request\";\n      leadSubmit.disabled = false;\n    }\n  }\n\n  if(leadForm){\n    const createdAt = Date.now();\n\n    leadForm.addEventListener(\"submit\", function(e){\n      e.preventDefault();\n\n      if(leadError){\n        leadError.textContent = \"\";\n        leadError.classList.remove(\"is-active\");\n      }\n\n      if(leadSuccess){\n        leadSuccess.classList.remove(\"is-active\");\n      }\n\n      const honey = leadForm.querySelector('input[name=\"_honey\"]');\n      const elapsedSeconds = (Date.now() - createdAt) \/ 1000;\n\n      if(honey && honey.value.trim() !== \"\"){\n        showLeadError(\"Submission blocked. Please try again.\");\n        return;\n      }\n\n      if(elapsedSeconds < 2){\n        showLeadError(\"Please wait a few seconds before submitting the form.\");\n        return;\n      }\n\n      if(!leadForm.checkValidity()){\n        leadForm.reportValidity();\n        return;\n      }\n\n      setLeadLoading(true);\n\n      fetch(leadForm.action, {\n        method:\"POST\",\n        body:new FormData(leadForm),\n        headers:{ \"Accept\":\"application\/json\" }\n      })\n      .then(function(response){\n        if(response.ok){\n          leadForm.reset();\n\n          if(fileName){\n            fileName.textContent = \"Front, top, donor area or current hair photos\";\n          }\n\n          showLeadSuccess();\n        }else{\n          showLeadError(\"Your request could not be sent. Please contact Haarex Clinic on WhatsApp.\");\n        }\n      })\n      .catch(function(){\n        showLeadError(\"Connection error. Please contact Haarex Clinic on WhatsApp.\");\n      })\n      .finally(function(){\n        setLeadLoading(false);\n      });\n    });\n  }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HAAREX CLINIC ANTALYA Before After Results Before After Results show real visual examples of hair restoration planning, natural hairline design, density improvement and donor area management. At Haarex Clinic, each result is evaluated according to the patient\u2019s hair loss pattern, donor area strength, graft planning, technique suitability and recovery process. Hair transplant results are personal.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-7790","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.haarexclinic.com\/tr\/wp-json\/wp\/v2\/pages\/7790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.haarexclinic.com\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.haarexclinic.com\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.haarexclinic.com\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.haarexclinic.com\/tr\/wp-json\/wp\/v2\/comments?post=7790"}],"version-history":[{"count":12,"href":"https:\/\/www.haarexclinic.com\/tr\/wp-json\/wp\/v2\/pages\/7790\/revisions"}],"predecessor-version":[{"id":9703,"href":"https:\/\/www.haarexclinic.com\/tr\/wp-json\/wp\/v2\/pages\/7790\/revisions\/9703"}],"wp:attachment":[{"href":"https:\/\/www.haarexclinic.com\/tr\/wp-json\/wp\/v2\/media?parent=7790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}