/* ── CSS Variables ─────────────────────────────── */
    :root {
      --teal:       #0A4D8C;
      --teal-dark:  #133c64;
      --teal-light: #0A4D8C;
      --accent:     #D4AF37;
      --accent-lt:  #fdf3df;
      --white:      #ffffff;
      --off-white:  #f7fafa;
      --text:       #1a2e2e;
      --muted:      #5a7070;
      --grad: linear-gradient(135deg, #0d4f4f 0%, #0d6e6e 55%, #1a9090 100%);
      --border:     #d6e8e8;
      --hero-grad:  linear-gradient(135deg,#0A4D8C 0%,#133c64 55%,#1a9090 100%);
      --card-shadow:0 4px 24px rgba(13,110,110,.10);
      --r: .75rem;
    }
    /* ── Base ─────────────────────────────────────── */
    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      font-family: 'DM Sans', sans-serif;
      color: var(--text);
      background: var(--white);
      overflow-x: hidden;
    }
    h1,h2,h3,h4,h5,h6 {
      font-family: 'Cormorant Garamond', serif;
      font-weight: 700;
      line-height: 1.2;
    }
    a { text-decoration: none; }

    /* ── Section Headings ─────────────────────────── */
    .section-label {
      font-family:'DM Sans',sans-serif;
      font-size:.78rem;
      font-weight:600;
      letter-spacing:.18em;
      text-transform:uppercase;
      color:var(--teal-light);
    }
    .section-title { font-size:clamp(1.8rem,4vw,2.6rem); color:var(--text); }
    .section-sub { color:var(--muted); font-size:.97rem; }
    .divider {
      display:inline-block;
      width:48px; height:3px;
      background:var(--accent);
      border-radius:2px;
      margin-bottom:1rem;
    }

    /* ── Buttons ──────────────────────────────────── */
    .btn-primary-custom {
      background:var(--accent);
      color:var(--text);
      font-weight:600;
      padding:.7rem 1.8rem;
      border-radius:50px;
      border:none;
      transition:.3s;
      font-size:.95rem;
    }
    .btn-primary-custom:hover { background:#d4952a; color:var(--text); transform:translateY(-2px); box-shadow:0 8px 20px rgba(232,168,56,.35); }
    .btn-outline-teal {
      border:2px solid var(--teal);
      color:var(--teal);
      background:transparent;
      font-weight:600;
      padding:.65rem 1.7rem;
      border-radius:50px;
      transition:.3s;
      font-size:.95rem;
    }
    .btn-outline-teal:hover { background:var(--teal); color:#fff; transform:translateY(-2px); }
    .btn-white-outline {
      border:2px solid rgba(255,255,255,.7);
      color:#fff;
      background:transparent;
      font-weight:600;
      padding:.65rem 1.7rem;
      border-radius:50px;
      transition:.3s;
      font-size:.95rem;
    }
    .btn-white-outline:hover { background:#fff; color:var(--teal); }
    .btn-accent{background:var(--accent);color:var(--text);font-weight:700;padding:.68rem 1.7rem;border-radius:50px;border:none;transition:.3s;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;}
    .btn-accent:hover{background:#d4952a;transform:translateY(-2px);color:var(--text);}

    /* ════════════════════════════════════════════════
       NAVBAR
    ════════════════════════════════════════════════ */
    img.header-logo {
        height: 120px;
        width: auto;
    }
    .navbar {
      background: var(--teal-dark) !important;
      padding: 20px !important;
      position:sticky; 
      top:0; 
      z-index:1050;
      box-shadow:0 2px 16px rgba(0,0,0,.18);
      transition: background .3s;
    }
    .navbar-brand { display:flex; align-items:center; gap:.6rem; }
    .nav-brand-icon {
      width:42px; height:42px;
      background:var(--accent);
      border-radius:50%;
      display:flex; align-items:center; justify-content:center;
      font-size:1.1rem; color:var(--teal-dark);
      font-family:'Cormorant Garamond',serif;
      font-weight:700;
    }
    .nav-brand-text { line-height:1.1; }
    .nav-brand-text .top { font-family:'Cormorant Garamond',serif; font-size:1.80rem; font-weight:700; color:#fff; display:block; }
    .nav-brand-text .sub { font-size:.57rem; color:rgba(255,255,255,.6); letter-spacing:.08em; text-transform:uppercase; display:block; }
    .navbar-nav .nav-link {
      color:rgba(255,255,255,.82) !important;
      font-weight:500;
      font-size:.9rem;
      padding:.4rem .85rem !important;
      border-radius:6px;
      transition:.25s;
      letter-spacing:.02em;
    }
    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-link.active { color:#fff !important; background:rgba(255,255,255,.1); }
    .navbar-toggler { border:none; padding:.3rem .5rem; }
    .navbar-toggler-icon { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,.85)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
    .dropdown-menu { background:var(--teal-dark); border:none; border-radius:var(--r); box-shadow:0 8px 32px rgba(0,0,0,.22); }
    .dropdown-item { color:rgba(255,255,255,.78); font-size:.88rem; padding:.45rem 1rem; transition:.2s; }
    .dropdown-item:hover { background:rgba(255,255,255,.1); color:#fff; }
    .nav-appointment-btn {
      background:var(--accent) !important;
      color:var(--teal-dark) !important;
      font-weight:600 !important;
      border-radius:50px !important;
      padding:.38rem 1.2rem !important;
    }
    .nav-appointment-btn:hover { background:#d4952a !important; transform:translateY(-1px); }

    /* ════════════════════════════════════════════════
       TOP BAR
    ════════════════════════════════════════════════ */
    .top-bar {
      background:var(--teal);
      padding:.42rem 0;
      font-size:.8rem;
      color:rgba(255,255,255,.8);
    }
    .top-bar a { color:rgba(255,255,255,.85); transition:.2s; }
    .top-bar a:hover { color:#fff; }
    .top-bar-divider { margin:0 .7rem; opacity:.4; }

    /* ════════════════════════════════════════════════
       HERO
    ════════════════════════════════════════════════ */
    .hero {
      background: var(--hero-grad);
      min-height: 92vh;
      display: flex;
      align-items: center;
      position: relative;
      overflow: hidden;
      padding: 5rem 0 3rem;
    }
    .hero::before {
      content:'';
      position:absolute; inset:0;
      background-image: url('../images/caduceus.png');
      background-size: 80px;
      opacity: 0.1;

    }
    .hero-badge {
      display:inline-flex; align-items:center; gap:.5rem;
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.2);
      color:rgba(255,255,255,.9);
      padding:.38rem 1rem;
      border-radius:50px;
      font-size:.8rem;
      font-weight:500;
      letter-spacing:.05em;
      margin-bottom:1.4rem;
      backdrop-filter:blur(4px);
    }
    .hero h1 {
      font-size:clamp(2.3rem,5.5vw,3.8rem);
      color:#fff;
      line-height:1.15;
      margin-bottom:1.2rem;
    }
    .hero h1 span { color:var(--accent); }
    .hero p {
      color:rgba(255,255,255,.78);
      font-size:1.05rem;
      line-height:1.75;
      max-width:520px;
    }
    .hero-cta { margin-top:2rem; display:flex; flex-wrap:wrap; gap:.9rem; align-items:center; }
    .hero-stats {
      display:flex; flex-wrap:wrap; gap:1.5rem;
      margin-top:2.5rem;
    }
    .hero-stat { text-align:center; }
    .hero-stat .num { font-family:'Cormorant Garamond',serif; font-size:2rem; font-weight:700; color:var(--accent); line-height:1; }
    .hero-stat .lbl { font-size:.75rem; color:rgba(255,255,255,.65); letter-spacing:.05em; text-transform:uppercase; margin-top:.2rem; }
    /* Clickable stat */
    .hero-stat-btn {
      cursor:pointer;
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.12);
      border-radius:.6rem;
      padding:.6rem .85rem;
      transition:.28s;
      position:relative;
      text-align:center;
    }
    .hero-stat-btn:hover {
      background:rgba(255,255,255,.14);
      border-color:rgba(255,255,255,.3);
      transform:translateY(-3px);
      box-shadow:0 8px 24px rgba(0,0,0,.25);
    }
    .hero-stat-btn:hover .lbl { color:rgba(255,255,255,.9); }
    .hero-stat-btn::after {
      content:'↗';
      position:absolute;
      top:4px; right:7px;
      font-size:.6rem;
      color:rgba(255,255,255,.4);
      transition:.2s;
    }
    .hero-stat-btn:hover::after { color:var(--accent); }

    /* ══════════ STAT MODALS ══════════ */
    .stat-modal .modal-content {
      border:none;
      border-radius:1.1rem;
      overflow:hidden;
      box-shadow:0 24px 64px rgba(0,0,0,.28);
    }
    .stat-modal .modal-header {
      background:var(--hero-grad);
      border:none;
      padding:1.6rem 1.8rem 1.2rem;
      position:relative;
      overflow:hidden;
    }
    .stat-modal .modal-header::after{
      content:'';position:absolute;right:-40px;top:-40px;
      width:180px;height:180px;border-radius:50%;
      background:rgba(255,255,255,.06);
    }
    .stat-modal .modal-title {
      font-family:'Cormorant Garamond',serif;
      font-size:1.8rem;
      font-weight:700;
      color:#fff;
    }
    .stat-modal .modal-header .btn-close {
      filter: invert(1) brightness(2);
      opacity: .7;
      position: relative;
      z-index: 1;
    }
    .stat-modal .modal-header .badge-sub {
      display:inline-flex;align-items:center;gap:.4rem;
      background:rgba(255,255,255,.15);
      border:1px solid rgba(255,255,255,.2);
      color:rgba(255,255,255,.9);
      padding:.28rem .8rem;border-radius:50px;
      font-size:.72rem;font-weight:600;letter-spacing:.06em;
      margin-bottom:.6rem;
    }
    .stat-modal .modal-header .big-num {
      font-family:'Cormorant Garamond',serif;
      font-size:3.5rem; font-weight:700;
      color:var(--accent); line-height:1;
      display:block;
    }
    .stat-modal .modal-body { padding:1.6rem 1.8rem; }
    .stat-modal .modal-footer { border-top:1px solid var(--border); padding:1rem 1.8rem; background:var(--off-white); }

    /* Timeline for experience */
    .exp-timeline { list-style:none; padding:0; margin:0; position:relative; }
    .exp-timeline::before { content:''; position:absolute; left:18px; top:4px; bottom:4px; width:2px; background:var(--border); }
    .exp-timeline li { display:flex; gap:1rem; padding-bottom:1.3rem; position:relative; }
    .exp-timeline .dot {
      width:38px; height:38px; border-radius:50%;
      background:var(--teal); color:#fff;
      display:flex; align-items:center; justify-content:center;
      font-size:.8rem; flex-shrink:0; z-index:1;
      box-shadow:0 0 0 3px rgba(13,110,110,.15);
    }
    .exp-timeline .info .yr { font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--teal-light); }
    .exp-timeline .info h6 { font-family:'DM Sans',sans-serif; font-weight:700; font-size:.92rem; color:var(--text); margin:.1rem 0 .2rem; }
    .exp-timeline .info p  { font-size:.82rem; color:var(--muted); margin:0; line-height:1.55; }

    /* Stat mini-cards */
    .mini-stat-card {
      background:var(--off-white); border:1px solid var(--border);
      border-radius:.6rem; padding:1rem; text-align:center;
    }
    .mini-stat-card .msn { font-family:'Cormorant Garamond',serif; font-size:18px; font-weight:700; color:var(--teal); }
    .mini-stat-card .msl { font-size:.75rem; color:var(--muted); font-weight:500; letter-spacing:.04em; }

    /* Service grid in modal */
    .modal-service-item {
      display:flex; align-items:center; gap:.7rem;
      padding:.65rem .9rem;
      background:var(--off-white); border:1.5px solid var(--border);
      border-radius:.5rem; transition:.2s; cursor:default;
    }
    .modal-service-item:hover { border-color:var(--teal-light); background:var(--teal-xlight,#e6f4f4); }
    .modal-service-item .ms-icon {
      width:34px; height:34px; border-radius:.4rem;
      background:var(--teal); color:#fff;
      display:flex; align-items:center; justify-content:center;
      font-size:.82rem; flex-shrink:0;
    }
    .modal-service-item .ms-name { font-size:.83rem; font-weight:600; color:var(--text); line-height:1.3; }
    .modal-service-item .ms-cat  { font-size:.72rem; color:var(--muted); }

    /* Clinic card in modal */
    .modal-clinic-card {
      border:1.5px solid var(--border); border-radius:.75rem; overflow:hidden; margin-bottom:1rem;
    }
    .modal-clinic-card .cc-head {
      background:var(--teal); color:#fff; padding:.9rem 1.2rem;
      display:flex; align-items:center; gap:.75rem;
    }
    .modal-clinic-card .cc-head .cc-icon {
      width:36px; height:36px; background:rgba(255,255,255,.18); border-radius:50%;
      display:flex; align-items:center; justify-content:center; font-size:.9rem; flex-shrink:0;
    }
    .modal-clinic-card .cc-head h6 { font-family:'DM Sans',sans-serif; font-weight:700; margin:0; font-size:.92rem; }
    .modal-clinic-card .cc-head small { color:rgba(255,255,255,.65); font-size:.72rem; }
    .modal-clinic-card .cc-body { padding:1rem 1.2rem; }
    .modal-clinic-card .cc-row { display:flex; gap:.6rem; align-items:flex-start; margin-bottom:.65rem; font-size:.83rem; color:var(--muted); }
    .modal-clinic-card .cc-row i { color:var(--teal); flex-shrink:0; margin-top:.2rem; font-size:.8rem; }
    .modal-clinic-card .time-chip {
      display:inline-flex; align-items:center; gap:.4rem;
      background:var(--accent-lt); border:1px solid #f5d88a;
      color:#7a5800; padding:.3rem .8rem; border-radius:50px;
      font-size:.75rem; font-weight:600; margin-top:.35rem;
    }
    /* Patient testimonials in modal */
    .modal-review {
      background:var(--off-white); border:1px solid var(--border);
      border-radius:.6rem; padding:1rem 1.1rem; margin-bottom:.7rem;
    }
    .modal-review .stars { color:var(--accent); font-size:.8rem; margin-bottom:.4rem; }
    .modal-review p { font-size:.84rem; color:var(--muted); margin:0 0 .5rem; font-style:italic; line-height:1.6; }
    .modal-review .auth { font-size:.78rem; font-weight:600; color:var(--text); }
    .teal-xlight { background:#e6f4f4; }
    .hero-image-wrap {
      position:relative;
      display:flex; align-items:flex-end; justify-content:center;
    }
    .hero-card {
      background:rgba(255,255,255,.1);
      backdrop-filter:blur(16px);
      border:1px solid rgba(255,255,255,.18);
      border-radius:var(--r);
      padding:.9rem 1.1rem;
      display:flex; align-items:center; gap:.75rem;
      min-width:200px;
    }
    .hero-card-icon {
      width:40px; height:40px;
      background:var(--accent);
      border-radius:50%;
      display:flex; align-items:center; justify-content:center;
      color:var(--teal-dark); font-size:.95rem;
      flex-shrink:0;
    }
    .hero-card .title { font-size:.83rem; font-weight:600; color:#fff; }
    .hero-card .sub   { font-size:.73rem; color:rgba(255,255,255,.62); }
    .hero-cards-row {
      display:flex; flex-wrap:wrap; gap:.7rem;
      margin-top:2rem; justify-content:center;
    }
    .hero-img-circle {
      width:340px; height:340px;
      border-radius:50%;
      background:rgba(255,255,255,.08);
      border:2px dashed rgba(255,255,255,.18);
      display:flex; align-items:center; justify-content:center;
      margin:0 auto;
      position:relative;
    }
    .hero-img-inner {
      width:290px; height:290px;
      border-radius:50%;
      background: linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.04));
      border:2px solid rgba(255,255,255,.25);
      display:flex; align-items:center; justify-content:center;
      font-size:5rem; color:rgba(255,255,255,.5);
    }

    /* ════════════════════════════════════════════════
       TRUST BAR
    ════════════════════════════════════════════════ */
    .trust-bar {
      background:var(--white);
      border-bottom:1px solid var(--border);
      padding:1.4rem 0;
    }
    .trust-item { display:flex; align-items:center; gap:.65rem; padding:.4rem .5rem; }
    .trust-item i { font-size:1.4rem; color:var(--teal); }
    .trust-item .t { font-size:.82rem; font-weight:600; color:var(--text); display:block; }
    .trust-item .s { font-size:.74rem; color:var(--muted); }

    /* ════════════════════════════════════════════════
       ABOUT / DOCTOR SECTION
    ════════════════════════════════════════════════ */
    .about-section { background:var(--off-white); padding:5rem 0; }
    .about-card {
      background:var(--teal);
      border-radius:1rem;
      padding:2rem;
      color:#fff;
    }
    .about-card h3 { font-size:1.9rem; color:#fff; }
    .about-stat { text-align:center; padding:.75rem; }
    .about-stat .num { font-family:'Cormorant Garamond',serif; font-size:2.2rem; font-weight:700; color:var(--accent); }
    .about-stat .lbl { font-size:.78rem; color:rgba(255,255,255,.68); text-transform:uppercase; letter-spacing:.06em; }
    .about-feature { display:flex; gap:.8rem; align-items:flex-start; margin-bottom:1rem; }
    .about-feature-icon {
      width:38px; height:38px; flex-shrink:0;
      background:var(--accent-lt);
      border-radius:50%;
      display:flex; align-items:center; justify-content:center;
      color:var(--accent); font-size:.9rem;
    }
    .about-feature .t { font-weight:600; font-size:.9rem; color:var(--text); }
    .about-feature .s { font-size:.82rem; color:var(--muted); }

    /* ════════════════════════════════════════════════
       SERVICES
    ════════════════════════════════════════════════ */
    .services-section { padding:5rem 0; background:var(--white); }
    .service-card {
      background:var(--white);
      border:1px solid var(--border);
      border-radius:var(--r);
      padding:1.5rem 1.3rem;
      transition:.3s;
      height:100%;
      cursor:pointer;
    }
    .service-card:hover {
      transform:translateY(-6px);
      box-shadow:var(--card-shadow);
      border-color:var(--teal-light);
    }
    .service-card:hover .service-icon { background:var(--teal); color:#fff; }
    .service-icon {
      width:52px; height:52px;
      background:var(--off-white);
      border-radius:var(--r);
      display:flex; align-items:center; justify-content:center;
      font-size:1.3rem; color:var(--teal);
      margin-bottom:1rem;
      transition:.3s;
    }
    .service-card h5 { font-size:1rem; font-weight:600; font-family:'DM Sans',sans-serif; margin-bottom:.4rem; }
    .service-card p { font-size:.82rem; color:var(--muted); margin:0; line-height:1.6; }

    /* ════════════════════════════════════════════════
       CLINIC LOCATIONS
    ════════════════════════════════════════════════ */
    .locations-section { background:var(--off-white); padding:5rem 0; }
    .clinic-card {
      background:var(--white);
      border-radius:1rem;
      overflow:hidden;
      box-shadow:var(--card-shadow);
      height:100%;
      transition:.3s;
    }
    .clinic-card:hover { transform:translateY(-5px); box-shadow:0 12px 36px rgba(13,110,110,.15); }
    .clinic-header {
      background:var(--teal);
      padding:1.5rem 1.5rem 1rem;
      color:#fff;
    }
    .clinic-header .badge-day {
      background:rgba(255,255,255,.15);
      color:#fff;
      font-size:.75rem;
      padding:.3rem .75rem;
      border-radius:50px;
      font-weight:500;
    }
    .clinic-body { padding:1.4rem 1.5rem; }
    .clinic-body .detail { display:flex; gap:.65rem; margin-bottom:.75rem; align-items:flex-start; }
    .clinic-body .detail i { color:var(--teal); margin-top:.2rem; flex-shrink:0; }
    .clinic-body .detail span { font-size:.87rem; color:var(--muted); }
    .clinic-body .time-slot {
      background:var(--off-white);
      border:1px solid var(--border);
      border-radius:.5rem;
      padding:.6rem 1rem;
      font-size:.83rem;
      display:flex; align-items:center; gap:.5rem;
      margin-top:.75rem;
    }
    .clinic-body .time-slot i { color:var(--accent); }

    /* ════════════════════════════════════════════════
       FAQ
    ════════════════════════════════════════════════ */
    .faq-section { padding:5rem 0; background:var(--white); }
    .accordion-item { border:1px solid var(--border) !important; border-radius:var(--r) !important; margin-bottom:.7rem; overflow:hidden; }
    .accordion-button {
      font-family:'DM Sans',sans-serif;
      font-weight:600;
      font-size:.95rem;
      color:var(--text);
      background:var(--white);
      box-shadow:none !important;
      padding:1.1rem 1.3rem;
    }
    .accordion-button:not(.collapsed) { background:var(--off-white); color:var(--teal); }
    .accordion-button::after { filter:none !important; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d6e6e'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important; }
    .accordion-body { font-size:.9rem; color:var(--muted); line-height:1.7; padding:0 1.3rem 1.1rem; }

    .treatment-section {
      background: var(--teal);
      color: #fff;
    }

    .carousel-item img {
      height: 420px;
      object-fit: cover;
      border-radius: 16px;
    }

    .carousel-caption {
      background: rgba(0,0,0,0.5);
      padding: 15px;
      border-radius: 10px;
    }

    .carousel-caption h5 {
      font-weight: 600;
    }

    .carousel-indicators [data-bs-target] {
      background-color: #F1890A;
    }

    /* ════════════════════════════════════════════════
       BLOG
    ════════════════════════════════════════════════ */
    .blog-section { background:var(--off-white); padding:5rem 0; }
    .blog-card {
      background:var(--white);
      border-radius:var(--r);
      overflow:hidden;
      box-shadow:var(--card-shadow);
      height:100%;
      transition:.3s;
    }
    .blog-card:hover { transform:translateY(-5px); box-shadow:0 12px 36px rgba(13,110,110,.13); }
    .blog-card img { width:100%; height:200px; object-fit:cover; display:block; }
    .blog-img-placeholder {
      width:100%; height:200px;
      background:linear-gradient(135deg,var(--teal),var(--teal-light));
      display:flex; align-items:center; justify-content:center;
      font-size:3rem; color:rgba(255,255,255,.4);
    }
    .blog-body { padding:1.3rem; }
    .blog-tag {
      font-size:.73rem; font-weight:600; letter-spacing:.08em;
      text-transform:uppercase; color:var(--teal-light);
    }
    .blog-card h5 { font-size:1.05rem; font-family:'DM Sans',sans-serif; font-weight:600; margin:.5rem 0 .6rem; color:var(--text); line-height:1.4; }
    .blog-card p  { font-size:.83rem; color:var(--muted); line-height:1.6; margin:0; }
    .blog-footer  { padding:.8rem 1.3rem; border-top:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; }
    .blog-author  { font-size:.78rem; color:var(--muted); }
    .blog-link    { font-size:.82rem; font-weight:600; color:var(--teal); transition:.2s; }
    .blog-link:hover { color:var(--teal-dark); }

    /* ════════════════════════════════════════════════
       APPOINTMENT
    ════════════════════════════════════════════════ */
    .appt-section {
      background:var(--hero-grad);
      padding:5rem 0;
      position:relative;
      overflow:hidden;
    }
    .appt-section::before {
      content:'';
      position:absolute; inset:0;
      background-image: url('../images/caduceus.png');
      background-size: 80px;
      opacity: 0.1;
    }
    .appt-form-card {
      background:rgba(255,255,255,.97);
      border-radius:1.2rem;
      padding:2.2rem 2rem;
      box-shadow:0 20px 60px rgba(0,0,0,.22);
      position: relative;
      z-index: 1;
    }
    .appt-form-card h4 { font-size:1.5rem; color:var(--teal-dark); }
    .form-control, .form-select {
      border:1.5px solid var(--border);
      border-radius:.5rem;
      font-size:.9rem;
      padding:.65rem .9rem;
      color:var(--text);
      transition:.25s;
    }
    .form-control:focus, .form-select:focus {
      border-color:var(--teal-light);
      box-shadow:0 0 0 3px rgba(13,110,110,.1);
    }
    .form-label { font-size:.83rem; font-weight:600; color:var(--text); margin-bottom:.35rem; }

    /* ════════════════════════════════════════════════
       REVIEWS STRIP
    ════════════════════════════════════════════════ */
    .reviews-strip { background:var(--white); padding:3.5rem 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
    .review-card {
      background:var(--off-white);
      border:1px solid var(--border);
      border-radius:var(--r);
      padding:1.5rem;
      height:100%;
    }
    .review-stars { color:var(--accent); font-size:.85rem; }
    .review-card p { font-size:.87rem; color:var(--muted); line-height:1.65; margin:.6rem 0 1rem; font-style:italic; }
    .review-author { font-size:.82rem; font-weight:600; color:var(--text); }


/* ── HERO ── */
.page-hero{background:var(--hero-grad);padding:4rem 0 3rem;position:relative;overflow:hidden;}
.page-hero::before {
      content:'';
      position:absolute; 
      inset:0;
      background-image: url('../images/caduceus.png');
      background-size: 80px;
      opacity: 0.1;

    }
.breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,.4);content:"/";}
.breadcrumb-item a{color:rgba(255,255,255,.7);font-size:.82rem;}
.breadcrumb-item.active{color:rgba(255,255,255,.95);font-size:.82rem;}
.page-hero h1{font-size:clamp(2rem,5vw,3.2rem);color:#fff;}
.page-hero p{color:rgba(255,255,255,.75);font-size:1rem;max-width:580px;line-height:1.75;}
.hero-pill{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.9);padding:.35rem 1rem;border-radius:50px;font-size:.78rem;font-weight:500;letter-spacing:.05em;margin-bottom:1rem;}
/* ── SEARCH & FILTER BAR ── */
.filter-bar{background:var(--white);border-bottom:1px solid var(--border);padding:1.2rem 0;position:sticky;top:66px;z-index:1040;box-shadow:0 2px 12px rgba(13,110,110,.06);}
.search-wrap{position:relative;}
.search-wrap .fa-magnifying-glass{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.9rem;pointer-events:none;}
#searchInput{padding:.6rem .9rem .6rem 2.4rem;border:1.5px solid var(--border);border-radius:50px;font-size:.88rem;width:100%;transition:.25s;background:var(--off-white);color:var(--text);}
#searchInput:focus{outline:none;border-color:var(--teal-light);background:#fff;box-shadow:0 0 0 3px rgba(13,110,110,.1);}
.filter-tabs{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;}
.filter-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .95rem;border-radius:50px;border:1.5px solid var(--border);background:var(--white);color:var(--muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:.22s;white-space:nowrap;}
.filter-btn:hover{border-color:var(--teal-light);color:var(--teal);}
.filter-btn.active{background:var(--teal);border-color:var(--teal);color:#fff;}
.filter-btn .dot{width:7px;height:7px;border-radius:50%;display:inline-block;}
.count-badge{background:rgba(255,255,255,.25);border-radius:50px;padding:.05rem .45rem;font-size:.72rem;font-weight:700;}
.filter-btn:not(.active) .count-badge{background:var(--off-white);color:var(--teal);border:1px solid var(--border);}

/* ── LAYOUT ── */
.layout-wrap{display:grid;grid-template-columns:300px 1fr;gap:0;min-height:calc(100vh - 200px);}
@media(max-width:991.98px){.layout-wrap{grid-template-columns:1fr;}}

/* ── SIDEBAR ── */
.sidebar{background:var(--white);border-right:1px solid var(--border);padding:1.5rem 0;position:sticky;top:130px;height:calc(100vh - 130px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;}
.sidebar::-webkit-scrollbar{width:4px;}
.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px;}
.sidebar-label{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:.6rem 1.4rem .3rem;display:block;}
.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.72rem 1.4rem;cursor:pointer;transition:.2s;border-left:3px solid transparent;position:relative;}
.sidebar-item:hover{background:var(--off-white);color:var(--teal);}
.sidebar-item.active{background:var(--teal-xlight);border-left-color:var(--teal);color:var(--teal);}
.sidebar-item.active .si-icon{background:var(--teal);color:#fff;}
.sidebar-item .si-icon{width:34px;height:34px;border-radius:.5rem;background:var(--off-white);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--teal);flex-shrink:0;transition:.2s;}
.sidebar-item .si-name{font-size:.86rem;font-weight:500;line-height:1.3;}
.sidebar-item .si-cat{font-size:.7rem;color:var(--muted);}
.sidebar-item .si-arrow{margin-left:auto;font-size:.7rem;color:var(--muted);opacity:0;transition:.2s;}
.sidebar-item:hover .si-arrow,.sidebar-item.active .si-arrow{opacity:1;color:var(--teal);}
.no-results-msg{padding:2rem 1.4rem;font-size:.85rem;color:var(--muted);text-align:center;display:none;}

/* ── DETAIL PANEL ── */
.detail-panel{background:var(--white);overflow-y:auto;}

/* ── DEFAULT STATE ── */
.default-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;text-align:center;padding:3rem;gap:1rem;}
.default-state .ds-icon{width:90px;height:90px;background:var(--teal-xlight);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:var(--teal);}
.default-state h4{font-size:1.5rem;color:var(--text);}
.default-state p{font-size:.88rem;color:var(--muted);max-width:380px;line-height:1.7;}

/* ── SERVICE DETAIL CONTENT ── */
.detail-header{padding:2.5rem 2.5rem 0;background:linear-gradient(135deg,var(--teal-dark),var(--teal));position:relative;overflow:hidden;}
.detail-header::after{content:'';position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.06);}
.detail-header::before{content:'';position:absolute;right:80px;bottom:-80px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.04);}
.dh-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.9);padding:.3rem .85rem;border-radius:50px;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1rem;}
.dh-icon{width:72px;height:72px;background:var(--accent);border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--teal-dark);margin-bottom:1.2rem;box-shadow:0 8px 24px rgba(0,0,0,.2);}
.detail-header h2{font-size:clamp(1.6rem,3vw,2.4rem);color:#fff;margin-bottom:.5rem;}
.detail-header .sub{color:rgba(255,255,255,.72);font-size:.92rem;line-height:1.65;max-width:600px;margin-bottom:1.5rem;}
.dh-meta{display:flex;flex-wrap:wrap;gap:.6rem;padding-bottom:1.5rem;}
.dh-tag{display:inline-flex;align-items:center;gap:.35rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.85);padding:.3rem .8rem;border-radius:50px;font-size:.76rem;font-weight:500;}

/* ── CONTENT TABS ── */
.content-tabs{border-bottom:2px solid var(--border);padding:0 2.5rem;background:var(--white);display:flex;gap:0;overflow-x:auto;scrollbar-width:none;}
.content-tabs::-webkit-scrollbar{display:none;}
.ctab{padding:.9rem 1.3rem;font-size:.85rem;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2.5px solid transparent;margin-bottom:-2px;transition:.2s;white-space:nowrap;display:flex;align-items:center;gap:.4rem;}
.ctab:hover{color:var(--teal);}
.ctab.active{color:var(--teal);border-bottom-color:var(--teal);}

/* ── TAB CONTENT ── */
.tab-content-area{padding:2rem 2.5rem;animation:fadeIn .3s ease;}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}

/* Overview */
.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:1.5rem;}
@media(max-width:767px){.overview-grid{grid-template-columns:1fr;}}
.ov-card{background:var(--off-white);border:1px solid var(--border);border-radius:var(--r);padding:1.2rem;}
.ov-card h6{font-family:'DM Sans',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:.75rem;}
.ov-card p,.ov-card li{font-size:.87rem;color:var(--muted);line-height:1.7;}
.ov-card ul{list-style:none;padding:0;}
.ov-card ul li::before{content:'•';color:var(--teal);margin-right:.5rem;font-weight:700;}
.section-body{font-size:.92rem;color:var(--muted);line-height:1.78;margin-bottom:1.5rem;}
.info-box{background:var(--teal-xlight);border:1px solid var(--border);border-left:4px solid var(--teal);border-radius:.5rem;padding:1.1rem 1.3rem;margin-bottom:1.5rem;}
.info-box h6{font-family:'DM Sans',sans-serif;font-size:.82rem;font-weight:700;color:var(--teal-dark);margin-bottom:.4rem;}
.info-box p{font-size:.85rem;color:var(--muted);margin:0;line-height:1.65;}
.warn-box{background:#fffbf0;border:1px solid #f5d88a;border-left:4px solid var(--accent);border-radius:.5rem;padding:1.1rem 1.3rem;margin-bottom:1.5rem;}
.warn-box h6{font-family:'DM Sans',sans-serif;font-size:.82rem;font-weight:700;color:#8a6200;margin-bottom:.4rem;}
.warn-box p{font-size:.85rem;color:#7a5800;margin:0;line-height:1.65;}

/* Symptoms */
.symptom-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:1.5rem;}
.symptom-pill{display:flex;align-items:center;gap:.6rem;background:var(--white);border:1.5px solid var(--border);border-radius:.5rem;padding:.65rem .9rem;font-size:.83rem;font-weight:500;color:var(--text);transition:.2s;}
.symptom-pill:hover{border-color:var(--teal-light);background:var(--teal-xlight);}
.symptom-pill i{font-size:.8rem;color:var(--teal);}

/* Stages */
.stages-wrap{display:flex;flex-direction:column;gap:0;}
.stage-item{display:flex;gap:1.2rem;padding-bottom:1.5rem;position:relative;}
.stage-item:not(:last-child)::before{content:'';position:absolute;left:17px;top:36px;bottom:0;width:2px;background:var(--border);}
.stage-num{width:36px;height:36px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0;z-index:1;}
.stage-body h6{font-family:'DM Sans',sans-serif;font-weight:700;font-size:.9rem;color:var(--text);margin-bottom:.3rem;}
.stage-body p{font-size:.85rem;color:var(--muted);line-height:1.65;margin:0;}

/* Diagnosis */
.diag-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem;}
.diag-item{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;background:var(--off-white);border:1px solid var(--border);border-radius:.5rem;}
.diag-item i{color:var(--teal);margin-top:.15rem;flex-shrink:0;}
.diag-item .dt{font-weight:600;font-size:.87rem;color:var(--text);}
.diag-item .dd{font-size:.82rem;color:var(--muted);margin-top:.15rem;line-height:1.55;}

/* FAQ */
.service-faq .accordion-item{border:1px solid var(--border)!important;border-radius:.5rem!important;margin-bottom:.6rem;overflow:hidden;}
.service-faq .accordion-button{font-size:.9rem;font-weight:600;color:var(--text);background:var(--white);box-shadow:none!important;padding:.95rem 1.2rem;}
.service-faq .accordion-button:not(.collapsed){color:var(--teal);background:var(--teal-xlight);}
.service-faq .accordion-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d6e6e'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important;}
.service-faq .accordion-body{font-size:.87rem;color:var(--muted);line-height:1.7;padding:.5rem 1.2rem 1rem;}

/* CTA strip */
.cta-strip{background:var(--teal);border-radius:var(--r);padding:1.5rem 2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem;}
.cta-strip h5{font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:#fff;margin:0;}
.cta-strip p{font-size:.82rem;color:rgba(255,255,255,.7);margin:0;}
.btn-cta-appt{background:var(--accent);color:var(--teal-dark);font-weight:700;padding:.6rem 1.5rem;border-radius:50px;border:none;font-size:.88rem;transition:.25s;white-space:nowrap;}
.btn-cta-appt:hover{background:#d4952a;transform:translateY(-2px);}

/* ── RELATED SERVICES ── */
.related-section{padding:1.5rem 2.5rem 2.5rem;}
.related-section h6{font-family:'DM Sans',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem;}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.7rem;}
.related-card{background:var(--off-white);border:1.5px solid var(--border);border-radius:.5rem;padding:.85rem;text-align:center;cursor:pointer;transition:.25s;}
.related-card:hover{border-color:var(--teal-light);background:var(--teal-xlight);transform:translateY(-3px);box-shadow:0 4px 16px rgba(13,110,110,.1);}
.related-card i{font-size:1.3rem;color:var(--teal);margin-bottom:.5rem;display:block;}
.related-card span{font-size:.78rem;font-weight:600;color:var(--text);}

/* ── MOBILE BOTTOM SHEET ── */
@media(max-width:991.98px){
  .layout-wrap{grid-template-columns:1fr;}
  .sidebar{position:static;height:auto;overflow:visible;border-right:none;border-bottom:1px solid var(--border);}
  .sidebar-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.3rem;padding:.5rem 1rem 1rem;}
  .sidebar-item{border-radius:.5rem;border-left:none;border:1.5px solid var(--border);}
  .sidebar-item.active{background:var(--teal);border-color:var(--teal);}
  .sidebar-item.active .si-name{color:#fff;}
  .sidebar-item.active .si-icon{background:rgba(255,255,255,.2);color:#fff;}
  .sidebar-item.active .si-cat{color:rgba(255,255,255,.7);}
  .tab-content-area,.detail-header,.related-section{padding-left:1.3rem;padding-right:1.3rem;}
  .content-tabs{padding:0 1.3rem;}
  .sidebar-label{padding:.8rem 1rem .3rem;}
}
@media(max-width:575.98px){
  .overview-grid,.symptom-grid,.related-grid{grid-template-columns:1fr;}
  .cta-strip{flex-direction:column;text-align:center;}
}

/* ── PROGRESS BAR ── */
.severity-bar{height:8px;border-radius:4px;background:var(--border);overflow:hidden;margin:.4rem 0;}
.severity-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--teal),var(--teal-light));transition:width 1s ease;}
.severity-label{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);}

/* ── LOADING SPINNER ── */
.panel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;}
.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}

/* ── SCROLL TOP FAB ── */
#scrollTopBtn{position:fixed;bottom:1.5rem;right:1.5rem;width:42px;height:42px;background:var(--teal);color:#fff;border:none;border-radius:50%;font-size:.9rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.2);opacity:0;transform:translateY(10px);transition:.3s;z-index:999;cursor:pointer;}
#scrollTopBtn.show{opacity:1;transform:translateY(0);}
.wa-btn{position:fixed;bottom:4.2rem;right:1.5rem;width:42px;height:42px;background:#25d366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 4px 16px rgba(0,0,0,.2);z-index:998;transition:.3s;}
.wa-btn:hover{background:#1bba58;transform:scale(1.08);}

/* ── ACTIVE INDICATOR ── */
.section-divider{height:1px;background:var(--border);margin:1.5rem 0;}


/* DOCTOR PROFILE */
.doctor-profile-section{padding:6rem 0;background:var(--white);}
.doc-card{background:var(--hero-grad);border-radius:1.2rem;padding:2.5rem;color:#fff;position:relative;overflow:hidden;height:100%;}
.doc-card::after{content:'';position:absolute;right:-50px;top:-50px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.06);}
.doc-avatar{width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.18);border:3px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:2.8rem;color:rgba(255,255,255,.6);margin-bottom:1.5rem;position:relative;z-index:1;}
.doc-name{font-size:2rem;color:#fff;margin-bottom:.3rem;}
.doc-title{font-size:.85rem;color:rgba(255,255,255,.65);letter-spacing:.07em;text-transform:uppercase;margin-bottom:1.5rem;}
.doc-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.5rem 0;}
.doc-stat{text-align:center;background:rgba(255,255,255,.1);border-radius:.5rem;padding:.75rem .5rem;}
.doc-stat .n{font-family:'Cormorant Garamond',serif;font-size:1.9rem;font-weight:700;color:var(--accent);line-height:1;}
.doc-stat .l{font-size:.7rem;color:rgba(255,255,255,.62);text-transform:uppercase;letter-spacing:.06em;}
.doc-tag{display:inline-flex;align-items:center;gap:.35rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.85);padding:.25rem .75rem;border-radius:50px;font-size:.74rem;font-weight:600;margin:.25rem;}

/* FEATURE LIST */
.feat-item{display:flex;gap:.85rem;align-items:flex-start;margin-bottom:1.3rem;}
.feat-icon{width:42px;height:42px;flex-shrink:0;background:var(--teal-xlight);border-radius:.6rem;display:flex;align-items:center;justify-content:center;color:var(--teal);font-size:1rem;}
.feat-title{font-family:'DM Sans',sans-serif;font-weight:700;font-size:.93rem;color:var(--text);margin-bottom:.2rem;}
.feat-sub{font-size:.85rem;color:var(--muted);line-height:1.6;}

/* TIMELINE */
.timeline-section{background:var(--off-white);padding:6rem 0;}
.tl-wrap{position:relative;padding-left:2.5rem;}
.tl-wrap::before{content:'';position:absolute;left:20px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,var(--teal),var(--teal-light));}
.tl-item{position:relative;padding-bottom:2.2rem;}
.tl-item:last-child{padding-bottom:0;}
.tl-dot{position:absolute;left:-2.5rem;top:4px;width:42px;height:42px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;box-shadow:0 0 0 4px rgba(13,110,110,.12);}
.tl-item.accent .tl-dot{background:var(--accent);color:var(--teal-dark);}
.tl-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:1.3rem 1.5rem;box-shadow:var(--shadow);transition:.25s;}
.tl-card:hover{transform:translateX(5px);border-color:var(--teal-light);}
.tl-year{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-light);margin-bottom:.25rem;}
.tl-card h5{font-family:'DM Sans',sans-serif;font-weight:700;font-size:.95rem;color:var(--text);margin-bottom:.3rem;}
.tl-card p{font-size:.86rem;color:var(--muted);margin:0;line-height:1.6;}

/* VALUES */
.values-section{padding:6rem 0;background:var(--white);}
.value-card{background:var(--white);border:1.5px solid var(--border);border-radius:1rem;padding:2rem 1.5rem;text-align:center;height:100%;transition:.3s;}
.value-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--teal-light);}
.value-card:hover .val-icon{background:var(--teal);color:#fff;}
.val-icon{width:60px;height:60px;border-radius:50%;background:var(--teal-xlight);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--teal);margin:0 auto 1.1rem;transition:.3s;}
.value-card h5{font-size:1.1rem;font-family:'DM Sans',sans-serif;font-weight:700;margin-bottom:.5rem;}
.value-card p{font-size:.85rem;color:var(--muted);line-height:1.65;margin:0;}

/* EXPERTISE */
.expertise-section{background:var(--teal-dark);padding:5rem 0;position:relative;overflow:hidden;}
.expertise-section::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;}
.exp-chip{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.85);padding:.42rem 1rem;border-radius:50px;font-size:.82rem;font-weight:500;margin:.3rem;transition:.25s;cursor:default;}
.exp-chip:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.28);}
.exp-chip i{color:var(--accent);}

/* AWARDS */
.awards-section{padding:5rem 0;background:var(--off-white);}
.award-item{display:flex;gap:1rem;align-items:flex-start;padding:1.2rem;background:var(--white);border:1px solid var(--border);border-radius:var(--r);margin-bottom:.9rem;transition:.25s;}
.award-item:hover{transform:translateX(4px);border-color:var(--teal-light);box-shadow:var(--shadow);}
.award-icon{width:44px;height:44px;background:var(--accent-lt);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:1.1rem;flex-shrink:0;}
.award-item h6{font-family:'DM Sans',sans-serif;font-weight:700;font-size:.9rem;color:var(--text);margin-bottom:.2rem;}
.award-item p{font-size:.82rem;color:var(--muted);margin:0;line-height:1.55;}
.award-year{font-size:.72rem;font-weight:700;color:var(--teal-light);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.25rem;}

/* TESTIMONIALS */
.about-reviews{background:var(--white);padding:5rem 0;}
.rev-card{background:var(--off-white);border:1px solid var(--border);border-radius:1rem;padding:1.6rem;height:100%;transition:.25s;}
.rev-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.rev-stars{color:var(--accent);font-size:.82rem;margin-bottom:.65rem;}
.rev-text{font-size:.9rem;color:var(--muted);font-style:italic;line-height:1.7;margin-bottom:1.1rem;}
.rev-author{display:flex;align-items:center;gap:.7rem;}
.rev-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff;flex-shrink:0;}
.rev-name{font-size:.87rem;font-weight:700;color:var(--text);}
.rev-loc{font-size:.75rem;color:var(--muted);}

/* CTA */
.cta-section{background:var(--hero-grad);padding:5rem 0;position:relative;overflow:hidden;}
/*.cta-section::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:30px 30px;}*/

.cta-section::before {
      content:'';
      position:absolute; 
      inset:0;
      background-image: url('../images/caduceus.png');
      background-size: 80px;
      opacity: 0.1;

    }


/* CONTACT CARDS */
.contact-section{padding:5.5rem 0;background:var(--off-white);}
.contact-card{background:var(--white);border:1.5px solid var(--border);border-radius:1rem;padding:1.8rem 1.5rem;text-align:center;height:100%;transition:.3s;}
.contact-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--teal-light);}
.contact-card .cc-icon{width:64px;height:64px;border-radius:50%;background:var(--teal-xlight);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--teal);margin:0 auto 1.1rem;transition:.3s;}
.contact-card:hover .cc-icon{background:var(--teal);color:#fff;}
.contact-card h5{font-family:'DM Sans',sans-serif;font-weight:700;font-size:1rem;margin-bottom:.4rem;}
.contact-card p{font-size:.85rem;color:var(--muted);margin-bottom:.85rem;line-height:1.6;}
.contact-card .cc-link{display:inline-block;font-size:.88rem;font-weight:700;color:var(--teal);transition:.2s;}
.contact-card .cc-link:hover{color:var(--teal-dark);}
/* FORM + CLINICS */
.form-section{padding:5.5rem 0;background:var(--white);}
.form-card{background:var(--white);border:1.5px solid var(--border);border-radius:1.1rem;padding:2.2rem;box-shadow:var(--shadow);}
.form-control,.form-select,.form-textarea{border:1.5px solid var(--border);border-radius:.5rem;font-size:.9rem;padding:.65rem .9rem;color:var(--text);transition:.25s;font-family:'DM Sans',sans-serif;width:100%;background:var(--off-white);}
.form-control:focus,.form-select:focus,.form-textarea:focus{border-color:var(--teal-light);box-shadow:0 0 0 3px rgba(13,110,110,.1);outline:none;background:#fff;}
.form-label{font-size:.83rem;font-weight:600;color:var(--text);margin-bottom:.35rem;display:block;}
.form-textarea{resize:vertical;min-height:120px;}
.btn-submit{background:var(--teal);color:#fff;font-weight:700;padding:.8rem 2rem;border-radius:50px;border:none;font-size:.95rem;transition:.3s;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;}
.btn-submit:hover{background:var(--teal-dark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(13,110,110,.25);}
/* Clinic location cards */
.clinic-loc-card{background:var(--off-white);border:1.5px solid var(--border);border-radius:1rem;overflow:hidden;height:100%;transition:.3s;}
.clinic-loc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.clc-head{padding:1.2rem 1.4rem;color:#fff;display:flex;align-items:center;gap:.8rem;}
.clc-num{font-family:'Cormorant Garamond',serif;font-size:2.5rem;font-weight:700;color:rgba(255,255,255,.25);line-height:1;}
.clc-head h5{font-family:'DM Sans',sans-serif;font-weight:700;font-size:.95rem;margin:0;}
.clc-head small{color:rgba(255,255,255,.65);font-size:.75rem;}
.clc-body{padding:1.3rem 1.4rem;}
.clc-row{display:flex;gap:.65rem;align-items:flex-start;margin-bottom:.75rem;font-size:.86rem;color:var(--muted);}
.clc-row i{color:var(--teal);flex-shrink:0;margin-top:.2rem;font-size:.82rem;}
.time-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent-lt);border:1px solid #f5d88a;color:#7a5800;padding:.32rem .85rem;border-radius:50px;font-size:.76rem;font-weight:600;margin-top:.4rem;}
/* MAP PLACEHOLDER */
.map-section{padding:0;}
.map-placeholder{background:linear-gradient(135deg,var(--teal-xlight),var(--off-white));height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;overflow:hidden;}
.map-placeholder::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(13,110,110,.08) 1px,transparent 1px);background-size:28px 28px;}
.map-pin{width:70px;height:70px;background:var(--teal);border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(13,110,110,.3);}
.map-pin i{transform:rotate(45deg);color:#fff;font-size:1.5rem;}
/* SCHEDULE TABLE */
.schedule-section{background:var(--off-white);padding:5.5rem 0;}
.sched-table{width:100%;border-collapse:collapse;}
.sched-table th{background:var(--teal);color:#fff;font-family:'DM Sans',sans-serif;font-weight:600;font-size:.82rem;padding:.9rem 1.2rem;letter-spacing:.05em;}
.sched-table th:first-child{border-radius:.5rem 0 0 0;}
.sched-table th:last-child{border-radius:0 .5rem 0 0;}
.sched-table td{padding:.85rem 1.2rem;font-size:.87rem;border-bottom:1px solid var(--border);color:var(--text);}
.sched-table tr:hover td{background:var(--teal-xlight);}
.sched-table tr.today td{background:rgba(13,110,110,.07);font-weight:600;}
.sched-open{display:inline-flex;align-items:center;gap:.4rem;background:#e8f8f0;color:#147a4c;font-size:.76rem;font-weight:700;padding:.2rem .7rem;border-radius:50px;}
.sched-closed{display:inline-flex;align-items:center;gap:.4rem;background:#f8e8e8;color:#c0392b;font-size:.76rem;font-weight:700;padding:.2rem .7rem;border-radius:50px;}
.today-badge{display:inline-block;background:var(--teal);color:#fff;font-size:.65rem;font-weight:700;padding:.08rem .45rem;border-radius:50px;margin-left:.4rem;vertical-align:middle;}
/* SOCIAL */
.social-section{padding:4rem 0;background:var(--white);}
.social-card{display:flex;align-items:center;gap:1rem;padding:1.3rem 1.5rem;border:1.5px solid var(--border);border-radius:1rem;transition:.3s;cursor:pointer;}
.social-card:hover{transform:translateX(5px);border-color:var(--teal-light);box-shadow:var(--shadow);}
.sc-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;}
.sc-name{font-family:'DM Sans',sans-serif;font-weight:700;font-size:.93rem;color:var(--text);}
.sc-handle{font-size:.78rem;color:var(--muted);}

/* SEARCH BAR */
.search-bar-wrap{background:var(--white);border-bottom:1px solid var(--border);padding:1.3rem 0;position:sticky;top:66px;z-index:100;box-shadow:0 2px 10px rgba(13,110,110,.06);}
.search-input-wrap{position:relative;}
.search-input-wrap i{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.9rem;pointer-events:none;}
#blogSearch{padding:.65rem .9rem .65rem 2.5rem;border:1.5px solid var(--border);border-radius:50px;font-size:.88rem;width:100%;background:var(--off-white);color:var(--text);transition:.25s;font-family:'DM Sans',sans-serif;}
#blogSearch:focus{outline:none;border-color:var(--teal-light);background:#fff;box-shadow:0 0 0 3px rgba(13,110,110,.1);}
.cat-btn{padding:.35rem .95rem;border-radius:50px;border:1.5px solid var(--border);background:var(--white);color:var(--muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:.22s;white-space:nowrap;}
.cat-btn:hover{border-color:var(--teal-light);color:var(--teal);}
.cat-btn.active{background:var(--teal);border-color:var(--teal);color:#fff;}
/* FEATURED POST */
.featured-section{padding:4rem 0;background:var(--white);}
.featured-card{background:var(--off-white);border:1.5px solid var(--border);border-radius:1.1rem;overflow:hidden;display:flex;flex-direction:row;min-height:320px;transition:.3s;}
.featured-card:hover{box-shadow:0 12px 40px rgba(13,110,110,.14);transform:translateY(-3px);}
.featured-img{flex:0 0 48%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:5rem;color:rgba(255,255,255,.3);position:relative;overflow:hidden;}
.featured-img::after{content:'FEATURED';position:absolute;top:1.2rem;left:1.2rem;background:var(--accent);color:var(--text);font-size:.7rem;font-weight:700;padding:.3rem .75rem;border-radius:50px;letter-spacing:.08em;}
.featured-body{padding:2.5rem 2.2rem;display:flex;flex-direction:column;justify-content:center;}
.feat-cat{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-light);margin-bottom:.5rem;}
.featured-body h2{font-size:clamp(1.4rem,3vw,2rem);margin-bottom:.75rem;line-height:1.25;}
.featured-body p{font-size:.9rem;color:var(--muted);line-height:1.72;margin-bottom:1.2rem;}
.post-meta{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center;font-size:.78rem;color:var(--muted);}
.post-meta i{color:var(--teal-light);margin-right:.2rem;}
.read-more-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--teal);color:#fff;padding:.6rem 1.5rem;border-radius:50px;font-size:.88rem;font-weight:600;transition:.25s;margin-top:1rem;width:fit-content;}
.read-more-btn:hover{background:var(--teal-dark);transform:translateX(3px);}
/* BLOG GRID */
.blog-grid-section{padding:4rem 0 5rem;background:var(--off-white);}
.blog-card{background:var(--white);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);height:100%;transition:.3s;display:flex;flex-direction:column;}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 14px 40px rgba(13,110,110,.14);}
.blog-thumb{height:200px;display:flex;align-items:center;justify-content:center;font-size:3rem;color:rgba(255,255,255,.38);position:relative;}
.blog-thumb .bcat{position:absolute;bottom:.8rem;left:.9rem;background:rgba(0,0,0,.35);backdrop-filter:blur(4px);color:#fff;font-size:.7rem;font-weight:700;padding:.22rem .7rem;border-radius:50px;letter-spacing:.06em;text-transform:uppercase;}
.blog-body{padding:1.3rem;flex:1;display:flex;flex-direction:column;}
.blog-tag{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-light);margin-bottom:.4rem;}
.blog-card h5{font-family:'DM Sans',sans-serif;font-weight:700;font-size:1rem;margin-bottom:.5rem;color:var(--text);line-height:1.4;flex:1;}
.blog-excerpt{font-size:.83rem;color:var(--muted);line-height:1.65;margin-bottom:auto;}
.blog-footer{padding:.85rem 1.3rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;margin-top:auto;}
.blog-author{font-size:.78rem;color:var(--muted);display:flex;align-items:center;gap:.4rem;}
.blog-link{font-size:.82rem;font-weight:700;color:var(--teal);transition:.2s;display:flex;align-items:center;gap:.3rem;}
.blog-link:hover{color:var(--teal-dark);}
/* SIDEBAR */
.sidebar-widget{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:1.5rem;margin-bottom:1.5rem;}
.sidebar-widget h6{font-family:'DM Sans',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:1.1rem;padding-bottom:.6rem;border-bottom:2px solid var(--border);}
.popular-item{display:flex;gap:.8rem;align-items:flex-start;padding:.7rem 0;border-bottom:1px solid var(--border);}
.popular-item:last-child{border-bottom:none;}
.popular-num{width:28px;height:28px;border-radius:.35rem;background:var(--teal-xlight);color:var(--teal);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.popular-title{font-size:.84rem;font-weight:600;color:var(--text);line-height:1.4;transition:.2s;}
.popular-item:hover .popular-title{color:var(--teal);}
.popular-meta{font-size:.73rem;color:var(--muted);margin-top:.15rem;}
.tag-cloud{display:flex;flex-wrap:wrap;gap:.45rem;}
.tag-pill{display:inline-block;background:var(--off-white);border:1.5px solid var(--border);color:var(--muted);padding:.28rem .75rem;border-radius:50px;font-size:.78rem;font-weight:500;transition:.2s;cursor:pointer;}
.tag-pill:hover{background:var(--teal-xlight);border-color:var(--teal-light);color:var(--teal);}
.newsletter-input{width:100%;padding:.65rem .9rem;border:1.5px solid var(--border);border-radius:.5rem;font-size:.87rem;font-family:'DM Sans',sans-serif;margin-bottom:.7rem;transition:.25s;}
.newsletter-input:focus{outline:none;border-color:var(--teal-light);}
/* NO RESULTS */
.no-results{text-align:center;padding:3rem;display:none;}
.no-results i{font-size:3rem;color:var(--border);display:block;margin-bottom:1rem;}
/* PAGINATION */
.pagination .page-link{color:var(--teal);border-color:var(--border);font-size:.88rem;font-weight:600;}
.pagination .page-item.active .page-link{background:var(--teal);border-color:var(--teal);color:#fff;}
.pagination .page-link:hover{background:var(--teal-xlight);color:var(--teal);}



.read-progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);z-index:9999;transition:width .1s linear;width:0%;}

/* ── Hero banner ── */
.article-hero{background: var(--hero-grad);padding:4rem 0 3rem;position:relative;overflow:hidden;}
.article-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url(../images/caduceus.png);
    background-size: 80px;
    opacity: 0.1;
}
.article-hero-content{position:relative;z-index:2;}
.breadcrumb-item a{color:rgba(255,255,255,.7);font-size:.82rem;}
.breadcrumb-item.active{color:rgba(255,255,255,.95);font-size:.82rem;}
.breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,.4);}
.article-cat-badge{display:inline-flex;align-items:center;gap:.45rem;background:var(--accent);color:var(--teal-dark);padding:.3rem .9rem;border-radius:50px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1rem;}
.article-hero h1{font-size:clamp(1.9rem,5vw,3rem);color:#fff;max-width:800px;line-height:1.18;margin-bottom:1.1rem;}
.article-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;}
.meta-item{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:rgba(255,255,255,.72);}
.meta-item i{color:rgba(255,255,255,.5);font-size:.78rem;}
.meta-divider{width:1px;height:14px;background:rgba(255,255,255,.25);}
.author-chip{display:flex;align-items:center;gap:.6rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:.35rem .85rem .35rem .5rem;}
.author-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:var(--teal-dark);}
.author-name{font-size:.78rem;font-weight:600;color:rgba(255,255,255,.9);}

/* ── Article hero image strip ── */
.hero-img-strip{background:linear-gradient(135deg,#0d3d3d,#1a6060,#0d9090);height:280px;display:flex;align-items:center;justify-content:center;font-size:6rem;color:rgba(255,255,255,.18);position:relative;overflow:hidden;}
.hero-img-strip::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.15));}

/* ── MAIN LAYOUT ── */
.article-layout{padding:4rem 0 5rem;background:var(--off-white);}

/* ── Article body ── */
.article-card{background:var(--white);border-radius:1.1rem;padding:2.5rem;box-shadow:var(--shadow);border:1px solid var(--border);}
.article-body{font-size:.97rem;line-height:1.85;color:#2a3a3a;}
.article-body h2{font-size:1.7rem;color:var(--teal-dark);margin:2.2rem 0 .85rem;padding-bottom:.5rem;border-bottom:2px solid var(--teal-xlight);}
.article-body h3{font-size:1.3rem;color:var(--text);margin:1.8rem 0 .65rem;}
.article-body p{margin-bottom:1.1rem;color:#3a4a4a;}
.article-body ul,.article-body ol{margin:0 0 1.2rem 1.3rem;padding:0;}
.article-body li{margin-bottom:.45rem;font-size:.95rem;color:#3a4a4a;}
.article-body strong{color:var(--teal-dark);font-weight:600;}

/* Callout boxes */
.callout{border-radius:.6rem;padding:1.2rem 1.4rem;margin:1.6rem 0;display:flex;gap:.9rem;align-items:flex-start;}
.callout-info{background:var(--teal-xlight);border-left:4px solid var(--teal);}
.callout-warn{background:#fffbf0;border-left:4px solid var(--accent);}
.callout-danger{background:#fff5f5;border-left:4px solid #e74c3c;}
.callout-success{background:#f0fbf5;border-left:4px solid #27ae60;}
.callout i{font-size:1.1rem;margin-top:.15rem;flex-shrink:0;}
.callout-info i{color:var(--teal);}
.callout-warn i{color:var(--accent);}
.callout-danger i{color:#e74c3c;}
.callout-success i{color:#27ae60;}
.callout-title{font-family:'DM Sans',sans-serif;font-weight:700;font-size:.88rem;margin-bottom:.3rem;}
.callout p{font-size:.87rem;margin:0;line-height:1.65;}
.callout-info .callout-title{color:var(--teal-dark);}
.callout-warn .callout-title{color:#8a6200;}
.callout-danger .callout-title{color:#a93226;}
.callout-success .callout-title{color:#1a7a3c;}
.callout-info p{color:var(--muted);}
.callout-warn p{color:#7a5800;}
.callout-danger p{color:#922b21;}
.callout-success p{color:#1d6a3d;}

/* Stats highlight */
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.8rem 0;}
.stat-highlight{background:var(--teal-xlight);border:1px solid var(--border);border-radius:.75rem;padding:1.1rem;text-align:center;}
.stat-highlight .n{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:700;color:var(--teal);line-height:1;}
.stat-highlight .l{font-size:.75rem;color:var(--muted);margin-top:.2rem;font-weight:500;}

/* Food table */
.food-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.88rem;}
.food-table thead tr{background:var(--teal);color:#fff;}
.food-table th{padding:.75rem 1rem;font-family:'DM Sans',sans-serif;font-weight:600;text-align:left;}
.food-table td{padding:.7rem 1rem;border-bottom:1px solid var(--border);color:#3a4a4a;}
.food-table tr:hover td{background:var(--teal-xlight);}
.badge-eat{background:#e8f8f0;color:#1a7a3c;padding:.18rem .6rem;border-radius:50px;font-size:.72rem;font-weight:700;}
.badge-limit{background:#fff8e0;color:#8a6200;padding:.18rem .6rem;border-radius:50px;font-size:.72rem;font-weight:700;}
.badge-avoid{background:#ffecec;color:#a93226;padding:.18rem .6rem;border-radius:50px;font-size:.72rem;font-weight:700;}

/* Tags & share */
.tag-strip{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--border);}
.article-tag{display:inline-block;background:var(--off-white);border:1.5px solid var(--border);color:var(--muted);padding:.28rem .75rem;border-radius:50px;font-size:.78rem;font-weight:500;transition:.2s;}
.article-tag:hover{background:var(--teal-xlight);border-color:var(--teal-light);color:var(--teal);}
.share-strip{display:flex;align-items:center;gap:.7rem;margin-top:1.3rem;padding-top:1.3rem;border-top:1px solid var(--border);}
.share-label{font-size:.82rem;font-weight:600;color:var(--muted);}
.share-btn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:.25s;cursor:pointer;border:none;}

/* Author box */
.author-box{background:var(--off-white);border:1.5px solid var(--border);border-radius:.85rem;padding:1.6rem;margin-top:2rem;display:flex;gap:1.2rem;align-items:flex-start;}
.author-box-avatar{width:70px;height:70px;border-radius:50%;background:var(--teal);display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:rgba(255,255,255,.5);flex-shrink:0;}
.author-box h5{font-family:'DM Sans',sans-serif;font-weight:700;font-size:1rem;margin-bottom:.15rem;}
.author-box .role{font-size:.78rem;color:var(--teal-light);font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5rem;}
.author-box p{font-size:.86rem;color:var(--muted);line-height:1.65;margin:0;}

/* Related articles */
.related-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:.3s;height:100%;}
.related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--teal-light);}
.related-thumb{height:140px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:rgba(255,255,255,.35);}
.related-body{padding:1.1rem;}
.related-body .rc-cat{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-light);margin-bottom:.3rem;}
.related-body h5{font-family:'DM Sans',sans-serif;font-weight:700;font-size:.9rem;margin-bottom:.4rem;line-height:1.4;}
.related-body p{font-size:.8rem;color:var(--muted);margin:0;line-height:1.55;}
.related-footer{padding:.7rem 1.1rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;}
.rc-read{font-size:.78rem;font-weight:700;color:var(--teal);display:flex;align-items:center;gap:.3rem;transition:.2s;}
.rc-read:hover{color:var(--teal-dark);}

/* ── SIDEBAR ── */
.sticky-sidebar{position:sticky;top:90px;}

/* TOC */
.toc-widget{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r);padding:1.4rem;margin-bottom:1.4rem;}
.toc-widget h6{font-family:'DM Sans',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-bottom:.7rem;border-bottom:2px solid var(--border);margin-bottom:.9rem;}
.toc-link{display:flex;align-items:center;gap:.5rem;font-size:.84rem;color:var(--muted);padding:.38rem 0;transition:.2s;cursor:pointer;}
.toc-link:hover{color:var(--teal);}
.toc-link.active{color:var(--teal);font-weight:600;}
.toc-link::before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0;}

/* Quick facts */
.facts-widget{background:var(--teal);border-radius:var(--r);padding:1.4rem;margin-bottom:1.4rem;color:#fff;}
.facts-widget h6{font-family:'DM Sans',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);padding-bottom:.7rem;border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:.9rem;}
.fact-item{display:flex;align-items:flex-start;gap:.65rem;margin-bottom:.75rem;font-size:.84rem;color:rgba(255,255,255,.82);}
.fact-item i{color:var(--accent);flex-shrink:0;margin-top:.15rem;}
.fact-item:last-child{margin-bottom:0;}

/* Appt CTA */
.appt-widget{background:var(--accent-lt);border:1.5px solid #f5d88a;border-radius:var(--r);padding:1.4rem;text-align:center;margin-bottom:1.4rem;}
.appt-widget .aw-icon{width:52px;height:52px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--teal-dark);margin:0 auto .8rem;}
.appt-widget h5{font-family:'DM Sans',sans-serif;font-weight:700;font-size:.97rem;margin-bottom:.4rem;}
.appt-widget p{font-size:.82rem;color:var(--muted);line-height:1.6;margin-bottom:1rem;}
.appt-widget a{display:block;background:var(--teal);color:#fff;padding:.65rem;border-radius:50px;font-size:.88rem;font-weight:700;transition:.25s;}
.appt-widget a:hover{background:var(--teal-dark);}

/* Doc card */
.doc-widget{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r);padding:1.4rem;text-align:center;margin-bottom:1.4rem;}
.doc-widget .dw-avatar{width:72px;height:72px;background:var(--teal);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:rgba(255,255,255,.5);margin:0 auto .8rem;}
.doc-widget h5{font-family:'DM Sans',sans-serif;font-weight:700;font-size:.97rem;margin-bottom:.15rem;}
.doc-widget .dw-role{font-size:.75rem;color:var(--teal-light);font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.6rem;}
.doc-widget p{font-size:.82rem;color:var(--muted);line-height:1.6;margin-bottom:.9rem;}

/* Comment section */
.comment-section{background:var(--white);border-radius:1.1rem;padding:2.5rem;box-shadow:var(--shadow);border:1px solid var(--border);margin-top:1.5rem;}
.comment-item{display:flex;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--border);}
.comment-item:last-child{border-bottom:none;}
.comment-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;color:#fff;flex-shrink:0;}
.comment-name{font-family:'DM Sans',sans-serif;font-weight:700;font-size:.88rem;color:var(--text);}
.comment-date{font-size:.73rem;color:var(--muted);margin-left:.5rem;}
.comment-text{font-size:.88rem;color:var(--muted);line-height:1.65;margin:.35rem 0 .4rem;}
.comment-reply{font-size:.78rem;font-weight:600;color:var(--teal);cursor:pointer;transition:.2s;}
.comment-reply:hover{color:var(--teal-dark);}
.comment-form{margin-top:1.8rem;padding-top:1.8rem;border-top:2px solid var(--border);}
.comment-form h5{font-family:'Cormorant Garamond',serif;font-size:1.4rem;margin-bottom:1.2rem;}
.cf-input,.cf-textarea{width:100%;padding:.65rem .9rem;border:1.5px solid var(--border);border-radius:.5rem;font-size:.88rem;font-family:'DM Sans',sans-serif;background:var(--off-white);color:var(--text);transition:.25s;margin-bottom:.8rem;}
.cf-input:focus,.cf-textarea:focus{outline:none;border-color:var(--teal-light);background:#fff;box-shadow:0 0 0 3px rgba(13,110,110,.08);}
.cf-textarea{resize:vertical;min-height:100px;}
.cf-submit{background:var(--teal);color:#fff;border:none;border-radius:50px;padding:.7rem 1.8rem;font-size:.9rem;font-weight:700;cursor:pointer;transition:.3s;display:inline-flex;align-items:center;gap:.5rem;}
.cf-submit:hover{background:var(--teal-dark);transform:translateY(-2px);}    



    /* ════════════════════════════════════════════════
       FOOTER
    ════════════════════════════════════════════════ */
    footer { background:var(--teal-dark); color:rgba(255,255,255,.75); padding:4rem 0 1.5rem; }
    footer h6 { font-family:'DM Sans',sans-serif; font-size:.8rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.45); margin-bottom:1.1rem; }
    footer .footer-brand .top { font-family:'Cormorant Garamond',serif; font-size:1.5rem; font-weight:700; color:#fff; }
    footer .footer-brand .sub { font-size:.78rem; color:rgba(255,255,255,.45); letter-spacing:.08em; }
    footer p { font-size:.87rem; line-height:1.7; }
    footer a { color:rgba(255,255,255,.7); font-size:.88rem; transition:.2s; display:block; margin-bottom:.45rem; }
    footer a:hover { color:#fff; padding-left:4px; }
    footer .contact-item { display:flex; align-items:center; gap:.6rem; margin-bottom:.7rem; font-size:.87rem; }
    footer .contact-item i { color:var(--accent); width:16px; text-align:center; }
    .footer-divider { border-color:rgba(255,255,255,.1); margin:2rem 0 1.2rem; }
    footer .copy { font-size:.78rem; color:rgba(255,255,255,.38); }
    .social-icons a {
      display:inline-flex; align-items:center; justify-content:center;
      width:36px; height:36px;
      border:1px solid rgba(255,255,255,.18);
      border-radius:50%;
      color:rgba(255,255,255,.7);
      font-size:.9rem;
      transition:.25s;
      margin-right:.4rem;
      margin-bottom:0;
      padding:0;
    }
    .social-icons a:hover { background:var(--accent); border-color:var(--accent); color:var(--teal-dark); padding-left:0; }

    /* ════════════════════════════════════════════════
       SCROLL-TO-TOP
    ════════════════════════════════════════════════ */
    #scrollTop {
      position:fixed; 
      bottom:1.5rem; 
      right:5px;
      width:44px; 
      height:44px;
      background:var(--teal);
      color:#fff;
      border:none;
      border-radius:50%;
      display:flex; align-items:center; justify-content:center;
      font-size:1rem;
      box-shadow:0 4px 16px rgba(0,0,0,.22);
      opacity:0; transform:translateY(10px);
      transition:.3s;
      z-index:999;
      cursor:pointer;
    }
    #scrollTop.show { opacity:1; transform:translateY(0); }
    #scrollTop:hover { background:var(--teal-dark); }

    /* ════════════════════════════════════════════════
       WHATSAPP FAB
    ════════════════════════════════════════════════ */
    .wa-fab {
      position:fixed; 
      bottom:4.5rem; 
      right:5px;
      width:44px; 
      height:44px;
      background:#25d366;
      border-radius:50%;
      display:flex; align-items:center; justify-content:center;
      color:#fff; font-size:1.3rem;
      box-shadow:0 4px 16px rgba(0,0,0,.22);
      z-index:998;
      transition:.3s;
    }
    .wa-fab:hover { background:#1bba58; transform:scale(1.08); }

    .book-vertical {
      position: fixed;
      right: 20px;
      top: 55%;
      transform: rotate(-90deg) translateY(-50%);
      transform-origin: right top; 
      background: var(--accent);
      color: #fff;
      padding: 12px 20px;
      border-radius: 8px 8px 0 0;
      font-weight: 600;
      text-decoration: none;
      box-shadow: 0 4px 10px rgba(0,0,0,0.2);
      z-index: 9999;
      transition: 0.3s;
    }

    .book-vertical:hover {
      background: #d4952a;
    }

    /* ════════════════════════════════════════════════
       RESPONSIVE TWEAKS
    ════════════════════════════════════════════════ */
    @media(max-width:991.98px) {
      .hero { min-height:auto; padding:4rem 0 2.5rem; }
      .hero-image-wrap { margin-top:2.5rem; }
      .hero-img-circle { width:260px; height:260px; }
      .hero-img-inner { width:220px; height:220px; }
      .navbar-collapse { background:var(--teal-dark); border-radius:var(--r); padding:.75rem; margin-top:.5rem; }
    }
    @media(max-width:767.98px) {
      .top-bar .hide-sm { display:none; }
      .trust-item { border-bottom:1px solid var(--border); }
      .appt-form-card { padding:1.5rem 1.2rem; }
      .hero-cards-row .hero-card:last-child { display:none; }
    }
    @media(max-width:575.98px) {
      .hero h1 { font-size:2.1rem; }
      .hero-cta { flex-direction:column; align-items:flex-start; }
    }

    /* ── Utility animations ─── */
    @keyframes fadeUp { from{ opacity:0; transform:translateY(22px); } to{ opacity:1; transform:translateY(0); } }
    .fade-up { animation:fadeUp .6s ease both; }
    .delay-1 { animation-delay:.12s; }
    .delay-2 { animation-delay:.24s; }
    .delay-3 { animation-delay:.36s; }

/* ════════════════════════════════════════════════════════════
   WORDPRESS BLOG — BLOG POST CARDS (blog-post-card / bpc-*)
   Used in index.php, archive.php, search.php
════════════════════════════════════════════════════════════ */
.blog-post-card {
    background: var(--white);
    border-radius: var(--r);
    overflow: hidden;
    box-shadow: var(--shadow);
    border: 1px solid var(--border);
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: transform .3s ease, box-shadow .3s ease;
}
.blog-post-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 40px rgba(13,110,110,.14);
}

/* Image block */
.bpc-img {
    display: block;
    overflow: hidden;
    height: 200px;
    flex-shrink: 0;
}
.bpc-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .4s ease;
}
.blog-post-card:hover .bpc-img img {
    transform: scale(1.04);
}

/* Card body */
.bpc-body {
    padding: 1.35rem 1.3rem 1rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.bpc-cat {
    display: inline-block;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--teal);
    margin-bottom: .5rem;
    background: var(--teal-xlight, #e6f4f4);
    padding: .22rem .65rem;
    border-radius: 50px;
}
.bpc-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: .5rem;
    line-height: 1.35;
    flex: 1;
}
.bpc-title a {
    color: var(--text);
    text-decoration: none;
    transition: color .2s;
}
.bpc-title a:hover { color: var(--teal); }
.bpc-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    font-size: .75rem;
    color: var(--muted);
    margin-bottom: .75rem;
}
.bpc-meta i { color: var(--teal-light); margin-right: .2rem; }
.bpc-excerpt {
    font-size: .84rem;
    color: var(--muted);
    line-height: 1.65;
    margin-bottom: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bpc-read {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .83rem;
    font-weight: 600;
    color: var(--teal);
    text-decoration: none;
    margin-top: auto;
    transition: gap .2s, color .2s;
}
.bpc-read:hover { gap: .65rem; color: var(--teal-dark); }

/* ════════════════════════════════════════════════════════════
   FEATURED SECTION (featured-card, featured-img, featured-body)
════════════════════════════════════════════════════════════ */
.featured-section { padding: 3rem 0 2rem; background: var(--white); }
.section-label {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--teal);
    margin-bottom: .5rem;
}
.featured-card {
    background: var(--off-white);
    border: 1.5px solid var(--border);
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    min-height: 340px;
    transition: box-shadow .3s, transform .3s;
    text-decoration: none;
    color: inherit;
}
.featured-card:hover {
    box-shadow: 0 12px 40px rgba(13,110,110,.14);
    transform: translateY(-3px);
}
.featured-img {
    flex: 0 0 45%;
    position: relative;
    overflow: hidden;
    background: var(--teal-dark);
    min-height: 300px;
}
.featured-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.featured-img::after {
    content: 'FEATURED';
    position: absolute;
    top: 1.1rem;
    left: 1.1rem;
    background: var(--accent);
    color: var(--text);
    font-size: .68rem;
    font-weight: 700;
    padding: .28rem .75rem;
    border-radius: 50px;
    letter-spacing: .08em;
}
.featured-body {
    padding: 2.5rem 2.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}
.featured-body h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(1.4rem, 3vw, 2rem);
    margin-bottom: .75rem;
    line-height: 1.25;
    color: var(--text);
}
.featured-body > p {
    font-size: .9rem;
    color: var(--muted);
    line-height: 1.72;
    margin-bottom: 1.2rem;
}
@media (max-width: 767.98px) {
    .featured-card { flex-direction: column; min-height: auto; }
    .featured-img { flex: none; height: 220px; min-height: 220px; }
    .featured-body { padding: 1.5rem 1.3rem; }
}

/* ════════════════════════════════════════════════════════════
   BLOG GRID SECTION
════════════════════════════════════════════════════════════ */
.blog-grid-section { padding: 3.5rem 0 5rem; background: var(--off-white); }
.no-results {
    text-align: center;
    padding: 3rem 1rem;
}
.no-results i {
    font-size: 2.5rem;
    color: var(--border);
    display: block;
    margin-bottom: 1rem;
}

/* ════════════════════════════════════════════════════════════
   SIDEBAR WIDGETS (tag-pill active state)
════════════════════════════════════════════════════════════ */
.tag-pill.active {
    background: var(--teal);
    border-color: var(--teal);
    color: #fff;
}

/* ════════════════════════════════════════════════════════════
   SINGLE POST — ARTICLE
════════════════════════════════════════════════════════════ */
.article-hero {
    background: var(--hero-grad, linear-gradient(135deg,#0A4D8C 0%,#094444 100%));
    padding: 4rem 0 3rem;
    position: relative;
    overflow: hidden;
}
.article-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='30'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
    pointer-events: none;
}
.article-hero-content { position: relative; z-index: 2; }
.article-cat-badge {
    display: inline-block;
    background: var(--accent);
    color: var(--text);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: .3rem .9rem;
    border-radius: 50px;
    margin-bottom: .9rem;
}
.article-hero h1 {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(1.8rem, 5vw, 3rem);
    color: #fff;
    line-height: 1.2;
    margin-bottom: .6rem;
}
.article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.2rem;
    align-items: center;
    margin-top: .9rem;
}
.author-chip {
    display: flex;
    align-items: center;
    gap: .5rem;
}
.author-avatar {
    width: 32px; height: 32px;
    background: var(--accent);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    color: var(--teal-dark);
    overflow: hidden;
    flex-shrink: 0;
}
.author-name { font-size: .85rem; font-weight: 600; color: rgba(255,255,255,.9); }
.meta-divider { width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,.4); }
.meta-item { font-size: .8rem; color: rgba(255,255,255,.7); display: flex; align-items: center; gap: .3rem; }
.meta-item i { color: var(--accent); }

/* Article Layout */
.article-layout { padding: 3.5rem 0 5rem; background: var(--off-white); }
.article-card {
    background: var(--white);
    border-radius: var(--r);
    overflow: hidden;
    box-shadow: var(--shadow);
    border: 1px solid var(--border);
    margin-bottom: 2rem;
}
.article-body {
    padding: 2.5rem;
    font-size: .95rem;
    line-height: 1.85;
    color: var(--text);
}
.article-body h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.7rem;
    margin: 2rem 0 .9rem;
    color: var(--teal-dark);
}
.article-body h3 { font-size: 1.25rem; margin: 1.5rem 0 .6rem; }
.article-body p { margin-bottom: 1.1rem; }
.article-body img { max-width: 100%; border-radius: .5rem; margin: 1rem 0; }
.article-body ul, .article-body ol { padding-left: 1.5rem; margin-bottom: 1rem; }
.article-body li { margin-bottom: .4rem; }
.article-body blockquote {
    border-left: 4px solid var(--teal);
    padding: 1rem 1.5rem;
    background: var(--teal-xlight, #e6f4f4);
    border-radius: 0 .5rem .5rem 0;
    margin: 1.5rem 0;
    font-style: italic;
    color: var(--teal-dark);
}

/* Tag & Share strips */
.tag-strip {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    align-items: center;
    padding-top: 1.5rem;
    margin-top: 1.5rem;
    border-top: 1px solid var(--border);
}
.article-tag {
    background: var(--off-white);
    border: 1.5px solid var(--border);
    color: var(--muted);
    padding: .25rem .7rem;
    border-radius: 50px;
    font-size: .78rem;
    text-decoration: none;
    transition: .2s;
}
.article-tag:hover { background: var(--teal-xlight); border-color: var(--teal-light); color: var(--teal); }
.share-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    padding: 1rem 0 0;
    margin-top: .5rem;
}
.share-label { font-size: .8rem; font-weight: 700; color: var(--muted); }
.share-btn {
    width: 36px; height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .85rem;
    border: none;
    cursor: pointer;
    transition: opacity .2s, transform .2s;
    text-decoration: none;
}
.share-btn:hover { opacity: .85; transform: translateY(-2px); }

/* Author box */
.author-box {
    display: flex;
    gap: 1.3rem;
    align-items: flex-start;
    padding: 1.8rem 2.5rem;
    border-top: 1px solid var(--border);
    background: var(--off-white);
}
.author-box-avatar {
    width: 70px; height: 70px;
    border-radius: 50%;
    background: var(--teal);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    color: rgba(255,255,255,.6);
    flex-shrink: 0;
    overflow: hidden;
}
.author-box h5 { font-size: 1.05rem; margin-bottom: .15rem; }
.author-box .role { font-size: .8rem; color: var(--teal); font-weight: 600; margin-bottom: .5rem; }
.author-box p { font-size: .85rem; color: var(--muted); line-height: 1.65; margin: 0; }

/* Related cards */
.related-card {
    background: var(--white);
    border-radius: var(--r);
    overflow: hidden;
    border: 1px solid var(--border);
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: .3s;
}
.related-card:hover { transform: translateY(-4px); box-shadow: 0 10px 30px rgba(13,110,110,.12); }
.related-thumb {
    height: 150px;
    background: var(--teal-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.related-body { padding: 1rem; flex: 1; display: flex; flex-direction: column; }
.rc-cat { font-size: .68rem; font-weight: 700; color: var(--teal); letter-spacing: .08em; text-transform: uppercase; margin-bottom: .4rem; }
.related-body h5 { font-size: .92rem; margin-bottom: .4rem; line-height: 1.35; flex: 1; }
.related-body p { font-size: .8rem; color: var(--muted); line-height: 1.55; margin: 0; }
.related-footer { display: flex; align-items: center; justify-content: space-between; padding: .75rem 1rem; border-top: 1px solid var(--border); }
.rc-read { font-size: .8rem; font-weight: 600; color: var(--teal); text-decoration: none; display: flex; align-items: center; gap: .3rem; }

/* Comments */
.comment-section { padding: 2rem; }
.comment-item { display: flex; gap: 1rem; padding: 1.1rem 0; border-bottom: 1px solid var(--border); }
.comment-item:last-child { border-bottom: none; }
.comment-avatar { width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1rem; font-weight: 700; color: #fff; flex-shrink: 0; }
.comment-name { font-size: .88rem; font-weight: 700; color: var(--text); }
.comment-date { font-size: .75rem; color: var(--muted); margin-left: .5rem; }
.comment-text { font-size: .87rem; color: var(--muted); line-height: 1.65; margin: .4rem 0 .3rem; }
.comment-reply { font-size: .78rem; font-weight: 600; color: var(--teal); cursor: pointer; }

/* Comment Form */
.comment-form { padding: 1.8rem 2rem 2rem; border-top: 2px solid var(--border); }
.comment-form h5 { font-family: 'Cormorant Garamond', serif; font-size: 1.4rem; margin-bottom: 1rem; }
.cf-input, .cf-textarea {
    width: 100%;
    padding: .6rem .9rem;
    border: 1.5px solid var(--border);
    border-radius: .5rem;
    font-size: .88rem;
    font-family: 'DM Sans', sans-serif;
    transition: border .2s;
    background: var(--off-white);
    color: var(--text);
}
.cf-input:focus, .cf-textarea:focus { outline: none; border-color: var(--teal-light); background: #fff; }
.cf-textarea { min-height: 110px; resize: vertical; }
.cf-submit {
    background: var(--teal);
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: .65rem 2rem;
    font-size: .9rem;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    transition: background .2s;
    margin-top: .75rem;
}
.cf-submit:hover { background: var(--teal-dark); }

/* Sticky sidebar */
.sticky-sidebar { position: sticky; top: 90px; }
.toc-widget, .facts-widget, .doc-widget, .appt-widget {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--r);
    padding: 1.4rem;
    margin-bottom: 1.3rem;
    box-shadow: var(--shadow);
}
.toc-widget h6, .facts-widget h6, .doc-widget h5, .appt-widget h5 {
    font-family: 'DM Sans', sans-serif;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--muted);
    margin-bottom: .9rem;
    padding-bottom: .5rem;
    border-bottom: 2px solid var(--border);
}
.toc-link {
    display: block;
    font-size: .84rem;
    color: var(--muted);
    padding: .35rem .5rem;
    border-radius: .3rem;
    transition: .2s;
    text-decoration: none;
    margin-bottom: .15rem;
}
.toc-link:hover, .toc-link.active { background: var(--teal-xlight); color: var(--teal); font-weight: 600; }
.fact-item { display: flex; gap: .6rem; font-size: .84rem; color: var(--muted); margin-bottom: .5rem; align-items: flex-start; }
.fact-item i { color: var(--teal); margin-top: .15rem; flex-shrink: 0; }
.doc-widget { text-align: center; }
.dw-avatar { width: 70px; height: 70px; border-radius: 50%; background: var(--teal); display: flex; align-items: center; justify-content: center; font-size: 1.7rem; color: rgba(255,255,255,.5); margin: 0 auto 1rem; overflow: hidden; }
.doc-widget h5 { font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; }
.dw-role { font-size: .78rem; color: var(--teal); font-weight: 600; margin-bottom: .5rem; }
.doc-widget p { font-size: .82rem; color: var(--muted); line-height: 1.6; margin-bottom: 1rem; }
.appt-widget { background: var(--teal); border-color: var(--teal); text-align: center; }
.aw-icon { width: 52px; height: 52px; background: rgba(255,255,255,.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; color: var(--accent); margin: 0 auto 1rem; }
.appt-widget h5 { color: #fff; font-size: 1.1rem; }
.appt-widget p { font-size: .83rem; color: rgba(255,255,255,.75); line-height: 1.6; margin-bottom: 1rem; }
.appt-widget a {
    display: block;
    background: var(--accent);
    color: var(--text);
    padding: .65rem;
    border-radius: 50px;
    font-size: .88rem;
    font-weight: 700;
    text-decoration: none;
}

/* Reading progress bar */
.read-progress {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    width: 0%;
    background: linear-gradient(90deg, var(--teal), var(--accent));
    z-index: 9999;
    transition: width .1s linear;
}

/* WordPress pagination */
.page-numbers {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: .5rem;
}
.page-numbers a, .page-numbers span {
    width: 38px; height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .85rem;
    font-weight: 600;
    border: 1.5px solid var(--border);
    color: var(--muted);
    text-decoration: none;
    transition: .2s;
}
.page-numbers a:hover { border-color: var(--teal); color: var(--teal); }
.page-numbers .current { background: var(--teal); border-color: var(--teal); color: #fff; }
.page-numbers .dots { border: none; width: auto; }

@media (max-width: 767.98px) {
    .article-body { padding: 1.5rem; }
    .author-box { flex-direction: column; padding: 1.5rem; }
    .comment-section { padding: 1.5rem; }
    .comment-form { padding: 1.5rem; }
}



.review-card{
    background:#fff;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    transition:0.3s;
}

.review-card:hover{
    transform:translateY(-5px);
}

.review-stars i{
    color:#ffc107;
}

#testimonialCarousel .carousel-control-prev,
#testimonialCarousel .carousel-control-next{
    width:50px;
}

#testimonialCarousel .carousel-control-prev-icon,
#testimonialCarousel .carousel-control-next-icon{
    background-color:#000;
    border-radius:50%;
    padding:20px;
}