/* Hair Clinic Tamil Nadu — front-end styles */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital@1&display=swap');
:root{
  --hctn-primary:#0A3E38;
  --hctn-primary-dark:#072a26;
  --hctn-teal-light:#4BB0B5;
  --hctn-gradient: linear-gradient(135deg, #0A3E38 0%, #4BB0B5 100%);
  --hctn-gradient-soft: linear-gradient(135deg, rgba(10,62,56,.06) 0%, rgba(75,176,181,.10) 100%);
  --hctn-accent:#D1B064;
  --hctn-accent-font: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --hctn-ink:#1c2422;
  --hctn-muted:#5c6864;
  --hctn-bg-alt:#f4f7f6;
  --hctn-border:#e2e8e6;
  --hctn-white:#ffffff;
  --hctn-radius:16px;
  --hctn-shadow:0 10px 30px rgba(10,62,56,.08);
  --hctn-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body.hctn-body{margin:0;font-family:var(--hctn-font);color:var(--hctn-ink);line-height:1.65;background:var(--hctn-white);-webkit-font-smoothing:antialiased;}
.hctn-site{display:flex;flex-direction:column;min-height:100vh;}
.hctn-main{flex:1;}
.hctn-container{max-width:1160px;margin:0 auto;padding:0 24px;}
.hctn-accent-heading{font-family:var(--hctn-accent-font);font-style:italic;font-weight:600;color:var(--hctn-accent);}
h1,h2,h3,h4{font-family:var(--hctn-font);line-height:1.25;color:var(--hctn-primary-dark);margin:0 0 .5em;}
h1{font-size:clamp(28px,4vw,44px);font-weight:700;}
h2{font-size:clamp(22px,3vw,32px);font-weight:700;}
h3{font-size:19px;font-weight:600;}
p{margin:0 0 1em;color:var(--hctn-ink);}
a{color:var(--hctn-primary);text-decoration:none;}
a:hover{text-decoration:underline;}
ul{margin:0 0 1em;padding-left:1.2em;}
img{max-width:100%;height:auto;display:block;}

/* Buttons */
.hctn-btn{display:inline-block;padding:14px 28px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;transition:transform .15s ease, box-shadow .15s ease;}
.hctn-btn:hover{text-decoration:none;transform:translateY(-1px);}
.hctn-btn-primary{background:var(--hctn-accent);color:#2a1c04;box-shadow:0 8px 20px rgba(209,176,100,.35);}
.hctn-btn-primary:hover{box-shadow:0 10px 26px rgba(209,176,100,.45);}

/* Topbar + Header */
.hctn-topbar{background:var(--hctn-primary-dark);color:var(--hctn-accent);font-size:13px;font-weight:700;text-shadow:0 0 3px rgba(209,176,100,.4);}
.hctn-topbar-inner{display:flex;justify-content:space-between;align-items:center;padding:7px 24px;gap:10px 16px;flex-wrap:wrap;}
.hctn-topbar-inner > span{flex-shrink:0;white-space:nowrap;}
.hctn-topbar a{color:var(--hctn-accent);}
.hctn-topbar-right{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;flex-shrink:0;}
.hctn-iso-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.12);border:1px solid rgba(209,176,100,.4);color:var(--hctn-accent);font-size:inherit;font-weight:700;padding:3px 10px;border-radius:999px;white-space:nowrap;flex-shrink:0;box-shadow:0 0 4px rgba(209,176,100,.18);}
.hctn-header{background:var(--hctn-white);position:sticky;top:0;z-index:500;box-shadow:0 1px 0 var(--hctn-border);}
.hctn-nav-row{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:16px;flex-wrap:wrap;}
.hctn-logo{display:flex;align-items:center;flex-shrink:0;}
.hctn-logo img{max-height:52px;}
.hctn-logo-text{font-size:20px;font-weight:800;color:var(--hctn-primary-dark);letter-spacing:.2px;}
.hctn-nav{display:flex;align-items:center;gap:6px 18px;flex-wrap:wrap;row-gap:10px;flex:1 1 auto;justify-content:flex-end;}
.hctn-nav > a, .hctn-nav-item > a{font-weight:600;font-size:14.5px;color:var(--hctn-ink);padding:6px 0;border-bottom:2px solid transparent;white-space:nowrap;}
.hctn-nav > a:hover, .hctn-nav > a.active, .hctn-nav-item > a:hover, .hctn-nav-item > a.active{color:var(--hctn-primary);text-decoration:none;border-bottom-color:var(--hctn-primary);}
.hctn-nav .hctn-nav-cta{background:var(--hctn-gradient);color:#fff !important;padding:10px 20px;border-radius:999px;border-bottom:none !important;white-space:nowrap;flex-shrink:0;transition:opacity .15s ease;display:inline-block;line-height:1.3;}
.hctn-nav .hctn-nav-cta:hover{opacity:.88;}
.hctn-nav-item{position:relative;white-space:nowrap;}
.hctn-has-dropdown{display:flex;align-items:center;white-space:nowrap;}
.hctn-dropdown{position:absolute;top:100%;left:0;background:var(--hctn-white);box-shadow:var(--hctn-shadow);border-radius:10px;padding:8px;min-width:240px;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .18s ease;border:1px solid var(--hctn-border);}
.hctn-has-dropdown:hover .hctn-dropdown, .hctn-has-dropdown.hctn-open .hctn-dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.hctn-dropdown a{display:block;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--hctn-ink);}
.hctn-dropdown a:hover{background:var(--hctn-bg-alt);color:var(--hctn-primary);text-decoration:none;}
.hctn-menu-toggle{display:none;background:none;border:none;font-size:26px;cursor:pointer;color:var(--hctn-primary-dark);}
.hctn-nav-close{display:none;}

/* Hero */
.hctn-hero{background:var(--hctn-gradient);background-size:cover;background-position:center;color:#fff;padding:90px 0 100px;text-align:center;position:relative;}
.hctn-hero-inner{position:relative;z-index:1;}
.hctn-hero-inner{max-width:760px;margin:0 auto;}
.hctn-hero h1{color:#fff;margin-bottom:.4em;}
.hctn-hero-sub{font-family:var(--hctn-accent-font);font-style:italic;font-weight:500;font-size:19px;color:#e4f3ef;margin-bottom:2em;}
.hctn-page-hero{background:var(--hctn-bg-alt);padding:56px 0;border-bottom:1px solid var(--hctn-border);}
.hctn-page-hero h1{margin-bottom:.3em;}
.hctn-page-hero p{color:var(--hctn-muted);font-size:17px;margin:0;}

/* Sections */
.hctn-section{padding:64px 0;}
.hctn-section.hctn-alt{background:var(--hctn-bg-alt);}
.hctn-prose p{font-size:16px;}
.hctn-prose h3{margin-top:1.4em;}

/* Cards */
.hctn-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:26px;}
.hctn-card{background:var(--hctn-white);border:1px solid var(--hctn-border);border-radius:var(--hctn-radius);padding:26px;box-shadow:var(--hctn-shadow);transition:transform .2s ease, box-shadow .2s ease;}
.hctn-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(10,62,56,.14);}
.hctn-card h3{margin-bottom:.4em;}
.hctn-card p{color:var(--hctn-muted);font-size:15px;}
.hctn-card-link a{font-weight:600;font-size:14px;}

/* Steps */
.hctn-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:22px;margin-top:30px;}
.hctn-step{text-align:center;padding:20px 14px;}
.hctn-step-num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#4BB0B5;color:var(--hctn-primary-dark);font-weight:700;margin-bottom:12px;}
.hctn-step h4{margin-bottom:.3em;font-size:16px;}
.hctn-step p{font-size:14px;color:var(--hctn-muted);}

/* Pills */
.hctn-pill-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}
.hctn-pill{display:inline-block;background:var(--hctn-white);border:1px solid var(--hctn-border);color:var(--hctn-ink);padding:8px 16px;border-radius:999px;font-size:14px;font-weight:500;}
.hctn-pill-link{background:var(--hctn-white);}
.hctn-pill-link:hover{background:var(--hctn-primary);color:#fff;text-decoration:none;border-color:var(--hctn-primary);}

/* FAQs */
.hctn-faq-list{margin-top:24px;display:flex;flex-direction:column;gap:10px;}
.hctn-faq-item{background:var(--hctn-white);border:1px solid var(--hctn-border);border-radius:12px;padding:16px 20px;}
.hctn-faq-item summary{cursor:pointer;font-weight:600;font-size:16px;color:var(--hctn-primary-dark);list-style:none;position:relative;padding-right:24px;}
.hctn-faq-item summary::-webkit-details-marker{display:none;}
.hctn-faq-item summary::after{content:"+";position:absolute;right:0;top:0;font-size:20px;color:var(--hctn-primary);}
.hctn-faq-item[open] summary::after{content:"–";}
.hctn-faq-answer{padding-top:10px;color:var(--hctn-muted);}

/* Two column */
.hctn-two-col{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:20px;}

/* CTA block */
.hctn-cta-block{background:var(--hctn-gradient);color:#fff;text-align:center;}
.hctn-cta-block h2{color:#fff;}
.hctn-cta-block-heading{font-family:var(--hctn-accent-font);font-style:italic;font-weight:600;}
.hctn-cta-block p{color:#cfe4df;max-width:640px;margin:0 auto 1.6em;}
.hctn-cta-block .hctn-small{margin-top:16px;color:#cfe4df;}
.hctn-cta-block .hctn-small a{color:#fff;text-decoration:underline;}

/* Doctor page */
.hctn-doctor-hero{padding-top:56px;}
.hctn-doctor-hero-grid{display:grid;grid-template-columns:320px 1fr;gap:44px;align-items:center;}
.hctn-doctor-photo img{border-radius:var(--hctn-radius);box-shadow:var(--hctn-shadow);}
.hctn-doctor-qual{color:var(--hctn-accent);font-weight:600;margin-bottom:1em;}

/* Treatment single */
.hctn-treatment-single{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:start;}
.hctn-treatment-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:16px;}
.hctn-sidebox{background:var(--hctn-bg-alt);border-radius:12px;padding:20px;}
.hctn-sidebox h4{margin-bottom:.4em;font-size:15px;color:var(--hctn-primary-dark);}
.hctn-sidebox p{font-size:14px;color:var(--hctn-muted);margin:0;}
.hctn-sidebox-cta{background:var(--hctn-primary);text-align:center;}
.hctn-sidebox-cta h4{color:#fff;}
.hctn-sidebox-cta .hctn-btn{width:100%;}

/* Contact */
.hctn-contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:44px;}
.hctn-contact-form-box{background:var(--hctn-bg-alt);border-radius:var(--hctn-radius);padding:28px;}
.hctn-lead-form label{display:block;font-weight:600;font-size:14px;margin-bottom:6px;}
.hctn-lead-form input,.hctn-lead-form textarea{width:100%;padding:12px 14px;border:1px solid var(--hctn-border);border-radius:8px;font-size:15px;margin-bottom:16px;font-family:inherit;}
.hctn-lead-form button{border:none;cursor:pointer;font-family:inherit;}
.hctn-form-success{background:#e6f5ef;color:var(--hctn-primary);padding:14px 18px;border-radius:10px;font-weight:600;}

/* Footer */
.hctn-footer{background:#4BB0B5;color:var(--hctn-primary);padding:56px 0 0;margin-top:20px;}
.hctn-footer h3{color:var(--hctn-primary-dark);margin-bottom:.4em;}
.hctn-footer h4{color:var(--hctn-primary-dark);font-size:15px;margin-bottom:.8em;}
.hctn-footer p{color:var(--hctn-primary);}
.hctn-footer a{color:var(--hctn-primary);font-weight:500;}
.hctn-footer a:hover{color:var(--hctn-primary-dark);text-decoration:underline;}
.hctn-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:32px;padding-bottom:40px;}
.hctn-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-size:14px;}
.hctn-city-links{display:flex;flex-wrap:wrap;gap:6px 12px;flex-direction:row !important;}
.hctn-footer-bottom{border-top:1px solid rgba(10,62,56,.18);padding:18px 0;font-size:13px;text-align:center;}
.hctn-small{font-size:13px;color:var(--hctn-muted);}

/* Sticky mobile CTA */
.hctn-sticky-cta{display:none;}
body.hctn-menu-open .hctn-sticky-cta, body.hctn-menu-open .hctn-whatsapp-btn, body.hctn-menu-open .hctn-cookie-banner{display:none !important;}

/* Responsive */
@media (max-width:1180px){
  .hctn-nav{position:fixed;top:0;right:-320px;bottom:0;width:300px;background:#fff;flex-direction:column;align-items:flex-start;flex-wrap:nowrap;padding:78px 26px 90px;box-shadow:-10px 0 30px rgba(0,0,0,.15);transition:right .25s ease;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;gap:14px;}
  .hctn-nav.hctn-nav-open{right:0;}
  .hctn-menu-toggle{display:block;}
  .hctn-nav-close{display:flex;align-items:center;justify-content:center;position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:50%;background:var(--hctn-bg-alt);border:1px solid var(--hctn-border);color:var(--hctn-primary-dark);font-size:22px;line-height:1;cursor:pointer;transition:background .15s ease, transform .15s ease;}
  .hctn-nav-close:hover{background:var(--hctn-gradient);color:#fff;transform:rotate(90deg);}
  .hctn-has-dropdown{flex-direction:column;align-items:flex-start;width:100%;}
  .hctn-dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding:0 0 0 14px;display:none;width:100%;}
  .hctn-nav-item.hctn-open .hctn-dropdown{display:block;}
  .hctn-doctor-hero-grid{grid-template-columns:1fr;text-align:center;}
  .hctn-doctor-photo{max-width:280px;margin:0 auto;}
  .hctn-treatment-single{grid-template-columns:1fr;}
  .hctn-treatment-sidebar{position:static;}
  .hctn-contact-grid{grid-template-columns:1fr;}
  .hctn-two-col{grid-template-columns:1fr;}
  .hctn-footer-grid{grid-template-columns:1fr 1fr;}
  .hctn-sticky-cta{display:block;position:fixed;bottom:0;left:0;right:0;background:var(--hctn-gradient);color:#fff;text-align:center;padding:14px;font-weight:700;z-index:200;text-decoration:none;}
  .hctn-main{padding-bottom:56px;}
  .hctn-whatsapp-btn{bottom:78px;}
  .hctn-cookie-banner{bottom:54px;}
}
@media (max-width:560px){
  .hctn-footer-grid{grid-template-columns:1fr;}
  .hctn-topbar-inner{flex-direction:column;align-items:flex-start;gap:6px;font-size:11px;}
  .hctn-topbar-right{width:100%;justify-content:flex-start;}
}

/* WhatsApp floating button */
.hctn-whatsapp-btn{position:fixed;right:22px;bottom:22px;width:58px;height:58px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:210;transition:transform .15s ease;}
.hctn-whatsapp-btn:hover{transform:scale(1.08);}

/* Before & After */
.hctn-ba-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:10px;}
.hctn-ba-card{background:var(--hctn-white);border:1px solid var(--hctn-border);border-radius:var(--hctn-radius);overflow:hidden;box-shadow:var(--hctn-shadow);}
.hctn-ba-images{display:grid;grid-template-columns:1fr 1fr;}
.hctn-ba-half{position:relative;}
.hctn-ba-half img{width:100%;height:220px;object-fit:cover;cursor:zoom-in;}
.hctn-ba-placeholder{width:100%;height:220px;background:var(--hctn-bg-alt);}
.hctn-ba-tag{position:absolute;top:10px;left:10px;background:rgba(10,62,56,.9);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:999px;z-index:2;}
.hctn-ba-caption{padding:16px 18px;}
.hctn-ba-caption h4{margin-bottom:.2em;font-size:15px;}
.hctn-ba-caption p{margin:0;font-size:13px;color:var(--hctn-muted);}

/* Clinic Gallery */
.hctn-gallery-grid{columns:3 260px;column-gap:16px;margin-top:10px;}
.hctn-gallery-item{break-inside:avoid;margin-bottom:16px;border-radius:12px;overflow:hidden;box-shadow:var(--hctn-shadow);}
.hctn-gallery-item img{width:100%;height:auto;display:block;cursor:zoom-in;transition:transform .2s ease;}
.hctn-gallery-item img:hover{transform:scale(1.03);}

/* Lightbox */
.hctn-lightbox-overlay{position:fixed;inset:0;background:rgba(10,20,18,.92);z-index:999;display:none;align-items:center;justify-content:center;padding:30px;}
.hctn-lightbox-overlay.hctn-open{display:flex;}
.hctn-lightbox-overlay img{max-width:92vw;max-height:88vh;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5);}
.hctn-lightbox-close{position:absolute;top:20px;right:28px;color:#fff;font-size:34px;line-height:1;cursor:pointer;background:none;border:none;}

/* Blog */
.hctn-blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px;margin-top:10px;}
.hctn-blog-card{background:var(--hctn-white);border:1px solid var(--hctn-border);border-radius:var(--hctn-radius);overflow:hidden;box-shadow:var(--hctn-shadow);display:flex;flex-direction:column;}
.hctn-blog-thumb img{width:100%;height:190px;object-fit:cover;display:block;}
.hctn-blog-thumb-placeholder{width:100%;height:190px;background:linear-gradient(135deg,var(--hctn-bg-alt),#e3ede9);}
.hctn-blog-card-body{padding:20px;flex:1;display:flex;flex-direction:column;}
.hctn-blog-date{font-size:12px;color:var(--hctn-accent);font-weight:700;text-transform:uppercase;letter-spacing:.05em;}
.hctn-blog-card-body h3{margin:.4em 0;font-size:18px;}
.hctn-blog-card-body h3 a{color:var(--hctn-primary-dark);}
.hctn-blog-card-body h3 a:hover{text-decoration:none;color:var(--hctn-primary);}
.hctn-blog-card-body p{font-size:14px;color:var(--hctn-muted);flex:1;}
.hctn-blog-readmore{font-weight:600;font-size:14px;}
.hctn-pagination{display:flex;gap:8px;justify-content:center;margin-top:36px;}
.hctn-pagination .page-numbers{padding:8px 14px;border:1px solid var(--hctn-border);border-radius:8px;font-weight:600;font-size:14px;color:var(--hctn-ink);}
.hctn-pagination .page-numbers.current{background:var(--hctn-primary);color:#fff;border-color:var(--hctn-primary);}
.hctn-pagination a.page-numbers:hover{background:var(--hctn-bg-alt);text-decoration:none;}
.hctn-blog-single-wrap{max-width:780px;margin:0 auto;}
.hctn-blog-single-thumb{width:100%;border-radius:var(--hctn-radius);margin-bottom:24px;}
.hctn-blog-single .wp-block-image img{border-radius:10px;}
.hctn-blog-single .wp-block-quote{border-left:4px solid var(--hctn-teal-light);padding-left:18px;color:var(--hctn-muted);font-style:italic;}

@media (max-width:700px){
  .hctn-gallery-grid{columns:2 160px;}
  .hctn-ba-images{grid-template-columns:1fr 1fr;}
}

/* Footer legal links */
.hctn-legal-links{margin-top:6px;font-size:12px;}
.hctn-legal-links a{color:var(--hctn-primary);}
.hctn-legal-links a:hover{color:var(--hctn-primary-dark);}
.hctn-legal-links span{margin:0 8px;opacity:.55;}

/* Legal page prose (Privacy / Terms / Cookie) */
.hctn-legal-page{max-width:820px;margin:0 auto;}
.hctn-legal-page h2{margin-top:1.6em;font-size:22px;}
.hctn-legal-page ul{margin-bottom:1.2em;}

/* Cookie consent banner */
.hctn-cookie-banner{position:fixed;left:0;right:0;bottom:0;background:var(--hctn-primary-dark);color:#eaf3f1;z-index:300;box-shadow:0 -6px 24px rgba(0,0,0,.2);transition:transform .3s ease, opacity .3s ease;}
.hctn-cookie-banner.hctn-cookie-hide{transform:translateY(100%);opacity:0;}
.hctn-cookie-banner-inner{max-width:1160px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.hctn-cookie-banner-inner p{margin:0;font-size:14px;color:#dcece8;flex:1;min-width:240px;}
.hctn-cookie-banner-inner a{color:#fff;text-decoration:underline;}
.hctn-cookie-banner-actions{display:flex;gap:10px;flex-shrink:0;}
.hctn-cookie-banner-actions .hctn-btn{padding:10px 22px;font-size:14px;}
.hctn-cookie-decline{background:transparent;border:1px solid rgba(255,255,255,.4);color:#eaf3f1;padding:10px 20px;border-radius:999px;font-weight:600;font-size:14px;cursor:pointer;font-family:inherit;}
.hctn-cookie-decline:hover{background:rgba(255,255,255,.1);}

@media (max-width:700px){
  .hctn-cookie-banner-inner{flex-direction:column;align-items:stretch;text-align:left;}
  .hctn-cookie-banner-actions{width:100%;}
  .hctn-cookie-banner-actions .hctn-btn, .hctn-cookie-decline{flex:1;text-align:center;}
}

/* Home: Before & After slider (elegant, gradient-tinted) */
.hctn-ba-slider-section{background:var(--hctn-gradient-soft);}
.hctn-ba-slider-heading{text-align:center;margin-bottom:34px;}
.hctn-ba-eyebrow{display:block;font-size:19px;margin-bottom:.25em;}
.hctn-ba-slider-heading h2{margin:0;}
.hctn-ba-slider-wrap{display:flex;align-items:center;gap:14px;}
.hctn-ba-slider-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px 18px;flex:1;-ms-overflow-style:none;scrollbar-width:none;}
.hctn-ba-slider-track::-webkit-scrollbar{display:none;}
.hctn-ba-slide{flex:0 0 auto;width:340px;scroll-snap-align:start;background:var(--hctn-white);border-radius:var(--hctn-radius);box-shadow:var(--hctn-shadow);overflow:hidden;transition:transform .2s ease, box-shadow .2s ease;}
.hctn-ba-slide:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(10,62,56,.16);}
.hctn-ba-slide-images{display:grid;grid-template-columns:1fr 1fr;}
.hctn-ba-slide-half{position:relative;}
.hctn-ba-slide-half img{width:100%;height:220px;object-fit:cover;display:block;}
.hctn-ba-slide-half .hctn-ba-placeholder{width:100%;height:220px;background:var(--hctn-bg-alt);}
.hctn-ba-slide-label{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(10,62,56,.85);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 14px;border-radius:999px;}
.hctn-ba-slide-caption{padding:16px 18px;border-top:1px solid var(--hctn-border);}
.hctn-ba-slide-caption h4{margin:0 0 .2em;font-size:15px;color:var(--hctn-primary);}
.hctn-ba-slide-caption p{margin:0;font-size:13px;color:var(--hctn-muted);}
.hctn-ba-slider-arrow{flex-shrink:0;width:46px;height:46px;border-radius:50%;border:1px solid var(--hctn-border);background:var(--hctn-white);color:var(--hctn-primary);font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--hctn-shadow);transition:background .15s ease, color .15s ease, transform .15s ease;}
.hctn-ba-slider-arrow:hover{background:var(--hctn-gradient);color:#fff;transform:scale(1.06);}
.hctn-ba-slider-cta{text-align:center;margin-top:30px;}

@media (max-width:700px){
  .hctn-ba-slide{width:270px;}
  .hctn-ba-slide-half img, .hctn-ba-slide-half .hctn-ba-placeholder{height:170px;}
  .hctn-ba-slider-arrow{width:38px;height:38px;font-size:20px;}
}

/* Pain to Pleasure — patient journey cards */
.hctn-pj-list{display:flex;flex-direction:column;gap:28px;}
.hctn-pj-card{background:var(--hctn-white);border:1px solid var(--hctn-border);border-radius:var(--hctn-radius);box-shadow:var(--hctn-shadow);padding:26px;}
.hctn-pj-card h3{margin-bottom:.3em;}
.hctn-pj-story{color:var(--hctn-muted);font-size:15px;margin-bottom:18px;}
.hctn-pj-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.hctn-pj-photo{border-radius:10px;overflow:hidden;box-shadow:0 4px 14px rgba(10,62,56,.08);}
.hctn-pj-photo img{width:100%;height:150px;object-fit:cover;display:block;cursor:zoom-in;transition:transform .2s ease;}
.hctn-pj-photo img:hover{transform:scale(1.04);}

@media (max-width:700px){
  .hctn-pj-photo-grid{grid-template-columns:repeat(2,1fr);}
  .hctn-pj-photo img{height:130px;}
}