.nav-backdrop,.nav-drawer-header,.nav-drawer-cta,.navbar .nav-menu > li.nav-drawer-header,.navbar .nav-menu > li.nav-drawer-cta,li.nav-drawer-cta,li.nav-drawer-header,a.btn-drawer-call,a.btn-drawer-book{display:none !important}*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#00AFC0;--secondary:#333333;--white:#FFFFFF;--light-gray:#F8F9FA;--light-primary:#008F9C;--dark-gray:#333333;--text-gray:#555555;--shadow:0 10px 30px rgba(0,0,0,0.1);--primary-gradient:linear-gradient(135deg,#00AFC0,#008F9C);--secondary-gradient:linear-gradient(135deg,#333333,#2C2C2C)}body{font-family:'Inter',sans-serif;line-height:1.6;color:var(--text-gray)}.social-sidebar{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:999;display:flex;flex-direction:column;gap:12px;padding:16px 10px;background:rgba(10,14,26,0.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:40px;border:1.5px solid rgba(0,175,192,0.55);box-shadow:0 12px 35px rgba(0,0,0,0.45),0 0 20px rgba(0,175,192,0.25);transition:all 0.3s cubic-bezier(0.16,1,0.3,1)}.social-sidebar:hover{border-color:#00AFC0;box-shadow:0 15px 40px rgba(0,0,0,0.55),0 0 25px rgba(0,175,192,0.35)}.social-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);text-decoration:none;font-size:20px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15)}.social-icon:hover{transform:scale(1.18)}.social-icon.instagram{color:#ff5480}.social-icon.instagram:hover{background:#E4405F;color:#fff;box-shadow:0 5px 18px rgba(228,64,95,0.6)}.social-icon.facebook{color:#3b82f6}.social-icon.facebook:hover{background:#1877F2;color:#fff;box-shadow:0 5px 18px rgba(24,119,242,0.6)}.social-icon.google{color:#fbbc05}.social-icon.google:hover{background:#4285F4;color:#fff;box-shadow:0 5px 18px rgba(66,133,244,0.6)}.social-icon.whatsapp{color:#25d366}.social-icon.whatsapp:hover{background:#25D366;color:#fff;box-shadow:0 5px 18px rgba(37,211,102,0.6)}@media (max-width:768px){.social-sidebar{left:8px;gap:8px;padding:12px 6px}.social-icon{width:36px;height:36px;font-size:16px}}h1,h2,h3,h4,h5,h6{font-family:'Plus Jakarta Sans','Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;color:var(--secondary)}.container{max-width:1400px;margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;width:100%;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);z-index:1000;padding:15px 0;transition:all 0.3s ease}.nav-container{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo h2{color:var(--primary);font-size:28px}.nav-logo img{height:38px !important;height:48px;width:auto;display:block;background:transparent}.nav-menu{display:flex;list-style:none;gap:30px}.nav-menu a{text-decoration:none;color:var(--dark-gray);font-weight:500;transition:color 0.3s ease}.nav-menu a:hover,.nav-menu a.active{color:var(--primary)}.btn-primary{background:var(--primary);color:var(--white);padding:12px 24px;border-radius:30px;text-decoration:none;font-weight:600;transition:all 0.3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger span{width:25px;height:3px;background:var(--secondary);transition:all 0.3s ease}.hair-hero-section{min-height:100vh;background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 50%,rgba(212,175,55,0.1) 100%);display:flex;align-items:center;padding:120px 0 80px;position:relative;overflow:hidden}.hero-container{max-width:1400px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content{display:flex;flex-direction:column}.hero-title{font-size:48px;line-height:1.2;margin-bottom:30px;color:var(--navy);animation:fadeDown 1s ease}.gold-underline{width:80px;height:4px;background:var(--primary);margin-bottom:30px;animation:expandWidth 1.5s ease 0.5s both}.hero-subtitle{font-size:18px;margin-bottom:40px;color:var(--text-gray);line-height:1.7;animation:fadeUp 1s ease 0.4s both}.hero-ctas{display:flex;gap:20px;margin-bottom:40px;animation:fadeUp 1s ease 0.6s both}.btn-gold{background:var(--primary);color:var(--white);padding:15px 30px;border-radius:30px;text-decoration:none;font-weight:600;transition:all 0.3s ease;display:inline-block}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0, 175, 192,0.3);background:#008F9C}.btn-navy{background:var(--secondary);color:var(--white);padding:15px 30px;border-radius:30px;text-decoration:none;font-weight:600;border:2px solid var(--primary);transition:all 0.3s ease;display:inline-block}.btn-navy:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}.hero-image{position:relative;animation:fadeInRight 1s ease 0.5s both}.hero-image img{width:100%;border-radius:20px;box-shadow:var(--shadow)}.hair-particles{position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="%23D4AF37" opacity="0.3"><animate attributeName="opacity" values="0.3;1;0.3" dur="3s" repeatCount="indefinite"/></circle><circle cx="80" cy="40" r="1.5" fill="%23D4AF37" opacity="0.5"><animate attributeName="opacity" values="0.5;1;0.5" dur="2s" repeatCount="indefinite"/></circle></svg>') no-repeat;background-size:cover;pointer-events:none}.video-education-section{padding:100px 0;background:linear-gradient(rgba(51,51,51,0.85),rgba(44,44,44,0.85)),url('../images/hero1.jpg');background-size:cover;background-position:center;background-attachment:fixed;color:var(--white);text-align:center;position:relative}.video-education-section h2{color:var(--primary);font-size:36px;margin-bottom:40px}.video-container{max-width:800px;margin:0 auto 30px;border:8px solid var(--primary);border-radius:15px;overflow:hidden;box-shadow:0 20px 40px rgba(0, 175, 192,0.3);transition:all 0.3s ease}.video-container:hover{box-shadow:0 25px 50px rgba(0, 175, 192,0.4);transform:scale(1.02)}.video-container video{width:100%;height:auto;display:block}.video-description{font-size:18px;max-width:600px;margin:0 auto;line-height:1.7}.fue-section,.dhi-section,.beard-section,.eyebrow-section,.female-hair-section{padding:100px 0}.fue-section{background:linear-gradient(rgba(255,255,255,0.88),rgba(255,255,255,0.88)),url('../images/background1.jpg');background-size:cover;background-position:center;background-attachment:fixed;position:relative}.dhi-section{background:linear-gradient(rgba(248,249,250,0.85),rgba(248,249,250,0.85)),url('../images/dhi-hair-2.jpg');background-size:cover;background-position:center;background-attachment:fixed;position:relative}.beard-section{background:linear-gradient(rgba(255,255,255,0.87),rgba(255,255,255,0.87)),url('../images/background2.jpg');background-size:cover;background-position:center;background-attachment:fixed;position:relative}.eyebrow-section{background:linear-gradient(rgba(250,248,242,0.86),rgba(248,246,240,0.86)),url('../images/eyebro.jpg');background-size:cover;background-position:center;background-attachment:fixed;position:relative}.female-hair-section{background:linear-gradient(rgba(249,247,244,0.88),rgba(246,244,241,0.88)),url('../images/background3.jpg');background-size:cover;background-position:center;background-attachment:fixed;position:relative}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.service-grid.reverse{direction:rtl}.service-grid.reverse>*{direction:ltr}.service-image img{width:100%;border-radius:15px;box-shadow:var(--shadow);transition:transform 0.3s ease}.service-image img:hover{transform:scale(1.05)}.service-content h2{font-size:36px;margin-bottom:20px;color:var(--secondary)}.gold-divider{width:60px;height:4px;background:var(--primary);margin-bottom:30px}.service-content h3{font-size:24px;margin:30px 0 15px 0;color:var(--secondary)}.service-content p{margin-bottom:20px;line-height:1.7}.service-content ul{margin:20px 0;padding-left:0;list-style:none}.service-content li{margin-bottom:10px;line-height:1.6}.benefits-list li{color:var(--primary);font-weight:500}.explore-btn{display:inline-block;background:var(--primary);color:var(--white);padding:15px 30px;border-radius:30px;text-decoration:none;font-weight:600;margin-top:20px;transition:all 0.3s ease;text-align:center;min-width:150px}.explore-btn:hover{background:var(--secondary);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 20px rgba(51,51,51,0.3)}.explore-btn-center{display:block;text-align:center;background:var(--primary);color:var(--white);padding:15px 30px;border-radius:30px;text-decoration:none;font-weight:600;margin:40px auto 0;max-width:200px;transition:all 0.3s ease}.explore-btn-center:hover{background:var(--secondary);color:var(--white);transform:translateY(-2px);box-shadow:0 10px 25px rgba(51,51,51,0.3)}.hairline-design-section{padding:100px 0;background:linear-gradient(rgba(255,255,255,0.89),rgba(255,255,255,0.89)),url('../images/background4.jpg');background-size:cover;background-position:center;background-attachment:fixed;text-align:center;position:relative}.section-header h2{font-size:42px;margin-bottom:20px;color:var(--secondary);text-align:center}.section-header .gold-underline{margin:0 auto 30px}.section-header p{font-size:18px;max-width:800px;margin:0 auto 60px;line-height:1.7}.hairline-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px}.hairline-card{background:var(--white);padding:40px 30px;border-radius:15px;box-shadow:var(--shadow);border-top:4px solid var(--primary);transition:all 0.3s ease;animation:fadeInUp 0.8s ease}.hairline-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.15)}.card-icon{font-size:48px;margin-bottom:20px}.hairline-card h3{font-size:24px;margin-bottom:15px;color:var(--secondary)}.hairline-card p{line-height:1.6}.mini-services-section{padding:100px 0;background:linear-gradient(rgba(248,249,250,0.87),rgba(248,249,250,0.87)),url('../images/hero4.jpg');background-size:cover;background-position:center;background-attachment:fixed;position:relative}.mini-services-section .section-header{text-align:center;margin-bottom:60px}.mini-services-section .section-header h2{font-size:42px;color:var(--secondary)}.mini-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.mini-service-card{background:var(--white);border-radius:15px;overflow:hidden;box-shadow:var(--shadow);transition:all 0.3s ease;height:520px;display:flex;flex-direction:column}.mini-service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.15)}.mini-service-card img{width:100%;height:250px;object-fit:cover}.card-content{padding:25px;flex:1;display:flex;flex-direction:column;text-align:center;position:relative}.card-content h3{font-size:22px;margin-bottom:15px;color:var(--secondary)}.card-content p{line-height:1.6;margin-bottom:20px;flex:1}.card-content .explore-btn{margin-top:auto;align-self:center}.treatments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:60px}.treatment-card{background:var(--white);border-radius:15px;overflow:hidden;box-shadow:var(--shadow);transition:all 0.3s ease}.treatment-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,0.15)}.treatment-card img{width:100%;height:250px;object-fit:cover}.treatment-card h3{font-size:24px;padding:20px 25px 10px;color:var(--secondary);text-align:center}.treatment-card p{padding:0 25px 20px;line-height:1.6;text-align:center}.treatment-card .explore-btn{display:block;margin:0 auto 25px;width:fit-content}.non-surgical-section{padding:100px 0;background:linear-gradient(rgba(255,255,255,0.88),rgba(255,255,255,0.88)),url('../images/background1.jpg');background-size:cover;background-position:center;background-attachment:fixed;position:relative}.non-surgical-section .section-header{text-align:center;margin-bottom:60px}.non-surgical-section .section-header h2{text-align:center}.prp-video-section{margin-top:60px;text-align:center}.prp-video-section .video-container{border:6px solid var(--primary)}.video-caption{margin-top:15px;font-style:italic;color:var(--text-gray)}.process-section{padding:100px 0 90px;background:linear-gradient(180deg,#091224 0%,#0d1a33 55%,#070e1c 100%);color:#f8fafc;position:relative;overflow:hidden}.process-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,175,192,0.4),rgba(0,175,192,0.4),transparent)}.process-header{text-align:center;max-width:820px;margin:0 auto 55px}.process-pill-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,175,192,0.12);border:1px solid rgba(0,175,192,0.35);color:#00AFC0;padding:6px 18px;border-radius:30px;font-size:0.82rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:18px}.process-header h2{font-family:'Plus Jakarta Sans','Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(2rem,3.8vw,2.75rem);color:#ffffff;font-weight:700;margin-bottom:16px;line-height:1.25}.process-header .text-gold{color:#00AFC0}.process-header p{font-size:1.02rem;color:#94a3b8;line-height:1.7;margin:0 auto}.clinical-process-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:50px;position:relative}.process-card-step{background:rgba(15,23,42,0.75);border:1.5px solid rgba(0,175,192,0.22);border-radius:20px;padding:26px 22px 24px;display:flex;flex-direction:column;position:relative;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(0,0,0,0.35);transition:all 0.35s cubic-bezier(0.16,1,0.3,1)}.process-card-step:hover{transform:translateY(-6px);border-color:#00AFC0;box-shadow:0 18px 45px rgba(0,0,0,0.5),0 0 25px rgba(0,175,192,0.2)}.step-badge-wrap{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.step-num-pill{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,175,192,0.25) 0%,rgba(0,143,156,0.35) 100%);border:1px solid rgba(0,175,192,0.5);color:#5eead4;font-size:0.75rem;font-weight:800;letter-spacing:0.06em;padding:4px 12px;border-radius:20px}.step-icon-box{width:52px;height:52px;border-radius:14px;background:rgba(0,175,192,0.12);border:1.5px solid rgba(0,175,192,0.35);color:#00AFC0;display:flex;align-items:center;justify-content:center;font-size:1.35rem;margin-bottom:16px;transition:all 0.3s ease}.process-card-step:hover .step-icon-box{background:linear-gradient(135deg,#00AFC0 0%,#008F9C 100%);color:#ffffff;box-shadow:0 4px 15px rgba(0,175,192,0.4);transform:scale(1.05)}.step-card-title{font-family:'Plus Jakarta Sans','Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.22rem;color:#ffffff;font-weight:700;margin-bottom:10px;line-height:1.35}.step-card-desc{font-size:0.88rem;color:#94a3b8;line-height:1.6;margin-bottom:18px;flex-grow:1}.step-card-tag{display:inline-block;align-self:flex-start;font-size:0.74rem;font-weight:700;color:#00AFC0;background:rgba(0,175,192,0.12);border:1px solid rgba(0,175,192,0.28);padding:4px 10px;border-radius:8px;text-transform:uppercase;letter-spacing:0.04em;margin-top:auto}.process-footer-callout{background:linear-gradient(135deg,rgba(0,175,192,0.12) 0%,rgba(15,23,42,0.9) 100%);border:1.5px solid rgba(0,175,192,0.35);border-radius:20px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;box-shadow:0 12px 36px rgba(0,0,0,0.35),0 0 20px rgba(0,175,192,0.12)}.pfc-icon{width:54px;height:54px;border-radius:50%;background:rgba(0,175,192,0.2);border:1.5px solid rgba(0,175,192,0.5);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#00AFC0;flex-shrink:0}.pfc-text{flex:1;min-width:260px}.pfc-text h4{font-family:'Plus Jakarta Sans','Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.25rem;color:#ffffff;font-weight:700;margin-bottom:4px}.pfc-text p{color:#cbd5e1;font-size:0.88rem;margin:0;line-height:1.55}.pfc-action{flex-shrink:0}@media (max-width:768px){.clinical-process-timeline{display:flex;flex-direction:column;gap:18px;position:relative;padding-left:20px;border-left:2px solid rgba(0,175,192,0.3);margin-left:10px}.process-card-step{padding:20px 18px}.process-card-step::before{content:'';position:absolute;left:-31px;top:24px;width:18px;height:18px;border-radius:50%;background:#091224;border:3px solid #00AFC0;box-shadow:0 0 10px rgba(0,175,192,0.5)}.process-footer-callout{flex-direction:column;align-items:flex-start;padding:22px 18px}.pfc-action{width:100%}.pfc-action .btn-primary{width:100%;text-align:center;justify-content:center}}.faq-section{padding:100px 0;background:linear-gradient(rgba(248,249,250,0.89),rgba(248,249,250,0.89)),url('../images/background2.jpg');background-size:cover;background-position:center;background-attachment:fixed;position:relative}.faq-section .section-header{text-align:center;margin-bottom:60px}.faq-section .section-header h2{font-size:42px;color:var(--secondary)}.faq-accordion{max-width:800px;margin:0 auto}.faq-item{background:var(--white);margin-bottom:15px;border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}.faq-question{padding:25px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--secondary);transition:background 0.3s ease}.faq-question:hover{background:var(--light-primary)}.faq-icon{font-size:24px;color:var(--primary);transition:transform 0.3s ease}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{padding:0 25px;max-height:0;overflow:hidden;transition:all 0.3s ease}.faq-item.active .faq-answer{padding:0 25px 25px;max-height:200px}.faq-answer p{line-height:1.7}.final-cta-section{padding:100px 0;background:linear-gradient(rgba(0, 175, 192,0.85),rgba(72,201,176,0.85)),url('../images/hero4.jpg');background-size:cover;background-position:center;background-attachment:fixed;text-align:center;color:var(--white);position:relative}.final-cta-section h2{font-size:48px;margin-bottom:20px}.final-cta-section p{font-size:20px;margin-bottom:40px}.btn-consultation{background:var(--secondary);color:var(--white);padding:18px 40px;border-radius:35px;text-decoration:none;font-weight:600;font-size:18px;transition:all 0.3s ease;display:inline-block}.btn-consultation:hover{background:var(--white);color:var(--secondary);transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,0.2)}.footer{background:var(--secondary);color:var(--white);padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-column h3,.footer-column .footer-nav-title{color:var(--primary);font-size:24px;margin-bottom:20px}.footer-column p{line-height:1.6;margin-bottom:10px}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:8px}.footer-column ul li a{color:var(--white);text-decoration:none;transition:color 0.3s ease}.footer-column ul li a:hover{color:var(--primary)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(0, 175, 192,0.3)}@keyframes fadeDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes expandWidth{from{width:0}to{width:80px}}@media (max-width:1024px){.hamburger{display:flex}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:white;width:100%;text-align:center;transition:left 0.3s ease;box-shadow:0 10px 27px rgba(0,0,0,0.1);padding:20px 0;z-index:999}.nav-menu.active{left:0}.nav-menu li{margin:15px 0}.nav-cta{display:none}.hair-hero-section{padding:100px 0 60px;min-height:auto}.hero-container{grid-template-columns:1fr;text-align:center;padding:20px}.hero-title{font-size:32px}.service-grid{grid-template-columns:1fr;gap:40px}.service-grid.reverse{direction:ltr}.hero-ctas{flex-direction:column;align-items:center;width:100%}.btn-gold,.btn-navy{width:100%;max-width:300px}.mini-services-grid{grid-template-columns:1fr}.mini-service-card{height:auto}.mini-service-card img{height:220px}.section-header h2{font-size:32px}.service-content h2{font-size:28px}.mini-services-grid{grid-template-columns:repeat(2,1fr)}.treatments-grid{grid-template-columns:1fr}.process-timeline{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.process-timeline{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hero-title{font-size:26px}.section-header h2{font-size:28px}.final-cta-section h2{font-size:32px}.service-content h2{font-size:24px}.process-timeline{grid-template-columns:1fr}.hairline-cards{grid-template-columns:1fr}.fue-section,.dhi-section,.beard-section,.eyebrow-section,.female-hair-section,.video-education-section,.hairline-design-section,.mini-services-section,.non-surgical-section,.process-section,.faq-section,.final-cta-section{padding:60px 0}}.nav-scanner-link{color:#00AFC0 !important;font-weight:600 !important;background:rgba(0,175,192,0.08);border:1px solid rgba(0,175,192,0.2);border-radius:6px;padding:4px 10px !important}@media (min-width:1025px){.nav-container{max-width:1400px !important;padding:0 14px !important;gap:10px !important}.nav-logo img{height:36px !important}.nav-menu{gap:1px !important;flex-wrap:nowrap !important;align-items:center !important}.nav-menu a{font-size:0.78rem !important;padding:4px 7px !important;white-space:nowrap !important;font-weight:500 !important}.nav-menu a.active{color:var(--primary,#006d77) !important}.nav-cta .btn-primary,.btn-primary{padding:7px 14px !important;font-size:0.78rem !important;white-space:nowrap !important;flex-shrink:0 !important}.nav-scanner-link{font-size:0.76rem !important;padding:3px 7px !important}}.hair-loss-scale-section{padding:100px 0 90px;background:linear-gradient(180deg,#091224 0%,#0d1a33 55%,#070e1c 100%);color:#f1f5f9;position:relative;overflow:hidden}.hair-loss-scale-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,175,192,0.4),rgba(0,175,192,0.4),transparent)}.hls-header{text-align:center;max-width:820px;margin:0 auto 55px}.hls-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,175,192,0.12);border:1px solid rgba(0,175,192,0.35);color:#00AFC0;padding:6px 18px;border-radius:30px;font-size:0.82rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:18px}.hls-header h2{font-family:'Plus Jakarta Sans','Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(2rem,3.8vw,2.75rem);color:#ffffff;font-weight:700;margin-bottom:16px;line-height:1.25}.hls-gold{color:#00AFC0}.hls-header p{font-size:1.02rem;color:#94a3b8;line-height:1.7;margin:0 auto}.norwood-scale-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:50px}.norwood-card{background:rgba(15,23,42,0.75);border:1.5px solid rgba(0,175,192,0.22);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:all 0.35s cubic-bezier(0.16,1,0.3,1);box-shadow:0 10px 30px rgba(0,0,0,0.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.norwood-card:hover{transform:translateY(-6px);border-color:#00AFC0;box-shadow:0 18px 45px rgba(0,0,0,0.5),0 0 25px rgba(0,175,192,0.2)}.norwood-visual{position:relative;padding:24px 20px 16px;background:linear-gradient(180deg,rgba(0,175,192,0.08) 0%,rgba(15,23,42,0.4) 100%);display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,175,192,0.15)}.head-icon{width:90px;height:100px;display:flex;align-items:center;justify-content:center}.head-svg{width:80px;height:90px;display:block}.stage-badge{position:absolute;top:14px;right:14px;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;padding:4px 10px;border-radius:20px;border:1px solid currentColor}.stage-badge.healthy{color:#34d399;background:rgba(52,211,153,0.12);border-color:rgba(52,211,153,0.35)}.stage-badge.early{color:#00AFC0;background:rgba(0,175,192,0.12);border-color:rgba(0,175,192,0.35)}.stage-badge.moderate{color:#00AFC0;background:rgba(0,175,192,0.12);border-color:rgba(0,175,192,0.35)}.stage-badge.significant{color:#fb923c;background:rgba(251,146,60,0.12);border-color:rgba(251,146,60,0.35)}.stage-badge.advanced{color:#f87171;background:rgba(248,113,113,0.12);border-color:rgba(248,113,113,0.35)}.stage-badge.severe{color:#f43f5e;background:rgba(244,63,94,0.15);border-color:rgba(244,63,94,0.4)}.norwood-info{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}.norwood-info h4,.norwood-info .item-heading{font-family:'Plus Jakarta Sans','Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.2rem;color:#ffffff;font-weight:700;margin-bottom:8px}.norwood-info p{font-size:0.85rem;color:#94a3b8;line-height:1.5;margin-bottom:16px;flex-grow:1}.damage-meter{margin-bottom:16px}.meter-label{display:flex;justify-content:space-between;font-size:0.76rem;color:#cbd5e1;font-weight:600;margin-bottom:6px}.meter-val{color:#00AFC0;font-weight:700}.meter-bar{width:100%;height:6px;background:rgba(255,255,255,0.1);border-radius:10px;overflow:hidden}.meter-fill{height:100%;border-radius:10px;transition:width 0.8s ease}.treatment-tag{display:inline-flex;align-items:center;gap:6px;font-size:0.78rem;font-weight:700;padding:7px 12px;border-radius:10px;margin-top:auto}.tag-green{background:rgba(52,211,153,0.15);color:#34d399;border:1px solid rgba(52,211,153,0.3)}.tag-lime{background:rgba(0,175,192,0.15);color:#5eead4;border:1px solid rgba(0,175,192,0.35)}.tag-yellow{background:rgba(0,175,192,0.15);color:#00AFC0;border:1px solid rgba(0,175,192,0.35)}.tag-orange{background:rgba(251,146,60,0.15);color:#fdba74;border:1px solid rgba(251,146,60,0.3)}.tag-red{background:rgba(239,68,68,0.15);color:#fca5a5;border:1px solid rgba(239,68,68,0.3)}.tag-crimson{background:rgba(244,63,94,0.2);color:#fb7185;border:1px solid rgba(244,63,94,0.4)}.hls-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:50px}.hls-stat-card{background:rgba(15,23,42,0.8);border:1.5px solid rgba(0,175,192,0.2);border-radius:20px;padding:24px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,0.3);transition:all 0.3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hls-stat-card:hover{transform:translateY(-4px);border-color:#00AFC0;box-shadow:0 16px 40px rgba(0,0,0,0.4),0 0 20px rgba(0,175,192,0.18)}.hls-radial-wrap{position:relative;width:90px;height:90px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hls-radial{width:90px !important;height:90px !important;max-width:90px !important;max-height:90px !important;display:block}.hls-arc-animate{transition:stroke-dashoffset 1.4s cubic-bezier(0.16,1,0.3,1)}.hls-radial-val{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;color:#ffffff;font-family:'Inter',sans-serif}.hls-stat-label{font-size:0.95rem;font-weight:700;color:#ffffff;margin-bottom:6px;line-height:1.35}.hls-stat-desc{font-size:0.8rem;color:#94a3b8;line-height:1.45}.hls-causes{background:rgba(15,23,42,0.85);border:1.5px solid rgba(0,175,192,0.22);border-radius:20px;padding:32px 36px;margin-bottom:45px;box-shadow:0 12px 35px rgba(0,0,0,0.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hls-causes h3{font-family:'Plus Jakarta Sans','Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.45rem;color:#ffffff;font-weight:700;margin-bottom:24px;display:flex;align-items:center;gap:10px}.hls-causes h3 i{color:#00AFC0}.cause-bars{display:flex;flex-direction:column;gap:16px}.cause-item{display:grid;grid-template-columns:240px 1fr 50px;align-items:center;gap:16px}.cause-name{font-size:0.88rem;color:#cbd5e1;font-weight:600;display:flex;align-items:center;gap:8px;white-space:nowrap}.cause-name i{width:18px;text-align:center;color:#94a3b8;font-size:0.85rem}.cause-bar-wrap{width:100%;height:12px;background:rgba(255,255,255,0.08);border-radius:10px;overflow:hidden}.cause-bar-fill{height:100%;border-radius:10px;width:100%;transition:width 1s ease}.cause-item:nth-child(1) .cause-bar-fill{width:85%}.cause-item:nth-child(2) .cause-bar-fill{width:60%}.cause-item:nth-child(3) .cause-bar-fill{width:45%}.cause-item:nth-child(4) .cause-bar-fill{width:25%}.cause-item:nth-child(5) .cause-bar-fill{width:18%}.cause-item:nth-child(6) .cause-bar-fill{width:35%}.cause-pct{font-size:0.9rem;font-weight:800;color:#00AFC0;text-align:right}.hls-cta-block{background:linear-gradient(135deg,rgba(0,175,192,0.14) 0%,rgba(15,23,42,0.92) 100%);border:1.5px solid rgba(0,175,192,0.38);border-radius:20px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;box-shadow:0 12px 36px rgba(0,0,0,0.35),0 0 20px rgba(0,175,192,0.12)}.hls-cta-icon{width:54px;height:54px;border-radius:50%;background:rgba(0,175,192,0.2);border:1.5px solid rgba(0,175,192,0.6);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#00AFC0;flex-shrink:0}.hls-cta-text{flex:1;min-width:250px}.hls-cta-text h4,.hls-cta-text .cta-subtext{font-family:'Plus Jakarta Sans','Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.25rem;color:#ffffff;font-weight:700;margin-bottom:4px}.hls-cta-text p{color:#cbd5e1;font-size:0.88rem;margin:0;line-height:1.5}.hls-cta-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-hls-scan{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#00AFC0 0%,#008F9C 100%);color:#ffffff !important;border:1px solid rgba(0,175,192,0.5);padding:11px 22px;border-radius:25px;font-size:0.85rem;font-weight:700;text-decoration:none !important;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,175,192,0.35)}.btn-hls-scan:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(0,175,192,0.5);filter:brightness(1.08)}.btn-hls-wa{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);color:#ffffff !important;padding:11px 22px;border-radius:25px;font-size:0.85rem;font-weight:700;text-decoration:none !important;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(37,211,102,0.35)}.btn-hls-wa:hover{background:linear-gradient(135deg,#28e06c 0%,#15a08e 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,211,102,0.5)}.procedure-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:15px 0 20px}.info-item{display:inline-flex;align-items:center;gap:6px;font-size:0.82rem;font-weight:600;color:var(--secondary);background:rgba(0, 175, 192,0.1);padding:6px 14px;border-radius:20px;border:1px solid rgba(0, 175, 192,0.25)}.info-item i{color:var(--primary);font-size:0.85rem}@media (max-width:992px){.hls-stats-row{grid-template-columns:repeat(2,1fr)}.cause-item{grid-template-columns:180px 1fr 45px}}@media (max-width:640px){.hls-stats-row{grid-template-columns:1fr}.cause-item{grid-template-columns:1fr;gap:6px}.cause-pct{text-align:left}.hls-causes{padding:22px 18px}.hls-cta-block{flex-direction:column;align-items:flex-start;padding:22px 18px}.hls-cta-actions{width:100%}.btn-hls-scan,.btn-hls-wa{width:100%;justify-content:center}}.footer-column .footer-nav-title,p.footer-nav-title{font-family:'Plus Jakarta Sans','Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;color:var(--primary-gold,#00AFC0);letter-spacing:0.02em}p.item-heading{font-family:'Plus Jakarta Sans','Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:0.5rem;color:inherit;line-height:1.4}p.cta-subtext{font-family:'Inter',sans-serif;font-size:0.95rem;font-weight:500;margin-top:0.75rem;opacity:0.9}p.section-subhead{font-family:'Plus Jakarta Sans','Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.15rem;font-weight:600;margin-bottom:0.75rem;color:inherit}
/* ── Real Photo Norwood Scale Styling ───────────────────────────── */
.norwood-visual{position:relative !important;padding:0 !important;width:100% !important;height:210px !important;overflow:hidden !important;background:#080e1c !important;display:flex !important;align-items:center !important;justify-content:center !important;border-bottom:1.5px solid rgba(0,175,192,0.22) !important}
.norwood-img-wrap{width:100% !important;height:100% !important;position:relative !important;overflow:hidden !important;display:block !important}
.norwood-img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center 10% !important;display:block !important;transition:transform 0.5s cubic-bezier(0.16,1,0.3,1),filter 0.3s ease !important}
.norwood-card:hover .norwood-img{transform:scale(1.08) !important}
.norwood-img-overlay{position:absolute !important;inset:0 !important;background:linear-gradient(180deg,rgba(8,14,28,0.05) 0%,rgba(8,14,28,0.25) 55%,rgba(15,23,42,0.96) 100%) !important;pointer-events:none !important}

/* ═══════════════════════════════════════════════════════════════
   LUXURY HAIR SERVICES REDESIGN — CLINICAL SHOWCASE SYSTEM
   ═══════════════════════════════════════════════════════════════ */

/* Interactive Sub-Navigation Jump Bar */
.hair-subnav-section {
  background: #ffffff !important;
  border-bottom: 1px solid #eef2f6 !important;
  padding: 14px 0 !important;
  position: sticky !important;
  top: 70px !important;
  z-index: 90 !important;
  box-shadow: 0 4px 20px rgba(12, 35, 56, 0.04) !important;
  backdrop-filter: blur(12px) !important;
}

.hair-subnav-pills {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  padding: 4px 6px !important;
}
.hair-subnav-pills::-webkit-scrollbar {
  display: none !important;
}

.subnav-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 8px 18px !important;
  border-radius: 30px !important;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: #475569 !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: all 0.25s ease !important;
}

.subnav-pill:hover,
.subnav-pill.active {
  background: #0c2338 !important;
  color: #ffffff !important;
  border-color: #0c2338 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(12, 35, 56, 0.15) !important;
}
.subnav-pill i {
  color: #00AFC0 !important;
  font-size: 0.8rem !important;
}
.subnav-pill:hover i,
.subnav-pill.active i {
  color: #00AFC0 !important;
}

/* Service Showcase Split Card */
.service-showcase-split {
  background: #ffffff !important;
  border-radius: 28px !important;
  border: 1.5px solid #e2ecf3 !important;
  box-shadow: 0 15px 40px rgba(12, 35, 56, 0.06), 0 2px 8px rgba(12, 35, 56, 0.02) !important;
  padding: 44px !important;
  display: grid !important;
  grid-template-columns: 1.05fr 1fr !important;
  gap: 48px !important;
  align-items: center !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

.service-showcase-split:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 25px 60px rgba(0, 175, 192, 0.15), 0 4px 14px rgba(15, 23, 42, 0.05) !important;
  border-color: #00AFC0 !important;
}

.service-showcase-split.reverse {
  grid-template-columns: 1fr 1.05fr !important;
}

/* Media Frame with Floating Badges */
.service-media-frame {
  position: relative !important;
  width: 100% !important;
  height: 480px !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background: #0c2338 !important;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.18) !important;
}

.service-media-frame img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.service-showcase-split:hover .service-media-frame img {
  transform: scale(1.06) !important;
}

.media-badge-top {
  position: absolute !important;
  top: 16px !important;
  left: 16px !important;
  background: rgba(12, 35, 56, 0.88) !important;
  color: #00AFC0 !important;
  border: 1px solid rgba(255, 215, 0, 0.4) !important;
  padding: 6px 14px !important;
  border-radius: 20px !important;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  backdrop-filter: blur(8px) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.media-badge-bottom {
  position: absolute !important;
  bottom: 16px !important;
  left: 16px !important;
  right: 16px !important;
  background: rgba(12, 35, 56, 0.88) !important;
  color: #ffffff !important;
  border: 1px solid rgba(0, 175, 192, 0.4) !important;
  padding: 10px 16px !important;
  border-radius: 14px !important;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  backdrop-filter: blur(8px) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.media-badge-bottom i {
  color: #00AFC0 !important;
  font-size: 1.1rem !important;
  flex-shrink: 0 !important;
}

/* Service Content Column */
.service-content-col {
  display: flex !important;
  flex-direction: column !important;
}

.service-cat-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(0, 175, 192, 0.1) !important;
  border: 1px solid rgba(0, 175, 192, 0.35) !important;
  color: #008f9c !important;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  padding: 6px 16px !important;
  border-radius: 30px !important;
  margin-bottom: 14px !important;
  width: fit-content !important;
}

.service-heading {
  font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif !important;
  font-size: clamp(1.85rem, 2.5vw, 2.35rem) !important;
  color: #0c2338 !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin-bottom: 14px !important;
  letter-spacing: -0.02em !important;
}

.service-desc {
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  font-size: 0.96rem !important;
  color: #486581 !important;
  line-height: 1.7 !important;
  margin-bottom: 22px !important;
}

/* 4-Box Clinical Stats Grid */
.clinical-stat-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 10px !important;
  margin-bottom: 24px !important;
}

.stat-box {
  background: #f8fafc !important;
  border: 1px solid #e2ecf3 !important;
  border-radius: 14px !important;
  padding: 12px 10px !important;
  text-align: center !important;
  transition: all 0.25s ease !important;
}

.stat-box:hover {
  background: #f0fdfa !important;
  border-color: #00AFC0 !important;
  transform: translateY(-2px) !important;
}

.stat-num {
  font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  color: #00AFC0 !important;
  line-height: 1.1 !important;
  margin-bottom: 4px !important;
}

.stat-label {
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  color: #627d98 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

/* Feature Grid with Modern Medical Cards */
.service-feat-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin-bottom: 28px !important;
}

.feat-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: #ffffff !important;
  border: 1px solid #e2ecf3 !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  transition: all 0.25s ease !important;
}

.feat-item:hover {
  border-color: #00AFC0 !important;
  background: #f0fdfa !important;
  transform: translateY(-2px) !important;
}

.feat-icon {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: rgba(0, 175, 192, 0.12) !important;
  color: #00AFC0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.85rem !important;
  flex-shrink: 0 !important;
}

.feat-text {
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  color: #334e68 !important;
  line-height: 1.3 !important;
}

/* Dual Action Buttons Row */
.service-cta-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-top: auto !important;
}

.btn-service-wa {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
  color: #ffffff !important;
  padding: 12px 24px !important;
  border-radius: 30px !important;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(37, 211, 102, 0.3) !important;
  transition: all 0.25s ease !important;
}

.btn-service-wa:hover {
  background: linear-gradient(135deg, #28e06c 0%, #15a08e 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 22px rgba(37, 211, 102, 0.5) !important;
  color: #ffffff !important;
}

.btn-service-book {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: linear-gradient(135deg, #0c2338 0%, #1a365d 100%) !important;
  color: #ffffff !important;
  padding: 12px 22px !important;
  border-radius: 30px !important;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}

.btn-service-book:hover {
  background: #00AFC0 !important;
  transform: translateY(-2px) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(0, 175, 192, 0.35) !important;
}

/* Hairline Section Upgrades */
.hairline-cards-v2 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  margin-bottom: 40px !important;
}

.hairline-card-v2 {
  background: #ffffff !important;
  border: 1.5px solid #e2ecf3 !important;
  border-radius: 20px !important;
  padding: 32px 24px !important;
  text-align: center !important;
  box-shadow: 0 10px 30px rgba(12, 35, 56, 0.05) !important;
  transition: all 0.35s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

.hairline-card-v2:hover {
  transform: translateY(-6px) !important;
  border-color: #00AFC0 !important;
  box-shadow: 0 18px 45px rgba(0, 175, 192, 0.15) !important;
}

.hairline-icon-v2 {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  background: rgba(0, 175, 192, 0.1) !important;
  color: #00AFC0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.6rem !important;
  margin: 0 auto 18px !important;
  transition: all 0.3s ease !important;
}

.hairline-card-v2:hover .hairline-icon-v2 {
  background: #00AFC0 !important;
  color: #ffffff !important;
  transform: scale(1.1) !important;
}

.hairline-card-v2 h3 {
  font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif !important;
  font-size: 1.3rem !important;
  color: #0c2338 !important;
  margin-bottom: 10px !important;
}

.hairline-card-v2 p {
  font-size: 0.88rem !important;
  color: #64748b !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* Procedure Spec Pills for Beard & Eyebrow */
.proc-spec-pills {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-bottom: 20px !important;
}

.proc-spec-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #f8fafc !important;
  border: 1px solid #e2ecf3 !important;
  padding: 6px 12px !important;
  border-radius: 20px !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  color: #334e68 !important;
}

.proc-spec-pill i {
  color: #00AFC0 !important;
}

/* Modernized Section Containers & Tight Professional Spacing */
.fue-section,
.dhi-section,
.beard-section,
.eyebrow-section,
.female-hair-section {
  padding: 42px 0 !important;
  background: #ffffff !important;
}

.dhi-section,
.eyebrow-section,
.female-hair-section {
  background: #f8fafc !important;
}

.mini-services-section,
.non-surgical-section,
.hairline-design-section {
  padding: 42px 0 !important;
}

/* Enhanced Non-Surgical & Mini Service Cards */
.treatment-card,
.mini-service-card {
  background: #ffffff !important;
  border-radius: 22px !important;
  border: 1px solid rgba(0, 175, 192, 0.15) !important;
  box-shadow: 0 10px 30px rgba(10, 14, 26, 0.05) !important;
  overflow: hidden !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.treatment-card:hover,
.mini-service-card:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(0, 175, 192, 0.45) !important;
  box-shadow: 0 20px 45px rgba(0, 175, 192, 0.12), 0 0 20px rgba(201, 168, 76, 0.08) !important;
}

.treatment-card img,
.mini-service-card img {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.treatment-card:hover img,
.mini-service-card:hover img {
  transform: scale(1.06) !important;
}

.treatment-card .explore-btn,
.mini-service-card .explore-btn {
  background: linear-gradient(135deg, #091224 0%, #1e293b 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(0, 175, 192, 0.35) !important;
  font-weight: 600 !important;
  font-size: 0.88rem !important;
  padding: 10px 24px !important;
  border-radius: 24px !important;
  transition: all 0.3s ease !important;
}

.treatment-card .explore-btn:hover,
.mini-service-card .explore-btn:hover {
  background: linear-gradient(135deg, #00AFC0 0%, #008F9C 100%) !important;
  box-shadow: 0 6px 20px rgba(0, 175, 192, 0.35) !important;
  transform: translateY(-2px) !important;
}

/* Ensure ample bottom dock clearance */
.faq-section {
  padding-bottom: 96px !important;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  .service-showcase-split,
  .service-showcase-split.reverse {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    padding: 30px !important;
  }
  .service-media-frame {
    height: 340px !important;
  }
  .hairline-cards-v2 {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  .service-showcase-split {
    padding: 22px 18px !important;
  }
  .clinical-stat-grid {
    grid-template-columns: 1fr 1fr !important;
  }
  .service-feat-grid {
    grid-template-columns: 1fr !important;
  }
  .service-media-frame {
    height: 260px !important;
  }
  .service-heading {
    font-size: 1.6rem !important;
  }
  .service-cta-row {
    flex-direction: column !important;
  }
  .btn-service-wa,
  .btn-service-book {
    width: 100% !important;
    justify-content: center !important;
  }
}
.norwood-card .stage-badge{position:absolute !important;top:14px !important;right:14px !important;z-index:3 !important;font-size:0.74rem !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:0.06em !important;padding:5px 12px !important;border-radius:20px !important;border:1.5px solid currentColor !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;box-shadow:0 4px 14px rgba(0,0,0,0.5) !important}

@media (max-width: 768px) {
  .footer-bottom {
    padding-bottom: 95px !important;
  }
}

/* ==========================================================================
   WHITE CLINICAL THEME FOR PROCESS & HAIR LOSS SCALE SECTIONS
   ========================================================================== */

/* 1. Hair Transplant Process Section */
.process-section {
  background: #ffffff !important;
  color: #334155 !important;
  padding: 44px 0 !important;
  position: relative !important;
}

.process-section::before {
  background: linear-gradient(90deg, transparent, rgba(0, 175, 192, 0.25), rgba(201, 168, 76, 0.25), transparent) !important;
}

.process-pill-badge {
  background: rgba(0, 175, 192, 0.08) !important;
  border: 1.5px solid rgba(0, 175, 192, 0.3) !important;
  color: #008f9c !important;
}

.process-header h2 {
  color: #0f172a !important;
}

.process-header .text-gold {
  color: #006d77 !important;
}

.process-header p {
  color: #64748b !important;
}

.process-card-step {
  background: #ffffff !important;
  border: 1.5px solid rgba(0, 175, 192, 0.18) !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.process-card-step:hover {
  transform: translateY(-6px) !important;
  border-color: #00AFC0 !important;
  box-shadow: 0 20px 45px rgba(0, 175, 192, 0.14), 0 0 20px rgba(0, 175, 192, 0.08) !important;
}

.step-num-pill {
  background: rgba(0, 175, 192, 0.1) !important;
  border: 1.5px solid rgba(0, 175, 192, 0.35) !important;
  color: #008f9c !important;
  font-weight: 800 !important;
}

.step-icon-box {
  background: rgba(0, 175, 192, 0.08) !important;
  border: 1.5px solid rgba(0, 175, 192, 0.22) !important;
  color: #008f9c !important;
}

.process-card-step:hover .step-icon-box {
  background: linear-gradient(135deg, #00AFC0 0%, #008F9C 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(0, 175, 192, 0.35) !important;
}

.step-card-title {
  color: #0f172a !important;
}

.step-card-desc {
  color: #475569 !important;
}

.step-card-tag {
  color: #92400e !important;
  background: rgba(245, 158, 11, 0.1) !important;
  border: 1px solid rgba(245, 158, 11, 0.28) !important;
}

.process-footer-callout {
  background: linear-gradient(135deg, rgba(0, 175, 192, 0.06) 0%, #f8fafc 100%) !important;
  border: 1.5px solid rgba(0, 175, 192, 0.25) !important;
  box-shadow: 0 12px 35px rgba(15, 23, 42, 0.06) !important;
}

.pfc-icon {
  background: rgba(0, 175, 192, 0.12) !important;
  border: 1.5px solid rgba(0, 175, 192, 0.3) !important;
  color: #008f9c !important;
}

.pfc-text h4 {
  color: #0f172a !important;
}

.pfc-text p {
  color: #475569 !important;
}

@media (max-width: 768px) {
  .process-card-step::before {
    background: #ffffff !important;
    border: 3px solid #00AFC0 !important;
  }
}

/* 2. Hair Loss Scale & Analysis Section */
.hair-loss-scale-section {
  background: #f8fafc !important;
  color: #334155 !important;
  padding: 44px 0 20px !important;
  position: relative !important;
}

.hair-loss-scale-section::before {
  background: linear-gradient(90deg, transparent, rgba(0, 175, 192, 0.25), rgba(201, 168, 76, 0.25), transparent) !important;
}

.hls-header h2 {
  color: #0f172a !important;
}

.hls-gold {
  color: #006d77 !important;
}

.hls-header p {
  color: #64748b !important;
}

.hls-badge {
  background: rgba(0, 175, 192, 0.08) !important;
  border: 1.5px solid rgba(0, 175, 192, 0.3) !important;
  color: #008f9c !important;
}

.norwood-card {
  background: #ffffff !important;
  border: 1.5px solid rgba(0, 175, 192, 0.18) !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.norwood-card:hover {
  transform: translateY(-6px) !important;
  border-color: #00AFC0 !important;
  box-shadow: 0 18px 45px rgba(0, 175, 192, 0.14), 0 0 20px rgba(0, 175, 192, 0.08) !important;
}

.norwood-visual {
  background: linear-gradient(180deg, rgba(0, 175, 192, 0.04) 0%, rgba(241, 245, 249, 0.8) 100%) !important;
  border-bottom: 1px solid rgba(0, 175, 192, 0.12) !important;
}

.norwood-info h4,
.norwood-info .item-heading {
  color: #0f172a !important;
}

.norwood-info p {
  color: #475569 !important;
}

.meter-label {
  color: #475569 !important;
}

.meter-val {
  color: #008f9c !important;
}

.meter-bar {
  background: rgba(0, 0, 0, 0.08) !important;
}

.hls-stat-card {
  background: #ffffff !important;
  border: 1.5px solid rgba(0, 175, 192, 0.18) !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.hls-stat-card:hover {
  border-color: #00AFC0 !important;
  box-shadow: 0 16px 40px rgba(0, 175, 192, 0.14) !important;
}

.hls-radial-val {
  color: #0f172a !important;
}

.hls-stat-label {
  color: #0f172a !important;
}

.hls-stat-desc {
  color: #64748b !important;
}

.hls-causes {
  background: #ffffff !important;
  border: 1.5px solid rgba(0, 175, 192, 0.18) !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.hls-causes h3 {
  color: #0f172a !important;
}

.cause-name {
  color: #334155 !important;
}

.cause-bar-wrap {
  background: rgba(0, 0, 0, 0.07) !important;
}

.cause-pct {
  color: #008f9c !important;
}

.hls-cta-block {
  background: linear-gradient(135deg, rgba(0, 175, 192, 0.07) 0%, #ffffff 100%) !important;
  border: 1.5px solid rgba(0, 175, 192, 0.25) !important;
  box-shadow: 0 12px 35px rgba(15, 23, 42, 0.06) !important;
  margin-top: 24px !important;
  margin-bottom: 0 !important;
}

.hls-cta-icon {
  background: rgba(0, 175, 192, 0.12) !important;
  border: 1.5px solid rgba(0, 175, 192, 0.3) !important;
  color: #008f9c !important;
}

.hls-cta-text h4,
.hls-cta-text .cta-subtext {
  color: #0f172a !important;
}

.hls-cta-text p {
  color: #475569 !important;
}

/* High-Contrast Norwood Tags on White */
.tag-green {
  background: rgba(16, 185, 129, 0.12) !important;
  color: #047857 !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
}
.tag-lime {
  background: rgba(0, 175, 192, 0.12) !important;
  color: #0f766e !important;
  border: 1px solid rgba(0, 175, 192, 0.3) !important;
}
.tag-yellow {
  background: rgba(245, 158, 11, 0.12) !important;
  color: #92400e !important;
  border: 1px solid rgba(245, 158, 11, 0.3) !important;
}
.tag-orange {
  background: rgba(249, 115, 22, 0.12) !important;
  color: #c2410c !important;
  border: 1px solid rgba(249, 115, 22, 0.3) !important;
}
.tag-red {
  background: rgba(239, 68, 68, 0.12) !important;
  color: #b91c1c !important;
  border: 1px solid rgba(239, 68, 68, 0.3) !important;
}
.tag-crimson {
  background: rgba(244, 63, 94, 0.12) !important;
  color: #be123c !important;
  border: 1px solid rgba(244, 63, 94, 0.3) !important;
}

/* ==========================================================================
   COMPACT EXECUTIVE FLOW & SEAMLESS SECTION TRANSITIONS
   ========================================================================== */

/* Tight & Seamless Final CTA Section */
.final-cta-section {
  padding: 42px 0 46px !important;
  background: linear-gradient(135deg, rgba(0, 175, 192, 0.94) 0%, rgba(0, 143, 156, 0.94) 100%), url('../images/hero4.jpg') center/cover !important;
  margin-top: 0 !important;
  position: relative !important;
}

.final-cta-section h2 {
  font-size: 32px !important;
  margin-bottom: 10px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

.final-cta-section p {
  font-size: 16px !important;
  margin-bottom: 22px !important;
  color: rgba(255, 255, 255, 0.95) !important;
}

.final-cta-section .btn-consultation {
  background: linear-gradient(135deg, #091224 0%, #1e293b 100%) !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(201, 168, 76, 0.6) !important;
  padding: 13px 34px !important;
  border-radius: 30px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
  transition: all 0.3s ease !important;
  display: inline-block !important;
}

.final-cta-section .btn-consultation:hover {
  transform: translateY(-2px) !important;
  border-color: #00AFC0 !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35), 0 0 15px rgba(201, 168, 76, 0.3) !important;
}

/* Standardized Compact Spacing Across All Sections */
.section-header {
  margin-bottom: 26px !important;
}

.section-header h2 {
  font-size: 32px !important;
  margin-bottom: 10px !important;
}

.section-header .gold-underline {
  margin: 0 auto 16px !important;
}

.section-header p {
  font-size: 16px !important;
  margin-bottom: 24px !important;
}

.process-header,
.hls-header {
  margin: 0 auto 28px !important;
}

.clinical-process-timeline,
.norwood-scale-grid,
.hls-stats-row {
  margin-bottom: 26px !important;
}

.hls-causes {
  margin-bottom: 22px !important;
  padding: 24px 28px !important;
}

.faq-section {
  padding: 42px 0 55px !important;
}

.faq-section .section-header {
  margin-bottom: 26px !important;
}

.faq-item {
  margin-bottom: 10px !important;
}

.faq-question {
  padding: 18px 22px !important;
}

.service-showcase-split {
  padding: 34px 36px !important;
  margin-bottom: 0 !important;
}

.service-desc-lead {
  margin-bottom: 18px !important;
}

.clinical-stat-grid {
  margin-bottom: 18px !important;
}

.service-feat-grid {
  margin-bottom: 20px !important;
}

.proc-spec-pills {
  margin-bottom: 18px !important;
}

.hairline-cards-v2 {
  margin-bottom: 24px !important;
}

.treatments-grid,
.mini-services-grid {
  margin-bottom: 24px !important;
}

/* ═══════════════════════════════════════════════════════════════
   PREMIUM GOLD ACCENTS & CLINICAL DIVIDERS
   ═══════════════════════════════════════════════════════════════ */
.gold-accent-line {
  width: 72px;
  height: 3px;
  background: linear-gradient(90deg, #006d77 0%, #00AFC0 50%, #00AFC0 100%);
  border-radius: 4px;
  margin: 10px 0 16px 0;
  box-shadow: 0 1px 8px rgba(0, 175, 192, 0.4);
}

.gold-accent-line.centered {
  margin: 10px auto 16px auto;
}

.section-gold-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  max-width: 600px;
  margin: 30px auto;
  opacity: 0.9;
}

.gold-divider-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(184, 134, 11, 0.5), transparent);
}

.gold-divider-gem {
  color: #00AFC0;
  font-size: 0.9rem;
  filter: drop-shadow(0 0 6px rgba(0, 175, 192, 0.6));
  animation: goldPulse 3s infinite ease-in-out;
}

@keyframes goldPulse {
  0%, 100% { transform: scale(1); opacity: 0.85; }
  50% { transform: scale(1.15); opacity: 1; filter: drop-shadow(0 0 10px rgba(255, 215, 0, 0.8)); }
}

/* ═══════════════════════════════════════════════════════════════
   CLINICAL SURGEON COMMENTS CALLOUT BOX
   ═══════════════════════════════════════════════════════════════ */
.surgeon-comment-box {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.98) 100%);
  border: 1px solid #e2e8f0;
  border-left: 4px solid #00AFC0;
  border-radius: 12px;
  padding: 14px 18px;
  margin: 16px 0 18px 0;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  box-shadow: 0 4px 18px rgba(12, 35, 56, 0.05);
  transition: all 0.3s ease;
}

.surgeon-comment-box:hover {
  border-color: #cbd5e1;
  border-left-color: #00AFC0;
  box-shadow: 0 6px 24px rgba(0, 175, 192, 0.15);
  transform: translateX(3px);
}

.surgeon-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0c2338 0%, #1e3a5f 100%);
  border: 2px solid #00AFC0;
  color: #00AFC0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(12, 35, 56, 0.2);
}

.surgeon-quote-body {
  flex: 1;
}

.surgeon-header-line {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 5px;
}

.surgeon-name {
  font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  color: #0c2338;
}

.surgeon-badge {
  font-size: 0.7rem;
  font-weight: 700;
  color: #006d77;
  background: rgba(0, 175, 192, 0.12);
  border: 1px solid rgba(0, 175, 192, 0.35);
  padding: 2px 8px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.surgeon-comment-text {
  font-size: 0.85rem;
  line-height: 1.55;
  color: #475569;
  font-style: italic;
  margin: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════
   VERIFIED PATIENT COMMENTS & EXPERIENCES
   ═══════════════════════════════════════════════════════════════ */
.patient-comments-section {
  padding: 42px 0 48px !important;
  background: #ffffff !important;
  position: relative;
}

.patient-comments-section .section-header {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 32px;
}

.patient-comments-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.patient-comment-card {
  background: #ffffff;
  border: 1.5px solid #e8eef3;
  border-radius: 18px;
  padding: 26px 22px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 8px 24px rgba(12, 35, 56, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}

.patient-comment-card:hover {
  transform: translateY(-5px);
  border-color: #00AFC0;
  box-shadow: 0 16px 36px rgba(0, 175, 192, 0.15), 0 4px 12px rgba(12, 35, 56, 0.04);
}

.patient-comment-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.patient-stars {
  color: #f59e0b;
  font-size: 0.95rem;
  letter-spacing: 2px;
}

.verified-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.7rem;
  font-weight: 700;
  color: #059669;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.25);
  padding: 3px 8px;
  border-radius: 12px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.patient-procedure-pill {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  color: #008F9C;
  background: rgba(0, 175, 192, 0.08);
  border: 1px solid rgba(0, 175, 192, 0.22);
  padding: 4px 10px;
  border-radius: 8px;
  margin-bottom: 12px;
  width: fit-content;
}

.patient-quote-text {
  font-size: 0.88rem;
  line-height: 1.6;
  color: #334155;
  font-style: italic;
  margin-bottom: 18px;
  flex-grow: 1;
}

.patient-footer-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  border-top: 1px solid #f1f5f9;
  padding-top: 14px;
  margin-top: auto;
}

.patient-author-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  color: #0c2338;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.9rem;
  border: 1.5px solid #00AFC0;
  flex-shrink: 0;
}

.patient-author-info {
  display: flex;
  flex-direction: column;
}

.patient-author-name {
  font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  color: #0c2338;
  line-height: 1.25;
}

.patient-author-loc {
  font-size: 0.76rem;
  color: #64748b;
  font-weight: 500;
}

@media (max-width: 992px) {
  .patient-comments-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}