/* ============================================================
   Hogan's Jewelers — Category Page Intros
   hogans-intros.css

   Global Header tag:
   <link rel="stylesheet" href="/path/to/hogans-intros.css">

   Paste contents into Punchmark Site Manager under
   Design / Theme Settings > Global CSS field.
   Do NOT paste into the page editor.
   ============================================================ */

/* ── Base wrapper ── */
.hgn-intro {
  font-family: 'Jost', sans-serif;
  color: #252525;
  width: 100%;
  margin: 0 0 32px 0;
  padding: 0 0 28px 0;
  border-bottom: 1px solid #e0dbd3;
}

.hgn-intro *,
.hgn-intro *::before,
.hgn-intro *::after {
  box-sizing: border-box;
}

/* ── Eyebrow label (optional) ── */
.hgn-intro__eyebrow {
  display: block;
  font-family: 'Jost', sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8C7A5D;
  margin-bottom: 10px;
}

/* ── Body copy ── */
.hgn-intro__body {
  font-size: 1rem;
  line-height: 1.8;
  color: #252525;
  margin: 0 0 16px 0;
}

.hgn-intro__body:last-child {
  margin-bottom: 0;
}

/* ── Optional highlight strip ── */
.hgn-intro__highlights {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.hgn-intro__highlight {
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8C7A5D;
  border: 1px solid #8C7A5D;
  padding: 5px 14px;
}

/* ── Responsive ── */
@media (max-width: 600px) {
  .hgn-intro {
    margin-bottom: 24px;
    padding-bottom: 20px;
  }

  .hgn-intro__body {
    font-size: 0.95rem;
  }
}