/* =====================================================
   TYPE OVERRIDES — Class Detail Page (mobile)
   Four tiers:
     Label   : 11px / 700 / UPPERCASE / letter-spacing .08em
     Body    : 15px / 400 / none
     Subhead : 19px / 700 / none
     Title   : 28px / 700 / none
   ===================================================== */

@media (max-width: 768px) {

  /* ─── MASTHEAD ─────────────────────────────────── */

  /* Title */
  .single-product .wp-block-acf-masthead h1 {
    font-size: 28px !important;
  }

  /* Label */
  .single-product .wp-block-acf-masthead .masthead-content,
  .single-product .wp-block-acf-masthead .tagwrapper .tag,
  .single-product .wp-block-acf-masthead .locations-bar .dc-label,
  .single-product .wp-block-acf-masthead .locations-bar .dc-links,
  .single-product .wp-block-acf-masthead .locations-bar .dc-links a,
  .single-product .wp-block-acf-masthead .locations .locations-label,
  .single-product .wp-block-acf-masthead .locations .locations-value {
    font-size: 11px !important;
    letter-spacing: 0.08em;
    font-weight: 700;
  }

  /* ─── PAGE CONTENT ───────────────────────────────── */

  /* Subhead — h2 and h3 tags anywhere on the page */
  .single-product h2,
  .single-product .h2 {
    font-size: 22px !important;
  }

  .single-product h3,
  .single-product .h3 {
    font-size: 19px !important;
  }

  /* Body */
  .single-product p {
    font-size: 15px !important;
  }

  /* Label — generic .kicker class */
  .single-product .kicker {
    font-size: 11px !important;
    letter-spacing: 0.08em;
    font-weight: 700;
    text-transform: uppercase;
  }

  /* ─── CC-SP PRODUCT BLOCK ───────────────────────── */

  /* Title — main class name only */
  .cc-sp__title {
    font-size: 28px !important;
    line-height: 1.1;
  }

  /* Subhead — section headings, price, card titles */
  .cc-sp__h2 {
    font-size: 19px !important;
  }

  .cc-sp__price .price {
    font-size: 19px !important;
  }

  .cc-sp__options-title {
    font-size: 19px !important;
  }

  /* Body */
  .cc-sp__pill,
  .cc-sp__option-price,
  .cc-sp__facts,
  .cc-sp .small {
    font-size: 15px !important;
  }

  .cc-sp__option-name {
    font-size: 15px !important;
    font-weight: 700;
    letter-spacing: normal;
    text-transform: none;
  }

  /* Label */
  .cc-sp__kicker,
  .cc-sp__card-kicker {
    font-size: 11px !important;
    letter-spacing: 0.08em;
    font-weight: 700;
    text-transform: uppercase;
  }

  .cc-sp__btn.button,
  .single-product .wp-block-button__link,
  .single-product a.btn,
  .single-product a.wp-element-button {
    font-size: 11px !important;
    letter-spacing: 0.08em;
  }

  /* ─── RELATED CLASS CARDS ───────────────────────── */

  /* Subhead */
  .cc-rel__title {
    font-size: 19px !important;
  }

}