{"id":179,"date":"2026-07-07T13:53:51","date_gmt":"2026-07-07T13:53:51","guid":{"rendered":"https:\/\/atc-hairtransplant.com\/?page_id=179"},"modified":"2026-10-11T11:14:50","modified_gmt":"2026-10-11T11:14:50","slug":"%d9%82%d8%a8%d9%84-%d9%88%d8%a8%d8%b9%d8%af","status":"publish","type":"page","link":"https:\/\/atc-hairtransplant.com\/ar\/%d8%a7%d9%84%d9%86%d8%aa%d8%a7%d8%a6%d8%ac\/%d9%82%d8%a8%d9%84-%d9%88%d8%a8%d8%b9%d8%af\/","title":{"rendered":"\u0642\u0628\u0644 \u0648\u0628\u0639\u062f"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"179\" class=\"elementor elementor-179\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d04aca4 e-flex e-con-boxed jltma-glass-effect-no wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"d04aca4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21d1734 jltma-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"21d1734\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ATC BEFORE & AFTER v2 \u2014 paste this entire block into the page's Elementor HTML widget (replaces the old block) -->\r\n<!-- Same design system as the homepage v2: Source Sans 3 (EN), El Messiri + Noto Sans Arabic (AR), champagne gold + plum -->\r\n<!-- HOW TO ADD A CASE: copy one <article class=\"ba-case\"> inside the gallery, set data-cat (hair | beard | eyebrow | scar | women),\r\n     swap the image URL(s), title and meta chips. Two card types exist:\r\n       1) Photo card  \u2014 one combined before\/after image (what the site has today).\r\n       2) Slider card \u2014 separate BEFORE and AFTER photos, same angle and light; visitors drag to compare.\r\n     Category tabs, filtering and links like  \/before-after\/#beard  work automatically. -->\r\n<!-- A third card type, the REVEAL card (tap Before \/ After), is the recommended style for new cases; its template is in the gallery. -->\r\n<style>\r\n  .page-header{display:none !important;}\r\n<\/style>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Source+Sans+3:ital,wght@0,400;0,600;0,700;1,400&family=El+Messiri:wght@500;600;700&family=Noto+Sans+Arabic:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* ===== BASE (matches #atc-home tokens) ===== *\/\r\n  #atc-ba{\r\n    --ink:#170c1d; --ink-2:#24132f; --violet:#512b68; --violet-2:#744594;\r\n    --gold:#C9A96E; --gold-2:#E5D5B5; --gold-deep:#B88A45;\r\n    --gold-grad:linear-gradient(135deg,#E5D5B5 0%,#C9A96E 55%,#B88A45 100%);\r\n    --gold-grad-h:linear-gradient(135deg,#D9C59E 0%,#BF9D5E 55%,#A9793A 100%);\r\n    --paper:#fbf8fc; --lav:#fbf2fd; --lav-line:#ead8ec; --cream:#fdf8ef;\r\n    --green:#286b59;\r\n    --text:#28242c; --body:#4a4450; --muted:#6d6772;\r\n    --line:rgba(50,31,56,.14);\r\n    --f-latin:'Source Sans 3','Segoe UI',system-ui,sans-serif;\r\n    --f-ar-head:'El Messiri','Noto Sans Arabic',Tahoma,sans-serif;\r\n    --f-ar-body:'Noto Sans Arabic',Tahoma,sans-serif;\r\n    --ease:cubic-bezier(.2,.7,.2,1);\r\n    --ba-top:72px; \/* height of the site's sticky header; updated by the script below *\/\r\n    --art-fol:url('data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAgMjIwIiBmaWxsPSJub25lIiBzdHJva2U9IiM1MTJiNjgiIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik02MCA0Yy00IDQwIDYgNzggMCAxMjAiLz48cGF0aCBkPSJNNDggMTI0Yy0yMCAxMi0yNiAzOC0xNiA1OCAxMCAyMCA0NCAyMiA1NiAyIDEyLTIyIDQtNTAtMTgtNjAiLz48cGF0aCBkPSJNNDggMTY4YzYtMTAgMTgtMTAgMjQgMCIvPjxlbGxpcHNlIGN4PSI4MiIgY3k9Ijk0IiByeD0iMTIiIHJ5PSIxOCIvPjxwYXRoIGQ9Ik0zMCAxNDBjLTE2LTQtMjYgNi0yOCAxOCIvPjwvc3ZnPg==');\r\n    --art-pen:url('data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCAyMzAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzUxMmI2OCIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iMTYiIHk9IjQiIHdpZHRoPSIyOCIgaGVpZ2h0PSIxNTAiIHJ4PSIxNCIvPjxwYXRoIGQ9Ik0zMCAxNTR2MjRNMjQgMTc4aDEyTTMwIDE3OHY0MCIvPjxwYXRoIGQ9Ik0yMiA0MGgxNiIvPjxjaXJjbGUgY3g9IjMwIiBjeT0iODAiIHI9IjUiLz48L3N2Zz4=');\r\n    font-family:var(--f-latin);font-size:17px;line-height:1.6;color:var(--text);background:#fff;\r\n    width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);\r\n    overflow-x:hidden;overflow-x:clip; \/* clip (not hidden) so the sticky tab bar keeps working *\/\r\n    -webkit-font-smoothing:antialiased;\r\n  }\r\n  html[lang^=\"ar\"] #atc-ba{font-family:var(--f-ar-body);line-height:1.8}\r\n  html[lang^=\"ar\"] #atc-ba h1,html[lang^=\"ar\"] #atc-ba h2,html[lang^=\"ar\"] #atc-ba h3{font-family:var(--f-ar-head);letter-spacing:0;line-height:1.4}\r\n  html[lang^=\"ar\"] #atc-ba .ba-kicker,html[lang^=\"ar\"] #atc-ba .ba-tabs button,html[lang^=\"ar\"] #atc-ba .ba-case-tag,html[lang^=\"ar\"] #atc-ba .ba-sub{letter-spacing:0;text-transform:none}\r\n\r\n  #atc-ba,#atc-ba *{box-sizing:border-box}\r\n  #atc-ba a{text-decoration:none;color:inherit}\r\n  #atc-ba img{display:block;max-width:100%}\r\n  #atc-ba button{font:inherit}\r\n  #atc-ba h1,#atc-ba h2,#atc-ba h3,#atc-ba h4{font-family:var(--f-latin);margin:0;font-weight:600;line-height:1.1;text-wrap:balance;color:var(--ink)}\r\n  #atc-ba h2{font-size:clamp(30px,3.6vw,46px);letter-spacing:-.02em}\r\n  #atc-ba h3{font-size:19px;line-height:1.3}\r\n  #atc-ba p{margin:0}\r\n  #atc-ba ul,#atc-ba ol{margin:0;padding:0;list-style:none}\r\n  #atc-ba :focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:8px}\r\n  #atc-ba .ba-shell{width:min(1180px,calc(100% - 48px));margin:0 auto}\r\n  #atc-ba .ba-kicker{display:flex;align-items:center;gap:12px;font-size:12.5px;font-weight:700;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:var(--violet)}\r\n  #atc-ba .ba-kicker:before{content:'';width:35px;height:1px;background:var(--gold)}\r\n  #atc-ba .ba-lead{font-size:17.5px;line-height:1.7;color:var(--muted)}\r\n  #atc-ba .ba-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:34px}\r\n  #atc-ba .ba-head h2{margin-top:14px}\r\n  #atc-ba .ba-head .ba-lead{max-width:440px}\r\n\r\n  \/* Buttons *\/\r\n  #atc-ba .ba-btn{min-height:52px;padding:0 26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:15.5px;font-weight:600;border:1.5px solid transparent;transition:transform .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease);cursor:pointer}\r\n  #atc-ba .ba-btn:hover{transform:translateY(-2px)}\r\n  #atc-ba .ba-btn-gold{background:var(--gold-grad);color:var(--ink);border:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 16px rgba(184,138,69,.18)}\r\n  #atc-ba .ba-btn-gold:hover{background:var(--gold-grad-h)}\r\n  #atc-ba .ba-btn-dark{background:var(--ink);color:#fff}\r\n  #atc-ba .ba-btn-dark:hover{background:var(--violet)}\r\n  #atc-ba .ba-btn-light{border-color:rgba(81,43,104,.32);background:#fff;color:var(--violet)}\r\n  #atc-ba .ba-btn-light:hover{border-color:var(--violet)}\r\n  #atc-ba .ba-link{color:var(--violet);font-weight:700;border-bottom:1px solid var(--gold)}\r\n  #atc-ba .ba-link:hover{color:var(--gold-deep)}\r\n  #atc-ba .ba-wa{width:20px;height:20px;flex:none}\r\n\r\n  \/* Clinical line-art: two drawings per section, in the side margins, away from text *\/\r\n  #atc-ba .ba-pat{position:relative;isolation:isolate}\r\n  #atc-ba .ba-pat:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.26}\r\n  #atc-ba .ba-hero:before{background:var(--art-pen) calc(100% - 10px) 30px\/38px auto no-repeat,var(--art-fol) -18px calc(100% - 40px)\/92px auto no-repeat}\r\n  #atc-ba .ba-p1:before{background:var(--art-fol) -10px 160px\/84px auto no-repeat,var(--art-pen) calc(100% - 6px) calc(100% - 120px)\/36px auto no-repeat}\r\n  #atc-ba .ba-p2:before{background:var(--art-pen) 4px 60px\/36px auto no-repeat,var(--art-fol) calc(100% + 14px) calc(100% - 60px)\/84px auto no-repeat}\r\n  @media(max-width:1260px){#atc-ba .ba-pat:before{display:none}}\r\n\r\n  \/* ===== HERO v3 \u2014 cinematic: \"Before. \/ After.\" type + a moving wall of real results ===== *\/\r\n  #atc-ba .ba-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:64px 0 0;background:\r\n      radial-gradient(760px 520px at 78% 30%,rgba(201,169,110,.22),transparent 62%),\r\n      radial-gradient(700px 520px at 0% 100%,rgba(116,69,148,.45),transparent 62%),\r\n      linear-gradient(160deg,#120818 0%,var(--ink) 45%,#2a1636 100%)}\r\n  #atc-ba .ba-hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;background:\r\n      repeating-linear-gradient(90deg,rgba(229,213,181,.05) 0 1px,transparent 1px 120px)}\r\n  #atc-ba .ba-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;min-height:620px}\r\n  #atc-ba .ba-hero-copy{padding-bottom:64px}\r\n  #atc-ba .ba-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;color:rgba(255,255,255,.6);margin-bottom:22px}\r\n  #atc-ba .ba-crumb a{color:var(--gold-2);font-weight:600}\r\n  #atc-ba .ba-hero .ba-kicker{color:var(--gold-2)}\r\n  #atc-ba .ba-hero h1{margin:18px 0 22px;color:#fff;font-weight:700;line-height:.9;letter-spacing:-.045em}\r\n  #atc-ba .ba-hero h1 span{display:block}\r\n  #atc-ba .ba-h-before{font-size:clamp(64px,8.6vw,124px);color:transparent;-webkit-text-stroke:1.5px rgba(229,213,181,.75);font-style:italic}\r\n  #atc-ba .ba-h-after{font-size:clamp(64px,8.6vw,124px);background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:6px}\r\n  #atc-ba .ba-h-sub{margin-top:14px;font-size:clamp(22px,2.2vw,30px);font-weight:600;letter-spacing:-.01em;line-height:1.2;color:#fff}\r\n  #atc-ba .ba-hero-text{max-width:470px;font-size:18px;line-height:1.65;color:rgba(255,255,255,.74)}\r\n  #atc-ba .ba-hero-text b{color:#fff}\r\n  #atc-ba .ba-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px}\r\n  #atc-ba .ba-cta-main{display:inline-flex;align-items:center;gap:14px;min-height:60px;padding:0 8px 0 28px;border-radius:999px;background:var(--gold-grad);color:var(--ink);font-size:16.5px;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 30px rgba(184,138,69,.3);transition:background .2s var(--ease),transform .2s var(--ease)}\r\n  html[dir=\"rtl\"] #atc-ba .ba-cta-main{padding:0 28px 0 8px}\r\n  #atc-ba .ba-cta-main i{width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--gold-2);display:grid;place-items:center;font-style:normal}\r\n  #atc-ba .ba-cta-main i svg{width:20px;height:20px}\r\n  #atc-ba .ba-cta-main:hover{background:var(--gold-grad-h);transform:translateY(-2px)}\r\n  #atc-ba .ba-cta-ghost{display:inline-flex;align-items:center;gap:10px;min-height:60px;padding:0 24px;border-radius:999px;color:#fff;font-size:16px;font-weight:600;border:1.5px solid rgba(255,255,255,.3);transition:border-color .2s var(--ease),transform .2s var(--ease)}\r\n  #atc-ba .ba-cta-ghost:hover{border-color:var(--gold-2);transform:translateY(-2px)}\r\n  #atc-ba .ba-cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}\r\n  #atc-ba .ba-cats a{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(229,213,181,.25);font-size:14px;font-weight:600;color:rgba(255,255,255,.88);transition:border-color .2s var(--ease),background .2s var(--ease)}\r\n  #atc-ba .ba-cats a:hover{border-color:var(--gold-2);background:rgba(229,213,181,.12)}\r\n  #atc-ba .ba-trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px;padding-top:22px;border-top:1px solid rgba(229,213,181,.18);font-size:14px;color:rgba(255,255,255,.7)}\r\n  #atc-ba .ba-trust b{color:var(--gold-2);font-weight:700}\r\n  #atc-ba .ba-trust .ba-stars{color:var(--gold);letter-spacing:1px}\r\n\r\n  \/* moving wall: three columns drifting at different speeds *\/\r\n  #atc-ba .ba-wall{position:relative;align-self:stretch;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;height:680px;margin-top:-64px;overflow:hidden;\r\n      -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%)}\r\n  #atc-ba .ba-col{display:flex;flex-direction:column;gap:14px;animation:baUp 46s linear infinite}\r\n  #atc-ba .ba-col:nth-child(2){animation-name:baDown;animation-duration:54s;margin-top:-80px}\r\n  #atc-ba .ba-col:nth-child(3){animation-duration:40s}\r\n  #atc-ba .ba-wall:hover .ba-col{animation-play-state:paused}\r\n  #atc-ba .ba-tile{position:relative;flex:none;margin:0;aspect-ratio:4\/5;border-radius:20px;overflow:hidden;background:var(--ink-2);border:1px solid rgba(229,213,181,.3);box-shadow:0 18px 40px rgba(0,0,0,.35)}\r\n  #atc-ba .ba-tile img{width:100%;height:100%;object-fit:cover}\r\n  #atc-ba .ba-tile figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 11px;background:linear-gradient(180deg,transparent,rgba(18,8,24,.9));font-size:13px;font-weight:700;color:#fff}\r\n  #atc-ba .ba-tile figcaption:before{content:'';display:inline-block;width:7px;height:7px;margin-inline-end:7px;border-radius:50%;background:var(--gold);vertical-align:middle}\r\n  @keyframes baUp{from{transform:translateY(0)}to{transform:translateY(-50%)}}\r\n  @keyframes baDown{from{transform:translateY(-50%)}to{transform:translateY(0)}}\r\n\r\n  \/* gold ticker under the hero *\/\r\n  #atc-ba .ba-ticker{overflow:hidden;background:var(--gold-grad);color:var(--ink);border-block:1px solid rgba(23,12,29,.15)}\r\n  #atc-ba .ba-ticker-track{display:flex;width:max-content;animation:baSlide 36s linear infinite}\r\n  #atc-ba .ba-ticker span{display:inline-flex;align-items:center;gap:22px;padding:14px 11px;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}\r\n  #atc-ba .ba-ticker span:after{content:'\u2726';font-size:12px;color:var(--violet)}\r\n  @keyframes baSlide{from{transform:translateX(0)}to{transform:translateX(-50%)}}\r\n  html[lang^=\"ar\"] #atc-ba .ba-ticker span{letter-spacing:0}\r\n  @media(prefers-reduced-motion:reduce){#atc-ba .ba-col,#atc-ba .ba-ticker-track{animation:none}}\r\n\r\n  \/* ===== RESULTS: sticky category tabs + gallery ===== *\/\r\n  #atc-ba .ba-results{padding:30px 0 76px;scroll-margin-top:calc(var(--ba-top) + 10px)}\r\n  #atc-ba .ba-tabwrap{position:sticky;top:calc(var(--ba-top) + 10px);z-index:40;margin-bottom:30px}\r\n  #atc-ba .ba-tabs{display:flex;align-items:center;gap:6px;padding:6px;border-radius:999px;background:rgba(23,12,29,.93);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 34px rgba(23,12,29,.22);overflow-x:auto;scrollbar-width:none}\r\n  #atc-ba .ba-tabs::-webkit-scrollbar{display:none}\r\n  #atc-ba .ba-tabs button{flex:none;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border:0;border-radius:999px;background:transparent;font-size:14.5px;font-weight:600;color:rgba(255,255,255,.74);white-space:nowrap;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease)}\r\n  #atc-ba .ba-tabs button:hover{color:#fff;background:rgba(255,255,255,.08)}\r\n  #atc-ba .ba-tabs button[aria-selected=\"true\"]{background:var(--gold-grad);color:var(--ink)}\r\n  #atc-ba .ba-tabs svg{width:18px;height:18px;flex:none}\r\n  #atc-ba .ba-tabs .ba-tab-cta{margin-inline-start:auto;background:rgba(229,213,181,.14);color:var(--gold-2);padding:11px 18px;border-radius:999px;font-size:14px;font-weight:700;white-space:nowrap}\r\n  #atc-ba .ba-tabs .ba-tab-cta:hover{background:rgba(229,213,181,.24)}\r\n\r\n  \/* category pitch panel (changes with the tab) *\/\r\n  #atc-ba .ba-pitch{display:none;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:30px 34px;margin-bottom:26px;border-radius:24px;background:linear-gradient(160deg,#fff 0%,var(--lav) 100%);border:1px solid var(--lav-line)}\r\n  #atc-ba .ba-pitch.is-on{display:grid}\r\n  #atc-ba .ba-pitch h2{font-size:clamp(28px,3.2vw,40px);margin:12px 0 10px}\r\n  #atc-ba .ba-pitch p{color:var(--muted);font-size:16.5px;line-height:1.65;max-width:520px}\r\n  #atc-ba .ba-pitch-side{display:grid;gap:16px}\r\n  #atc-ba .ba-ticks{display:grid;gap:9px}\r\n  #atc-ba .ba-ticks li{display:flex;gap:11px;align-items:flex-start;font-size:16px;line-height:1.5;color:var(--body);font-weight:600}\r\n  #atc-ba .ba-ticks li:before{content:'\u2713';flex:none;width:23px;height:23px;margin-top:1px;border-radius:50%;display:grid;place-items:center;background:#e3efe9;color:var(--green);font-size:12px;font-weight:700}\r\n  #atc-ba .ba-pitch-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}\r\n  #atc-ba .ba-pitch-actions .ba-link{font-size:15px}\r\n\r\n  \/* gallery *\/\r\n  #atc-ba .ba-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}\r\n  #atc-ba .ba-case{display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--lav-line);box-shadow:0 18px 45px rgba(40,17,48,.08);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}\r\n  #atc-ba .ba-case:hover{transform:translateY(-6px);border-color:rgba(201,169,110,.6);box-shadow:0 28px 60px rgba(40,17,48,.14)}\r\n  #atc-ba .ba-case[hidden]{display:none}\r\n  #atc-ba .ba-case-img{position:relative;display:block;width:100%;padding:0;border:0;margin:0;aspect-ratio:4\/5;overflow:hidden;background:var(--ink-2);cursor:zoom-in}\r\n  #atc-ba .ba-case-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease)}\r\n  #atc-ba .ba-case:hover .ba-case-img img{transform:scale(1.03)}\r\n  #atc-ba .ba-case-tag{position:absolute;z-index:3;top:14px;inset-inline-start:14px;padding:6px 12px;border-radius:999px;background:rgba(23,12,29,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--gold-2);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}\r\n  #atc-ba .ba-zoom{position:absolute;z-index:2;top:12px;inset-inline-end:12px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--violet);font-size:16px;box-shadow:0 6px 16px rgba(23,12,29,.14)}\r\n  #atc-ba .ba-case-info{flex:1;display:flex;flex-direction:column;gap:12px;padding:20px 22px 22px}\r\n  #atc-ba .ba-case-info h3{font-size:20px}\r\n  #atc-ba .ba-meta{display:flex;flex-wrap:wrap;gap:6px}\r\n  #atc-ba .ba-meta li{padding:5px 11px;border-radius:999px;background:var(--paper);border:1px solid var(--lav-line);font-size:13px;font-weight:600;color:var(--violet)}\r\n  #atc-ba .ba-meta li.gold{background:var(--cream);border-color:rgba(201,169,110,.45);color:var(--gold-deep)}\r\n  #atc-ba .ba-case-cta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid var(--lav-line);font-size:15px;font-weight:700;color:var(--violet)}\r\n  #atc-ba .ba-case-cta span{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--gold-grad);color:var(--ink);transition:transform .2s var(--ease)}\r\n  #atc-ba .ba-case-cta:hover span{transform:translateX(3px)}\r\n  html[dir=\"rtl\"] #atc-ba .ba-case-cta:hover span{transform:translateX(-3px)}\r\n\r\n  \/* drag slider (for cases with separate before + after photos) *\/\r\n  #atc-ba .ba-slide{position:relative;aspect-ratio:4\/5;overflow:hidden;background:var(--ink-2);direction:ltr;--pos:50%;user-select:none;touch-action:pan-y}\r\n  #atc-ba .ba-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}\r\n  #atc-ba .ba-slide .ba-before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}\r\n  #atc-ba .ba-line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 12px rgba(23,12,29,.35);pointer-events:none}\r\n  #atc-ba .ba-line:after{content:'\u2039 \u203a';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--gold-grad);color:var(--ink);font-weight:700;font-size:17px;letter-spacing:2px;box-shadow:0 8px 20px rgba(23,12,29,.3)}\r\n  #atc-ba .ba-slide input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}\r\n  #atc-ba .ba-lbl{position:absolute;z-index:2;bottom:14px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}\r\n  #atc-ba .ba-lbl-b{left:14px;background:rgba(23,12,29,.78);color:#fff}\r\n  #atc-ba .ba-lbl-a{right:14px;background:var(--gold-grad);color:var(--ink)}\r\n\r\n  \/* \"Tap to reveal\" card (recommended style): BEFORE shows first, flips to AFTER when the card scrolls into view; visitors tap Before \/ After *\/\r\n  #atc-ba .ba-flip{position:relative;aspect-ratio:4\/5;overflow:hidden;background:var(--ink-2)}\r\n  #atc-ba .ba-flip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .7s var(--ease),transform 1.2s var(--ease)}\r\n  #atc-ba .ba-flip .ba-f-after{opacity:0;transform:scale(1.04)}\r\n  #atc-ba .ba-flip[data-state=\"after\"] .ba-f-after{opacity:1;transform:none}\r\n  #atc-ba .ba-flip.is-split img{width:200%;max-width:none}           \/* one combined image, BEFORE on the left half *\/\r\n  #atc-ba .ba-flip.is-split .ba-f-after{left:-100%}\r\n  #atc-ba .ba-flip:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(23,12,29,.6) 100%);pointer-events:none}\r\n  #atc-ba .ba-f-stamp{position:absolute;z-index:2;top:14px;inset-inline-end:14px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(23,12,29,.78);color:#fff;transition:background .3s var(--ease),color .3s var(--ease)}\r\n  #atc-ba .ba-flip[data-state=\"after\"] .ba-f-stamp{background:var(--gold-grad);color:var(--ink)}\r\n  #atc-ba .ba-f-stamp .a{display:none}\r\n  #atc-ba .ba-flip[data-state=\"after\"] .ba-f-stamp .a{display:inline}\r\n  #atc-ba .ba-flip[data-state=\"after\"] .ba-f-stamp .b{display:none}\r\n  #atc-ba .ba-f-toggle{position:absolute;z-index:3;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:4px;padding:5px;border-radius:999px;background:rgba(23,12,29,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(229,213,181,.3);direction:ltr}\r\n  #atc-ba .ba-f-toggle button{min-height:38px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:rgba(255,255,255,.8);font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .25s var(--ease),color .25s var(--ease)}\r\n  #atc-ba .ba-f-toggle button[aria-pressed=\"true\"]{background:var(--gold-grad);color:var(--ink)}\r\n\r\n  \/* ===== ATC CASE CARD (branded style from SIMO's designs): title, technique line, graft pill, BEFORE | AFTER split with a plum divider, wordmark ===== *\/\r\n  #atc-ba .ba-pcase{background:transparent;border:0;box-shadow:none;overflow:visible}\r\n  #atc-ba .ba-pcase:hover{box-shadow:none}\r\n  #atc-ba .ba-pc{position:relative;overflow:hidden;padding:22px 0 16px;border-radius:24px;text-align:center;color:var(--violet);background:\r\n      radial-gradient(420px 260px at 50% 0%,rgba(116,69,148,.10),transparent 70%),\r\n      linear-gradient(180deg,#f6eef8 0%,#fbf8fc 55%,#fff 100%);border:1px solid rgba(229,213,181,.55);box-shadow:0 26px 60px rgba(0,0,0,.35)}\r\n  #atc-ba .ba-pc:before{content:'';position:absolute;inset:8px;border:1px solid rgba(81,43,104,.12);border-radius:18px;pointer-events:none}\r\n  #atc-ba .ba-pc-title{font-size:clamp(22px,2.1vw,27px);font-weight:700;letter-spacing:-.02em;color:#4a2160;line-height:1.1;padding:0 14px}\r\n  #atc-ba .ba-pc-sub{margin-top:6px;padding:0 14px;font-size:12.5px;line-height:1.35;color:#4a2160;opacity:.85}\r\n  #atc-ba .ba-pc-grafts{position:relative;z-index:2;display:inline-block;margin-top:12px;padding:6px 16px;border-radius:999px;background:#4a2160;color:#fff;font-size:15px;font-weight:600;letter-spacing:.02em;box-shadow:0 0 0 3px #f6eef8;font-variant-numeric:tabular-nums}\r\n  #atc-ba .ba-pc-pair{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:-2px;padding-top:16px}\r\n  #atc-ba .ba-pc-pair:before{content:'';position:absolute;z-index:2;top:0;bottom:8px;left:50%;width:3px;margin-left:-1.5px;background:#4a2160;border-radius:3px}\r\n  #atc-ba .ba-pc-ph{position:relative;margin:0;aspect-ratio:3\/4.45;overflow:hidden}\r\n  #atc-ba .ba-pc-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .5s var(--ease);\r\n      -webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 78%,transparent 100%)}\r\n  #atc-ba .ba-pcase:hover .ba-pc-ph img{transform:scale(1.03)}\r\n  #atc-ba .ba-pc-ph figcaption{position:absolute;bottom:6px;width:74%;padding:7px 0;background:#4a2160;color:#fff;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}\r\n  #atc-ba .ba-pc-ph:first-child figcaption{inset-inline-start:0}\r\n  #atc-ba .ba-pc-ph:last-child figcaption{inset-inline-end:0}\r\n  #atc-ba .ba-pc-ph.is-after figcaption{background:linear-gradient(135deg,#4a2160 0%,#6b3a86 100%);box-shadow:inset 0 -3px 0 var(--gold)}\r\n  #atc-ba .ba-pc-logo{margin-top:10px;line-height:1.1}\r\n  #atc-ba .ba-pc-logo b{display:block;font-size:17px;font-weight:700;letter-spacing:.02em;color:#4a2160}\r\n  #atc-ba .ba-pc-logo small{display:block;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#4a2160;opacity:.8}\r\n  #atc-ba .ba-pcase .ba-case-info{padding:14px 4px 0;gap:8px}\r\n  #atc-ba .ba-pcase .ba-case-cta{margin-top:0;padding-top:0;border-top:0}\r\n  html[lang^=\"ar\"] #atc-ba .ba-pc-ph figcaption,html[lang^=\"ar\"] #atc-ba .ba-pc-logo small{letter-spacing:0}\r\n\r\n  \/* \"ask for more cases\" card *\/\r\n  #atc-ba .ba-ask{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;min-height:100%;padding:28px 26px;border-radius:24px;overflow:hidden;color:#fff;background:linear-gradient(180deg,rgba(23,12,29,.25) 0%,rgba(23,12,29,.88) 62%,rgba(23,12,29,.96) 100%),var(--ask-img,none) center\/cover no-repeat,var(--ink);border:1px solid rgba(229,213,181,.35);box-shadow:0 18px 45px rgba(40,17,48,.14)}\r\n  #atc-ba .ba-ask[hidden]{display:none}\r\n  #atc-ba .ba-ask .ba-case-tag{position:static;align-self:flex-start}\r\n  #atc-ba .ba-ask h3{color:#fff;font-size:24px;margin-top:auto;padding-top:120px}\r\n  #atc-ba .ba-ask p{color:rgba(255,255,255,.8);font-size:15.5px;line-height:1.6}\r\n  #atc-ba .ba-ask .ba-btn{align-self:flex-start;margin-top:6px}\r\n\r\n  #atc-ba .ba-honest{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:28px;font-size:14px;color:var(--muted);text-align:center}\r\n  #atc-ba .ba-honest span{display:inline-flex;align-items:center;gap:8px}\r\n  #atc-ba .ba-honest span:before{content:'\u2713';width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e3efe9;color:var(--green);font-size:11px;font-weight:700}\r\n\r\n  \/* ===== JOURNEY (dark band) ===== *\/\r\n  #atc-ba .ba-jour{position:relative;isolation:isolate;padding:76px 0;color:#fff;background:\r\n      radial-gradient(700px 420px at 90% 10%,rgba(201,169,110,.20),transparent 60%),\r\n      radial-gradient(600px 420px at 0% 100%,rgba(116,69,148,.35),transparent 60%),\r\n      linear-gradient(160deg,var(--ink) 0%,#2a1636 100%)}\r\n  #atc-ba .ba-jour .ba-kicker{color:var(--gold-2)}\r\n  #atc-ba .ba-jour h2{color:#fff}\r\n  #atc-ba .ba-jour .ba-lead{color:rgba(255,255,255,.75)}\r\n  #atc-ba .ba-time{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative}\r\n  #atc-ba .ba-time li{position:relative;display:flex;flex-direction:column;gap:12px}\r\n  #atc-ba .ba-time-img{position:relative;aspect-ratio:4\/5;border-radius:120px 120px 18px 18px;overflow:hidden;background:var(--ink-2);border:1px solid rgba(229,213,181,.3)}\r\n  #atc-ba .ba-time-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\r\n  #atc-ba .ba-time li:last-child .ba-time-img{border:2px solid var(--gold)}\r\n  #atc-ba .ba-time b{display:flex;align-items:center;gap:10px;color:var(--gold-2);font-size:16px}\r\n  #atc-ba .ba-time b:before{content:'';width:9px;height:9px;border-radius:50%;background:var(--gold);flex:none}\r\n  #atc-ba .ba-time p{font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.74)}\r\n  #atc-ba .ba-jour-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:34px;padding-top:24px;border-top:1px solid rgba(229,213,181,.22)}\r\n  #atc-ba .ba-jour-foot p{font-size:15.5px;color:rgba(255,255,255,.78);max-width:620px}\r\n  #atc-ba .ba-jour-foot p b{color:#fff}\r\n\r\n  \/* ===== WHY (natural results) ===== *\/\r\n  #atc-ba .ba-why{padding:76px 0}\r\n  #atc-ba .ba-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}\r\n  #atc-ba .ba-why-grid > div{padding:26px 22px;border-radius:22px;background:#fff;border:1px solid var(--lav-line);box-shadow:0 14px 36px rgba(40,17,48,.05)}\r\n  #atc-ba .ba-why-grid i{display:grid;place-items:center;width:46px;height:46px;margin-bottom:16px;border-radius:50%;background:var(--lav);border:1px solid var(--lav-line);color:var(--violet);font-style:normal}\r\n  #atc-ba .ba-why-grid i svg{width:22px;height:22px}\r\n  #atc-ba .ba-why-grid p{margin-top:8px;font-size:15px;line-height:1.6;color:var(--muted)}\r\n  #atc-ba .ba-why-grid .is-gold{background:linear-gradient(145deg,#0f3f3a 0%,#1d5e55 60%,#2f7d70 100%);border:0;color:#fff}\r\n  #atc-ba .ba-why-grid .is-gold h3{color:#fff}\r\n  #atc-ba .ba-why-grid .is-gold p{color:rgba(255,255,255,.82)}\r\n  #atc-ba .ba-why-grid .is-gold i{background:rgba(229,213,181,.16);border-color:rgba(229,213,181,.3);color:var(--gold-2)}\r\n\r\n  \/* ===== PHOTO STANDARD ===== *\/\r\n  #atc-ba .ba-std{padding:76px 0;background:linear-gradient(180deg,#fff 0%,var(--paper) 22%,var(--paper) 100%);border-top:1px solid var(--lav-line)}\r\n  #atc-ba .ba-std-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}\r\n  #atc-ba .ba-std h2{margin:14px 0 16px}\r\n  #atc-ba .ba-rules{display:grid;gap:4px;counter-reset:r}\r\n  #atc-ba .ba-rules li{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;padding:14px 0;border-top:1px solid var(--lav-line)}\r\n  #atc-ba .ba-rules li:first-child{border-top:0}\r\n  #atc-ba .ba-rules li:before{counter-increment:r;content:'0' counter(r);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--gold-grad);color:var(--ink);font-size:13px;font-weight:700}\r\n  #atc-ba .ba-rules b{display:block;font-size:17px;color:var(--ink)}\r\n  #atc-ba .ba-rules p{margin-top:2px;font-size:15px;line-height:1.55;color:var(--muted)}\r\n  \/* angle diagram *\/\r\n  #atc-ba .ba-angles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:22px;border-radius:24px;background:#fff;border:1px solid var(--lav-line);box-shadow:0 18px 45px rgba(40,17,48,.07)}\r\n  #atc-ba .ba-angles figure{margin:0;display:grid;gap:8px;justify-items:center;text-align:center}\r\n  #atc-ba .ba-angles svg{width:100%;max-width:110px;height:auto;padding:10px;border-radius:18px;background:var(--lav)}\r\n  #atc-ba .ba-angles figcaption{font-size:13.5px;font-weight:700;color:var(--ink)}\r\n  #atc-ba .ba-angles-foot{grid-column:1\/-1;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding-top:14px;margin-top:6px;border-top:1px solid var(--lav-line)}\r\n  #atc-ba .ba-angles-foot span{padding:6px 12px;border-radius:999px;background:var(--paper);border:1px solid var(--lav-line);font-size:13px;font-weight:600;color:var(--violet)}\r\n\r\n  \/* ===== 3 STEPS ===== *\/\r\n  #atc-ba .ba-steps-wrap{padding:76px 0}\r\n  #atc-ba .ba-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:s}\r\n  #atc-ba .ba-steps li{position:relative;padding:28px 24px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px rgba(39,20,45,.05)}\r\n  #atc-ba .ba-steps li:before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:38px;height:38px;margin-bottom:14px;border-radius:50%;background:var(--gold-grad);color:var(--ink);font-size:14px;font-weight:700}\r\n  #atc-ba .ba-steps p{margin-top:6px;font-size:15px;line-height:1.6;color:var(--muted)}\r\n  #atc-ba .ba-steps-foot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin-top:28px}\r\n\r\n  \/* ===== FAQ ===== *\/\r\n  #atc-ba .ba-faq-wrap{padding:0 0 76px}\r\n  #atc-ba .ba-faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:22px}\r\n  #atc-ba .ba-faq-intro{background:linear-gradient(160deg,#fff 0%,var(--lav) 100%);border:1px solid var(--lav-line);border-radius:24px;padding:38px;position:relative;overflow:hidden;display:flex;flex-direction:column}\r\n  #atc-ba .ba-faq-intro:after{content:\"?\";position:absolute;right:15px;bottom:-72px;font:600 240px var(--f-latin);color:rgba(81,43,104,.06)}\r\n  #atc-ba .ba-faq-intro > *{position:relative;z-index:1}\r\n  #atc-ba .ba-faq-intro h2{margin:14px 0 14px}\r\n  #atc-ba .ba-faq-intro p{color:var(--muted);font-size:16px;line-height:1.7}\r\n  #atc-ba .ba-consult{margin-top:auto;padding-top:24px;display:flex;align-items:center;gap:12px;font-size:15.5px;font-weight:600;color:var(--violet)}\r\n  #atc-ba .ba-consult b{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--violet);color:#fff;font-size:18px}\r\n  #atc-ba .ba-faq-list{background:#fff;border:1px solid var(--lav-line);border-radius:24px;padding:16px 30px;box-shadow:0 18px 55px rgba(56,31,42,.06)}\r\n  #atc-ba .ba-faq-list details{border-bottom:1px solid var(--line);padding:16px 0}\r\n  #atc-ba .ba-faq-list details:last-child{border:0}\r\n  #atc-ba .ba-faq-list summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:34px 1fr 30px;align-items:center;gap:10px;font-size:16.5px;font-weight:600;color:var(--ink)}\r\n  #atc-ba .ba-faq-list summary::-webkit-details-marker{display:none}\r\n  #atc-ba .ba-qnum{font-size:12px;font-weight:700;color:var(--gold-deep)}\r\n  #atc-ba .ba-plus{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--lav);color:var(--violet);font-size:18px;transition:transform .2s var(--ease),background .2s var(--ease)}\r\n  #atc-ba .ba-faq-list details[open] .ba-plus{background:var(--violet);color:#fff;transform:rotate(45deg)}\r\n  #atc-ba .ba-faq-list details p{padding-block:10px 2px;padding-inline:44px 40px;font-size:15px;line-height:1.65;color:var(--muted)}\r\n\r\n  \/* ===== FINAL CTA ===== *\/\r\n  #atc-ba .ba-final{padding:0 0 70px}\r\n  #atc-ba .ba-final-box{border-radius:30px;padding:60px;background:linear-gradient(90deg,rgba(255,255,255,.84) 0%,rgba(255,255,255,.97) 30%,rgba(255,255,255,.98) 70%,rgba(251,242,253,.9) 100%),url('https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/10\/6-12-months-Natural-Outdoor-Portrait-with-Full-Hair.png') center\/cover no-repeat,#fff;border:1px solid var(--lav-line);display:grid;gap:28px;justify-items:center;text-align:center;position:relative;overflow:hidden;box-shadow:0 24px 60px rgba(56,31,42,.07)}\r\n  #atc-ba .ba-final-box > *{position:relative;z-index:1}\r\n  #atc-ba .ba-final .ba-kicker{justify-content:center;margin-bottom:14px}\r\n  #atc-ba .ba-final h2{font-size:clamp(32px,4vw,52px)}\r\n  #atc-ba .ba-final p{margin:14px auto 0;color:var(--muted);max-width:620px;font-size:18px;line-height:1.7}\r\n  #atc-ba .ba-final-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:11px}\r\n  #atc-ba .ba-final small{font-size:14px;color:var(--muted)}\r\n  #atc-ba .ba-disclaimer{max-width:860px;margin:30px auto 0;font-size:13.5px;line-height:1.7;color:var(--muted);text-align:center;padding:14px 22px;border-radius:16px;background:var(--paper);border:1px solid var(--lav-line)}\r\n\r\n  \/* ===== LIGHTBOX ===== *\/\r\n  #atc-ba .ba-lb{padding:0;border:0;background:transparent;max-width:min(92vw,760px);width:100%;max-height:92vh;overflow:visible}\r\n  #atc-ba .ba-lb::backdrop{background:rgba(23,12,29,.86);backdrop-filter:blur(4px)}\r\n  #atc-ba .ba-lb-box{position:relative;border-radius:22px;overflow:hidden;background:#fff}\r\n  #atc-ba .ba-lb img{width:100%;max-height:74vh;object-fit:contain;background:var(--ink)}\r\n  #atc-ba .ba-lb-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px}\r\n  #atc-ba .ba-lb-foot b{font-size:17px;color:var(--ink)}\r\n  #atc-ba .ba-lb-close{position:absolute;z-index:2;top:12px;inset-inline-end:12px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--ink);font-size:22px;line-height:1;cursor:pointer;box-shadow:0 6px 16px rgba(23,12,29,.2)}\r\n\r\n  #atc-ba .ba-case.is-fit .ba-case-img img{object-fit:contain}\r\n  \/* ===== DARK SHOWCASE for the results gallery ===== *\/\r\n  #atc-ba .ba-results{background:linear-gradient(180deg,#1a0d22 0%,var(--ink) 30%,#21122b 100%);color:#fff;padding-top:56px}\r\n  #atc-ba .ba-tabs{background:rgba(255,255,255,.06);border:1px solid rgba(229,213,181,.22);box-shadow:0 14px 34px rgba(0,0,0,.35)}\r\n  #atc-ba .ba-pitch{background:linear-gradient(160deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.02) 100%);border-color:rgba(229,213,181,.2)}\r\n  #atc-ba .ba-pitch .ba-kicker{color:var(--gold-2)}\r\n  #atc-ba .ba-pitch h2{color:#fff}\r\n  #atc-ba .ba-pitch p{color:rgba(255,255,255,.72)}\r\n  #atc-ba .ba-pitch .ba-ticks li{color:rgba(255,255,255,.9)}\r\n  #atc-ba .ba-pitch .ba-ticks li:before{background:rgba(229,213,181,.16);color:var(--gold-2)}\r\n  #atc-ba .ba-pitch .ba-link{color:var(--gold-2)}\r\n  #atc-ba .ba-case{background:#22132c;border-color:rgba(229,213,181,.22);box-shadow:0 22px 50px rgba(0,0,0,.35)}\r\n  #atc-ba .ba-case:hover{border-color:rgba(229,213,181,.7);box-shadow:0 30px 70px rgba(0,0,0,.45)}\r\n  #atc-ba .ba-case-info h3{color:#fff}\r\n  #atc-ba .ba-meta li{background:rgba(255,255,255,.06);border-color:rgba(229,213,181,.2);color:rgba(255,255,255,.85)}\r\n  #atc-ba .ba-meta li.gold{background:rgba(229,213,181,.14);border-color:rgba(229,213,181,.45);color:var(--gold-2)}\r\n  #atc-ba .ba-case-cta{color:var(--gold-2);border-top-color:rgba(229,213,181,.18)}\r\n  #atc-ba .ba-honest{color:rgba(255,255,255,.65)}\r\n  #atc-ba .ba-honest span:before{background:rgba(229,213,181,.16);color:var(--gold-2)}\r\n\r\n  \/* ===== JOURNEY now light (so two dark bands never touch) ===== *\/\r\n  #atc-ba .ba-jour{color:var(--text);background:radial-gradient(700px 420px at 90% 10%,rgba(201,169,110,.16),transparent 60%),linear-gradient(180deg,var(--lav) 0%,#fff 100%)}\r\n  #atc-ba .ba-jour .ba-kicker{color:var(--violet)}\r\n  #atc-ba .ba-jour h2{color:var(--ink)}\r\n  #atc-ba .ba-jour .ba-lead{color:var(--muted)}\r\n  #atc-ba .ba-time-img{border-color:var(--lav-line);box-shadow:0 18px 40px rgba(40,17,48,.12)}\r\n  #atc-ba .ba-time b{color:var(--violet)}\r\n  #atc-ba .ba-time p{color:var(--muted)}\r\n  #atc-ba .ba-jour-foot{border-top-color:var(--lav-line)}\r\n  #atc-ba .ba-jour-foot p{color:var(--muted)}\r\n  #atc-ba .ba-jour-foot p b{color:var(--ink)}\r\n\r\n  \/* ===== 3 STEPS with the photo guide ===== *\/\r\n  #atc-ba .ba-steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}\r\n  #atc-ba .ba-steps-grid .ba-steps{grid-template-columns:1fr;gap:12px}\r\n  #atc-ba .ba-steps-grid .ba-steps li{display:grid;grid-template-columns:38px 1fr;column-gap:16px;padding:20px 22px}\r\n  #atc-ba .ba-steps-grid .ba-steps li:before{grid-row:span 2;margin:0}\r\n  #atc-ba .ba-steps-grid .ba-steps p{margin-top:2px}\r\n  #atc-ba .ba-steps-grid .ba-steps-foot{justify-content:flex-start}\r\n  #atc-ba .ba-guide{position:relative;margin:0;border-radius:26px;overflow:hidden;background:#fff;border:1px solid var(--lav-line);box-shadow:0 26px 60px rgba(40,17,48,.12)}\r\n  #atc-ba .ba-guide img{width:100%;height:auto}\r\n  #atc-ba .ba-guide figcaption{display:flex;align-items:center;gap:10px;padding:14px 18px;font-size:14.5px;font-weight:700;color:var(--violet);background:var(--paper);border-top:1px solid var(--lav-line)}\r\n  #atc-ba .ba-guide figcaption:before{content:'\ud83d\udcf7';font-size:16px}\r\n\r\n  #atc-ba .ba-sticky{display:none}\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media(max-width:1080px){\r\n    #atc-ba .ba-results,#atc-ba .ba-jour,#atc-ba .ba-why,#atc-ba .ba-std,#atc-ba .ba-steps-wrap{padding-top:64px;padding-bottom:64px}\r\n    #atc-ba .ba-faq-wrap{padding-bottom:64px}\r\n    #atc-ba .ba-grid{grid-template-columns:repeat(2,1fr)}\r\n    #atc-ba .ba-why-grid{grid-template-columns:repeat(2,1fr)}\r\n    #atc-ba .ba-time{grid-template-columns:repeat(5,minmax(180px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}\r\n    #atc-ba .ba-time li{scroll-snap-align:start}\r\n  }\r\n  @media(max-width:900px){\r\n    #atc-ba .ba-hero{padding-top:40px}\r\n    #atc-ba .ba-hero-grid{grid-template-columns:1fr;gap:30px;min-height:0}\r\n    #atc-ba .ba-hero-copy{padding-bottom:0}\r\n    #atc-ba .ba-wall{height:auto;margin:0 -24px;display:block;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);padding-bottom:30px}\r\n    #atc-ba .ba-col{flex-direction:row;width:max-content;animation:baSlide 50s linear infinite;margin:0 !important}\r\n    #atc-ba .ba-col:nth-child(n+2){display:none}\r\n    #atc-ba .ba-tile{width:200px}\r\n    #atc-ba .ba-steps-grid{grid-template-columns:1fr;gap:30px}\r\n    #atc-ba .ba-std-grid,#atc-ba .ba-faq,#atc-ba .ba-pitch.is-on{grid-template-columns:1fr}\r\n    #atc-ba .ba-head{flex-direction:column;align-items:flex-start;gap:14px}\r\n    #atc-ba .ba-steps{grid-template-columns:1fr}\r\n    #atc-ba .ba-std-grid{gap:34px}\r\n  }\r\n  @media(max-width:640px){\r\n    #atc-ba{font-size:16px}\r\n    #atc-ba .ba-shell{width:calc(100% - 32px)}\r\n    #atc-ba .ba-results,#atc-ba .ba-jour,#atc-ba .ba-why,#atc-ba .ba-std,#atc-ba .ba-steps-wrap{padding-top:52px;padding-bottom:52px}\r\n    #atc-ba .ba-faq-wrap{padding-bottom:52px}\r\n    #atc-ba .ba-hero-text{font-size:17px}\r\n    #atc-ba .ba-h-before,#atc-ba .ba-h-after{font-size:clamp(58px,17vw,80px)}\r\n    #atc-ba .ba-wall{margin:0 -16px}\r\n    #atc-ba .ba-tile{width:170px}\r\n    #atc-ba .ba-hero-actions > a{width:100%;justify-content:space-between}\r\n    #atc-ba .ba-cta-ghost{justify-content:center !important}\r\n    #atc-ba .ba-tabwrap{margin-inline:-16px;padding-inline:8px}\r\n    #atc-ba .ba-tabs button{padding:10px 14px;font-size:14px}\r\n    #atc-ba .ba-tabs .ba-tab-cta{display:none}\r\n    #atc-ba .ba-pitch{padding:24px 20px}\r\n    #atc-ba .ba-grid,#atc-ba .ba-why-grid{grid-template-columns:1fr}\r\n    #atc-ba .ba-ask h3{padding-top:90px}\r\n    #atc-ba .ba-angles{grid-template-columns:repeat(2,1fr);padding:16px}\r\n    #atc-ba .ba-faq-intro{padding:30px 22px}\r\n    #atc-ba .ba-faq-list{padding:10px 18px}\r\n    #atc-ba .ba-faq-list details p{padding-inline:44px 8px}\r\n    #atc-ba .ba-final{padding-bottom:110px}\r\n    #atc-ba .ba-final-box{padding:42px 22px}\r\n    #atc-ba .ba-final-actions .ba-btn{width:100%}\r\n    #atc-ba .ba-sticky{display:flex;gap:8px;position:fixed;left:10px;right:10px;bottom:10px;z-index:9990;padding:8px;border-radius:999px;background:rgba(23,12,29,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 12px 30px rgba(23,12,29,.3)}\r\n    #atc-ba .ba-sticky a{flex:1;min-height:46px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:700}\r\n    #atc-ba .ba-sticky .wa{background:var(--gold-grad);color:var(--ink)}\r\n    #atc-ba .ba-sticky .call{flex:0 0 46px;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}\r\n    #atc-ba .ba-sticky svg{width:18px;height:18px}\r\n  }\r\n  @media(prefers-reduced-motion:reduce){#atc-ba *{transition:none !important}}\r\n<\/style>\r\n\r\n<main id=\"atc-ba\">\r\n\r\n  <!-- 1. HERO -->\r\n  <section class=\"ba-hero\">\r\n    <div class=\"ba-shell ba-hero-grid\">\r\n      <div class=\"ba-hero-copy\">\r\n        <nav class=\"ba-crumb\" aria-label=\"Breadcrumb\"><a href=\"https:\/\/atc-hairtransplant.com\/\">Home<\/a><span>\/<\/span><span>Before &amp; After<\/span><\/nav>\r\n        <div class=\"ba-kicker\">Real ATC patients \u00b7 Amman<\/div>\r\n        <h1><span class=\"ba-h-before\">Before.<\/span><span class=\"ba-h-after\">After.<\/span><span class=\"ba-h-sub\">The proof is in the photos.<\/span><\/h1>\r\n        <p class=\"ba-hero-text\"><b>No stock photos. No filters.<\/b> Real ATC patients, photographed before and after their procedure. Hair, beard, eyebrows, scars and women's hair.<\/p>\r\n        <div class=\"ba-hero-actions\">\r\n          <a class=\"ba-cta-main\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%20saw%20your%20before%20%26%20after%20results.%20I%27d%20like%20a%20free%20hair%20analysis.\" target=\"_blank\" rel=\"noopener\">Get My Free Hair Analysis <i><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.87.5 3.63 1.44 5.15L2 22l5.09-1.53a9.87 9.87 0 0 0 4.95 1.32h.01c5.46 0 9.9-4.45 9.9-9.91C21.96 6.45 17.5 2 12.04 2Zm0 17.9h-.01a8.2 8.2 0 0 1-4.19-1.15l-.3-.18-3.1.94.94-3.02-.2-.3a8.18 8.18 0 0 1-1.28-4.38c0-4.53 3.68-8.22 8.16-8.22 2.18 0 4.23.85 5.77 2.4a8.1 8.1 0 0 1 2.39 5.79c0 4.53-3.69 8.12-8.18 8.12Z\"\/><\/svg><\/i><\/a>\r\n          <a class=\"ba-cta-ghost\" href=\"#ba-results\">See the results \u2193<\/a>\r\n        <\/div>\r\n        <div class=\"ba-cats\" aria-label=\"Jump to a category\">\r\n          <a href=\"#hair\">Hair Transplant<\/a><a href=\"#beard\">Beard<\/a><a href=\"#eyebrow\">Eyebrows<\/a><a href=\"#scar\">Scar Coverage<\/a><a href=\"#women\">Women<\/a>\r\n        <\/div>\r\n        <div class=\"ba-trust\"><span><b>4.9<\/b> <span class=\"ba-stars\">\u2605\u2605\u2605\u2605\u2605<\/span> on Google<\/span><span><b>Lifetime<\/b> written graft warranty<\/span><span><b>Sapphire FUE<\/b> by a Turkish medical team<\/span><\/div>\r\n      <\/div>\r\n      <!-- Moving wall of real results (pauses on hover). Add more tiles by copying a <figure class=\"ba-tile\">; keep each column's list written twice for a seamless loop. -->\r\n      <div class=\"ba-wall\" aria-hidden=\"true\">\r\n          <div class=\"ba-col\"><figure class=\"ba-tile is-card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/08\/9.png\" alt=\"\"><\/figure><figure class=\"ba-tile\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/1.png\" alt=\"\"><figcaption>Density Transformation<\/figcaption><\/figure><figure class=\"ba-tile is-card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/08\/5.png\" alt=\"\"><\/figure><figure class=\"ba-tile\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/4.png\" alt=\"\"><figcaption>Frontal + Hairline<\/figcaption><\/figure><figure class=\"ba-tile is-card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/08\/9.png\" alt=\"\"><\/figure><figure class=\"ba-tile\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/1.png\" alt=\"\"><figcaption>Density Transformation<\/figcaption><\/figure><figure class=\"ba-tile is-card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/08\/5.png\" alt=\"\"><\/figure><figure class=\"ba-tile\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/4.png\" alt=\"\"><figcaption>Frontal + Hairline<\/figcaption><\/figure><\/div>\r\n          <div class=\"ba-col\"><figure class=\"ba-tile is-card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/08\/7-1.png\" alt=\"\"><\/figure><figure class=\"ba-tile\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/3.png\" alt=\"\"><figcaption>Frontal Restoration<\/figcaption><\/figure><figure class=\"ba-tile is-card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/08\/8.png\" alt=\"\"><\/figure><figure class=\"ba-tile\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/5.png\" alt=\"\"><figcaption>Complete Renewal<\/figcaption><\/figure><figure class=\"ba-tile is-card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/08\/7-1.png\" alt=\"\"><\/figure><figure class=\"ba-tile\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/3.png\" alt=\"\"><figcaption>Frontal Restoration<\/figcaption><\/figure><figure class=\"ba-tile is-card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/08\/8.png\" alt=\"\"><\/figure><figure class=\"ba-tile\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/5.png\" alt=\"\"><figcaption>Complete Renewal<\/figcaption><\/figure><\/div>\r\n          <div class=\"ba-col\"><figure class=\"ba-tile is-card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/08\/8.png\" alt=\"\"><\/figure><figure class=\"ba-tile\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/2.png\" alt=\"\"><figcaption>Beard Transplant<\/figcaption><\/figure><figure class=\"ba-tile is-card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/08\/7-1.png\" alt=\"\"><\/figure><figure class=\"ba-tile is-card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/08\/9.png\" alt=\"\"><\/figure><figure class=\"ba-tile is-card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/08\/8.png\" alt=\"\"><\/figure><figure class=\"ba-tile\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/2.png\" alt=\"\"><figcaption>Beard Transplant<\/figcaption><\/figure><figure class=\"ba-tile is-card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/08\/7-1.png\" alt=\"\"><\/figure><figure class=\"ba-tile is-card\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/08\/9.png\" alt=\"\"><\/figure><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <div class=\"ba-ticker\" aria-hidden=\"true\"><div class=\"ba-ticker-track\"><span>Real patients<\/span><span>No filters<\/span><span>Sapphire FUE<\/span><span>Lifetime warranty<\/span><span>Hair<\/span><span>Beard<\/span><span>Eyebrows<\/span><span>Scars<\/span><span>Women<\/span><span>Turkish medical team<\/span><span>Amman<\/span><span>Real patients<\/span><span>No filters<\/span><span>Sapphire FUE<\/span><span>Lifetime warranty<\/span><span>Hair<\/span><span>Beard<\/span><span>Eyebrows<\/span><span>Scars<\/span><span>Women<\/span><span>Turkish medical team<\/span><span>Amman<\/span><\/div><\/div>\r\n\r\n  <!-- 2. RESULTS: tabs + pitch + gallery -->\r\n  <section class=\"ba-results\" id=\"ba-results\">\r\n    <div class=\"ba-shell\">\r\n\r\n      <div class=\"ba-tabwrap\">\r\n        <div class=\"ba-tabs\" role=\"tablist\" aria-label=\"Result categories\">\r\n          <button type=\"button\" role=\"tab\" aria-selected=\"true\" data-tab=\"all\">All results<\/button>\r\n          <button type=\"button\" role=\"tab\" aria-selected=\"false\" data-tab=\"hair\">Hair Transplant<\/button>\r\n          <button type=\"button\" role=\"tab\" aria-selected=\"false\" data-tab=\"beard\">Beard Transplant<\/button>\r\n          <button type=\"button\" role=\"tab\" aria-selected=\"false\" data-tab=\"eyebrow\">Eyebrow Transplant<\/button>\r\n          <button type=\"button\" role=\"tab\" aria-selected=\"false\" data-tab=\"scar\">Scar Coverage<\/button>\r\n          <button type=\"button\" role=\"tab\" aria-selected=\"false\" data-tab=\"women\">Women's Transplant<\/button>\r\n          <a class=\"ba-tab-cta\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%20saw%20your%20before%20%26%20after%20results.%20I%27d%20like%20a%20free%20hair%20analysis.\" target=\"_blank\" rel=\"noopener\">Free analysis \u2197<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Category pitch panels: one shows at a time -->\r\n      <div class=\"ba-pitch is-on\" data-panel=\"all\">\r\n        <div>\r\n          <div class=\"ba-kicker\">The proof is in the photos<\/div>\r\n          <h2>Natural results you can see.<\/h2>\r\n          <p>Every face is different, so every plan is different. Pick a category and see what ATC patients look like after their procedure.<\/p>\r\n        <\/div>\r\n        <div class=\"ba-pitch-side\">\r\n          <ul class=\"ba-ticks\"><li>Hairline designed for your face<\/li><li>Grafts placed one by one, at the natural angle<\/li><li>Followed up until month 12<\/li><\/ul>\r\n          <div class=\"ba-pitch-actions\"><a class=\"ba-btn ba-btn-gold\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%20saw%20your%20before%20%26%20after%20results.%20I%27d%20like%20a%20free%20hair%20analysis.\" target=\"_blank\" rel=\"noopener\">Get my free analysis \u2197<\/a><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ba-pitch\" data-panel=\"hair\">\r\n        <div>\r\n          <div class=\"ba-kicker\">Hair Transplant<\/div>\r\n          <h2>From thinning to thick. Hairline to crown.<\/h2>\r\n          <p>Sapphire FUE, planned around your face and your donor area. Visible growth from month 4. Final result at 12 months.<\/p>\r\n        <\/div>\r\n        <div class=\"ba-pitch-side\">\r\n          <ul class=\"ba-ticks\"><li>Natural, age-appropriate hairline<\/li><li>Maximum density your donor allows<\/li><li>Lifetime warranty in writing<\/li><\/ul>\r\n          <div class=\"ba-pitch-actions\"><a class=\"ba-btn ba-btn-gold\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%20saw%20your%20hair%20transplant%20results.%20I%27d%20like%20a%20free%20graft%20estimate.\" target=\"_blank\" rel=\"noopener\">Get my graft estimate \u2197<\/a><a class=\"ba-link\" href=\"https:\/\/atc-hairtransplant.com\/%D8%B2%D8%B1%D8%A7%D8%B9%D8%A9-%D8%A7%D9%84%D8%B4%D8%B9%D8%B1\/%D8%B2%D8%B1%D8%A7%D8%B9%D8%A9-%D8%A7%D9%84%D8%B4%D8%B9%D8%B1-%D9%84%D9%84%D8%B1%D8%AC%D8%A7%D9%84\/\">About the procedure<\/a><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ba-pitch\" data-panel=\"beard\">\r\n        <div>\r\n          <div class=\"ba-kicker\">Beard Transplant<\/div>\r\n          <h2>Full. Sharp. Yours.<\/h2>\r\n          <p>Fill the gaps, connect the moustache and define your cheek and neck lines. Your new beard grows like the rest of your hair: trim it, shape it, shave it.<\/p>\r\n        <\/div>\r\n        <div class=\"ba-pitch-side\">\r\n          <ul class=\"ba-ticks\"><li>Patchy areas filled<\/li><li>Clean, defined lines<\/li><li>Hair placed in the direction your beard grows<\/li><\/ul>\r\n          <div class=\"ba-pitch-actions\"><a class=\"ba-btn ba-btn-gold\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%20saw%20your%20beard%20transplant%20results.%20I%27d%20like%20a%20free%20beard%20assessment.\" target=\"_blank\" rel=\"noopener\">Plan my beard \u2197<\/a><a class=\"ba-link\" href=\"https:\/\/atc-hairtransplant.com\/%D8%B2%D8%B1%D8%A7%D8%B9%D8%A9-%D8%A7%D9%84%D8%B4%D8%B9%D8%B1\/%D8%B2%D8%B1%D8%A7%D8%B9%D8%A9-%D8%A7%D9%84%D9%84%D8%AD%D9%8A%D8%A9\/\">About beard transplant<\/a><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ba-pitch\" data-panel=\"eyebrow\">\r\n        <div>\r\n          <div class=\"ba-kicker\">Eyebrow Transplant<\/div>\r\n          <h2>Brows that frame your face.<\/h2>\r\n          <p>Thin, over-plucked or uneven brows rebuilt hair by hair. We design the shape with you before we start.<\/p>\r\n        <\/div>\r\n        <div class=\"ba-pitch-side\">\r\n          <ul class=\"ba-ticks\"><li>Shape drawn and approved by you first<\/li><li>Fine single hairs at a flat, natural angle<\/li><li>Less time with pencils and fillers<\/li><\/ul>\r\n          <div class=\"ba-pitch-actions\"><a class=\"ba-btn ba-btn-gold\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%27d%20like%20a%20free%20eyebrow%20transplant%20assessment.\" target=\"_blank\" rel=\"noopener\">Design my brows \u2197<\/a><a class=\"ba-link\" href=\"https:\/\/atc-hairtransplant.com\/%D8%B2%D8%B1%D8%A7%D8%B9%D8%A9-%D8%A7%D9%84%D8%B4%D8%B9%D8%B1\/%D8%B2%D8%B1%D8%A7%D8%B9%D8%A9-%D8%A7%D9%84%D8%AD%D9%88%D8%A7%D8%AC%D8%A8\/\">About eyebrow transplant<\/a><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ba-pitch\" data-panel=\"scar\">\r\n        <div>\r\n          <div class=\"ba-kicker\">Scar Coverage<\/div>\r\n          <h2>Cover the scar. Move on.<\/h2>\r\n          <p>Scars from accidents, burns, surgery or an old strip (FUT) transplant. Hair placed into the scar so it blends in again.<\/p>\r\n        <\/div>\r\n        <div class=\"ba-pitch-side\">\r\n          <ul class=\"ba-ticks\"><li>Scalp, beard and eyebrow scars<\/li><li>Old FUT strip scars<\/li><li>Scar tissue checked first, honestly<\/li><\/ul>\r\n          <div class=\"ba-pitch-actions\"><a class=\"ba-btn ba-btn-gold\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%27d%20like%20to%20ask%20about%20covering%20a%20scar%20with%20a%20hair%20transplant.\" target=\"_blank\" rel=\"noopener\">Send a photo of my scar \u2197<\/a><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ba-pitch\" data-panel=\"women\">\r\n        <div>\r\n          <div class=\"ba-kicker\">Women's Hair Transplant<\/div>\r\n          <h2>Fuller. Feminine. Discreet.<\/h2>\r\n          <p>A wider parting, a high forehead or thin temples. We plan a soft, feminine result, in a private consultation.<\/p>\r\n        <\/div>\r\n        <div class=\"ba-pitch-side\">\r\n          <ul class=\"ba-ticks\"><li>Hairline lowering and parting density<\/li><li>Minimal-shave options when suitable<\/li><li>Private, women-friendly consultation<\/li><\/ul>\r\n          <div class=\"ba-pitch-actions\"><a class=\"ba-btn ba-btn-gold\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%27d%20like%20a%20private%20assessment%20for%20a%20women%27s%20hair%20transplant.\" target=\"_blank\" rel=\"noopener\">Book a private assessment \u2197<\/a><a class=\"ba-link\" href=\"https:\/\/atc-hairtransplant.com\/%D8%B2%D8%B1%D8%A7%D8%B9%D8%A9-%D8%A7%D9%84%D8%B4%D8%B9%D8%B1\/%D8%B2%D8%B1%D8%A7%D8%B9%D8%A9-%D8%A7%D9%84%D8%B4%D8%B9%D8%B1-%D9%84%D9%84%D9%86%D8%B3%D8%A7%D8%A1\/\">About women's transplant<\/a><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- GALLERY -->\r\n      <div class=\"ba-grid\" id=\"ba-grid\">\r\n\r\n        <!-- ===== ATC CASE CARDS (branded style). Copy one, set data-cat, title, graft count and the two photo URLs (separate BEFORE and AFTER photos, ideally same angle). ===== -->\r\n        <!-- ATC CASE CARDS hidden until their photos are uploaded to 2026\/10 (atc-hair-case-1-before.webp etc.). To show them, delete this line and the matching \"END HIDDEN\" line.\r\n        <article class=\"ba-case ba-pcase\" data-cat=\"hair\">\r\n          <div class=\"ba-pc\">\r\n            <h3 class=\"ba-pc-title\">Hair Transplant<\/h3>\r\n            <p class=\"ba-pc-sub\">Performed with Sapphire FUE \u00b7 Natural results<\/p>\r\n            <span class=\"ba-pc-grafts\">4,500 Grafts<\/span>\r\n            <div class=\"ba-pc-pair\">\r\n              <figure class=\"ba-pc-ph is-before\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/10\/atc-hair-case-1-before.webp\" alt=\"ATC patient before a hair transplant\"><figcaption>Before<\/figcaption><\/figure>\r\n              <figure class=\"ba-pc-ph is-after\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/10\/atc-hair-case-1-after.webp\" alt=\"ATC patient after a hair transplant\"><figcaption>After<\/figcaption><\/figure>\r\n            <\/div>\r\n            <div class=\"ba-pc-logo\"><b>ATC-HAIR<\/b><small>Transplant<\/small><\/div>\r\n          <\/div>\r\n          <div class=\"ba-case-info\"><a class=\"ba-case-cta\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%20saw%20your%204500-graft%20hair%20transplant%20result.%20I%27d%20like%20a%20plan%20like%20this.\" target=\"_blank\" rel=\"noopener\">Get a plan like this <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div>\r\n        <\/article>\r\n        <article class=\"ba-case ba-pcase\" data-cat=\"beard\">\r\n          <div class=\"ba-pc\">\r\n            <h3 class=\"ba-pc-title\">Beard Transplant<\/h3>\r\n            <p class=\"ba-pc-sub\">Performed with Sapphire FUE \u00b7 Natural results<\/p>\r\n            <span class=\"ba-pc-grafts\">5,000 Grafts<\/span>\r\n            <div class=\"ba-pc-pair\">\r\n              <figure class=\"ba-pc-ph is-before\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/10\/atc-beard-case-1-before.webp\" alt=\"ATC patient before a beard transplant\"><figcaption>Before<\/figcaption><\/figure>\r\n              <figure class=\"ba-pc-ph is-after\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/10\/atc-beard-case-1-after.webp\" alt=\"ATC patient after a beard transplant\"><figcaption>After<\/figcaption><\/figure>\r\n            <\/div>\r\n            <div class=\"ba-pc-logo\"><b>ATC-HAIR<\/b><small>Transplant<\/small><\/div>\r\n          <\/div>\r\n          <div class=\"ba-case-info\"><a class=\"ba-case-cta\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%20saw%20your%20beard%20transplant%20result.%20I%27d%20like%20a%20plan%20like%20this.\" target=\"_blank\" rel=\"noopener\">Get a plan like this <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div>\r\n        <\/article>\r\n        <article class=\"ba-case ba-pcase\" data-cat=\"hair\">\r\n          <div class=\"ba-pc\">\r\n            <h3 class=\"ba-pc-title\">Hair Transplant<\/h3>\r\n            <p class=\"ba-pc-sub\">Performed with Sapphire FUE \u00b7 Natural results<\/p>\r\n            <span class=\"ba-pc-grafts\">4,500 Grafts<\/span>\r\n            <div class=\"ba-pc-pair\">\r\n              <figure class=\"ba-pc-ph is-before\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/10\/atc-hair-case-2-before.webp\" alt=\"ATC patient before a hair transplant\"><figcaption>Before<\/figcaption><\/figure>\r\n              <figure class=\"ba-pc-ph is-after\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/10\/atc-hair-case-2-after.webp\" alt=\"ATC patient after a hair transplant\"><figcaption>After<\/figcaption><\/figure>\r\n            <\/div>\r\n            <div class=\"ba-pc-logo\"><b>ATC-HAIR<\/b><small>Transplant<\/small><\/div>\r\n          <\/div>\r\n          <div class=\"ba-case-info\"><a class=\"ba-case-cta\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%20saw%20your%204500-graft%20hair%20transplant%20result.%20I%27d%20like%20a%20plan%20like%20this.\" target=\"_blank\" rel=\"noopener\">Get a plan like this <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div>\r\n        <\/article>\r\n        <article class=\"ba-case ba-pcase\" data-cat=\"beard\">\r\n          <div class=\"ba-pc\">\r\n            <h3 class=\"ba-pc-title\">Beard Transplant<\/h3>\r\n            <p class=\"ba-pc-sub\">Performed with Sapphire FUE \u00b7 Natural results<\/p>\r\n            <span class=\"ba-pc-grafts\">5,000 Grafts<\/span>\r\n            <div class=\"ba-pc-pair\">\r\n              <figure class=\"ba-pc-ph is-before\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/10\/atc-beard-case-2-before.webp\" alt=\"ATC patient before a beard transplant\"><figcaption>Before<\/figcaption><\/figure>\r\n              <figure class=\"ba-pc-ph is-after\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/10\/atc-beard-case-2-after.webp\" alt=\"ATC patient after a beard transplant\"><figcaption>After<\/figcaption><\/figure>\r\n            <\/div>\r\n            <div class=\"ba-pc-logo\"><b>ATC-HAIR<\/b><small>Transplant<\/small><\/div>\r\n          <\/div>\r\n          <div class=\"ba-case-info\"><a class=\"ba-case-cta\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%20saw%20your%20beard%20transplant%20result.%20I%27d%20like%20a%20plan%20like%20this.\" target=\"_blank\" rel=\"noopener\">Get a plan like this <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div>\r\n        <\/article>\r\n        END HIDDEN ATC CASE CARDS -->\r\n\r\n        <!-- ===== PHOTO CARD (one combined before\/after image) ===== -->\r\n        <!-- Fill the meta chips when known: graft count (gold chip), months after the procedure, area. Delete a chip if unknown. -->\r\n        <article class=\"ba-case\" data-cat=\"hair\">\r\n          <button type=\"button\" class=\"ba-case-img\" data-full=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/1.png\" aria-label=\"Enlarge photo: Density Transformation\">\r\n            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/1.png\" alt=\"ATC patient before and after a hair transplant, density transformation\">\r\n            <span class=\"ba-case-tag\">Hair Transplant<\/span><span class=\"ba-zoom\" aria-hidden=\"true\">\u2922<\/span>\r\n          <\/button>\r\n          <div class=\"ba-case-info\">\r\n            <h3>Density Transformation<\/h3>\r\n            <ul class=\"ba-meta\"><li>Top &amp; crown<\/li><li>Sapphire FUE<\/li><\/ul>\r\n            <a class=\"ba-case-cta\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%20saw%20the%20Density%20Transformation%20result.%20I%27d%20like%20a%20plan%20like%20this.\" target=\"_blank\" rel=\"noopener\">Get a plan like this <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"ba-case\" data-cat=\"hair\">\r\n          <button type=\"button\" class=\"ba-case-img\" data-full=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/3.png\" aria-label=\"Enlarge photo: Frontal Restoration\">\r\n            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/3.png\" alt=\"ATC patient before and after a frontal hair restoration\">\r\n            <span class=\"ba-case-tag\">Hair Transplant<\/span><span class=\"ba-zoom\" aria-hidden=\"true\">\u2922<\/span>\r\n          <\/button>\r\n          <div class=\"ba-case-info\">\r\n            <h3>Frontal Restoration<\/h3>\r\n            <ul class=\"ba-meta\"><li>Frontal area<\/li><li>Sapphire FUE<\/li><\/ul>\r\n            <a class=\"ba-case-cta\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%20saw%20the%20Frontal%20Restoration%20result.%20I%27d%20like%20a%20plan%20like%20this.\" target=\"_blank\" rel=\"noopener\">Get a plan like this <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"ba-case\" data-cat=\"beard\">\r\n          <button type=\"button\" class=\"ba-case-img\" data-full=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/2.png\" aria-label=\"Enlarge photo: Beard Transplant\">\r\n            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/2.png\" alt=\"ATC patient before and after a beard transplant\">\r\n            <span class=\"ba-case-tag\">Beard Transplant<\/span><span class=\"ba-zoom\" aria-hidden=\"true\">\u2922<\/span>\r\n          <\/button>\r\n          <div class=\"ba-case-info\">\r\n            <h3>Full Beard<\/h3>\r\n            <ul class=\"ba-meta\"><li>Cheeks &amp; jawline<\/li><li>FUE<\/li><\/ul>\r\n            <a class=\"ba-case-cta\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%20saw%20the%20Full%20Beard%20result.%20I%27d%20like%20a%20plan%20like%20this.\" target=\"_blank\" rel=\"noopener\">Get a plan like this <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"ba-case\" data-cat=\"hair\">\r\n          <button type=\"button\" class=\"ba-case-img\" data-full=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/4.png\" aria-label=\"Enlarge photo: Frontal and Hairline\">\r\n            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/4.png\" alt=\"ATC patient before and after a hairline and frontal area transplant\">\r\n            <span class=\"ba-case-tag\">Hair Transplant<\/span><span class=\"ba-zoom\" aria-hidden=\"true\">\u2922<\/span>\r\n          <\/button>\r\n          <div class=\"ba-case-info\">\r\n            <h3>Frontal + Hairline<\/h3>\r\n            <ul class=\"ba-meta\"><li>Hairline &amp; front<\/li><li>Sapphire FUE<\/li><\/ul>\r\n            <a class=\"ba-case-cta\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%20saw%20the%20Frontal%20and%20Hairline%20result.%20I%27d%20like%20a%20plan%20like%20this.\" target=\"_blank\" rel=\"noopener\">Get a plan like this <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"ba-case\" data-cat=\"hair\">\r\n          <button type=\"button\" class=\"ba-case-img\" data-full=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/5.png\" aria-label=\"Enlarge photo: Complete Renewal\">\r\n            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/5.png\" alt=\"ATC patient before and after a complete hair renewal\">\r\n            <span class=\"ba-case-tag\">Hair Transplant<\/span><span class=\"ba-zoom\" aria-hidden=\"true\">\u2922<\/span>\r\n          <\/button>\r\n          <div class=\"ba-case-info\">\r\n            <h3>Complete Renewal<\/h3>\r\n            <ul class=\"ba-meta\"><li>Front, top &amp; crown<\/li><li>Sapphire FUE<\/li><\/ul>\r\n            <a class=\"ba-case-cta\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%20saw%20the%20Complete%20Renewal%20result.%20I%27d%20like%20a%20plan%20like%20this.\" target=\"_blank\" rel=\"noopener\">Get a plan like this <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Results from 2026\/08 uploads (whole photo shown, no crop) -->\r\n        <article class=\"ba-case is-fit\" data-cat=\"hair\">\r\n          <button type=\"button\" class=\"ba-case-img\" data-full=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/08\/9.png\" aria-label=\"Enlarge photo: Fuller Hairline\">\r\n            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/08\/9.png\" alt=\"ATC patient before and after a hair transplant\">\r\n            <span class=\"ba-case-tag\">Hair Transplant<\/span><span class=\"ba-zoom\" aria-hidden=\"true\">\u2922<\/span>\r\n          <\/button>\r\n          <div class=\"ba-case-info\">\r\n            <h3>Fuller Hairline<\/h3>\r\n            <ul class=\"ba-meta\"><li>Hairline &amp; front<\/li><li>Sapphire FUE<\/li><\/ul>\r\n            <a class=\"ba-case-cta\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%20saw%20the%20Fuller%20Hairline%20result.%20I%27d%20like%20a%20plan%20like%20this.\" target=\"_blank\" rel=\"noopener\">Get a plan like this <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ba-case is-fit\" data-cat=\"hair\">\r\n          <button type=\"button\" class=\"ba-case-img\" data-full=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/08\/8.png\" aria-label=\"Enlarge photo: Density Restored\">\r\n            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/08\/8.png\" alt=\"ATC patient before and after a hair transplant\">\r\n            <span class=\"ba-case-tag\">Hair Transplant<\/span><span class=\"ba-zoom\" aria-hidden=\"true\">\u2922<\/span>\r\n          <\/button>\r\n          <div class=\"ba-case-info\">\r\n            <h3>Density Restored<\/h3>\r\n            <ul class=\"ba-meta\"><li>Front &amp; top<\/li><li>Sapphire FUE<\/li><\/ul>\r\n            <a class=\"ba-case-cta\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%20saw%20the%20Density%20Restored%20result.%20I%27d%20like%20a%20plan%20like%20this.\" target=\"_blank\" rel=\"noopener\">Get a plan like this <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ba-case is-fit\" data-cat=\"hair\">\r\n          <button type=\"button\" class=\"ba-case-img\" data-full=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/08\/7-1.png\" aria-label=\"Enlarge photo: Natural Frame\">\r\n            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/08\/7-1.png\" alt=\"ATC patient before and after a hair transplant\">\r\n            <span class=\"ba-case-tag\">Hair Transplant<\/span><span class=\"ba-zoom\" aria-hidden=\"true\">\u2922<\/span>\r\n          <\/button>\r\n          <div class=\"ba-case-info\">\r\n            <h3>Natural Frame<\/h3>\r\n            <ul class=\"ba-meta\"><li>Hairline<\/li><li>Sapphire FUE<\/li><\/ul>\r\n            <a class=\"ba-case-cta\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%20saw%20the%20Natural%20Frame%20result.%20I%27d%20like%20a%20plan%20like%20this.\" target=\"_blank\" rel=\"noopener\">Get a plan like this <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ba-case is-fit\" data-cat=\"hair\">\r\n          <button type=\"button\" class=\"ba-case-img\" data-full=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/08\/5.png\" aria-label=\"Enlarge photo: Crown Coverage\">\r\n            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/08\/5.png\" alt=\"ATC patient before and after a hair transplant\">\r\n            <span class=\"ba-case-tag\">Hair Transplant<\/span><span class=\"ba-zoom\" aria-hidden=\"true\">\u2922<\/span>\r\n          <\/button>\r\n          <div class=\"ba-case-info\">\r\n            <h3>Crown Coverage<\/h3>\r\n            <ul class=\"ba-meta\"><li>Top &amp; crown<\/li><li>Sapphire FUE<\/li><\/ul>\r\n            <a class=\"ba-case-cta\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%20saw%20the%20Crown%20Coverage%20result.%20I%27d%20like%20a%20plan%20like%20this.\" target=\"_blank\" rel=\"noopener\">Get a plan like this <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ba-case is-fit\" data-cat=\"hair\">\r\n          <button type=\"button\" class=\"ba-case-img\" data-full=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/08\/3.png\" aria-label=\"Enlarge photo: New Confidence\">\r\n            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/08\/3.png\" alt=\"ATC patient before and after a hair transplant\">\r\n            <span class=\"ba-case-tag\">Hair Transplant<\/span><span class=\"ba-zoom\" aria-hidden=\"true\">\u2922<\/span>\r\n          <\/button>\r\n          <div class=\"ba-case-info\">\r\n            <h3>New Confidence<\/h3>\r\n            <ul class=\"ba-meta\"><li>Front &amp; top<\/li><li>Sapphire FUE<\/li><\/ul>\r\n            <a class=\"ba-case-cta\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%20saw%20the%20New%20Confidence%20result.%20I%27d%20like%20a%20plan%20like%20this.\" target=\"_blank\" rel=\"noopener\">Get a plan like this <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- ===== REVEAL CARD TEMPLATE (recommended) \u2014 separate BEFORE + AFTER photos, same angle. Copy, fill and remove the comment marks.\r\n             Shows BEFORE, then flips to AFTER when scrolled into view; visitors tap Before \/ After to compare.\r\n             Only have one combined image (BEFORE on the left, AFTER on the right)? Add class \"is-split\" to ba-flip and use the same URL twice.\r\n        <article class=\"ba-case\" data-cat=\"hair\">\r\n          <div class=\"ba-flip\" data-state=\"before\">\r\n            <img class=\"ba-f-before\" decoding=\"async\" loading=\"lazy\" src=\"BEFORE-PHOTO-URL\" alt=\"ATC patient before a hair transplant\">\r\n            <img class=\"ba-f-after\" decoding=\"async\" loading=\"lazy\" src=\"AFTER-PHOTO-URL\" alt=\"ATC patient 12 months after a hair transplant\">\r\n            <span class=\"ba-case-tag\">Hair Transplant<\/span>\r\n            <span class=\"ba-f-stamp\"><span class=\"b\">Before<\/span><span class=\"a\">Month 12<\/span><\/span>\r\n            <div class=\"ba-f-toggle\" role=\"group\" aria-label=\"Compare before and after\"><button type=\"button\" data-show=\"before\" aria-pressed=\"true\">Before<\/button><button type=\"button\" data-show=\"after\" aria-pressed=\"false\">After<\/button><\/div>\r\n          <\/div>\r\n          <div class=\"ba-case-info\">\r\n            <h3>Hairline Rebuild<\/h3>\r\n            <ul class=\"ba-meta\"><li class=\"gold\">3,200 grafts<\/li><li>Hairline &amp; front<\/li><li>12 months<\/li><\/ul>\r\n            <a class=\"ba-case-cta\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%20saw%20the%20Hairline%20Rebuild%20result.%20I%27d%20like%20a%20plan%20like%20this.\" target=\"_blank\" rel=\"noopener\">Get a plan like this <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n          <\/div>\r\n        <\/article>\r\n        ===== END REVEAL CARD TEMPLATE ===== -->\r\n\r\n        <!-- ===== SLIDER CARD TEMPLATE (alternative) (separate BEFORE + AFTER photos, same angle) \u2014 copy, fill and remove the comment marks =====\r\n        <article class=\"ba-case\" data-cat=\"hair\">\r\n          <div class=\"ba-slide\">\r\n            <img class=\"ba-after\" decoding=\"async\" loading=\"lazy\" src=\"AFTER-PHOTO-URL\" alt=\"ATC patient 12 months after a hair transplant\">\r\n            <img class=\"ba-before\" decoding=\"async\" loading=\"lazy\" src=\"BEFORE-PHOTO-URL\" alt=\"ATC patient before a hair transplant\">\r\n            <span class=\"ba-case-tag\">Hair Transplant<\/span>\r\n            <span class=\"ba-lbl ba-lbl-b\">Before<\/span><span class=\"ba-lbl ba-lbl-a\">Month 12<\/span>\r\n            <span class=\"ba-line\" aria-hidden=\"true\"><\/span>\r\n            <input type=\"range\" min=\"0\" max=\"100\" value=\"50\" aria-label=\"Drag to compare before and after\">\r\n          <\/div>\r\n          <div class=\"ba-case-info\">\r\n            <h3>Hairline Rebuild<\/h3>\r\n            <ul class=\"ba-meta\"><li class=\"gold\">3,200 grafts<\/li><li>Hairline &amp; front<\/li><li>12 months<\/li><\/ul>\r\n            <a class=\"ba-case-cta\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%20saw%20the%20Hairline%20Rebuild%20result.%20I%27d%20like%20a%20plan%20like%20this.\" target=\"_blank\" rel=\"noopener\">Get a plan like this <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n          <\/div>\r\n        <\/article>\r\n        ===== END SLIDER CARD TEMPLATE ===== -->\r\n\r\n        <!-- ===== \"MORE CASES\" CARDS \u2014 one per category, shown only inside its own tab ===== -->\r\n        <article class=\"ba-ask\" data-ask=\"all\" style=\"--ask-img:url('https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/2p.png')\">\r\n          <span class=\"ba-case-tag\">Private gallery<\/span>\r\n          <h3>Want to see a case like yours?<\/h3>\r\n          <p>We share many more results one to one. Send your photos and we'll send you real cases close to yours.<\/p>\r\n          <a class=\"ba-btn ba-btn-gold\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20please%20send%20me%20more%20before%20%26%20after%20results%20similar%20to%20my%20case.\" target=\"_blank\" rel=\"noopener\">Send me similar cases \u2197<\/a>\r\n        <\/article>\r\n        <article class=\"ba-ask\" data-ask=\"hair\" hidden style=\"--ask-img:url('https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/2p.png')\">\r\n          <span class=\"ba-case-tag\">Hair Transplant<\/span>\r\n          <h3>More hair results, privately.<\/h3>\r\n          <p>We have many more results we share one to one. Send your photos and we'll send you cases with the same hair loss pattern.<\/p>\r\n          <a class=\"ba-btn ba-btn-gold\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20please%20send%20me%20more%20hair%20transplant%20results%20similar%20to%20my%20case.\" target=\"_blank\" rel=\"noopener\">Send me similar cases \u2197<\/a>\r\n        <\/article>\r\n        <article class=\"ba-ask\" data-ask=\"beard\" hidden style=\"--ask-img:url('https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/3p.png')\">\r\n          <span class=\"ba-case-tag\">Beard Transplant<\/span>\r\n          <h3>More beard results, privately.<\/h3>\r\n          <p>Patchy cheeks, a thin moustache or a scar in the beard? We'll send you real results close to your case.<\/p>\r\n          <a class=\"ba-btn ba-btn-gold\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20please%20send%20me%20more%20beard%20transplant%20results.\" target=\"_blank\" rel=\"noopener\">Send me beard results \u2197<\/a>\r\n        <\/article>\r\n        <article class=\"ba-ask\" data-ask=\"eyebrow\" hidden style=\"--ask-img:url('https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/4p.png')\">\r\n          <span class=\"ba-case-tag\">Eyebrow Transplant<\/span>\r\n          <h3>See real eyebrow results.<\/h3>\r\n          <p>Many patients prefer their brow photos stay private. Ask us and we'll send you real ATC eyebrow cases on WhatsApp.<\/p>\r\n          <a class=\"ba-btn ba-btn-gold\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20please%20send%20me%20real%20eyebrow%20transplant%20results.\" target=\"_blank\" rel=\"noopener\">Send me eyebrow results \u2197<\/a>\r\n        <\/article>\r\n        <article class=\"ba-ask\" data-ask=\"scar\" hidden style=\"--ask-img:url('https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/p6.png')\">\r\n          <span class=\"ba-case-tag\">Scar Coverage<\/span>\r\n          <h3>Every scar is different.<\/h3>\r\n          <p>Send one clear photo of your scar. We'll tell you honestly if it can be covered, and show you similar cases.<\/p>\r\n          <a class=\"ba-btn ba-btn-gold\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%27d%20like%20to%20ask%20about%20covering%20a%20scar%20with%20a%20hair%20transplant.\" target=\"_blank\" rel=\"noopener\">Send a photo of my scar \u2197<\/a>\r\n        <\/article>\r\n        <article class=\"ba-ask\" data-ask=\"women\" hidden style=\"--ask-img:url('https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/09\/5p.png')\">\r\n          <span class=\"ba-case-tag\">Women's Transplant<\/span>\r\n          <h3>Private results for women.<\/h3>\r\n          <p>Our women patients value their privacy. Ask us and we'll share real results with you, one to one.<\/p>\r\n          <a class=\"ba-btn ba-btn-gold\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20please%20send%20me%20real%20women%27s%20hair%20transplant%20results.\" target=\"_blank\" rel=\"noopener\">Send me women's results \u2197<\/a>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <div class=\"ba-honest\"><span>Real ATC patients<\/span><span>Shared with written consent<\/span><span>No filters or retouching<\/span><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 3. JOURNEY -->\r\n  <section class=\"ba-jour ba-pat ba-p1\">\r\n    <div class=\"ba-shell\">\r\n      <div class=\"ba-head\">\r\n        <div><div class=\"ba-kicker\">Your next 12 months<\/div><h2>From day one to your final result.<\/h2><\/div>\r\n        <p class=\"ba-lead\">A transplant is a process, not a one-day change. Here is what the year looks like.<\/p>\r\n      <\/div>\r\n      <ol class=\"ba-time\">\r\n        <li><span class=\"ba-time-img\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/10\/day-0-4-P.png\" alt=\"Days 0 to 4 after a hair transplant\"><\/span><b>Days 0\u20134<\/b><p>Rest and gentle care. You're back on your feet.<\/p><\/li>\r\n        <li><span class=\"ba-time-img\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/10\/Day-5%E2%80%9310-Hair-Transplant-Healing.png\" alt=\"Days 5 to 10 after a hair transplant, healing\"><\/span><b>Days 5\u201310<\/b><p>Guided washing. Scabs clear by day ten.<\/p><\/li>\r\n        <li><span class=\"ba-time-img\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/10\/1-3-moths-Early-Hair-Transplant-Regrowth-Crown.png\" alt=\"Months 1 to 3 after a hair transplant\"><\/span><b>Months 1\u20133<\/b><p>Temporary shedding. Normal, and expected.<\/p><\/li>\r\n        <li><span class=\"ba-time-img\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/10\/Months-4%E2%80%936-Hair-Growth-Progress.png\" alt=\"Months 4 to 6 after a hair transplant, new growth\"><\/span><b>Months 4\u20136<\/b><p>New hair shows. Density builds.<\/p><\/li>\r\n        <li><span class=\"ba-time-img\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/10\/6-12-months-Natural-Outdoor-Portrait-with-Full-Hair.png\" alt=\"Months 6 to 12 after a hair transplant, natural full result\"><\/span><b>Months 6\u201312+<\/b><p>Hair thickens and settles. Your final look.<\/p><\/li>\r\n      <\/ol>\r\n      <div class=\"ba-jour-foot\">\r\n        <p><b>We follow you the whole way.<\/b> Send progress photos at every stage and our team checks your growth, in Arabic or English.<\/p>\r\n        <a class=\"ba-btn ba-btn-gold\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%27d%20like%20to%20start%20my%20hair%20transplant%20journey.\" target=\"_blank\" rel=\"noopener\">Start my journey \u2197<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 4. WHY -->\r\n  <section class=\"ba-why ba-pat ba-p2\">\r\n    <div class=\"ba-shell\">\r\n      <div class=\"ba-head\">\r\n        <div><div class=\"ba-kicker\">Why ATC results look natural<\/div><h2>Nobody should know. Unless you tell them.<\/h2><\/div>\r\n        <p class=\"ba-lead\">A great result is not just more hair. It is the right hair, in the right place, at the right angle.<\/p>\r\n      <\/div>\r\n      <div class=\"ba-why-grid\">\r\n        <div><i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 14c2-6 14-6 16 0\"\/><circle cx=\"12\" cy=\"15\" r=\"6\"\/><\/svg><\/i><h3>Designed for your face<\/h3><p>Your hairline is drawn to your face shape and age, then approved by you.<\/p><\/div>\r\n        <div><i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 2l3 7-3 13-3-13z\"\/><\/svg><\/i><h3>Sapphire FUE<\/h3><p>Fine sapphire channels for dense, precise placement and smooth healing.<\/p><\/div>\r\n        <div><i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 20c3-6 3-10 2-16M11 20c2-6 2-10 1-16M17 20c1-6 1-10 0-16\"\/><\/svg><\/i><h3>The natural angle<\/h3><p>Each graft follows the direction your own hair grows. No \"doll hair\".<\/p><\/div>\r\n        <div class=\"is-gold\"><i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 3l7 3v6c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V6z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/i><h3>Lifetime warranty<\/h3><p>Written warranty on your transplanted grafts, with clear terms you take home.<\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 5. PHOTO STANDARD -->\r\n  <section class=\"ba-std\">\r\n    <div class=\"ba-shell ba-std-grid\">\r\n      <div>\r\n        <div class=\"ba-kicker\">How we photograph results<\/div>\r\n        <h2>Same angle. Same light. No tricks.<\/h2>\r\n        <p class=\"ba-lead\">A fair comparison needs fair photos. This is how we document every new case.<\/p>\r\n        <ol class=\"ba-rules\" style=\"margin-top:22px\">\r\n          <li><span><b>Same angles, every time<\/b><p>Front, top, crown and side. Beard and brows from the front and at 45\u00b0.<\/p><\/span><\/li>\r\n          <li><span><b>Same light and background<\/b><p>One studio setup, so lighting never fakes density.<\/p><\/span><\/li>\r\n          <li><span><b>Dry, unstyled hair<\/b><p>No wet hair, no fibres, no styling products.<\/p><\/span><\/li>\r\n          <li><span><b>Labelled honestly<\/b><p>Graft count, treated area and the month the photo was taken.<\/p><\/span><\/li>\r\n          <li><span><b>Only with consent<\/b><p>Every patient agrees in writing before a photo is shared.<\/p><\/span><\/li>\r\n        <\/ol>\r\n      <\/div>\r\n      <div class=\"ba-angles\" aria-label=\"The four standard photo angles\">\r\n        <figure><svg viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"#512b68\" stroke-width=\"2.2\" stroke-linecap=\"round\" aria-hidden=\"true\"><ellipse cx=\"50\" cy=\"54\" rx=\"26\" ry=\"32\"\/><path d=\"M26 44c4-18 44-18 48 0\" stroke=\"#C9A96E\" stroke-width=\"3\"\/><path d=\"M40 60h0M60 60h0\" stroke-width=\"4\"\/><\/svg><figcaption>Front<\/figcaption><\/figure>\r\n        <figure><svg viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"#512b68\" stroke-width=\"2.2\" stroke-linecap=\"round\" aria-hidden=\"true\"><ellipse cx=\"50\" cy=\"52\" rx=\"28\" ry=\"34\"\/><path d=\"M36 30c8-6 20-6 28 0M34 44c10-5 22-5 32 0M34 58c10-4 22-4 32 0\" stroke=\"#C9A96E\" stroke-width=\"3\"\/><path d=\"M50 14v-4\" \/><\/svg><figcaption>Top<\/figcaption><\/figure>\r\n        <figure><svg viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"#512b68\" stroke-width=\"2.2\" stroke-linecap=\"round\" aria-hidden=\"true\"><ellipse cx=\"50\" cy=\"52\" rx=\"30\" ry=\"32\"\/><path d=\"M50 52m-6 0a6 6 0 1 0 12 0a6 6 0 1 0-12 0\" stroke=\"#C9A96E\" stroke-width=\"3\"\/><path d=\"M50 40c8 0 14 6 14 12M38 52c0-8 6-14 12-14\" stroke=\"#C9A96E\" stroke-width=\"2.4\"\/><\/svg><figcaption>Crown<\/figcaption><\/figure>\r\n        <figure><svg viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"#512b68\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M34 82V70c-8-4-12-14-10-26 3-16 18-26 34-22 14 4 22 18 18 32l6 10-6 2v8c0 4-4 6-8 6h-6v4\"\/><path d=\"M28 40c6-14 26-20 40-12\" stroke=\"#C9A96E\" stroke-width=\"3\"\/><\/svg><figcaption>Side<\/figcaption><\/figure>\r\n        <div class=\"ba-angles-foot\"><span>Before<\/span><span>Day 1<\/span><span>Month 4<\/span><span>Month 6<\/span><span>Month 12<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 6. 3 STEPS -->\r\n  <section class=\"ba-steps-wrap\">\r\n    <div class=\"ba-shell\">\r\n      <div class=\"ba-head\">\r\n        <div><div class=\"ba-kicker\">Your result starts here<\/div><h2>3 steps to your own before &amp; after.<\/h2><\/div>\r\n        <p class=\"ba-lead\">Living abroad? Everything starts online, in Arabic or English.<\/p>\r\n      <\/div>\r\n      <div class=\"ba-steps-grid\">\r\n        <!-- Photo guide: replace the image with a cropped \"how to take your photos\" version when ready -->\r\n        <figure class=\"ba-guide\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/10\/sample.jpeg\" alt=\"How to take your hair photos for a free assessment: front, top, crown and back\"><figcaption>How to take your 4 photos<\/figcaption><\/figure>\r\n        <div>\r\n          <ol class=\"ba-steps\">\r\n            <li><h3>Send 4 photos<\/h3><p>Front, top, crown and the back of your head. On WhatsApp, in two minutes.<\/p><\/li>\r\n            <li><h3>Get your free plan<\/h3><p>Graft estimate, the right technique and an honest answer on what's possible.<\/p><\/li>\r\n            <li><h3>Book your date<\/h3><p>Pick your date in Amman. We guide you through every step of the visit.<\/p><\/li>\r\n          <\/ol>\r\n          <div class=\"ba-steps-foot\">\r\n            <a class=\"ba-btn ba-btn-gold\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%27d%20like%20to%20send%20my%20photos%20for%20a%20free%20plan.\" target=\"_blank\" rel=\"noopener\"><svg class=\"ba-wa\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.87.5 3.63 1.44 5.15L2 22l5.09-1.53a9.87 9.87 0 0 0 4.95 1.32h.01c5.46 0 9.9-4.45 9.9-9.91C21.96 6.45 17.5 2 12.04 2Z\"\/><\/svg>Send my photos<\/a>\r\n            <a class=\"ba-btn ba-btn-light\" href=\"tel:+962791833787\">Call <span dir=\"ltr\">+962 7 9183 3787<\/span><\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 7. FAQ -->\r\n  <section class=\"ba-faq-wrap\">\r\n    <div class=\"ba-shell ba-faq\">\r\n      <div class=\"ba-faq-intro\">\r\n        <div class=\"ba-kicker\">Before you ask<\/div>\r\n        <h2>Straight answers.<\/h2>\r\n        <p>The questions people ask us most after seeing our results.<\/p>\r\n        <a class=\"ba-consult\" href=\"https:\/\/wa.me\/962791833787\" target=\"_blank\" rel=\"noopener\"><b>\u2197<\/b><span>Still have a question?<br>Ask us on WhatsApp<\/span><\/a>\r\n      <\/div>\r\n      <div class=\"ba-faq-list\">\r\n        <details open><summary><span class=\"ba-qnum\">01<\/span><span>Are these real ATC patients?<\/span><span class=\"ba-plus\">+<\/span><\/summary><p>Yes. Every photo on this page is an ATC patient, shared with their written consent. No stock photos and no filters.<\/p><\/details>\r\n        <details><summary><span class=\"ba-qnum\">02<\/span><span>Will my result look like this?<\/span><span class=\"ba-plus\">+<\/span><\/summary><p>Your result depends on your donor area, hair type and hair loss pattern. That's why we assess your photos first and show you cases close to yours. Results vary from person to person.<\/p><\/details>\r\n        <details><summary><span class=\"ba-qnum\">03<\/span><span>How many grafts will I need?<\/span><span class=\"ba-plus\">+<\/span><\/summary><p>It depends on the area and the density you want. Send 4 photos on WhatsApp and we'll give you a free graft estimate.<\/p><\/details>\r\n        <details><summary><span class=\"ba-qnum\">04<\/span><span>When will I see my final result?<\/span><span class=\"ba-plus\">+<\/span><\/summary><p>New hair usually shows from month 4. The final result develops between 6 and 12 months. Beard and eyebrow transplants follow a similar timeline.<\/p><\/details>\r\n        <details><summary><span class=\"ba-qnum\">05<\/span><span>Can I see more results?<\/span><span class=\"ba-plus\">+<\/span><\/summary><p>Yes. Many patients prefer their photos stay private, so we share more cases one to one. Ask on WhatsApp and we'll send results similar to your case.<\/p><\/details>\r\n        <details><summary><span class=\"ba-qnum\">06<\/span><span>Is the result permanent?<\/span><span class=\"ba-plus\">+<\/span><\/summary><p>Transplanted hair comes from the donor area, which is usually resistant to hair loss. Your grafts are also covered by our lifetime warranty, under the written terms you receive.<\/p><\/details>\r\n        <details><summary><span class=\"ba-qnum\">07<\/span><span>I live outside Jordan. Can I still book?<\/span><span class=\"ba-plus\">+<\/span><\/summary><p>Yes. Your assessment starts online with photos, in Arabic or English. We then help you plan your visit to Amman.<\/p><\/details>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 8. FINAL CTA -->\r\n  <section class=\"ba-final\">\r\n    <div class=\"ba-shell\">\r\n      <div class=\"ba-final-box\">\r\n        <div><div class=\"ba-kicker\">Your turn<\/div><h2>Your after photo starts today.<\/h2><p>Send your photos. Get your free plan and graft estimate. No pressure, just an honest answer.<\/p><\/div>\r\n        <div class=\"ba-final-actions\">\r\n          <a class=\"ba-btn ba-btn-gold\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%20saw%20your%20before%20%26%20after%20results.%20I%27d%20like%20a%20free%20hair%20analysis.\" target=\"_blank\" rel=\"noopener\">Get My Free Analysis on WhatsApp \u2197<\/a>\r\n          <a class=\"ba-btn ba-btn-light\" href=\"tel:+962791833787\">Call <span dir=\"ltr\">+962 7 9183 3787<\/span><\/a>\r\n        <\/div>\r\n        <small>Arabic and English support \u00b7 Free initial assessment<\/small>\r\n      <\/div>\r\n      <p class=\"ba-disclaimer\">All photos show real ATC patients and are published with their written consent. Results vary from person to person depending on donor capacity, hair characteristics, hair loss pattern and treatment plan, and cannot be guaranteed. Suitability and your treatment plan are decided by the doctor after examination. All procedures carry risks, which we explain before treatment.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Lightbox -->\r\n  <dialog class=\"ba-lb\" aria-label=\"Enlarged result photo\">\r\n    <div class=\"ba-lb-box\">\r\n      <button type=\"button\" class=\"ba-lb-close\" aria-label=\"Close\">\u00d7<\/button>\r\n      <img decoding=\"async\" src=\"\" alt=\"\">\r\n      <div class=\"ba-lb-foot\"><b><\/b><a class=\"ba-btn ba-btn-gold\" href=\"https:\/\/wa.me\/962791833787\" target=\"_blank\" rel=\"noopener\">Get a plan like this \u2197<\/a><\/div>\r\n    <\/div>\r\n  <\/dialog>\r\n\r\n  <!-- Mobile sticky booking bar -->\r\n  <div class=\"ba-sticky\" aria-label=\"Quick contact\">\r\n    <a class=\"wa\" href=\"https:\/\/wa.me\/962791833787?text=Hello%20ATC%2C%20I%20saw%20your%20before%20%26%20after%20results.%20I%27d%20like%20a%20free%20hair%20analysis.\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.87.5 3.63 1.44 5.15L2 22l5.09-1.53a9.87 9.87 0 0 0 4.95 1.32h.01c5.46 0 9.9-4.45 9.9-9.91C21.96 6.45 17.5 2 12.04 2Z\"\/><\/svg>Free hair analysis<\/a>\r\n    <a class=\"call\" href=\"tel:+962791833787\" aria-label=\"Call ATC\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z\"\/><\/svg><\/a>\r\n  <\/div>\r\n\r\n  <script>\r\n  (function(){\r\n    var root=document.getElementById('atc-ba'); if(!root) return;\r\n    \/\/ Keep sticky elements below the site's sticky header (it shrinks on scroll)\r\n    var hdr=document.getElementById('siteHeader');\r\n    function setTop(){ if(hdr){ root.style.setProperty('--ba-top', Math.round(hdr.getBoundingClientRect().height)+'px'); } }\r\n    setTop(); window.addEventListener('scroll',setTop,{passive:true}); window.addEventListener('resize',setTop);\r\n\r\n    \/\/ Drag sliders\r\n    root.querySelectorAll('.ba-slide').forEach(function(s){\r\n      var r=s.querySelector('input'); if(!r) return;\r\n      r.addEventListener('input',function(){ s.style.setProperty('--pos', r.value+'%'); });\r\n    });\r\n\r\n    \/\/ Reveal cards: tap Before \/ After; flip to After once when the card scrolls into view\r\n    var flips=[].slice.call(root.querySelectorAll('.ba-flip'));\r\n    function setFlip(f,st){ f.setAttribute('data-state',st); f.querySelectorAll('.ba-f-toggle button').forEach(function(b){ b.setAttribute('aria-pressed', b.getAttribute('data-show')===st ? 'true':'false'); }); }\r\n    flips.forEach(function(f){\r\n      f.querySelectorAll('.ba-f-toggle button').forEach(function(b){ b.addEventListener('click',function(){ f._touched=true; setFlip(f,b.getAttribute('data-show')); }); });\r\n    });\r\n    if('IntersectionObserver' in window && !(window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches)){\r\n      var fio=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ var f=e.target; fio.unobserve(f); setTimeout(function(){ if(!f._touched) setFlip(f,'after'); },900); } }); },{threshold:.6});\r\n      flips.forEach(function(f){ fio.observe(f); });\r\n    }\r\n\r\n    \/\/ Category tabs (also driven by links like #beard)\r\n    var cats=['all','hair','beard','eyebrow','scar','women'];\r\n    var tabs=[].slice.call(root.querySelectorAll('.ba-tabs [role=\"tab\"]'));\r\n    var panels=[].slice.call(root.querySelectorAll('.ba-pitch'));\r\n    var cases=[].slice.call(root.querySelectorAll('.ba-case'));\r\n    var asks=[].slice.call(root.querySelectorAll('.ba-ask'));\r\n    var results=document.getElementById('ba-results');\r\n    function show(cat,scroll){\r\n      if(cats.indexOf(cat)<0) cat='all';\r\n      tabs.forEach(function(t){ t.setAttribute('aria-selected', t.getAttribute('data-tab')===cat ? 'true':'false'); });\r\n      panels.forEach(function(p){ p.classList.toggle('is-on', p.getAttribute('data-panel')===cat); });\r\n      cases.forEach(function(c){ c.hidden = !(cat==='all' || c.getAttribute('data-cat')===cat); });\r\n      asks.forEach(function(a){ a.hidden = a.getAttribute('data-ask')!==cat; });\r\n      var on=root.querySelector('.ba-tabs [aria-selected=\"true\"]'), bar=root.querySelector('.ba-tabs');\r\n      if(on && bar && bar.scrollWidth>bar.clientWidth){ bar.scrollTo({left:on.offsetLeft-bar.clientWidth\/2+on.offsetWidth\/2,behavior:'smooth'}); }\r\n      if(scroll && results){ results.scrollIntoView({behavior:'smooth',block:'start'}); }\r\n    }\r\n    tabs.forEach(function(t){\r\n      t.addEventListener('click',function(){\r\n        var cat=t.getAttribute('data-tab');\r\n        show(cat,false);\r\n        if(history.replaceState){ history.replaceState(null,'', cat==='all' ? location.pathname+location.search : '#'+cat); }\r\n        var top=results.getBoundingClientRect().top;\r\n        if(top<0){ results.scrollIntoView({behavior:'smooth',block:'start'}); }\r\n      });\r\n    });\r\n    function fromHash(scroll){ var h=(location.hash||'').slice(1); if(cats.indexOf(h)>-1){ show(h,scroll); } }\r\n    fromHash(true);\r\n    window.addEventListener('hashchange',function(){ fromHash(true); });\r\n    root.querySelectorAll('.ba-cats a').forEach(function(a){\r\n      a.addEventListener('click',function(e){ e.preventDefault(); var c=a.getAttribute('href').slice(1); if(history.replaceState){ history.replaceState(null,'','#'+c); } show(c,true); });\r\n    });\r\n\r\n    \/\/ Lightbox\r\n    var lb=root.querySelector('.ba-lb');\r\n    if(lb && typeof lb.showModal==='function'){\r\n      var lbImg=lb.querySelector('img'), lbTitle=lb.querySelector('.ba-lb-foot b'), lbCta=lb.querySelector('.ba-lb-foot a');\r\n      root.querySelectorAll('.ba-case-img').forEach(function(b){\r\n        b.addEventListener('click',function(){\r\n          var card=b.closest('.ba-case'), img=b.querySelector('img'), cta=card.querySelector('.ba-case-cta');\r\n          lbImg.src=b.getAttribute('data-full')||img.src; lbImg.alt=img.alt;\r\n          lbTitle.textContent=card.querySelector('h3').textContent;\r\n          if(cta){ lbCta.href=cta.href; }\r\n          lb.showModal();\r\n        });\r\n      });\r\n      lb.querySelector('.ba-lb-close').addEventListener('click',function(){ lb.close(); });\r\n      lb.addEventListener('click',function(e){ if(e.target===lb){ lb.close(); } });\r\n    }\r\n  })();\r\n  <\/script>\r\n\r\n  <!-- FAQ structured data for Google rich results -->\r\n  <script type=\"application\/ld+json\">\r\n  {\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[\r\n    {\"@type\":\"Question\",\"name\":\"Are these real ATC patients?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Every photo on this page is an ATC patient, shared with their written consent. No stock photos and no filters.\"}},\r\n    {\"@type\":\"Question\",\"name\":\"Will my result look like this?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Your result depends on your donor area, hair type and hair loss pattern. That's why we assess your photos first and show you cases close to yours. Results vary from person to person.\"}},\r\n    {\"@type\":\"Question\",\"name\":\"How many grafts will I need?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"It depends on the area and the density you want. Send 4 photos on WhatsApp and we'll give you a free graft estimate.\"}},\r\n    {\"@type\":\"Question\",\"name\":\"When will I see my final result?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"New hair usually shows from month 4. The final result develops between 6 and 12 months. Beard and eyebrow transplants follow a similar timeline.\"}},\r\n    {\"@type\":\"Question\",\"name\":\"Can I see more results?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Many patients prefer their photos stay private, so we share more cases one to one. Ask on WhatsApp and we'll send results similar to your case.\"}},\r\n    {\"@type\":\"Question\",\"name\":\"Is the result permanent?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Transplanted hair comes from the donor area, which is usually resistant to hair loss. Your grafts are also covered by our lifetime warranty, under the written terms you receive.\"}},\r\n    {\"@type\":\"Question\",\"name\":\"I live outside Jordan. Can I still book?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Your assessment starts online with photos, in Arabic or English. We then help you plan your visit to Amman.\"}}\r\n  ]}\r\n  <\/script>\r\n<\/main>\r\n<!-- END ATC BEFORE & AFTER v2 -->\r\n\t\t\t\t<\/div>\n\t\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>Home\/Before &amp; After Real ATC patients \u00b7 Amman Before.After.The proof is in the photos. No stock photos. No filters. Real ATC patients, photographed before and after their procedure. Hair, beard, eyebrows, scars and women&#8217;s hair. Get My Free Hair Analysis See the results \u2193 Hair TransplantBeardEyebrowsScar CoverageWomen 4.9 \u2605\u2605\u2605\u2605\u2605 on GoogleLifetime written graft warrantySapphire FUE by a Turkish medical team Density Transformation Frontal + Hairline Density Transformation Frontal + Hairline Frontal Restoration Complete Renewal Frontal Restoration Complete Renewal Beard Transplant Beard Transplant Real patientsNo filtersSapphire FUELifetime warrantyHairBeardEyebrowsScarsWomenTurkish medical teamAmmanReal patientsNo filtersSapphire FUELifetime warrantyHairBeardEyebrowsScarsWomenTurkish medical teamAmman All results Hair Transplant Beard Transplant Eyebrow Transplant Scar Coverage Women&#8217;s Transplant Free analysis \u2197 The proof is in the photos Natural results you can see. Every face is different, so every plan is different. Pick a category and see what ATC patients look like after their procedure. Hairline designed for your face Grafts placed one by one, at the natural angle Followed up until month 12 Get my free analysis \u2197 Hair Transplant From thinning to thick. Hairline to crown. Sapphire FUE, planned around your face and your donor area. Visible growth from month 4. Final result at 12 months. Natural, age-appropriate hairline Maximum density your donor allows Lifetime warranty in writing Get my graft estimate \u2197About the procedure Beard Transplant Full. Sharp. Yours. Fill the gaps, connect the moustache and define your cheek and neck lines. Your new beard grows like the rest of your hair: trim it, shape it, shave it. Patchy areas filled Clean, defined lines Hair placed in the direction your beard grows Plan my beard \u2197About beard transplant Eyebrow Transplant Brows that frame your face. Thin, over-plucked or uneven brows rebuilt hair by hair. We design the shape with you before we start. Shape drawn and approved by you first Fine single hairs at a flat, natural angle Less time with pencils and fillers Design my brows \u2197About eyebrow transplant Scar Coverage Cover the scar. Move on. Scars from accidents, burns, surgery or an old strip (FUT) transplant. Hair placed into the scar so it blends in again. Scalp, beard and eyebrow scars Old FUT strip scars Scar tissue checked first, honestly Send a photo of my scar \u2197 Women&#8217;s Hair Transplant Fuller. Feminine. Discreet. A wider parting, a high forehead or thin temples. We plan a soft, feminine result, in a private consultation. Hairline lowering and parting density Minimal-shave options when suitable Private, women-friendly consultation Book a private assessment \u2197About women&#8217;s transplant Hair Transplant\u2922 Density Transformation Top &amp; crown Sapphire FUE Get a plan like this \u2192 Hair Transplant\u2922 Frontal Restoration Frontal area Sapphire FUE Get a plan like this \u2192 Beard Transplant\u2922 Full Beard Cheeks &amp; jawline FUE Get a plan like this \u2192 Hair Transplant\u2922 Frontal + Hairline Hairline &amp; front Sapphire FUE Get a plan like this \u2192 Hair Transplant\u2922 Complete Renewal Front, top &amp; crown Sapphire FUE Get a plan like this \u2192 Hair Transplant\u2922 Fuller Hairline Hairline &amp; front Sapphire FUE Get a plan like this \u2192 Hair Transplant\u2922 Density Restored Front &amp; top Sapphire FUE Get a plan like this \u2192 Hair Transplant\u2922 Natural Frame Hairline Sapphire FUE Get a plan like this \u2192 Hair Transplant\u2922 Crown Coverage Top &amp; crown Sapphire FUE Get a plan like this \u2192 Hair Transplant\u2922 New Confidence Front &amp; top Sapphire FUE Get a plan like this \u2192 Private gallery Want to see a case like yours? We share many more results one to one. Send your photos and we&#8217;ll send you real cases close to yours. Send me similar cases \u2197 Hair Transplant More hair results, privately. We have many more results we share one to one. Send your photos and we&#8217;ll send you cases with the same hair loss pattern. Send me similar cases \u2197 Beard Transplant More beard results, privately. Patchy cheeks, a thin moustache or a scar in the beard? We&#8217;ll send you real results close to your case. Send me beard results \u2197 Eyebrow Transplant See real eyebrow results. Many patients prefer their brow photos stay private. Ask us and we&#8217;ll send you real ATC eyebrow cases on WhatsApp. Send me eyebrow results \u2197 Scar Coverage Every scar is different. Send one clear photo of your scar. We&#8217;ll tell you honestly if it can be covered, and show you similar cases. Send a photo of my scar \u2197 Women&#8217;s Transplant Private results for women. Our women patients value their privacy. Ask us and we&#8217;ll share real results with you, one to one. Send me women&#8217;s results \u2197 Real ATC patientsShared with written consentNo filters or retouching Your next 12 months From day one to your final result. A transplant is a process, not a one-day change. Here is what the year looks like. Days 0\u20134 Rest and gentle care. You&#8217;re back on your feet. Days 5\u201310 Guided washing. Scabs clear by day ten. Months 1\u20133 Temporary shedding. Normal, and expected. Months 4\u20136 New hair shows. Density builds. Months 6\u201312+ Hair thickens and settles. Your final look. We follow you the whole way. Send progress photos at every stage and our team checks your growth, in Arabic or English. Start my journey \u2197 Why ATC results look natural Nobody should know. Unless you tell them. A great result is not just more hair. It is the right hair, in the right place, at the right angle. Designed for your face Your hairline is drawn to your face shape and age, then approved by you. Sapphire FUE Fine sapphire channels for dense, precise placement and smooth healing. The natural angle Each graft follows the direction your own hair grows. No &#8220;doll hair&#8221;. Lifetime warranty Written warranty on your transplanted grafts, with clear terms you take home. How we photograph results Same angle. Same light. No tricks. A fair comparison needs fair photos. This is how we document every new case. Same angles, every time Front, top, crown and side. Beard and brows from the front and at 45\u00b0. Same light and background<\/p>","protected":false},"author":1,"featured_media":0,"parent":140,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-179","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/atc-hairtransplant.com\/ar\/wp-json\/wp\/v2\/pages\/179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atc-hairtransplant.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/atc-hairtransplant.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/atc-hairtransplant.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atc-hairtransplant.com\/ar\/wp-json\/wp\/v2\/comments?post=179"}],"version-history":[{"count":38,"href":"https:\/\/atc-hairtransplant.com\/ar\/wp-json\/wp\/v2\/pages\/179\/revisions"}],"predecessor-version":[{"id":2109,"href":"https:\/\/atc-hairtransplant.com\/ar\/wp-json\/wp\/v2\/pages\/179\/revisions\/2109"}],"up":[{"embeddable":true,"href":"https:\/\/atc-hairtransplant.com\/ar\/wp-json\/wp\/v2\/pages\/140"}],"wp:attachment":[{"href":"https:\/\/atc-hairtransplant.com\/ar\/wp-json\/wp\/v2\/media?parent=179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}