/* =============================================================
   NATURACARE — COMPREHENSIVE RESPONSIVE STYLESHEET
   Load AFTER style.css.
   Breakpoints:
     Tablet : max-width 1024px  (covers 768px exactly)
     Mobile : max-width 767px   (covers 360px)
     Small  : max-width 480px
     Micro  : max-width 360px
   NOTE: Header, top-bar and mobile drawer are intentionally
   excluded from every rule below.
   ============================================================= */

/* ============================================================
   TABLET — max-width: 1024px
   ============================================================ */
@media (max-width: 1024px) {

  /* ── Tokens (drive .nc-section, blog, doctors, etc.) ── */
  :root {
    --section-pad-x: 2.5rem;
    --section-pad-y: 4.5rem;
    --type-section-heading-size: clamp(1.6rem, 3.6vw, 2.2rem);
    --type-subsection-heading-size: clamp(1.2rem, 2.8vw, 1.5rem);
  }

  body {
    overflow-x: hidden;
  }

  img,
  video,
  iframe {
    max-width: 100%;
  }

  .chronic-main {
    overflow-x: clip;
  }

  /* ── Responsive header controls: remove theme / RTL toggles only from tablet/mobile header ── */
  .mobile-controls .theme-toggle-btn,
  .mobile-controls .rtl-toggle-btn,
  .mobile-controls #mobileThemeToggleBtn,
  .mobile-controls #mobileRtlToggleBtn {
    display: none !important;
  }

  /* ── Section padding (explicit list, so inner containers never double up) ── */
  .nc-section,
  .natura-vitalist-sanctuary,
  .care-treatments-section,
  .natura-eminence-section,
  .natura-faculty-section,
  .healing-approach-section,
  .patient-stories-section,
  .natura-meridian-section,
  .conditions-support-section,
  .consultation-section-v3,
  .wellness-principles-section,
  .h2-wellness-pathway,
  .h2-wellness-journal,
  .h2-practitioners,
  .h2-patient-faq,
  .about-hero-sanctuary,
  .about-clinic-section,
  .about-philosophy-section,
  .about-mission-section,
  .about-practitioners-section,
  .about-approach-section,
  .about-why-section,
  .about-consultation-section,
  .ab-sec,
  .ab-banner,
  .tx-atrium-hero,
  .tx-triptych-section,
  .tx-vault-section,
  .tx-stele-section,
  .tx-dialectic-section,
  .tx-archive-section,
  .tx-sanctuary-section {
    padding: 4.5rem 2.5rem !important;
  }

  .natura-hero-elite {
    padding: 4rem 2.5rem 3rem !important;
  }

  .tx-master-container {
    padding: 0 !important;
  }

  /* ── Contact page ── */
  .contact-hero-inner {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
    padding: 2.5rem 2rem !important;
  }

  .clinic-status-card {
    max-width: 100% !important;
    justify-self: stretch !important;
  }

  .contact-main {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
    padding: 3rem 2rem !important;
  }

  .contact-map-section {
    padding: 4em 2rem 3.5rem !important;
  }

  .contact-map-section .contact-section-title {
    font-size: clamp(1.35rem, 3vw, 1.65rem) !important;
  }

  .contact-faq-inner {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
    padding: 3rem 2rem !important;
  }

  /* ── Blog & Article ── */
  .blog-hero-inner {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
    padding: 2.5rem 2rem !important;
  }

  .blog-main {
    padding: 3rem 2rem !important;
  }

  .blog-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.5rem !important;
  }

  .blog-newsletter-inner {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }

  .article-cover {
    aspect-ratio: 16 / 9 !important;
  }

  .article-layout {
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
  }

  .article-aside {
    position: static !important;
    top: auto !important;
  }

  /* ── Hero (index) ── */
  .elite-hero-container {
    flex-direction: column !important;
    text-align: center !important;
    gap: 3rem !important;
  }

  .elite-hero-textual {
    max-width: 100% !important;
  }

  .elite-hero-narrative {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .elite-action-cluster,
  .elite-stats-flow {
    justify-content: center !important;
  }

  .elite-visual-stage {
    max-width: 420px !important;
    margin: 0 auto !important;
  }

  .elite-sculptural-frame {
    height: 460px !important;
  }

  .elite-floating-pill.pill-north {
    right: -10px !important;
  }

  .elite-floating-pill.pill-south {
    left: -10px !important;
  }

  .elite-stream-container {
    margin-top: 3rem !important;
  }

  .elite-stream-bar {
    flex-direction: column !important;
    border-radius: 28px !important;
    padding: 1.4rem !important;
    text-align: center !important;
  }

  .elite-stream-selector {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  .elite-stream-caption {
    max-width: 100% !important;
    white-space: normal !important;
  }

  /* ── Vitalist / Philosophy ── */
  .vitalist-header-flow {
    margin-bottom: 3rem !important;
  }

  .vitalist-continuum-stage {
    flex-direction: column !important;
    gap: 3rem !important;
  }

  .vitalist-tenets-stream {
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  .vitalist-visual-column {
    position: static !important;
    width: 100% !important;
    max-width: 420px !important;
    margin: 0 auto !important;
    align-self: auto !important;
  }

  .vitalist-droplet-frame {
    height: 440px !important;
  }

  .vitalist-manifesto-stream {
    flex-direction: column !important;
    text-align: center !important;
    border-radius: 30px !important;
    padding: 1.6rem !important;
    gap: 1.3rem !important;
  }

  .vitalist-manifesto-btn {
    justify-content: center !important;
    width: 100% !important;
  }

  /* ── Care & Treatments ── */
  .care-stream-wrapper {
    min-height: 0 !important;
  }

  .care-stream-item.active {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 2.5rem !important;
  }

  .care-image-frame img {
    height: 360px !important;
  }

  .care-methodology-ribbon {
    padding: 1.25rem 1.5rem !important;
    flex-wrap: wrap !important;
  }

  /* ── Eminence ── */
  .eminence-header-flow {
    margin-bottom: 3rem !important;
  }

  .eminence-astrolabe-stage {
    flex-direction: column !important;
    align-items: center !important;
    gap: 3rem !important;
  }

  .eminence-core-hub {
    width: 360px !important;
    height: 360px !important;
  }

  .eminence-details-wing {
    width: 100% !important;
    max-width: 680px !important;
    margin: 0 auto !important;
    padding: 2.5rem !important;
  }

  .eminence-comparator-strip {
    flex-direction: column !important;
    gap: 1rem !important;
    text-align: center !important;
  }

  .comparator-vs {
    align-self: center !important;
  }

  /* ── Faculty ── */
  .faculty-header-flow {
    margin-bottom: 2.5rem !important;
  }

  .faculty-stage-layout {
    margin-bottom: 3rem !important;
  }

  .faculty-dossier-chamber {
    flex-direction: column !important;
    border-radius: 36px !important;
    padding: 2.5rem !important;
    gap: 3rem !important;
  }

  .dossier-seam-divider {
    display: none !important;
  }

  .dossier-visual-wing {
    width: 100% !important;
    max-width: 380px !important;
    margin: 0 auto !important;
  }

  .faculty-pledge-stream {
    flex-direction: column !important;
    text-align: center !important;
    border-radius: 32px !important;
    padding: 2rem !important;
    gap: 1.4rem !important;
  }

  /* ── Footer ── */
  .natura-premium-footer-inner {
    padding: 3rem 2.5rem 2rem !important;
  }

  .natura-premium-footer-top {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2.5rem !important;
    padding-bottom: 2rem !important;
  }

  .natura-premium-footer-brand,
  .natura-premium-footer-intro {
    width: 100% !important;
    max-width: 100% !important;
  }

  .natura-premium-footer-intro h2 {
    font-size: clamp(1.5rem, 3.4vw, 1.9rem) !important;
  }

  .natura-premium-footer-middle {
    grid-template-columns: 1fr 1fr !important;
    gap: 2rem !important;
    padding: 2rem 0 !important;
  }

  /* ── Contact form grid ── */
  .cf-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 1.25rem !important;
  }

  /* ── Doctors ── */
  .doc-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.5rem !important;
  }

  .doc-steps {
    grid-template-columns: 1fr 1fr !important;
    gap: 2rem !important;
  }

  /* ── Healing approach ── */
  .approach-nodes-wrap {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 1.5rem !important;
  }

  .approach-node-btn {
    flex: 0 1 calc(33.33% - 1rem) !important;
    min-width: 100px !important;
  }

  /* ── Patient stories ── */
  .stories-roster-flow {
    gap: 1rem !important;
  }

  /* ── Slider hero (home 2) ── */
  .h2-slider-title {
    font-size: clamp(2.6rem, 7vw, 4rem) !important;
    letter-spacing: -0.02em !important;
    line-height: 1.2 !important;
  }

  .h2-slider-description {
    font-size: 15px !important;
  }

  /* ── Home 2 sections ── */
  .h2-wellness-pathway-header h2,
  .h2-wellness-journal-title h2,
  .h2-practitioners-intro h2,
  .h2-patient-faq-intro h2 {
    font-size: clamp(1.8rem, 4.4vw, 2.4rem) !important;
    letter-spacing: -0.5px !important;
  }

  .h2-wellness-pathway-stage h3 {
    font-size: 20px !important;
  }

  .h2-wellness-pathway-word {
    font-size: clamp(7rem, 18vw, 12rem) !important;
  }

  .h2-wellness-journal-chapter strong {
    font-size: clamp(3.5rem, 8vw, 5.5rem) !important;
  }

  .h2-wellness-journal-manifesto {
    margin-left: -2.5rem !important;
    margin-right: -2.5rem !important;
  }

  .h2-wellness-journal-manifesto-copy h3 {
    font-size: clamp(1.6rem, 3.4vw, 2.1rem) !important;
    letter-spacing: -0.5px !important;
  }

  .h2-wellness-journal-entry-name h4 {
    font-size: 19px !important;
  }

  .h2-practitioner-feature-content h3 {
    font-size: clamp(1.8rem, 4vw, 2.3rem) !important;
    letter-spacing: -1px !important;
  }

  .h2-practitioner-row-content h3 {
    font-size: 19px !important;
  }

  .h2-practitioners-closing-text h3 {
    font-size: 19px !important;
  }

  .h2-patient-faq-answer-content h3,
  .h2-patient-faq-bottom h3 {
    font-size: clamp(1.5rem, 3.4vw, 2rem) !important;
  }

  .h2-patient-faq-desk {
    grid-template-columns: 1fr !important;
  }

  .h2-patient-faq-desk {
    display: flex !important;
    flex-direction: column !important;
  }

  .h2-patient-faq-navigation {
    border-right: none !important;
    border-bottom: 1px solid rgba(31, 70, 57, 0.17) !important;
    padding: 2em 0 !important;
  }

  .h2-patient-faq-questions {
    padding: 2em 0 !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(31, 70, 57, 0.17) !important;
  }

  .h2-patient-faq-answer {
    padding: 2em 0 !important;
    border-top: none !important;
  }

  .h2-patient-faq-nav-note {
    display: none !important;
  }

  /* ── Meridian (different perspective) ── */
  .meridian-centerpiece-aperture {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 360px !important;
  }

  .meridian-dewdrop-vessel {
    width: min(330px, 100%) !important;
    height: 440px !important;
  }

  .meridian-display-title {
    font-size: clamp(1.8rem, 4.4vw, 2.5rem) !important;
  }

  /* ── Consultation v3 ── */
  .consultation-v3-title {
    font-size: clamp(1.8rem, 4.4vw, 2.5rem) !important;
  }

  .node-title {
    font-size: 1.15rem !important;
  }

  /* ── Conditions ── */
  .faceted-crystal-stage {
    height: 440px !important;
  }

  .conditions-quote {
    border-left: none !important;
    border-top: 2px solid var(--primary-green) !important;
    padding-left: 0 !important;
    padding-top: 1rem !important;
  }

  /* ── Wellness principles ── */
  .principles-stage-container {
    flex-direction: column !important;
    gap: 2.5rem !important;
  }

  .principles-portal-wrapper {
    position: relative !important;
    top: auto !important;
  }

  .principles-arch-aperture {
    height: 400px !important;
  }

  .principles-interactive-stele {
    padding-left: 0 !important;
  }

  /* ── About page (new) ── */
  .about-clinic-container,
  .about-why-container,
  .about-consultation-chamber {
    flex-direction: column !important;
    gap: 2.5rem !important;
  }

  .about-hero-title {
    font-size: clamp(2rem, 5vw, 2.8rem) !important;
  }

  .about-cta-title {
    font-size: clamp(1.7rem, 4.2vw, 2.3rem) !important;
  }

  .about-portal-media {
    height: 400px !important;
  }

  .about-faculty-stele {
    flex: 1 1 calc(50% - 1rem) !important;
  }

  /* ── About page (legacy ab-*) ── */
  .ab-h1 {
    font-size: clamp(2rem, 5vw, 2.8rem) !important;
  }

  .ab-h2 {
    font-size: clamp(1.6rem, 3.6vw, 2.2rem) !important;
  }

  /* ── Treatments page (tx-*) ── */
  .tx-atrium-grid {
    grid-template-columns: 1fr !important;
    gap: 3rem !important;
  }

  .tx-atrium-display-stage {
    order: -1 !important;
  }

  .tx-atrium-title {
    font-size: clamp(2rem, 5vw, 2.8rem) !important;
  }

  .tx-atrium-lead {
    font-size: 1rem !important;
  }

  .tx-curated-header {
    margin-bottom: 3rem !important;
  }

  .tx-curated-title,
  .tx-archive-headline,
  .tx-suite-title {
    font-size: clamp(1.6rem, 3.8vw, 2.2rem) !important;
  }

  .tx-triptych-assembly {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
    margin-bottom: 3rem !important;
  }

  .tx-wing-center-elevated,
  .tx-wing-center-elevated:hover {
    transform: none !important;
  }

  .tx-dossier-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.5rem !important;
  }

  .tx-stele-horizon {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.5rem !important;
  }

  .tx-dialectic-grid,
  .tx-archive-layout {
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
  }

  .tx-hallmarks-column {
    position: static !important;
  }

  .tx-sanctuary-suite-card {
    grid-template-columns: 1fr !important;
  }

  .tx-suite-hospitality,
  .tx-suite-scheduler-chamber {
    padding: 3rem 2rem !important;
  }

  /* ── Typography — tablet ── */
  h1,
  .elite-hero-title,
  .contact-hero-title,
  .article-title {
    font-size: clamp(2rem, 5vw, 2.8rem) !important;
    font-weight: 600 !important;
  }

  h2,
  .vitalist-main-heading,
  .care-section-title,
  .eminence-main-heading,
  .faculty-main-heading {
    font-size: clamp(1.6rem, 3.8vw, 2.2rem) !important;
    font-weight: 600 !important;
  }

  h3 {
    font-size: clamp(1.1rem, 2.4vw, 1.4rem) !important;
  }

  /* ── Images ── */
  .elite-master-photo,
  .vitalist-droplet-photo,
  .dossier-lens-photo {
    max-width: 100% !important;
    height: auto !important;
  }

  .elite-master-photo,
  .vitalist-droplet-photo {
    height: 100% !important;
  }
}

/* ============================================================
   MOBILE — max-width: 767px
   ============================================================ */
@media (max-width: 767px) {

  :root {
    --section-pad-x: 1.5rem;
    --section-pad-y: 3.5rem;
    --type-section-heading-size: clamp(1.45rem, 6vw, 1.75rem);
    --type-subsection-heading-size: clamp(1.15rem, 4.6vw, 1.35rem);
  }

  /* ── Section padding ── */
  .nc-section,
  .natura-vitalist-sanctuary,
  .care-treatments-section,
  .natura-eminence-section,
  .natura-faculty-section,
  .healing-approach-section,
  .patient-stories-section,
  .natura-meridian-section,
  .conditions-support-section,
  .consultation-section-v3,
  .wellness-principles-section,
  .h2-wellness-pathway,
  .h2-wellness-journal,
  .h2-practitioners,
  .h2-patient-faq,
  .about-hero-sanctuary,
  .about-clinic-section,
  .about-philosophy-section,
  .about-mission-section,
  .about-practitioners-section,
  .about-approach-section,
  .about-why-section,
  .about-consultation-section,
  .ab-sec,
  .ab-banner,
  .tx-atrium-hero,
  .tx-triptych-section,
  .tx-vault-section,
  .tx-stele-section,
  .tx-dialectic-section,
  .tx-archive-section,
  .tx-sanctuary-section {
    padding: 3.5rem 1.5rem !important;
  }

  .natura-hero-elite {
    padding: 2.75rem 1.5rem 2rem !important;
  }

  /* ── Contact page ── */
  .contact-hero-inner {
    padding: 2rem 1.5rem !important;
    gap: 1.5rem !important;
  }

  .contact-hero-title {
    font-size: clamp(1.7rem, 6vw, 2.1rem) !important;
  }

  .contact-hero-actions {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.75rem !important;
  }

  .contact-hero-actions .btn-primary-cta,
  .contact-hero-actions .btn-outline-cta {
    justify-content: center !important;
    min-height: 48px !important;
    width: 100% !important;
  }

  .contact-main {
    padding: 2rem 1.5rem !important;
    gap: 1.5rem !important;
  }

  .contact-form-card {
    padding: 1.5rem !important;
  }

  .contact-card {
    padding: 1.25rem !important;
  }

  .cf-grid {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  .contact-map-section {
    padding: 0 1.5rem 2.5rem !important;
  }

  .contact-map-section .contact-section-title {
    font-size: clamp(1.25rem, 5vw, 1.5rem) !important;
  }

  .contact-map-frame {
    height: clamp(240px, 70vw, 300px) !important;
  }

  .contact-faq-inner {
    padding: 2rem 1.5rem !important;
    gap: 1.5rem !important;
  }

  /* ── Blog ── */
  .blog-hero-inner {
    padding: 2rem 1.5rem !important;
    gap: 1.5rem !important;
  }

  .blog-main {
    padding: 2rem 1.5rem !important;
  }

  .blog-grid {
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
  }

  .blog-featured {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }

  .blog-featured-media {
    aspect-ratio: 16 / 9 !important;
    position: relative !important;
    height: auto !important;
  }

  .blog-newsletter-inner {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
    padding: 2rem 0rem !important;
  }

  .nl-row {
    flex-direction: column !important;
  }

  .nl-row .btn-primary-cta {
    width: 100% !important;
    justify-content: center !important;
  }

  .blog-toolbar {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.75rem !important;
  }

  .blog-chips {
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
    overflow-x: visible !important;
  }

  /* ── Article ── */
  .article-cover {
    aspect-ratio: 4 / 3 !important;
  }

  .article-cover img {
    top: 0 !important;
    height: 100% !important;
  }

  .article-layout {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
    margin-top: 2rem !important;
  }

  .article-aside {
    position: static !important;
  }

  .post-nav {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  /* ── Hero (index) ── */
  .elite-hero-container {
    gap: 2.25rem !important;
  }

  .elite-hero-title {
    font-size: clamp(1.7rem, 7vw, 2.2rem) !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
  }

  .elite-hero-narrative {
    margin-bottom: 1.75rem !important;
  }

  .elite-heritage-pill {
    display:none;
    font-size: 0.7rem !important;
    padding: 0.35rem 0.85rem !important;
    gap: 0.5rem !important;
  }

  .elite-heritage-quote,
  .elite-heritage-est {
    font-size: 0.68rem !important;
    letter-spacing: 0.06em !important;
  }

  .elite-sculptural-frame {
    height: 360px !important;
    border-radius: 180px 180px 100px 100px !important;
    border-width: 5px !important;
  }

  .elite-floating-pill {
    padding: 0.55rem 0.85rem !important;
    gap: 0.6rem !important;
  }

  .elite-pill-icon-shield {
    width: 32px !important;
    height: 32px !important;
  }

  .elite-doctor-portrait {
    width: 36px !important;
    height: 36px !important;
  }

  .elite-pill-eyebrow {
    font-size: 0.62rem !important;
  }

  .elite-pill-highlight,
  .elite-doctor-name {
    font-size: 0.76rem !important;
  }

  .elite-floating-medallion {
    width: 68px !important;
    height: 68px !important;
  }

  .elite-btn-primary,
  .elite-btn-transparent {
    width: 100% !important;
    justify-content: center !important;
    padding-top: 0.85rem !important;
    padding-bottom: 0.85rem !important;
  }

  .elite-action-cluster {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.75rem !important;
    margin-bottom: 2rem !important;
  }

  .elite-stats-flow {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 0.9rem 1rem !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 2.5rem !important;
  }

  .elite-stat-unit {
    flex: 1 1 100% !important;
    align-items: center !important;
    text-align: center !important;
  }

  .elite-stat-divider {
    display: none !important;
  }

  .elite-stat-figure {
    font-size: 1.6rem !important;
  }

  .elite-stat-caption {
    font-size: 0.82rem !important;
    max-width: 200px !important;
    text-align: center !important;
  }

  .elite-stream-container {
    margin-top: 2.25rem !important;
  }

  .elite-stream-bar {
    flex-direction: column !important;
    border-radius: 22px !important;
    padding: 1.1rem !important;
    gap: 0.85rem !important;
    text-align: center !important;
  }

  .elite-stream-selector {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 0.4rem !important;
  }

  .elite-stream-pill {
    font-size: 11px !important;
    padding: 0.45rem 0.85rem !important;
  }

  /* ── Vitalist ── */
  .vitalist-header-flow {
    margin-bottom: 2.25rem !important;
  }

  .vitalist-droplet-frame {
    height: 340px !important;
    border-radius: 160px 160px 60px 60px !important;
    border-width: 5px !important;
  }

  .vitalist-tenet-strand {
    padding: 1.1rem 1.1rem !important;
    gap: 1rem !important;
    border-radius: 26px 12px 26px 12px !important;
  }

  .tenet-marker-ring {
    width: 40px !important;
    height: 40px !important;
  }

  .tenet-title {
    font-size: 1.05rem !important;
  }

  .vitalist-floating-pill {
    width: 90% !important;
    justify-content: center !important;
    padding: 0.55rem 0.9rem !important;
  }

  .vitalist-seal-medallion {
    width: 64px !important;
    height: 64px !important;
    right: -8px !important;
  }

  .vitalist-manifesto-stream {
    padding: 1.25rem !important;
  }

  /* ── Care & Treatments ── */
  .care-section-header {
    margin-bottom: 2rem !important;
  }

  .care-tabs-nav {
    gap: 0.5rem !important;
    margin-bottom: 2rem !important;
  }

  .care-tab-btn {
    padding: 0.55rem 1rem !important;
    font-size: 13px !important;
  }

  .care-stream-item.active {
    flex-direction: column !important;
    gap: 1.75rem !important;
  }

  .care-stream-wrapper {
    margin-bottom: 2.5rem !important;
  }

  .care-image-frame img {
    height: 250px !important;
  }

  .care-curve-svg {
    display: none !important;
  }

  .care-path-title {
    font-size: 1.35rem !important;
  }

  .care-media-badge {
    bottom: 0.85rem !important;
    left: 0.85rem !important;
    padding: 0.6rem 0.85rem !important;
  }

  .care-methodology-ribbon {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1.1rem !important;
    padding: 1.25rem !important;
  }

  .ribbon-separator {
    display: none !important;
  }

  .care-action-group {
    width: 100% !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.75rem !important;
  }

  .care-action-group .btn-primary-cta {
    justify-content: center !important;
    min-height: 48px !important;
  }

  .care-link-more {
    justify-content: center !important;
  }

  /* ── Eminence ── */
  .eminence-header-flow {
    margin-bottom: 2.25rem !important;
  }

  .eminence-astrolabe-stage {
    flex-direction: column !important;
    gap: 1.5rem !important;
  }

  .eminence-core-hub {
    display:none !important;
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: center !important;
    justify-items: center !important;
    gap: 0.7rem !important;
    width: min(100%, 300px) !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  .hub-concentric-ring {
    display: none !important;
  }

  .hub-center-disc {
    width: clamp(110px, 32vw, 130px) !important;
    height: clamp(110px, 32vw, 130px) !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-self: center !important;
  }

  .hub-monogram {
    font-size: 1.45rem !important;
  }

  .satellite-1 { grid-column: 1 !important; grid-row: 1 !important; }
  .satellite-2 { grid-column: 2 !important; grid-row: 1 !important; }
  .satellite-3 { grid-column: 2 !important; grid-row: 3 !important; }
  .satellite-4 { grid-column: 1 !important; grid-row: 3 !important; }

  .orbital-satellite,
  .satellite-1,
  .satellite-2,
  .satellite-3,
  .satellite-4 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto !important;
    padding: 0.5rem 0.8rem !important;
    font-size: 12px !important;
  }

  .satellite-title {
    white-space: normal !important;
    line-height: 1.2 !important;
  }

  .eminence-details-wing {
    padding: 1.6rem 1.25rem !important;
    border-radius: 24px !important;
  }

  .eminence-focus-title {
    font-size: 1.4rem !important;
  }

  .eminence-metrics-flow {
    flex-direction: column !important;
    border-radius: 24px !important;
    text-align: center !important;
    gap: 0.9rem !important;
  }

  .metric-seam {
    display: none !important;
  }

  .eminence-comparator-strip {
    padding: 1.5rem 1.25rem !important;
    border-radius: 24px !important;
  }

  /* ── Faculty ── */
  .faculty-header-flow {
    margin-bottom: 2rem !important;
  }

  .faculty-cameo-ribbon {
    gap: 0.5rem !important;
  }

  .cameo-selector-node {
    padding: 0.5rem 0.85rem !important;
  }

  .cameo-name {
    font-size: 0.82rem !important;
  }

  .faculty-dossier-chamber {
    padding: 1.5rem 1.25rem !important;
    border-radius: 24px !important;
    gap: 2rem !important;
  }

  .dossier-lens-frame {
    height: 320px !important;
    border-width: 5px !important;
    border-radius: 40px 36px 40px 36px !important;
  }

  .dossier-floating-seal {
    right: -6px !important;
    padding: 0.5rem 0.9rem !important;
  }

  .dossier-physician-title {
    font-size: 1.45rem !important;
  }

  .dossier-accreditation-flow {
    flex-direction: column !important;
    border-radius: 22px !important;
    text-align: center !important;
    gap: 0.9rem !important;
  }

  .accredit-seam {
    display: none !important;
  }

  .dossier-consult-button {
    width: 100% !important;
    justify-content: center !important;
  }

  .dossier-action-cluster {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .faculty-pledge-stream {
    padding: 1.5rem 1.25rem !important;
    border-radius: 24px !important;
  }

  /* ── Footer ── */
  .natura-premium-footer-inner {
    padding: 2.5rem 1.5rem 1.5rem !important;
  }

  .natura-premium-footer-top {
    flex-direction: column !important;
    gap: 2rem !important;
    align-items: flex-start !important;
    padding-bottom: 1.75rem !important;
  }

  .natura-premium-footer-brand,
  .natura-premium-footer-intro {
    width: 100% !important;
    max-width: 100% !important;
  }

  .natura-premium-footer-intro h2 {
    font-size: 1.4rem !important;
    line-height: 1.4em !important;
  }

  .natura-premium-footer-middle {
    grid-template-columns: 1fr 1fr !important;
    gap: 1.5rem !important;
    padding: 1.75rem 0 !important;
  }

  .natura-premium-footer-bottom {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1rem !important;
  }

  .natura-premium-copyright {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.4rem !important;
    font-size: 0.8rem !important;
  }

  .natura-premium-legal {
    flex-wrap: wrap !important;
    gap: 0.75rem 1.2rem !important;
  }

  .natura-premium-back-top {
    align-self: flex-start !important;
  }

  .natura-premium-brand-text {
    font-size: 13px !important;
  }

  .natura-premium-logo-name {
    font-size: 1.3rem !important;
  }

  /* ── Doctors ── */
  .doc-today {
    max-width: none !important;
    padding: 1.25rem !important;
  }

  .doc-grid {
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
  }

  .doc-card {
    padding: 1.75rem 1.25rem 1.35rem !important;
  }

  .doc-steps {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }

  .doc-steps li {
    position: relative !important;
    padding-inline-start: 4rem !important;
    min-height: 44px !important;
  }

  .doc-cta-actions,
  .doc-cta-actions > * {
    width: 100% !important;
  }

  .doc-cta-actions > * {
    justify-content: center !important;
    min-height: 48px !important;
  }

  /* ── Doctor profile ── */
  .dp-layout {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }

  .dp-aside {
    position: static !important;
  }

  .dp-book {
    max-width: none !important;
    padding: 1.4rem 1.25rem !important;
  }

  .dp-portrait {
    max-width: 260px !important;
    margin-inline: auto !important;
    justify-self: center !important;
  }

  .dp-facts {
    grid-template-columns: 1fr 1fr !important;
    gap: 1rem 1.25rem !important;
  }

  .dp-focus {
    grid-template-columns: 1fr !important;
  }

  /* ── Healing approach ── */
  .approach-nodes-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 1.25rem !important;
  }

  .approach-node-btn {
    flex: 0 0 auto !important;
    width: 100% !important;
    flex-direction: row !important;
    text-align: left !important;
    gap: 1rem !important;
    justify-content: flex-start !important;
  }

  .node-meta {
    align-items: flex-start !important;
  }

  .node-disc {
    width: 54px !important;
    height: 54px !important;
    flex-shrink: 0 !important;
  }

  .wave-track-line {
    display: none !important;
  }

  .approach-chamber {
    padding-top: 2.5rem !important;
    gap: 2.5rem !important;
  }

  .chamber-body {
    max-width: 100% !important;
  }

  /* ── Patient stories ── */
  .stories-roster-flow {
    justify-content: flex-start !important;
    gap: 0.5rem !important;
  }

  .story-persona-btn {
    padding-right: 0.75rem !important;
  }

  .persona-avatar-wrap {
    width: 48px !important;
    height: 48px !important;
  }

  .story-chamber {
    gap: 2.5rem !important;
    padding: 2rem 0 !important;
  }

  .disc-orbital-crest {
    width: 170px !important;
    height: 170px !important;
  }

  /* ── About page (new) ── */
  .about-clinic-container,
  .about-why-container,
  .about-consultation-chamber {
    flex-direction: column !important;
    gap: 2rem !important;
  }

  .about-hero-title {
    font-size: clamp(1.6rem, 7vw, 2rem) !important;
    line-height: 1.3 !important;
  }

  .about-hero-inner {
    gap: 1.25rem !important;
  }

  .about-stat-number {
    font-size: 1.6rem !important;
  }

  .about-portal-media {
    height: 320px !important;
  }

  .about-founding-seal {
    width: 76px !important;
    height: 76px !important;
    top: -10px !important;
    right: 6px !important;
  }

  .about-floating-citation {
    left: 0.75rem !important;
    right: 0.75rem !important;
    bottom: 0.75rem !important;
    padding: 0.85rem 1rem !important;
  }

  .about-meridian-stem {
    display: none !important;
  }

  .about-philosophy-node {
    padding: 1.1rem 1rem !important;
  }

  .about-chamber-heading {
    font-size: 1.3rem !important;
  }

  .about-faculty-horizon {
    flex-direction: column !important;
  }

  .about-faculty-stele {
    flex: 1 1 100% !important;
  }

  .about-faculty-aperture {
    height: 300px !important;
  }

  .about-matrix-data {
    font-size: 1.5rem !important;
  }

  .about-cta-title {
    font-size: clamp(1.5rem, 6vw, 1.9rem) !important;
  }

  .about-cta-concierge-side {
    padding: 1.5rem 1.25rem !important;
  }

  /* ── About page (legacy ab-*) ── */
  .ab-h1 {
    font-size: clamp(1.6rem, 7vw, 2rem) !important;
  }

  .ab-h2 {
    font-size: clamp(1.4rem, 5.5vw, 1.7rem) !important;
  }

  /* ── Home2: slider hero ── */
  .h2-slider-title {
    font-size: clamp(2rem, 9vw, 2.6rem) !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
  }

  .h2-slider-description {
    font-size: 14px !important;
    margin-top: 1.25rem !important;
  }

  .h2-slider-kicker {
    font-size: 11px !important;
  }

  .h2-slider-button,
  .h2-slider-link {
    font-size: 13px !important;
  }

  /* ── Home2 sections ── */
  .h2-wellness-pathway-header h2,
  .h2-wellness-journal-title h2,
  .h2-practitioners-intro h2,
  .h2-patient-faq-intro h2 {
    font-size: clamp(1.6rem, 7vw, 2rem) !important;
    letter-spacing: -0.5px !important;
  }

  .h2-wellness-pathway-map {
    padding-left: 25px !important;
  }

  .h2-wellness-pathway-stage h3 {
    font-size: 19px !important;
  }

  .h2-wellness-pathway-word {
    font-size: 5rem !important;
    letter-spacing: -3px !important;
  }

  .h2-wellness-pathway-bg {
    font-size: 4.5rem !important;
  }

  .h2-wellness-journal-chapter strong {
    font-size: 3.5rem !important;
    letter-spacing: -3px !important;
  }

  .h2-wellness-journal-manifesto {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
    min-height: 340px !important;
  }

  .h2-wellness-journal-manifesto-word {
    font-size: 4.5rem !important;
    letter-spacing: -3px !important;
  }

  .h2-wellness-journal-manifesto-copy h3 {
    font-size: 1.6rem !important;
    letter-spacing: -0.5px !important;
  }

  .h2-wellness-journal-entry-name h4 {
    font-size: 1.2rem !important;
  }

  .h2-wellness-journal-entry-number {
    font-size: 1.2rem !important;
  }

  .h2-wellness-journal-background {
    font-size: 3.5rem !important;
    letter-spacing: -2px !important;
  }

  .h2-wellness-journal-note p {
    font-size: 1rem !important;
  }

  .h2-practitioner-image-wrap {
    min-height: 380px !important;
    height: 380px !important;
  }

  .h2-practitioner-feature-content h3 {
    font-size: 1.7rem !important;
    letter-spacing: -0.5px !important;
  }

  .h2-practitioner-row-content h3 {
    font-size: 1.15rem !important;
    letter-spacing: -0.3px !important;
  }

  .h2-practitioners-closing-text h3 {
    font-size: 1.3rem !important;
  }

  .h2-patient-faq-answer-content h3,
  .h2-patient-faq-bottom h3 {
    font-size: 1.5rem !important;
    letter-spacing: -0.3px !important;
  }

  .h2-patient-faq-question {
    font-size: 13px !important;
  }

  /* ── Meridian ── */
  .meridian-display-title {
    font-size: clamp(1.6rem, 7vw, 2rem) !important;
  }

  .meridian-header-flow {
    margin-bottom: 3rem !important;
  }

  .meridian-dewdrop-vessel {
    width: min(280px, 100%) !important;
    height: 380px !important;
  }

  .meridian-centerpiece-aperture {
    max-width: 100% !important;
  }

  .meridian-quote-stream {
    padding: 0.65rem 0.5rem !important;
  }

  .dewdrop-orbit-seal {
    width: 72px !important;
    height: 72px !important;
    right: 6px !important;
  }

  /* ── Consultation v3 ── */
  .consultation-v3-title {
    font-size: clamp(1.6rem, 7vw, 2rem) !important;
  }

  .hub-gilded-ring {
    width: 240px !important;
    height: 240px !important;
  }

  .orbital-step-node {
    gap: 1rem !important;
  }

  .node-luxury-halo {
    width: 58px !important;
    height: 58px !important;
  }

  .node-core-badge {
    width: 52px !important;
    height: 52px !important;
  }

  .node-title {
    font-size: 1.05rem !important;
  }

  .consultation-v3-banner {
    padding: 2rem 1.5rem !important;
    border-radius: 22px !important;
  }

  /* ── Conditions ── */
  .conditions-header-block {
    margin-bottom: 2.25rem !important;
  }

  .conditions-stream-nav {
    margin-bottom: 2.5rem !important;
  }

  .stream-pills-row {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    padding-bottom: 0.6rem !important;
    scrollbar-width: none;
  }

  .stream-pills-row::-webkit-scrollbar {
    display: none;
  }

  .stream-item-btn {
    flex-shrink: 0 !important;
  }

  .faceted-crystal-stage {
    max-width: 320px !important;
    height: 380px !important;
  }

  .conditions-stage-canvas {
    gap: 2.5rem !important;
  }

  .conditions-quote {
    border-left: none !important;
    border-top: 2px solid var(--primary-green) !important;
    padding-left: 0 !important;
    padding-top: 1rem !important;
  }

  /* ── Wellness principles ── */
  .principles-stage-container {
    flex-direction: column !important;
    gap: 2rem !important;
  }

  .principles-arch-aperture {
    height: 330px !important;
  }

  .principles-interactive-stele {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .principles-item-title {
    font-size: 1.05rem !important;
  }

  .principles-floating-seal {
    width: 68px !important;
    height: 68px !important;
  }

  /* ── Treatments page (tx-*) ── */
  .tx-atrium-title {
    font-size: clamp(1.7rem, 7vw, 2.1rem) !important;
    line-height: 1.3 !important;
  }

  .tx-atrium-lead {
    font-size: 0.95rem !important;
    margin-bottom: 1.5rem !important;
  }

  .tx-atrium-action-cluster {
    flex-direction: column !important;
    width: 100% !important;
    margin-bottom: 2.25rem !important;
  }

  .tx-atrium-btn-primary,
  .tx-atrium-btn-secondary {
    width: 100% !important;
    justify-content: center !important;
    padding: 0.9rem 1.5rem !important;
  }

  .tx-atrium-metrics-bar {
    flex-direction: column !important;
    gap: 1.25rem !important;
    align-items: flex-start !important;
  }

  .tx-metric-divider {
    display: none !important;
  }

  .tx-vitrine-monolith {
    max-width: 100% !important;
    padding: 1.1rem !important;
  }

  .tx-vitrine-image-viewport {
    height: 280px !important;
  }

  .tx-curated-header {
    margin-bottom: 2.25rem !important;
  }

  .tx-curated-title,
  .tx-archive-headline,
  .tx-suite-title {
    font-size: clamp(1.5rem, 6vw, 1.8rem) !important;
  }

  .tx-triptych-wing {
    padding: 2rem 1.5rem !important;
  }

  .tx-codex-callout-banner {
    flex-direction: column !important;
    padding: 1.75rem 1.25rem !important;
    text-align: center !important;
    gap: 1.25rem !important;
  }

  .tx-codex-quote-content blockquote {
    font-size: 14px !important;
  }

  .tx-vault-filter-console {
    flex-direction: column !important;
    width: 100% !important;
    margin-bottom: 2.5rem !important;
  }

  .tx-console-tab {
    width: 100% !important;
    justify-content: center !important;
  }

  .tx-dossier-grid {
    grid-template-columns: 1fr !important;
  }

  .tx-dossier-card {
    padding: 1.75rem 1.4rem !important;
  }

  .tx-stele-horizon {
    grid-template-columns: 1fr !important;
  }

  .tx-stele-card {
    padding: 1.75rem 1.4rem !important;
  }

  .tx-stele-trust-footer {
    flex-direction: column !important;
    gap: 1rem !important;
    border-radius: 20px !important;
    align-items: flex-start !important;
    padding: 1.25rem !important;
  }

  .tx-hallmark-card {
    flex-direction: column !important;
    gap: 1rem !important;
    padding: 1.5rem 1.25rem !important;
  }

  .tx-ledger-head,
  .tx-ledger-row {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .tx-row-criterion {
    left: 1.25rem !important;
  }

  .tx-ledger-row {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  .tx-row-naturacare {
    border-left: none !important;
    border-top: 1px dashed rgba(27, 77, 62, 0.2) !important;
    padding-left: 0 !important;
    padding-top: 1rem !important;
  }

  .tx-drawer-trigger {
    padding: 1.15rem 1.1rem !important;
    gap: 0.85rem !important;
    font-size: 14px !important;
  }

  .tx-drawer-item.active .tx-drawer-content {
    padding: 0.25rem 1.1rem 1.4rem !important;
  }

  .tx-concierge-quick-box {
    padding: 1.6rem 1.25rem !important;
  }

  .tx-form-row-split {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  .tx-suite-hospitality,
  .tx-suite-scheduler-chamber {
    padding: 2.25rem 1.25rem !important;
  }

  .tx-scheduler-header h3 {
    font-size: 1.45rem !important;
  }

  /* ── Typography — mobile ── */
  h1,
  .elite-hero-title,
  .contact-hero-title,
  .article-title {
    font-size: clamp(1.7rem, 7vw, 2.1rem) !important;
    font-weight: 600 !important;
    line-height: 1.35em !important;
  }

  h2,
  .vitalist-main-heading,
  .care-section-title,
  .eminence-main-heading,
  .faculty-main-heading {
    font-size: clamp(1.4rem, 5.5vw, 1.75rem) !important;
    font-weight: 600 !important;
    line-height: 1.35em !important;
  }

  h3 {
    font-size: clamp(1.05rem, 4vw, 1.3rem) !important;
  }

  p,
  .elite-hero-narrative,
  .vitalist-intro-paragraph,
  .care-section-lead,
  .eminence-intro-paragraph,
  .faculty-intro-paragraph {
    font-size: 14px !important;
    line-height: 1.7em !important;
  }

  /* ── Image frames ── */
  .vitalist-aperture-anchor,
  .contact-map-frame {
    height: auto !important;
    min-height: 240px !important;
  }

  /* ── Shared CTA buttons ── */
  .btn-primary-cta.mobile-cta {
    width: 100% !important;
    justify-content: center !important;
    min-height: 48px !important;
  }
}

/* ============================================================
   SMALL — max-width: 480px
   ============================================================ */
@media (max-width: 480px) {

  .natura-hero-elite {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .elite-sculptural-frame {
    height: 310px !important;
    border-radius: 140px 140px 80px 80px !important;
  }

  .elite-floating-pill.pill-north {
    right: -78px !important;
    top: 2% !important;
  }

  .elite-floating-pill.pill-south {
    left: -75px !important;
    bottom: 2% !important;
  }

  .natura-premium-footer-middle {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }

  .blog-grid {
    grid-template-columns: 1fr !important;
  }

  .eminence-core-hub {
     display:none !important;
    width: 260px !important;
    height: 260px !important;
  }

  .hub-center-disc {
    width: 110px !important;
    height: 110px !important;
  }

  .satellite-badge-icon {
    display: none !important;
  }

  .orbital-satellite {
    max-width: 100% !important;
  }

  .satellite-title {
    white-space: normal !important;
    font-size: 11px !important;
  }

  .care-image-frame img {
    height: 220px !important;
  }

  .cf-grid {
    grid-template-columns: 1fr !important;
  }

  .doc-grid {
    grid-template-columns: 1fr !important;
  }

  .vitalist-droplet-frame {
    height: 280px !important;
    border-radius: 130px 130px 50px 50px !important;
  }

  .principles-arch-aperture {
    height: 290px !important;
  }

  .meridian-dewdrop-vessel {
    height: 340px !important;
  }

  .tx-vitrine-image-viewport {
    height: 250px !important;
  }

  .about-hero-stat-horizon {
    gap: 1rem !important;
  }
}

/* ============================================================
   MICRO — max-width: 360px
   ============================================================ */
@media (max-width: 360px) {

  .nc-section,
  .natura-vitalist-sanctuary,
  .care-treatments-section,
  .natura-eminence-section,
  .natura-faculty-section,
  .healing-approach-section,
  .patient-stories-section,
  .natura-meridian-section,
  .conditions-support-section,
  .consultation-section-v3,
  .wellness-principles-section,
  .h2-wellness-pathway,
  .h2-wellness-journal,
  .h2-practitioners,
  .h2-patient-faq,
  .about-hero-sanctuary,
  .about-clinic-section,
  .about-philosophy-section,
  .about-mission-section,
  .about-practitioners-section,
  .about-approach-section,
  .about-why-section,
  .about-consultation-section,
  .ab-sec,
  .ab-banner,
  .tx-atrium-hero,
  .tx-triptych-section,
  .tx-vault-section,
  .tx-stele-section,
  .tx-dialectic-section,
  .tx-archive-section,
  .tx-sanctuary-section {
    padding: 3rem 1.25rem !important;
  }

  /* ── Typography ── */
  h1,
  .elite-hero-title,
  .contact-hero-title,
  .article-title,
  .about-hero-title,
  .tx-atrium-title,
  .ab-h1 {
    font-size: 1.55rem !important;
    font-weight: 600 !important;
  }

  h2,
  .vitalist-main-heading,
  .care-section-title,
  .eminence-main-heading,
  .faculty-main-heading,
  .meridian-display-title,
  .consultation-v3-title,
  .tx-curated-title,
  .tx-archive-headline,
  .tx-suite-title,
  .about-cta-title,
  .ab-h2 {
    font-size: 1.3rem !important;
    font-weight: 600 !important;
  }

  h3 {
    font-size: 1.02rem !important;
  }

  p,
  .elite-hero-narrative,
  .vitalist-intro-paragraph,
  .care-section-lead {
    font-size: 14px !important;
  }

  .h2-slider-title {
    font-size: 1.8rem !important;
  }

  .h2-wellness-pathway-header h2,
  .h2-wellness-journal-title h2,
  .h2-practitioners-intro h2,
  .h2-patient-faq-intro h2 {
    font-size: 1.45rem !important;
  }

  .h2-wellness-journal-manifesto-copy h3,
  .h2-practitioner-feature-content h3,
  .h2-patient-faq-answer-content h3,
  .h2-patient-faq-bottom h3 {
    font-size: 1.35rem !important;
  }

  .h2-wellness-journal-manifesto {
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
  }

  .natura-premium-footer-intro h2 {
    font-size: 1.25rem !important;
  }

  /* ── Hero ── */
  .natura-hero-elite {
    padding: 1.75rem 1.25rem 1.5rem !important;
  }

  .elite-sculptural-frame {
    height: 260px !important;
    border-radius: 120px 120px 60px 60px !important;
    border-width: 4px !important;
  }

  .elite-floating-medallion {
    width: 54px !important;
    height: 54px !important;
    top: -30px !important;
    left: -31px !important;
  }

  .elite-floating-pill {
    padding: 0.45rem 0.7rem !important;
  }

  .elite-stats-flow {
    gap: 1rem !important;
  }

  .elite-stat-figure {
    font-size: 1.4rem !important;
  }

  /* ── Buttons ── */
  .elite-btn-transparent,
  .btn-primary-cta {
    width: 100% !important;
    justify-content: center !important;
    font-size: 0.88rem !important;
    min-height: 46px !important;
  }
 .elite-btn-primary{
      font-size: 13px !important;
 }
  .dossier-consult-button {
    width: 100% !important;
    justify-content: center !important;
    font-size: 10px !important;
    min-height: 46px !important;
  }

  /* ── Sections ── */
  .vitalist-droplet-frame {
    height: 240px !important;
    border-radius: 110px 110px 40px 40px !important;
  }

  .care-image-frame img {
    height: 190px !important;
  }

  .care-path-title {
    font-size: 1.2rem !important;
  }

  .eminence-core-hub {
     display:none !important;
    width: min(68vw, 250px) !important;
    height: min(68vw, 250px) !important;
  }

  .hub-center-disc {
    width: 96px !important;
    height: 96px !important;
  }

  .hub-monogram {
    font-size: 1.15rem !important;
  }

  .orbital-satellite {
    width: min(100%, 220px) !important;
    padding: 0.45rem 0.7rem !important;
    gap: 0.5rem !important;
  }

  .satellite-title {
    font-size: 11px !important;
  }

  .dossier-lens-frame {
    height: 240px !important;
  }

  .faculty-dossier-chamber {
    padding: 1.25rem 1rem !important;
  }

  .natura-premium-footer-inner {
    padding: 1.75rem 1.25rem 1.25rem !important;
  }

  .natura-premium-footer-middle {
    grid-template-columns: 1fr !important;
  }

  .natura-premium-logo-name {
    font-size: 20px !important;
  }

  .contact-hero-inner {
    padding: 1.75rem 1.25rem !important;
  }

  .contact-form-card {
    padding: 1.25rem 1rem !important;
  }

  .blog-card-body {
    padding: 1.1rem !important;
  }

  .doc-card {
    padding: 1.35rem 1rem 1.1rem !important;
  }

  .dp-facts {
    grid-template-columns: 1fr !important;
  }

  .elite-stream-pill {
    font-size: 10px !important;
    padding: 0.4rem 0.7rem !important;
  }

  .mobile-toggles-bar {
    grid-template-columns: 1fr !important;
  }

  .hub-gilded-ring {
    width: 210px !important;
    height: 210px !important;
  }

  .meridian-dewdrop-vessel {
    width: min(250px, 100%) !important;
    height: 320px !important;
  }

  .faceted-crystal-stage {
    max-width: 280px !important;
    height: 340px !important;
  }

  .principles-arch-aperture {
    height: 260px !important;
  }

  .about-portal-media {
    height: 280px !important;
  }

  .about-faculty-aperture {
    height: 260px !important;
  }

  .tx-vitrine-image-viewport {
    height: 230px !important;
  }

  .h2-practitioner-image-wrap {
    min-height: 320px !important;
    height: 320px !important;
  }

  .h2-practitioner-row {
    grid-template-columns: 30px 70px 1fr !important;
    column-gap: 0.75rem !important;
  }

  .h2-practitioner-row-image {
    width: 70px !important;
    height: 70px !important;
  }

  .h2-wellness-journal-entry {
    grid-template-columns: 34px 1fr 24px !important;
  }

  .stream-label-cue {
    font-size: 12px !important;
  }
}


/* ==========================================================================
   CONTACT / BLOG (ARTICLES) / ARTICLE DETAILS — fine-tuned per breakpoint
   Font sizes, weights, image sizes, spacing and layouts.
   Header, top-bar and mobile drawer are NOT touched.
   ========================================================================== */

/* ---------- TABLET  ≤1024px (includes exactly 768px) ---------- */
@media (max-width: 1024px) {
  /* Contact: hero */
  .contact-breadcrumb ol { font-size: 0.8rem !important; margin-bottom: 1.1rem !important; flex-wrap: wrap !important; }
  .contact-hero-title { font-size: clamp(1.9rem, 4.6vw, 2.5rem) !important; font-weight: 600 !important; line-height: 1.35em !important; }
  .contact-hero-text { font-size: 1rem !important; max-width: 60ch !important; margin-top: 0.9rem !important; line-height: 1.7 !important; }
  .contact-hero-actions { gap: 0.75rem !important; }
  .clinic-status-card { padding: 1.5rem !important; }
  .clinic-status-label { font-size: 0.95rem !important; font-weight: 700 !important; }
  .clinic-status-detail, .clinic-status-foot { font-size: 0.88rem !important; }

  /* Contact: form + aside */
  .contact-main { gap: 2rem !important; }
  .contact-card { padding: 1.75rem !important;width: 100% !important; }
  .contact-form-card { padding: 2rem !important; }
  .contact-card-title { font-size: clamp(1.25rem, 2.8vw, 1.5rem) !important; font-weight: 700 !important; line-height: 1.35em !important; }
  .contact-card-title--sm { font-size: 1.1rem !important; margin-bottom: 0.9rem !important; }
  .contact-card-lead { font-size: 0.93rem !important; line-height: 1.65 !important; }
  .contact-form { margin-top: 1.5rem !important; }
  .cf-grid { gap: 1.1rem 1.25rem !important; }
  .cf-field label, .cf-fieldset legend { font-size: 0.88rem !important; font-weight: 600 !important; }
  .cf-field input[type="text"], .cf-field input[type="email"], .cf-field input[type="tel"],
  .cf-field select, .cf-field textarea { font-size: 16px !important; min-height: 46px !important; padding: 0.7rem 0.9rem !important; line-height: 1.5em !important; }
  .cf-pill span { font-size: 0.88rem !important; }
  .contact-aside { gap: 1.5rem !important; }
  .contact-channel { gap: 0.9rem !important; padding: 0.85rem 0 !important; }
  .contact-channel-icon { width: 42px !important; height: 42px !important; }
  .contact-channel-value { font-size: 0.95rem !important; }
  .hours-table th, .hours-table td { font-size: 0.92rem !important; padding: 0.65rem 0 !important; }
  .contact-note { padding: 1rem 1.15rem !important; font-size: 0.9rem !important; }

  /* Contact: map + FAQ */
  .contact-section-title { font-size: clamp(1.4rem, 3.2vw, 1.8rem) !important; font-weight: 700 !important; }
  .contact-map-address { font-size: 0.95rem !important; }
  .contact-map-frame { height: 340px !important; }
  .faq-item summary { font-size: 14px !important; padding: 1.05rem 0 !important; gap: 1rem !important; }
  .faq-answer { font-size: 0.95rem !important; line-height: 1.7 !important; }

  /* Blog listing */
  .blog-hero-inner .contact-hero-title { font-size: clamp(1.9rem, 4.6vw, 2.5rem) !important; }
  .blog-search input { font-size: 16px !important; min-height: 48px !important; }
  .blog-popular-title { font-size: 1rem !important; }
  .blog-popular-link strong { font-size: 0.95rem !important; }
  .blog-featured .blog-media { aspect-ratio: 16 / 9 !important; min-height: 0 !important; }
  .blog-featured-title { font-size: clamp(1.4rem, 3.2vw, 1.75rem) !important; font-weight: 700 !important; line-height: 1.35em !important; }
  .blog-featured-text { font-size: 0.97rem !important; line-height: 1.7 !important; }
  .blog-featured-body { padding: 2rem !important; gap: 1rem !important; }
  .blog-meta { font-size: 0.82rem !important; }
  .blog-badge { font-size: 0.72rem !important; }
  .blog-count { font-size: 0.88rem !important; }
  .blog-chip { font-size: 0.86rem !important; padding: 0.5rem 1rem !important; }
  .blog-grid { gap: 1.5rem !important; margin-top: 1.5rem !important; }
  .blog-card-body { padding: 1.35rem !important; gap: 0.65rem !important; }
  .blog-card-title { font-size: 1rem !important; line-height: 1.5em !important; }
  .blog-card-text { font-size: 0.92rem !important; line-height: 1.65 !important; }
  .blog-card-foot { font-size: 0.85rem !important; }
  .blog-newsletter-inner { gap: 1.75rem !important; }
  .blog-newsletter-copy p { font-size: 0.97rem !important; max-width: 60ch !important; }

  /* Article details */
  .article-title { font-size: clamp(1.8rem, 4.4vw, 2.4rem) !important; font-weight: 600 !important; line-height: 1.35em !important; margin-top: 0.9rem !important; }
  .article-lead { font-size: 1.05rem !important; line-height: 1.7 !important; margin-top: 1rem !important; }
  .article-meta-row { margin-top: 1.75rem !important; padding-top: 1.25rem !important; gap: 1rem 1.75rem !important; }
  .article-author { font-size: 0.8rem !important; }
  .article-author strong { font-size: 0.92rem !important; }
  .author-avatar { width: 44px !important; height: 44px !important; }
  .author-avatar--lg { width: 76px !important; height: 76px !important; }
  .article-cover { aspect-ratio: 16 / 9 !important; }
  .article-cover::before { width: 88px !important; height: 88px !important; }
  .article-layout { margin-top: 2.5rem !important; gap: 2rem !important; }
  .toc-mobile summary { font-size: 0.95rem !important; font-weight: 600 !important; }
  .article-summary { padding: 1.4rem 1.5rem !important; margin-bottom: 2rem !important; }
  .article-summary h2 { font-size: 1.05rem !important; }
  .article-summary li { font-size: 0.95rem !important; }
  .article-body { font-size: 1.02rem !important; line-height: 1.8em !important; }
  .article-body > * + * { margin-top: 1.25rem !important; }
  .article-body h2 { font-size: clamp(1.3rem, 3vw, 1.6rem) !important; margin-top: 2.5rem !important; line-height: 1.35em !important; }
  .article-body blockquote { margin-block: 2rem !important; padding-inline: 1.5rem 0 !important; }
  .article-body blockquote p { font-size: clamp(1.1rem, 2.6vw, 1.3rem) !important; }
  .article-body figure { margin-block: 2rem !important; }
  .article-body figure img, .article-figure-media { max-width: 100% !important; height: auto; }
  .article-body figcaption { font-size: 0.83rem !important; }
  .article-callout { padding: 1rem 1.15rem !important; font-size: 0.93rem !important; }
  .article-foot { margin-top: 2.25rem !important; padding-top: 1.5rem !important; gap: 1.1rem !important; }
  .share-btn { min-height: 42px !important; font-size: 0.85rem !important; }
  .author-card { padding: 1.5rem !important; gap: 1.25rem !important; margin-top: 2rem !important; }
  .author-card h2 { font-size: 1.15rem !important; }
  .author-card p:not(.author-card-role) { font-size: 0.93rem !important; line-height: 1.7 !important; }
  .post-nav { gap: 1rem !important; margin-top: 2rem !important; }
  .post-nav-link { padding: 1.15rem 1.25rem !important; }
  .post-nav-title { font-size: 0.97rem !important; }
  .aside-cta { padding: 1.6rem 1.5rem !important; }
  .aside-cta h2 { font-size: 1.15rem !important; }
  .aside-cta p { font-size: 0.92rem !important; }
  .article-related-head { gap: 0.9rem 1.25rem !important; }
}

/* ---------- MOBILE  ≤767px ---------- */
@media (max-width: 767px) {
  /* Contact */
  .contact-breadcrumb ol { font-size: 0.76rem !important; margin-bottom: 0.9rem !important; }
  .breadcrumb-sep { width: 12px !important; height: 12px !important; }
  .contact-hero-title { font-size: clamp(1.6rem, 6.4vw, 1.95rem) !important; line-height: 1.3em !important; font-weight: 600 !important; }
  .contact-hero-text { font-size: 0.93rem !important; line-height: 1.65 !important; margin-top: 0.75rem !important; }
  .contact-hero-inner { gap: 1.5rem !important; }
  .contact-hero-actions .btn-primary-cta, .contact-hero-actions a { width: 100% !important; justify-content: center !important; }
  .clinic-status-card { padding: 1.25rem !important; }
  .clinic-status-label { font-size: 0.92rem !important; }
  .clinic-status-detail, .clinic-status-foot { font-size: 0.84rem !important; }
  .contact-main { gap: 1.5rem !important; }
  .contact-card { padding: 1.25rem !important; }
  .contact-form-card { padding: 1.5rem 1.25rem !important; }
  .contact-card-title { font-size: 1.25rem !important; line-height: 1.35em !important; }
  .contact-card-title--sm { font-size: 1.05rem !important; }
  .contact-card-lead { font-size: 0.9rem !important; }
  .contact-form { margin-top: 1.25rem !important; }
  .cf-grid { gap: 1rem !important; }
  .cf-field label, .cf-fieldset legend { font-size: 0.85rem !important; }
  .cf-hint, .cf-error, .cf-counter { font-size: 0.78rem !important; }
  .cf-field textarea { min-height: 120px !important; }
  .cf-pill-group { gap: 0.5rem !important; }
  .cf-pill span { font-size: 0.84rem !important; padding: 0.5rem 0.9rem !important; }
  .cf-check, .cf-consent { font-size: 0.85rem !important; }
  .cf-actions { flex-direction: column !important; align-items: stretch !important; }
  .cf-submit { width: 100% !important; justify-content: center !important; min-height: 48px !important; font-size: 14px !important; padding: 0.85rem 1.25rem !important; }
  .cf-success-title { font-size: 1.2rem !important; }
  .cf-success-text { font-size: 0.9rem !important; }
  .contact-channel { gap: 0.8rem !important; }
  .contact-channel-icon { width: 40px !important; height: 40px !important; }
  .contact-channel-icon svg { width: 17px !important; height: 17px !important; }
  .contact-channel-label { font-size: 0.74rem !important; }
  .contact-channel-value { font-size: 0.9rem !important; font-weight: 600 !important; }
  .hours-table th, .hours-table td { font-size: 0.86rem !important; padding: 0.6rem 0 !important; }
  .hours-note { font-size: 0.8rem !important; }
  .contact-note { padding: 0.95rem 1rem !important; font-size: 0.86rem !important; gap: 0.7rem !important; }
  .contact-map-head { gap: 0.5rem !important; margin-bottom: 1rem !important; }
  .contact-section-title { font-size: 1.35rem !important; line-height: 1.35em !important; }
  .contact-map-address { font-size: 0.88rem !important; }
  .contact-map-frame { height: clamp(240px, 70vw, 300px) !important; border-radius: 12px !important; }
  .faq-item summary { font-size: 0.95rem !important; padding: 0.95rem 0 !important; line-height: 1.45 !important; }
  .faq-answer { font-size: 0.9rem !important; line-height: 1.65 !important; }
  .contact-faq-intro p { font-size: 0.92rem !important; }

  /* Blog listing */
  .blog-hero-inner .contact-hero-title { font-size: clamp(1.6rem, 6.4vw, 1.95rem) !important; }
  .blog-search { margin-top: 1.25rem !important; }
  .blog-search input { font-size: 16px !important; padding-inline: 2.75rem !important; }
  .blog-popular { padding: 1.15rem 1rem !important; }
  .blog-popular-title { font-size: 0.95rem !important; }
  .blog-popular-link strong { font-size: 0.9rem !important; }
  .blog-popular-link span { font-size: 0.78rem !important; }
  .blog-featured .blog-media { aspect-ratio: 16 / 10 !important; }
  .blog-featured-body { padding: 1.35rem 1.15rem 1.5rem !important; gap: 0.85rem !important; }
  .blog-featured-title { font-size: 1.3rem !important; line-height: 1.35em !important; }
  .blog-featured-text { font-size: 0.92rem !important; line-height: 1.65 !important; }
  .blog-featured-author { font-size: 0.82rem !important; }
  .blog-meta { font-size: 0.78rem !important; gap: 0.35rem 0.85rem !important; flex-wrap: wrap !important; }
  .blog-badge { font-size: 0.7rem !important; padding: 0.3rem 0.65rem !important; }
  .blog-toolbar { margin-top: 2.25rem !important; }
  .blog-toolbar-head { gap: 0.5rem !important; }
  .blog-count { font-size: 0.82rem !important; }
  .blog-chip { font-size: 0.82rem !important; padding: 0.45rem 0.9rem !important; min-height: 38px !important; }
  .blog-grid { grid-template-columns: 1fr !important; gap: 1.25rem !important; margin-top: 1.25rem !important; }
  .blog-card .blog-media { aspect-ratio: 16 / 10 !important; }
  .blog-card-body { padding: 1.15rem 1.1rem !important; gap: 0.6rem !important; }
  .blog-card-title { font-size: 1.05rem !important; }
  .blog-card-text { font-size: 0.9rem !important; }
  .blog-card-foot { font-size: 0.82rem !important; }
  .blog-empty { padding: 2rem 1rem !important; }
  .blog-empty h3 { font-size: 1.15rem !important; }
  .blog-empty p { font-size: 0.9rem !important; }
  .blog-newsletter-copy p { font-size: 0.92rem !important; margin-top: 0.75rem !important; }
  .nl-row { gap: 0.6rem !important; }
  .nl-note, .nl-feedback { font-size: 0.78rem !important; }

  /* Article details */
  .article-title { font-size: clamp(1.55rem, 6.4vw, 1.95rem) !important; line-height: 1.3em !important; margin-top: 0.75rem !important; }
  .article-lead { font-size: 0.97rem !important; line-height: 1.65 !important; margin-top: 0.85rem !important; }
  .article-meta-row { margin-top: 1.4rem !important; padding-top: 1.1rem !important; gap: 0.85rem 1.25rem !important; }
  .article-author { font-size: 0.78rem !important; gap: 0.65rem !important; }
  .article-author strong { font-size: 0.88rem !important; }
  .author-avatar { width: 40px !important; height: 40px !important; font-size: 0.76rem !important; }
  .author-avatar--lg { width: 64px !important; height: 64px !important; font-size: 1rem !important; }
  .article-cover { aspect-ratio: 4 / 3 !important; border-radius: 12px !important; }
  .article-cover::before { width: 64px !important; height: 64px !important; }
  .article-layout { margin-top: 1.75rem !important; gap: 1.75rem !important; }
  .toc-mobile summary { font-size: 0.9rem !important; padding: 0.9rem 1rem !important; }
  .toc-mobile .toc-list { padding: 0 1rem 1rem !important; }
  .toc-list a { font-size: 0.88rem !important; }
  .article-summary { padding: 1.2rem 1rem !important; margin-bottom: 1.75rem !important; }
  .article-summary h2 { font-size: 1rem !important; margin-bottom: 0.65rem !important; }
  .article-summary li { font-size: 0.9rem !important; line-height: 1.6 !important; padding-inline-start: 1.3rem !important; }
  .article-body { font-size: 0.97rem !important; line-height: 1.75em !important; }
  .article-body > * + * { margin-top: 1.1rem !important; }
  .article-body h2 { font-size: 1.3rem !important; margin-top: 2.1rem !important; line-height: 1.3em !important; }
  .article-body h2 + * { margin-top: 0.75rem !important; }
  .article-body ul { gap: 0.55rem !important; }
  .article-body ul li { padding-inline-start: 1.4rem !important; }
  .article-body blockquote { margin-block: 1.6rem !important; padding-inline: 1.1rem 0 !important; }
  .article-body blockquote p { font-size: 1.1rem !important; line-height: 1.55 !important; font-weight: 500 !important; }
  .article-body blockquote cite { font-size: 0.82rem !important; margin-top: 0.7rem !important; }
  .article-body figure { margin-block: 1.6rem !important; }
  .article-figure-media { aspect-ratio: 4 / 3 !important; border-radius: 12px !important; }
  .article-body figcaption { font-size: 0.78rem !important; margin-top: 0.6rem !important; }
  .article-callout { padding: 0.9rem 1rem !important; font-size: 0.88rem !important; gap: 0.7rem !important; }
  .article-callout svg { width: 18px !important; height: 18px !important; }
  .article-foot { margin-top: 2rem !important; padding-top: 1.25rem !important; gap: 1rem !important; }
  .article-tags, .article-share { gap: 0.5rem !important; }
  .article-share-label { font-size: 0.82rem !important; width: 100%; }
  .share-btn { font-size: 0.82rem !important; padding: 0.5rem 0.9rem !important; }
  .share-status { font-size: 0.8rem !important; }
  .author-card { padding: 1.25rem 1.1rem !important; gap: 0.9rem !important; margin-top: 1.75rem !important; }
  .author-card h2 { font-size: 1.1rem !important; }
  .author-card-role { font-size: 0.8rem !important; }
  .author-card p:not(.author-card-role) { font-size: 0.9rem !important; line-height: 1.65 !important; margin-top: 0.65rem !important; }
  .author-card .btn-outline-cta { width: 100% !important; justify-content: center !important; min-height: 46px !important; }
  .post-nav { gap: 0.85rem !important; margin-top: 1.75rem !important; }
  .post-nav-link { padding: 1rem 1.1rem !important; }
  .post-nav-label { font-size: 0.76rem !important; }
  .post-nav-title { font-size: 0.95rem !important; line-height: 1.4em !important; }
  .aside-cta { padding: 1.35rem 1.15rem !important; }
  .aside-cta h2 { font-size: 1.1rem !important; }
  .aside-cta p { font-size: 0.88rem !important; margin: 0.6rem 0 1.15rem !important; }
}

/* ---------- SMALL ≤480px ---------- */
@media (max-width: 480px) {
  .contact-hero-title, .blog-hero-inner .contact-hero-title, .article-title { font-size: clamp(1.5rem, 7vw, 1.8rem) !important; }
  .contact-hero-text, .article-lead { font-size: 0.92rem !important; }
  .contact-form-card { padding: 1.35rem 1.1rem !important; }
  .contact-map-frame { height: 260px !important; }
  .blog-featured-title { font-size: 1.2rem !important; }
  .article-body { font-size: 0.95rem !important; }
  .article-body h2 { font-size: 1.22rem !important; }
  .article-body blockquote p { font-size: 1.05rem !important; }
  .share-btn { flex: 1 1 calc(50% - 0.5rem) !important; justify-content: center !important; }
  .hours-table th, .hours-table td { font-size: 0.84rem !important; }
}

/* ---------- MICRO ≤360px ---------- */
@media (max-width: 360px) {
  .contact-hero-title, .blog-hero-inner .contact-hero-title, .article-title { font-size: 1.5rem !important; }
  .contact-hero-text, .article-lead { font-size: 0.9rem !important; }
  .contact-breadcrumb ol { font-size: 0.72rem !important; }
  .contact-card, .clinic-status-card { padding: 1.1rem 1rem !important; }
  .contact-form-card { padding: 1.25rem 1rem !important; }
  .contact-card-title { font-size: 1.15rem !important; }
  .contact-section-title { font-size: 1.25rem !important; }
  .cf-field input[type="text"], .cf-field input[type="email"], .cf-field input[type="tel"],
  .cf-field select, .cf-field textarea { padding: 0.65rem 0.8rem !important; }
  .contact-channel-icon { width: 36px !important; height: 36px !important; }
  .contact-channel-value { font-size: 0.86rem !important; }
  .contact-map-frame { height: 240px !important; }
  .faq-item summary { font-size: 0.92rem !important; }
  .blog-popular { padding: 1rem 0.9rem !important; }
  .blog-featured-body { padding: 1.15rem 1rem 1.35rem !important; }
  .blog-featured-title { font-size: 1.15rem !important; }
  .blog-card-body { padding: 1rem !important; }
  .blog-card-title { font-size: 1rem !important; }
  .blog-chip { font-size: 0.78rem !important; padding: 0.4rem 0.75rem !important; }
  .article-body { font-size: 0.92rem !important; line-height: 1.7em !important; }
  .article-body h2 { font-size: 1.15rem !important; }
  .article-body blockquote { padding-inline: 0.9rem 0 !important; }
  .article-body blockquote p { font-size: 1rem !important; }
  .article-summary { padding: 1.05rem 0.9rem !important; }
  .author-card, .aside-cta { padding: 1.1rem 0.95rem !important; }
  .author-avatar--lg { width: 56px !important; height: 56px !important; }
  .post-nav-link { padding: 0.9rem 1rem !important; }
  .share-btn { flex: 1 1 100% !important; }
}

/* =============================================================
   NATURACARE — COMPREHENSIVE RESPONSIVE STYLESHEET
   Breakpoints:
     Tablet  : max-width 1024px  (also catches 768px)
     Mobile  : max-width 767px   (also catches 360px)
     XSmall  : max-width 480px
     Micro   : max-width 360px
   NOTE: Header is intentionally excluded from all rules below.
   ============================================================= */

/* ============================================================
   TABLET  — max-width: 1024px
   ============================================================ */
@media (max-width: 1024px) {

  /* ── Overflow guard (treatments page) ── */
  .chronic-main {
    overflow-x: clip;
  }

  /* ── Global section padding ── */
  section,
  .nc-section {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  /* ── Contact page ── */
  .contact-hero-inner {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
    padding: 2.5rem 2rem 2.5rem !important;
  }

  .clinic-status-card {
    max-width: 100% !important;
    justify-self: stretch !important;
  }

  .contact-main {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
    padding: 3rem 2rem !important;
  }

  .contact-map-section {
    padding: 0 2rem 3.5rem !important;
  }

  .contact-map-section .contact-section-title {
    font-size: clamp(1.35rem, 3vw, 1.65rem) !important;
  }

  .contact-faq-inner {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
    padding: 3rem 2rem !important;
  }

  /* ── Blog & Article ── */
  .blog-hero-inner {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
    padding: 2.5rem 2rem !important;
  }

  .blog-main {
    padding: 3rem 2rem !important;
  }

  .blog-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.5rem !important;
  }

  .blog-newsletter-inner {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }

  .article-cover {
    aspect-ratio: 16 / 9 !important;
  }

  .article-layout {
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
  }

  .article-aside {
    position: static !important;
    top: auto !important;
  }

  /* ── Hero section (index) ── */
  .natura-hero-elite {
    padding: 4rem 2.5em 3rem !important;
  }

  .elite-hero-container {
    flex-direction: column !important;
    text-align: center !important;
    gap: 3rem !important;
  }

  .elite-hero-textual {
    max-width: 100% !important;
  }

  .elite-hero-narrative {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .elite-action-cluster {
    justify-content: center !important;
  }

  .elite-stats-flow {
    justify-content: center !important;
  }

  .elite-visual-stage {
    max-width: 420px !important;
    margin: 0 auto !important;
  }

  .elite-floating-pill.pill-north {
    right: -10px !important;
  }

  .elite-floating-pill.pill-south {
    left: -10px !important;
  }

  .elite-stream-bar {
    flex-direction: column !important;
    border-radius: 28px !important;
    padding: 1.4rem !important;
    text-align: center !important;
  }

  .elite-stream-selector {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  .elite-stream-caption {
    max-width: 100% !important;
    white-space: normal !important;
  }

  /* ── Philosophy / Vitalist section ── */
  .natura-vitalist-sanctuary {
    padding: 4rem 2.5em 3.5rem !important;
  }

  .vitalist-continuum-stage {
    flex-direction: column !important;
    gap: 3rem !important;
  }

  .vitalist-tenets-stream {
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  .vitalist-visual-column {
    position: static !important;
    width: 100% !important;
    max-width: 420px !important;
    margin: 0 auto !important;
    align-self: auto !important;
  }

  .vitalist-droplet-frame {
    height: 440px !important;
  }

  .vitalist-manifesto-stream {
    flex-direction: column !important;
    text-align: center !important;
    border-radius: 30px !important;
    padding: 1.6rem !important;
    gap: 1.3rem !important;
  }

  .vitalist-manifesto-btn {
    justify-content: center !important;
    width: 100% !important;
  }

  /* ── Care & Treatments section ── */
  .care-treatments-section {
    padding: 4rem 2.5em !important;
  }

  .care-stream-item.active {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 2.5rem !important;
  }

  .care-image-frame img {
    height: 360px !important;
  }

  .care-methodology-ribbon {
    padding: 1.25rem 1.5rem !important;
  }

  /* ── Why Choose Us / Eminence section ── */
  .natura-eminence-section {
    padding: 4rem 2.5em 3.5rem !important;
  }

  .eminence-astrolabe-stage {
    flex-direction: column !important;
    align-items: center !important;
    gap: 3rem !important;
  }

  .eminence-core-hub {
    width: 360px !important;
    height: 360px !important;
  }

  .eminence-details-wing {
    width: 100% !important;
    max-width: 680px !important;
    margin: 0 auto !important;
  }

  .eminence-comparator-strip {
    flex-direction: column !important;
    gap: 1rem !important;
    text-align: center !important;
  }

  .comparator-vs {
    align-self: center !important;
  }

  /* ── Faculty / Practitioners section ── */
  .natura-faculty-section {
    padding: 4rem 2.5em 3.5rem !important;
  }

  .faculty-dossier-chamber {
    flex-direction: column !important;
    border-radius: 36px !important;
    padding: 2.5rem !important;
    gap: 3rem !important;
  }

  .dossier-seam-divider {
    display: none !important;
  }

  .dossier-visual-wing {
    width: 100% !important;
    max-width: 380px !important;
    margin: 0 auto !important;
  }

  .faculty-pledge-stream {
    flex-direction: column !important;
    text-align: center !important;
    border-radius: 32px !important;
    padding: 2rem !important;
    gap: 1.4rem !important;
  }

  /* ── Footer ── */
  .natura-premium-footer-inner {
    padding: 2em 2em !important;
  }

  .natura-premium-footer-top {
    flex-direction: column !important;
    gap: 2.5rem !important;
    padding-bottom: 2rem !important;
  }

  .natura-premium-footer-brand,
  .natura-premium-footer-intro {
    width: 100% !important;
    max-width: 100% !important;
  }

  .natura-premium-footer-middle {
    grid-template-columns: 1fr 1fr !important;
    gap: 2rem !important;
  }

  /* ── Contact form grid ── */
  .cf-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 1.25rem !important;
  }

  /* ── Doctor pages ── */
  .doc-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.5rem !important;
  }

  .doc-steps {
    grid-template-columns: 1fr 1fr !important;
    gap: 2rem !important;
  }

  /* ── Healing approach ── */
  .healing-approach-section {
    padding: 4rem 2.5em !important;
  }

  .approach-nodes-wrap {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 1.5rem !important;
  }

  .approach-node-btn {
    flex: 0 1 calc(33.33% - 1rem) !important;
    min-width: 100px !important;
  }

  /* ── Typography — tablet ── */
  h1,
  .elite-hero-title,
  .contact-hero-title,
  .article-title {
    font-size: clamp(2rem, 5vw, 3rem) !important;
    font-weight: 600 !important;
  }

  h2,
  .vitalist-main-heading,
  .care-section-title,
  .eminence-main-heading,
  .faculty-main-heading {
    font-size: clamp(1.7rem, 4vw, 2.4rem) !important;
    font-weight: 600 !important;
  }

  h3 {
    font-size: clamp(1.15rem, 2.5vw, 1.55rem) !important;
  }

  /* ── Images ── */
  .elite-master-photo,
  .vitalist-droplet-photo,
  .dossier-lens-photo {
    max-width: 100% !important;
    height: auto !important;
  }

  /* ── Home2-specific sections ── */
  .h2-wellness-pathway {
    padding: 3.5rem 2rem !important;
  }

  .h2-wellness-journal {
    padding: 3.5rem 2rem !important;
  }

  .h2-practitioners {
    padding: 3.5rem 2rem !important;
  }

  .h2-patient-faq-desk {
    flex-direction: column !important;
  }

  .h2-patient-faq-navigation {
    border-right: none !important;
    border-bottom: 1px solid rgba(31, 70, 57, 0.17) !important;
    padding: 2em 0 !important;
  }

  /* ── About page ── */
  .about-clinic-container,
  .about-why-container,
  .about-consultation-chamber {
    flex-direction: column !important;
    gap: 2.5rem !important;
  }

  /* ── Conditions section ── */
  .conditions-quote {
    border-left: none !important;
    border-top: 2px solid var(--primary-green) !important;
    padding-left: 0 !important;
    padding-top: 1rem !important;
  }

  /* ── Wellness Principles ── */
  .principles-stage-container {
    flex-direction: column !important;
    gap: 2.5rem !important;
  }

  .principles-interactive-stele {
    padding-left: 0 !important;
  }

}

/* ============================================================
   MOBILE  — max-width: 767px
   ============================================================ */
@media (max-width: 767px) {

  /* ── Global body ── */
  body {
    overflow-x: hidden;
  }

  /* ── Global section padding ── */
  section,
  .nc-section {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  /* ── Contact page ── */
  .contact-hero-inner {
    padding: 2rem 1.25rem !important;
    gap: 1.5rem !important;
  }

  .contact-hero-title {
    font-size: clamp(1.7rem, 6vw, 2.2rem) !important;
  }

  .contact-hero-actions {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.75rem !important;
  }

  .contact-hero-actions .btn-primary-cta,
  .contact-hero-actions .btn-outline-cta {
    justify-content: center !important;
    min-height: 48px !important;
    width: 100% !important;
  }

  .contact-main {
    padding: 2rem 1.25rem !important;
    gap: 1.5rem !important;
  }

  .contact-form-card {
    padding: 1.5rem !important;
  }

  .contact-card {
    padding: 1.25rem !important;
  }

  /* Fix: aside was display:flex keeping channels + hours side-by-side
     in a narrow half-width container — stack them fully */
  .contact-aside {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 1.25rem !important;
  }

  .cf-grid {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  .contact-map-section {
    padding: 0 clamp(1rem, 4vw, 1.25rem) 2.5rem !important;
  }

  .contact-map-section .contact-section-title {
    font-size: clamp(1.25rem, 5vw, 1.55rem) !important;
  }

  .contact-map-frame {
    height: clamp(240px, 70vw, 300px) !important;
  }

  .contact-faq-inner {
    padding: 2rem 1.25rem !important;
    gap: 1.5rem !important;
  }

  /* ── Blog page ── */
  .blog-hero-inner {
    padding: 2rem 1.25rem !important;
    gap: 1.5rem !important;
  }

  .blog-main {
    padding: 2rem 1.25rem !important;
  }

  .blog-grid {
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
  }

  .blog-featured {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }

  .blog-featured-media {
    aspect-ratio: 16 / 9 !important;
    position: relative !important;
    height: auto !important;
  }

  .blog-newsletter-inner {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
    padding: 2rem 1.25rem !important;
  }

  .nl-row {
    flex-direction: column !important;
  }

  .nl-row .btn-primary-cta {
    width: 100% !important;
    justify-content: center !important;
  }

  /* ── Blog chips / toolbar ── */
  .blog-toolbar {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.75rem !important;
  }

  .blog-chips {
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
  }

  /* ── Article page ── */
  .article-cover {
    aspect-ratio: 4 / 3 !important;
  }

  .article-cover img {
    top: 0 !important;
    height: 100% !important;
  }

  .article-layout {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
    margin-top: 2rem !important;
  }

  .article-aside {
    position: static !important;
  }

  .post-nav {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  /* ── Hero section (index) ── */
  .natura-hero-elite {
    padding: 2.75rem 1.25rem 2rem !important;
  }

  .elite-hero-title {
    font-size: clamp(1.75rem, 7vw, 2.4rem) !important;
    font-weight: 600 !important;
  }

  .elite-heritage-pill {
    font-size: 0.7rem !important;
    padding: 0.35rem 0.85rem !important;
  }

  .elite-sculptural-frame {
    height: 380px !important;
    border-radius: 180px 180px 100px 100px !important;
    border-width: 5px !important;
  }

  .elite-floating-pill {
    padding: 0.6rem 0.95rem !important;
    gap: 0.65rem !important;
  }

  .elite-pill-icon-shield {
    width: 34px !important;
    height: 34px !important;
  }

  .elite-doctor-portrait {
    width: 38px !important;
    height: 38px !important;
  }

  .elite-pill-highlight {
    font-size: 0.78rem !important;
  }

  .elite-floating-medallion {
    width: 72px !important;
    height: 72px !important;
  }

  .elite-btn-primary,
  .elite-btn-transparent {
    width: 100% !important;
    justify-content: center !important;
  }

  .elite-action-cluster {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.75rem !important;
  }

  .elite-stats-flow {
    flex-direction: column !important;
    gap: 1.25rem !important;
    align-items: center !important;
  }

  .elite-stat-divider {
    display: none !important;
  }

  .elite-stat-figure {
    font-size: 1.6rem !important;
  }

  .elite-stat-caption {
    font-size: 0.82rem !important;
    max-width: 200px !important;
    text-align: center !important;
  }

  .elite-stream-bar {
    flex-direction: column !important;
    border-radius: 22px !important;
    padding: 1.1rem !important;
    gap: 0.85rem !important;
    text-align: center !important;
  }

  .elite-stream-selector {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 0.4rem !important;
  }

  .elite-stream-pill {
    font-size: 11px !important;
    padding: 0.45rem 0.85rem !important;
  }

  /* ── Philosophy / Vitalist section ── */
  .natura-vitalist-sanctuary {
    padding: 2.75rem 1.25rem 2.25rem !important;
  }

  .vitalist-droplet-frame {
    height: 340px !important;
    border-radius: 160px 160px 60px 60px !important;
    border-width: 5px !important;
  }

  .vitalist-tenet-strand {
    padding: 1.1rem 1.2rem !important;
  }

  .vitalist-floating-pill {
    width: 90% !important;
    justify-content: center !important;
    padding: 0.6rem 1rem !important;
  }

  .vitalist-seal-medallion {
    width: 68px !important;
    height: 68px !important;
    right: -10px !important;
  }

  .vitalist-manifesto-stream {
    padding: 1.25rem !important;
  }

  /* ── Care & Treatments ── */
  .care-treatments-section {
    padding: 2.75rem 1.25rem !important;
  }

  .care-stream-item.active {
    flex-direction: column !important;
    gap: 1.75rem !important;
  }

  .care-image-frame img {
    height: 250px !important;
  }

  .care-media-badge {
    bottom: 0.85rem !important;
    left: 0.85rem !important;
    padding: 0.65rem 0.9rem !important;
  }

  .care-methodology-ribbon {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1.1rem !important;
    padding: 1.25rem !important;
  }

  .ribbon-separator {
    display: none !important;
  }

  .care-action-group {
    width: 100% !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.75rem !important;
  }

  .care-action-group .btn-primary-cta {
    justify-content: center !important;
    min-height: 48px !important;
  }

  .care-link-more {
    justify-content: center !important;
  }

  /* ── Why Choose Us / Eminence ── */
  .natura-eminence-section {
    padding: 2.75rem 1.25rem 2.25rem !important;
  }

  .eminence-core-hub {
    width: 300px !important;
    height: 300px !important;
  }

  .hub-center-disc {
    width: 130px !important;
    height: 130px !important;
  }

  .hub-monogram {
    font-size: 1.45rem !important;
  }

  .satellite-1,
  .satellite-2,
  .satellite-3,
  .satellite-4 {
    padding: 0.5rem 0.85rem !important;
    font-size: 12px !important;
  }

  .eminence-details-wing {
    padding: 1.75rem 1.25rem !important;
    border-radius: 24px !important;
  }

  .eminence-metrics-flow {
    flex-wrap: wrap !important;
    gap: 1rem !important;
  }

  /* ── Faculty / Practitioners ── */
  .natura-faculty-section {
    padding: 2.75rem 1.25rem 2.25rem !important;
  }

  .faculty-cameo-ribbon {
    gap: 0.5rem !important;
  }

  .cameo-selector-node {
    padding: 0.5rem 0.9rem !important;
  }

  .cameo-name {
    font-size: 0.82rem !important;
  }

  .faculty-dossier-chamber {
    padding: 1.5rem 1.25rem !important;
    border-radius: 24px !important;
  }

  .dossier-lens-frame {
    height: 320px !important;
    border-width: 5px !important;
  }

  .dossier-consult-button {
    width: 100% !important;
    justify-content: center !important;
  }

  .dossier-action-cluster {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  /* ── Footer ── */
  .natura-premium-footer-inner {
    padding: 2em 1.25rem !important;
  }

  .natura-premium-footer-top {
    flex-direction: column !important;
    gap: 2rem !important;
    align-items: flex-start !important;
    padding-bottom: 1.75rem !important;
  }

  .natura-premium-footer-brand,
  .natura-premium-footer-intro {
    width: 100% !important;
    max-width: 100% !important;
  }

  .natura-premium-footer-middle {
    grid-template-columns: 1fr 1fr !important;
    gap: 1.5rem !important;
    padding: 1.75rem 0 !important;
  }

  .natura-premium-footer-bottom {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1rem !important;
  }

  .natura-premium-copyright {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.4rem !important;
  }

  .natura-premium-back-top {
    align-self: flex-start !important;
  }

  .natura-premium-brand-text {
    font-size: 13px !important;
  }

  /* ── Doctors page ── */
  .doc-today {
    max-width: none !important;
    padding: 1.25rem !important;
  }

  .doc-grid {
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
  }

  .doc-card {
    padding: 1.75rem 1.25rem 1.35rem !important;
  }

  .doc-steps {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }

  .doc-steps li {
    position: relative !important;
    padding-inline-start: 4rem !important;
    min-height: 44px !important;
  }

  .doc-cta-actions,
  .doc-cta-actions > * {
    width: 100% !important;
  }

  .doc-cta-actions > * {
    justify-content: center !important;
    min-height: 48px !important;
  }

  /* ── Doctor profile ── */
  .dp-layout {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }

  .dp-aside {
    position: static !important;
  }

  .dp-book {
    max-width: none !important;
    padding: 1.4rem 1.25rem !important;
  }

  .dp-portrait {
    max-width: 260px !important;
    margin-inline: auto !important;
    justify-self: center !important;
  }

  .dp-facts {
    grid-template-columns: 1fr 1fr !important;
    gap: 1rem 1.25rem !important;
  }

  .dp-focus {
    grid-template-columns: 1fr !important;
  }

  /* ── Healing approach ── */
  .healing-approach-section {
    padding: 2.75rem 1.25rem !important;
  }

  .approach-nodes-wrap {
    flex-direction: column !important;
    align-items: center !important;
    gap: 1.5rem !important;
  }

  .approach-node-btn {
    flex: 0 0 auto !important;
    width: 100% !important;
    flex-direction: row !important;
    text-align: left !important;
    gap: 1rem !important;
    justify-content: flex-start !important;
  }

  .wave-track-line {
    display: none !important;
  }

  /* ── About page ── */
  .about-clinic-container,
  .about-why-container,
  .about-consultation-chamber {
    flex-direction: column !important;
    gap: 2rem !important;
  }

  .about-meridian-stem {
    display: none !important;
  }

  .about-philosophy-node {
    padding: 1.1rem 1rem !important;
  }

  /* ── Home2 sections ── */
  .h2-wellness-pathway {
    padding: 2.5rem 1.25rem !important;
  }

  .h2-wellness-journal {
    padding: 2.5rem 1.25rem !important;
  }

  /* Fix: practitioners intro keeps a 2-col grid at 768px, leaving the
     heading text and practitioner list side-by-side in a narrow viewport.
     Force single-column block layout so intro stacks above the list. */
  .h2-practitioners {
    padding: 2.5rem 1.25rem !important;
  }

  .h2-practitioners-intro {
    display: block !important;
    grid-template-columns: 1fr !important;
    padding-bottom: 2rem !important;
  }

  .h2-practitioners-intro h2 {
    grid-column: auto !important;
    grid-row: auto !important;
    margin-top: 1.25rem !important;
    font-size: clamp(1.8rem, 8vw, 2.6rem) !important;
  }

  .h2-practitioners-intro p {
    margin-top: 1.25rem !important;
  }

  /* Fix: practitioner index — also needs single-column layout */
  .h2-practitioner-index {
    display: block !important;
    padding-top: 2rem !important;
  }

  .h2-practitioner-index-heading {
    position: static !important;
    padding-bottom: 1.5rem !important;
  }

  /* Compact the practitioner rows for narrow screens */
  .h2-practitioner-row {
    grid-template-columns: 36px 76px 1fr !important;
    column-gap: 0.85rem !important;
  }

  .h2-practitioner-row-image {
    width: 76px !important;
    height: 76px !important;
  }

  .h2-practitioner-row-arrow {
    display: none !important;
  }

  /* Practitioners feature block — single column */
  .h2-practitioners-feature {
    display: block !important;
    min-height: auto !important;
  }

  .h2-practitioner-feature-content {
    padding: 2rem 1.25rem !important;
  }

  /* Practitioners closing — single column */
  .h2-practitioners-closing {
    display: block !important;
    margin-top: 2.5rem !important;
  }

  .h2-patient-faq {
    padding: 2.5rem 1.25rem !important;
  }

  .h2-patient-faq-navigation {
    padding: 1.5rem 0 !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(31, 70, 57, 0.15) !important;
  }

  .h2-patient-faq-answer {
    padding: 1.75rem 0 !important;
  }

  /* ── Conditions section ── */
  .conditions-quote {
    border-left: none !important;
    border-top: 2px solid var(--primary-green) !important;
    padding-left: 0 !important;
    padding-top: 1rem !important;
  }

  /* ── Wellness Principles ── */
  .principles-stage-container {
    flex-direction: column !important;
    gap: 2rem !important;
  }

  .principles-interactive-stele {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* ── Typography — mobile ── */
  h1,
  .elite-hero-title,
  .contact-hero-title,
  .article-title {
    font-size: clamp(1.75rem, 7vw, 2.2rem) !important;
    font-weight: 600 !important;
    line-height: 1.4em !important;
  }

  h2,
  .vitalist-main-heading,
  .care-section-title,
  .eminence-main-heading,
  .faculty-main-heading {
    font-size: clamp(1.45rem, 5.5vw, 1.85rem) !important;
    font-weight: 600 !important;
    line-height: 1.4em !important;
  }

  h3 {
    font-size: clamp(1.1rem, 4vw, 1.4rem) !important;
  }

  p,
  .elite-hero-narrative,
  .vitalist-intro-paragraph,
  .care-section-lead,
  .eminence-intro-paragraph,
  .faculty-intro-paragraph {
    font-size: 0.93rem !important;
    line-height: 1.75em !important;
  }

  /* ── Image frames ── */
  .elite-sculptural-frame,
  .vitalist-aperture-anchor,
  .contact-map-frame {
    height: auto !important;
    min-height: 240px !important;
  }

  /* ── Shared CTA buttons full-width ── */
  .btn-primary-cta.mobile-cta {
    width: 100% !important;
    justify-content: center !important;
    min-height: 48px !important;
  }
}

/* ============================================================
   EXTRA SMALL  — max-width: 480px
   ============================================================ */
@media (max-width: 480px) {

  /* ── Section padding tighter ── */
  section,
  .nc-section {
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
  }

  /* ── Hero tweaks ── */
  .natura-hero-elite {
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
  }

  .elite-sculptural-frame {
    height: 310px !important;
    border-radius: 140px 140px 80px 80px !important;
  }

  .elite-floating-pill.pill-north {
    right: -4px !important;
    top: 2% !important;
  }

  .elite-floating-pill.pill-south {
    left: -4px !important;
    bottom: 2% !important;
  }

  /* ── Footer one column ── */
  .natura-premium-footer-middle {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }

  /* ── Blog grid one column (already 1 col at 767 but restate) ── */
  .blog-grid {
    grid-template-columns: 1fr !important;
  }

  /* ── Eminence hub shrink ── */
  .eminence-core-hub {
    width: 260px !important;
    height: 260px !important;
  }

  .hub-center-disc {
    width: 110px !important;
    height: 110px !important;
  }

  /* ── Care stream ── */
  .care-image-frame img {
    height: 220px !important;
  }

  /* ── Contact form full columns ── */
  .cf-grid {
    grid-template-columns: 1fr !important;
  }

  /* ── Doctor grid 1 col ── */
  .doc-grid {
    grid-template-columns: 1fr !important;
  }

  /* ── Vitalist droplet ── */
  .vitalist-droplet-frame {
    height: 280px !important;
    border-radius: 130px 130px 50px 50px !important;
  }
}

/* ============================================================
   MICRO / 360px  — max-width: 360px
   ============================================================ */
@media (max-width: 360px) {

  /* ── Global tightest spacing ── */
  section,
  .nc-section {
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
    padding-top: 5em !important;
    padding-bottom: 5em !important;
  }

  /* ── Typography ── */
  h1,
  .elite-hero-title,
  .contact-hero-title,
  .article-title {
    font-size: 1.6rem !important;
    font-weight: 600 !important;
  }

  h2,
  .vitalist-main-heading,
  .care-section-title,
  .eminence-main-heading,
  .faculty-main-heading {
    font-size: 1.35rem !important;
    font-weight: 600 !important;
  }

  h3 {
    font-size: 1.05rem !important;
  }

  p,
  .elite-hero-narrative,
  .vitalist-intro-paragraph,
  .care-section-lead {
    font-size: 0.875rem !important;
  }

  /* ── Hero ── */
  .natura-hero-elite {
    padding: 1.75rem 1.5em 1.5rem !important;
  }

  .elite-hero-title {
    font-size: 1.6rem !important;
  }

  .elite-sculptural-frame {
    height: 260px !important;
    border-radius: 120px 120px 60px 60px !important;
    border-width: 4px !important;
  }

  .elite-floating-medallion {
    width: 56px !important;
    height: 56px !important;
    top: -12px !important;
    left: -12px !important;
  }

  .elite-stats-flow {
    gap: 1rem !important;
  }

  .elite-stat-figure {
    font-size: 1.4rem !important;
  }

  /* ── Buttons full-width ── */
  .elite-btn-primary,
  .elite-btn-transparent,
  .btn-primary-cta {
    width: 100% !important;
    justify-content: center !important;
    font-size: 0.88rem !important;
    min-height: 46px !important;
  }
.dossier-consult-button {
  width: 100% !important;
    justify-content: center !important;
    font-size: 10px !important;
    min-height: 46px !important;
  }
  /* ── Philosophy ── */
  .natura-vitalist-sanctuary {
    padding: 2rem 1.5em !important;
  }

  .vitalist-droplet-frame {
    height: 240px !important;
    border-radius: 110px 110px 40px 40px !important;
  }

  /* ── Care ── */
  .care-treatments-section {
    padding: 2rem 1.5em !important;
  }

  .care-image-frame img {
    height: 190px !important;
  }

  .care-path-title {
    font-size: 1.2rem !important;
  }

  /* ── Eminence ── */
  .natura-eminence-section {
    padding: 2rem 1.5em !important;
  }

  .eminence-core-hub {
    width: 230px !important;
    height: 230px !important;
  }

  .hub-center-disc {
    width: 96px !important;
    height: 96px !important;
  }

  .hub-monogram {
    font-size: 1.15rem !important;
  }

  /* ── Faculty ── */
  .natura-faculty-section {
    padding: 2rem 1.5em !important;
  }

  .dossier-lens-frame {
    height: 240px !important;
  }

  .faculty-dossier-chamber {
    padding: 1.25rem 1rem !important;
  }

  /* ── Footer ── */
  .natura-premium-footer-inner {
    padding: 1.5rem 1.5em !important;
  }

  .natura-premium-footer-middle {
    grid-template-columns: 1fr !important;
  }

  .natura-premium-logo-name {
    font-size: 20px !important;
  }

  /* ── Contact ── */
  .contact-hero-inner {
    padding: 1.75rem 1.5em !important;
  }

  .contact-form-card {
    padding: 1.25rem 1rem !important;
  }

  /* ── Blog ── */
  .blog-card-body {
    padding: 1.1rem !important;
  }

  /* ── Doctors ── */
  .doc-card {
    padding: 1.35rem 1rem 1.1rem !important;
  }

  /* ── Stream bar ── */
  .elite-stream-pill {
    font-size: 10px !important;
    padding: 0.4rem 0.7rem !important;
  }

  /* ── Mobile toggles bar ── */
  .mobile-toggles-bar {
    grid-template-columns: 1fr !important;
  }
}



/* ============================================================
   TREATMENT DETAIL PAGE (treatment-detail.html) — RESPONSIVE
   Tablet ≤1024px · Mobile ≤767px · XSmall ≤480px · Micro ≤360px
   ============================================================ */
@media (max-width: 1280px) {
  .td-layout {
    grid-template-columns: minmax(0, 1fr) 350px;
    gap: 3rem;
  }

  .td-hero-grid {
    gap: 3.5rem;
  }
}

@media (max-width: 1024px) {
  :root {
    --td-subnav-height: 58px;
    --td-sticky-offset: calc(70px + var(--td-subnav-height) + 1.25rem);
  }

  /* Beat the global h1/h2/h3 !important rules above for this page */
  .td-hero-title {
    font-size: clamp(2rem, 5vw, 2.9rem) !important;
  }

  .td-block-title {
    font-size: clamp(1.5rem, 3.4vw, 1.95rem) !important;
  }

  .td-condition h3,
  .td-stage-card h3,
  .td-support-card h3,
  .td-related-card h3,
  .td-fit-card h3 {
    font-size: 1.02rem !important;
  }

  .td-book-card h3 {
    font-size: 1.35rem !important;
  }

  .td-cta-card h2 {
    font-size: clamp(1.6rem, 3.6vw, 2.2rem) !important;
  }

  .td-hero {
    padding-top: 2rem;
    padding-bottom: 4.5rem;
  }

  .td-breadcrumb {
    margin-bottom: 2rem;
  }

  .td-hero-grid {
    grid-template-columns: 1fr;
    gap: 3.5rem;
  }

  .td-hero-visual {
    order: -1;
  }

  .td-hero-frame {
    max-width: 560px;
  }

  .td-hero-image {
    height: 400px;
  }

  .td-hero-chip.chip-top {
    inset-inline-start: 1.6rem;
  }

  .td-hero-chip.chip-bottom {
    inset-inline-end: 1.6rem;
  }

  .td-facts,
  .td-hero-lead {
    max-width: 100%;
  }

  .td-subnav {
    top: 70px;
  }

  .td-subnav-inner {
    padding: 0.7rem 3rem;
  }

  .td-main {
    padding-top: 3.5rem;
    padding-bottom: 4.5rem;
  }

  .td-layout {
    grid-template-columns: 1fr;
    gap: 3.5rem;
  }

  .td-aside {
    position: static;
    display:flex;
    flex-direction: column;
    grid-template-columns: 1.25fr 1fr;
    gap: 1.5rem;
    align-items: start;
  }

  .td-related,
  .td-faq,
  .td-cta {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }

  .td-related-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .td-cta-card {
    grid-template-columns: 1fr;
    gap: 2.2rem;
    padding: 3.2rem 2.5rem;
  }

  .td-cta-actions {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .td-cta-actions .td-btn-primary,
  .td-cta-actions .td-btn-secondary {
    flex: 1 1 220px;
  }
}

@media (max-width: 767px) {
  /* Beat the global h1/h2/h3/p !important rules above for this page */
  .td-hero-title {
    font-size: clamp(1.8rem, 7vw, 2.2rem) !important;
  }

  .td-block-title {
    font-size: clamp(1.4rem, 5.6vw, 1.7rem) !important;
  }

  .td-condition h3,
  .td-stage-card h3,
  .td-support-card h3,
  .td-related-card h3,
  .td-fit-card h3 {
    font-size: 0.98rem !important;
  }

  .td-book-card h3 {
    font-size: 1.25rem !important;
  }

  .td-cta-card h2 {
    font-size: clamp(1.5rem, 6vw, 1.8rem) !important;
  }

  .td-hero-lead,
  .td-prose p {
    font-size: 14px !important;
  }

  body.td-has-cta {
    padding-bottom: 76px;
  }

  .td-mobile-cta {
    display: flex;
  }

  .td-hero {
    padding-top: 1.5rem;
    padding-bottom: 3.5rem;
  }

  .td-breadcrumb {
    margin-bottom: 1.5rem;
  }

  .td-hero-grid {
    gap: 2.5rem;
  }

  .td-hero-frame {
    max-width: 100%;
    padding: 0.8rem;
    border-radius: 24px;
  }

  .td-hero-image {
    height: 320px;
    border-radius: 18px;
  }

  .td-hero-chip {
    padding: 0.55rem 0.85rem;
  }

  .td-hero-chip.chip-top {
    top: 1.4rem;
    inset-inline-start: 1.2rem;
  }

  .td-hero-chip.chip-bottom {
    bottom: 1.4rem;
    inset-inline-end: 1.2rem;
  }

  .td-hero-lead {
    margin-bottom: 1.75rem;
  }

  .td-facts {
    grid-template-columns: 1fr;
    margin-bottom: 2rem;
  }

  .td-hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .td-btn-primary,
  .td-btn-secondary {
    width: 100%;
    min-height: 48px;
  }

  .td-subnav-inner {
    padding: 0.65rem 1.25rem;
  }

  .td-subnav-link {
    padding: 0.45rem 1rem;
    font-size: 0.82rem;
  }

  .td-main {
    padding-top: 2.5rem;
    padding-bottom: 3.5rem;
  }

  .td-block {
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .td-condition-grid,
  .td-support-grid,
  .td-fit-grid {
    grid-template-columns: 1fr;
  }

  .td-stages::before {
    inset-inline-start: 19px;
  }

  .td-stage {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 1rem;
  }

  .td-stage-num {
    width: 40px;
    height: 40px;
    font-size: 0.95rem;
    border-width: 2px;
  }

  .td-stage-card {
    padding: 1.35rem 1.25rem;
  }

  .td-support-card,
  .td-fit-card {
    padding: 1.6rem 1.35rem;
  }

  .td-pullquote {
    padding: 1.35rem 1.25rem;
    padding-inline-start: 1.9rem;
  }

  .td-pullquote p {
    font-size: 1.08rem;
  }

  .td-aside {
    grid-template-columns: 1fr;
  }

  .td-book-card {
    padding: 1.9rem 1.5rem;
    border-radius: 24px;
  }

  .td-related,
  .td-faq,
  .td-cta {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .td-related-grid {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

  .td-related-card {
    padding: 1.8rem 1.5rem;
  }

  .td-cta-card {
    padding: 2.5rem 1.5rem;
    border-radius: 24px;
  }

  .td-cta-actions {
    flex-direction: column;
  }

  .td-cta-actions .td-btn-primary,
  .td-cta-actions .td-btn-secondary {
    flex: none;
    width: 100%;
  }
}

@media (max-width: 480px) {
  .td-subnav-inner {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .td-hero-image {
    height: 280px;
  }

  .td-hero-chip span {
    display: none;
  }

  .td-mobile-cta {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}

@media (max-width: 360px) {
  .td-hero-title {
    font-size: 1.6rem !important;
  }

  .td-block-title {
    font-size: 1.35rem !important;
  }

  .td-hero-image {
    height: 240px;
  }

  .td-hero-chip.chip-bottom {
    display: none;
  }

  .td-mobile-cta-text span {
    display: none;
  }

  .td-mobile-cta .td-btn-primary {
    padding: 0.75rem 1.1rem;
    font-size: 0.82rem;
  }
}