/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 17:0 Unexpected "="
Line 24:1 Expected identifier but found "%"
Line 26:0 Unexpected "{"
Line 26:1 Expected identifier but found "%"
Line 27:2 Unexpected "<"
Line 32:7 Expected identifier but found "%"
Line 33:8 Unexpected "<"
Line 33:41 Unexpected "{"
... and 27 more hidden warnings

**/
{%- comment -%}
=========================================================
PRACTITIONER COLLECTION INTRO (ORTHOPLEX, ETC.)
- Slab intro like Clinical Finder
- Clinical Applications list (metafield list)
- Micro trust strip (chips)
- Scope styles via body.template-suffix-collection-practitioner
=========================================================
{%- endcomment -%}

{%- if collection.title != blank or collection.metafields.custom.hero_intro_text != blank -%}
  <section class="gh-heroIntro" aria-label="Collection introduction">
    <div class="gh-heroIntro__inner">

      <div class="gh-heroIntro__kicker">Clinical Range</div>

      {%- if collection.title != blank -%}
        <h1 class="gh-heroIntro__title">{{ collection.title }}</h1>
      {%- endif -%}

      {%- if collection.metafields.custom.hero_intro_text != blank -%}
        <div class="gh-heroIntro__body gh-heroIntro__copy">
          {{ collection.metafields.custom.hero_intro_text | metafield_tag }}
        </div>
      {%- endif -%}

      {%- assign clinical_apps = collection.metafields.custom.clinical_applications.value -%}
      {%- if clinical_apps != blank -%}
        <div class="gh-heroIntro__apps" aria-label="Common clinical applications">
          <div class="gh-heroIntro__appsTitle">Common Clinical Applications</div>
          <ul class="gh-heroIntro__appsList">
            {%- for app in clinical_apps -%}
              <li class="gh-heroIntro__appsItem">{{ app }}</li>
            {%- endfor -%}
          </ul>
        </div>
      {%- endif -%}

      <div class="gh-heroIntro__trust" aria-label="Range highlights">
        <div class="gh-heroIntro__trustItem">Practitioner-grade selection</div>
        <div class="gh-heroIntro__trustItem">Australia-wide shipping</div>
        <div class="gh-heroIntro__trustItem">Curated for clinical protocols</div>
        <div class="gh-heroIntro__trustItem">Guidance-first approach</div>
      </div>

    </div>
  </section>
{%- endif -%}

<style>
/* =========================================================
   GH PRACTITIONER COLLECTION — COMPLETE STYLES
   Scope: body.template-suffix-collection-practitioner
   ========================================================= */

body.template-suffix-collection-practitioner{
  --gh-teal: #2F847C;
  --gh-ink: #1b1f22;
  --gh-muted: rgba(27,31,34,.78);
  --gh-line: rgba(47,132,124,.14);
  --gh-slab: #F3EFE6;
  --gh-panel: #F8FAF9;
  --gh-border: rgba(47,132,124,.16);
}

/* Pull content up slightly */
body.template-suffix-collection-practitioner .main-content{
  padding-top: 10px;
}

/* =========================
   INTRO SLAB
   ========================= */
body.template-suffix-collection-practitioner .gh-heroIntro{
  max-width: 1280px;
  margin: 16px auto 10px;
  padding: 0 20px;
}

body.template-suffix-collection-practitioner .gh-heroIntro__inner{
  background: var(--gh-slab);
  border: 1px solid #DDE5E3;
  border-radius: 16px;
  padding: clamp(16px, 2.2vw, 22px);
  text-align: center;
}

body.template-suffix-collection-practitioner .gh-heroIntro__kicker{
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(47,132,124,.95);
  margin: 0 0 8px;
}

body.template-suffix-collection-practitioner .gh-heroIntro__title{
  margin: 0 0 10px;
  font-size: clamp(32px, 3.6vw, 48px);
  line-height: 1.05;
  color: var(--gh-ink);
}

body.template-suffix-collection-practitioner .gh-heroIntro__body{
  max-width: 920px;
  margin: 0 auto;
}

body.template-suffix-collection-practitioner .gh-heroIntro__copy{
  font-size: 15px;
  line-height: 1.6;
  color: var(--gh-muted);
}

body.template-suffix-collection-practitioner .gh-heroIntro__copy a{
  color: var(--gh-teal);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

/* Applications */
body.template-suffix-collection-practitioner .gh-heroIntro__apps{
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--gh-line);
}

body.template-suffix-collection-practitioner .gh-heroIntro__appsTitle{
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(31,63,60,.9);
  margin: 0 0 10px;
}

body.template-suffix-collection-practitioner .gh-heroIntro__appsList{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}

body.template-suffix-collection-practitioner .gh-heroIntro__appsItem{
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.35;
  color: rgba(27,31,34,.74);
  white-space: nowrap;
}

body.template-suffix-collection-practitioner .gh-heroIntro__appsItem::before{
  content: "✓";
  margin-right: 8px;
  color: rgba(47,132,124,.85);
  font-weight: 700;
}

/* Micro trust strip */
body.template-suffix-collection-practitioner .gh-heroIntro__trust{
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(47,132,124,.10);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 10px;
}

body.template-suffix-collection-practitioner .gh-heroIntro__trustItem{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px solid rgba(47,132,124,.14);
  background: rgba(255,255,255,.30);
  border-radius: 999px;
  font-size: 12.5px;
  line-height: 1.2;
  color: rgba(27,31,34,.72);
  white-space: nowrap;
}

body.template-suffix-collection-practitioner .gh-heroIntro__trustItem::before{
  content: "✓";
  color: rgba(47,132,124,.85);
  font-weight: 700;
}

/* Utility bar (filter/sort row) sits tighter + matches divider style */
body.template-suffix-collection-practitioner .utility-bar{
  border-top: 1px solid #DDE5E3;
  padding-top: 14px;
  margin-top: 12px;
}

/* PRACTITIONER COLLECTION — FILTER SIDEBAR PANEL */

/* PRACTITIONER COLLECTION — FILTER SIDEBAR PANEL (Symmetry) */
body.template-suffix-collection-practitioner filter-container.filter-container--side{
  background: #F8FAF9 !important;
  border: 1px solid rgba(47,132,124,.16) !important;
  border-radius: 16px !important;
  padding: 16px !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.05) !important;
}

.template-suffix-collection-practitioner .filter-container__side .filter-group,
.template-suffix-collection-practitioner filter-container.filter-container__side .filter-group{
  padding: 14px 0 !important;
  border-top: 1px solid rgba(47,132,124,.12) !important;
}

.template-suffix-collection-practitioner .filter-container__side .filter-group:first-child,
.template-suffix-collection-practitioner filter-container.filter-container__side .filter-group:first-child{
  border-top: 0 !important;
  padding-top: 6px !important;
}

.template-suffix-collection-practitioner .filter-container__side .filter-group__heading,
.template-suffix-collection-practitioner filter-container.filter-container__side .filter-group__heading{
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  color: rgba(27,31,34,.88) !important;
}

</style>