.fitting-guide {
  a {
    text-decoration: underline;
  }
  p, li {
    font-size: 1.1250rem;
    line-height: 1.66;
  }
  .fitting-guide__header {
    h2 {
      font-weight: 600;
      color: #2072aa;
      text-align: center;
      font-size: 1.8750rem;
      margin-bottom: 1.7500rem;
    }
  }
  .fitting-guide__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    border-bottom: 0.0625rem solid #2072AA;
    margin-bottom: 3.1250rem;
    h3 {
      padding: 0.9375rem 0.6062rem;
      font-size: 1.1250rem;
      font-family: var(--font-body--family);
      font-weight: 500;
      margin: 0;
      border-radius: 0.3125rem 0.3125rem 0 0;
      cursor: pointer;
    }
    .fitting-guide__tab.fitting-guide__tab--active h3 {
      background: #2072aa;
      color: #fff;
    }
  }
  .fitting-guide__panel {
    .fitting-guide__top-description {
      margin-bottom: 3.1250rem;
    } 
    .fitting-guide__top-description > h4 {
      font-size: 1.5625rem;
      margin: 0 0 1.6875rem;
      letter-spacing: 0.0375rem;
      margin-bottom: 1.6875rem;
    }
    .fitting-guide__row {
      display: flex;
      gap: 3.7500rem;            
      align-items: center;
      > * {
        width: 50%;
        iframe {
          width: 100%;
        }
      }
      .fitting-guide__col-left ul {
        margin: 0;
        padding-left: 1.2500rem;
      }
      .fitting-guide__col-left li {
        margin-bottom: 1.2500rem;
      }
    }
    .fitting-guide__image-grid {
      display: flex;
      padding: 4.1875rem 0 2.5000rem;
      gap: 4.0625rem;
      .fitting-guide__image-item {
        width: 50%;
        .fitting-guide__image-wrapper {
          position: relative;
          max-width: var(--image-width, 100%);
          margin-inline: auto;
          p {
            position: absolute;
            left: 0;
            top: 50%;
            background: #fff;
            color: #2072aa;
            width: 3.7500rem;
            height: 3.7500rem;
            border-radius: 3.1250rem;
            font-size: 1.8750rem;
            font-family: var(--font-heading--family);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 0.1875rem solid #2072AA;
            transform: translateX(-45%);
          }
        }
        > a {
          margin: 1.9375rem auto;
          border: 0.1250rem solid #2072AA;
          font-size: 0.8750rem;
          font-family: Lato;
          color: #2072aa;
          text-decoration: none;
          padding: 0.9063rem 5.9375rem;
          border-radius: 3.1250rem;
          background: transparent;
          cursor: pointer;
          display: inline-flex;
          align-items: center;
          gap: 0.6250rem;
        }
      }
    }
    h6.fitting-guide__step-highlight {
      font-weight: 400;
      color: #2072aa;
      font-size: 1.1250rem;
      line-height: 1.6;
      padding: 1.1250rem 1.5000rem;
      background: #fff;
      text-align: center;
      border-radius: 1.8750rem;
      border: 0.1250rem solid #2072AA;
      margin: 1.2500rem 0 0;
      font-family: var(--font-heading--family);
    }
    .fitting-guide__ear-section {
      .fitting-guide__ear-heading {
        em {
          opacity: .6;
          font-size: 0.8750rem;
        }
        a em {
          opacity: 1;
        }
      } 
      .fitting-guide__ear-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 2.3750rem 1.2500rem;
        margin: 3.1250rem 0;
        .fitting-guide__ear-item {
          display: grid;
          align-content: baseline;
          gap: 1.1250rem;
          flex: calc(25% - 1.2500rem);
          img {
            max-width: 15.6250rem;
            margin-inline: auto;
          }
        }
      }
    }
    .fitting-guide__bottom-row:has(.fitting-guide__bottom-image) {
      display: flex;
      gap: 3.7500rem;
      padding: 1.1250rem 1.5000rem;
      background: #fff;
      text-align: center;
      border-radius: 1.8750rem;
      border: 0.1250rem solid #2072AA;
      margin: 1.2500rem 0 0;
      align-items: center;
      p {
        color: #2072aa;
      }
      .fitting-guide__bottom-image {
        width: 100%;
      }
    }
  }
  .fitting-guide__panel.tab-type-two {
    .fitting-guide__row > * {
      width: auto;
      flex: calc(50% - 1.8750rem);
      max-width: fit-content;
      img {
        max-height: 26.8750rem;
        width: auto;
      }
    }
    .fitting-guide__row.fitting-guide__row--reverse-mobile {
      flex-direction: row-reverse;
      padding: 3.1250rem 0;
    }
    .fitting-guide__center-grid {
      display: flex;
      gap: 1.8750rem;
      margin: 3.1250rem 0;
      .fitting-guide__center-item {
        display: grid;
        gap: 1.1250rem;
      }
    }
    .fitting-guide__ear-group {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      margin: 3.1250rem 0;
      img {
        max-width: 12.5000rem;
        @media only screen and (max-width: 749px) {
          max-width: 8.5rem;
        }
      }
    }
    .fitting-guide__bottom-content em {
      opacity: .6;
      font-style: normal;
      margin: 5rem 0 3rem;
      display: block;
    }
    .fitting-guide__step-highlight {
      padding: 1.1250rem 1.5000rem;
      background: #fff;
      text-align: center;
      border-radius: 1.8750rem;
      border: 0.1250rem solid #2072AA;
      margin: 1.2500rem 0 0;
      font-family: var(--font-heading--family);
      p {
        color: #2072AA;
        margin: 0;
        strong {
          font-weight: 900;
          font-family: var(--font-heading--family);
        }
      }
    }
    hr {
      border: solid #c9c9c9;
      border-width: 0.0625rem 0 0;
      clear: both;
      margin: 0.7500rem 0;
      height: 0;
      display: block;
      margin-top: 6.2500rem;
    }
  }
  .fitting-guide__panel.tab-type-three {
    .fitting-guide__image-row {
      flex-direction: row-reverse;
      display: flex;
      flex-wrap: wrap;
      gap: 3.7500rem;
      align-items: center;
      > * {
        flex: calc(50% - 3.7500rem);
        max-width: 50%;
      }
    }
    .fitting-guide__row.fitting-guide__row--reverse-mobile {
      padding: 3.1250rem 0;
      > * {
        flex: calc(50% - 1.8750rem);
        max-width: fit-content;
        img {
          max-height: 26.8750rem;
          width: auto;
        }
      }
    }
    .fitting-guide__bottom-content {
      margin: 2.5000rem 0;
    }
    .fitting-guide__bottom-content + .fitting-guide__step-highlight {
      padding: 1.1250rem 1.5000rem;
      background: #fff;
      text-align: center;
      border-radius: 1.8750rem;
      border: 0.1250rem solid #2072AA;
      margin: 1.2500rem 0 0;
      color: #2072AA;
      font-weight: 700;
      font-family: var(--font-heading--family);
    }
  }
  @media only screen and (max-width: 749px) {
    p, li {
      font-size: 1rem;
      line-height: 1.625;
    }
    .fitting-guide__header {
      h2 {
        font-size: 1.5625rem;
        margin-bottom: 1.7500rem;
      }
      p {
        margin-bottom: 1.625rem;
      }
    }
    .fitting-guide__tabs {
      justify-content: start;
      flex-wrap: nowrap;
      overflow: auto;
      margin-bottom: 1.875rem;
      h3 {
        font-size: 1.125rem;
        white-space: nowrap;
      }
    }
    .fitting-guide__panel {
      .fitting-guide__top-description {
        margin-bottom: 1.6875rem;
      }
      .fitting-guide__image-grid {
        flex-direction: column;            
        padding: 2.5rem 0;
        gap: 0.9375rem;
        .fitting-guide__image-item {
          width: 100%;
          padding-inline: 0.625rem;
          > a {
            padding-inline: 2.9375rem;
            margin-bottom: 1rem;
          }
          .fitting-guide__image-wrapper p {
            transform: translate(-10%, 40%);
          }
        }
      }
      .fitting-guide__row {
        flex-direction: column;
        gap: 1.25rem;
        > * {
          width: 100%;
          max-width: 100%;
        }
        .fitting-guide__col-left li:last-child {
          margin-bottom: 0;
        }
      }
      .fitting-guide__ear-section .fitting-guide__ear-grid {
        justify-content: center;
        gap: 1.25rem;
        .fitting-guide__ear-item {
          flex: calc(50% - 1.2500rem);
        }
      }
      .fitting-guide__bottom-row:has(.fitting-guide__bottom-image) {
        flex-direction: column;
        border: none;
        padding: 0;
        text-align: left;
        gap: 1.25rem;
        .fitting-guide__bottom-image {
          max-width: 100%;
        }
        p {
          color: var(--color-foreground);
        }
      }
    }
    .fitting-guide__center-content {
      margin-top: 1rem;
    }
    .fitting-guide__center-grid {
      flex-direction: row;
      .fitting-guide__center-item {
        width: 33%;
      }
    }
    .fitting-guide__ear-group {
      justify-content: center;
      img {
        max-width: 20.0000rem;
      }
    }
    .fitting-guide__panel.tab-type-two {
      .fitting-guide__bottom-content em {
        margin: 3.125rem 0 1.875rem;
      }
      .fitting-guide__row.fitting-guide__row--reverse-mobile {
        flex-direction: column;
        padding: 1.875rem 0;
      }
      hr {
        display: none;
      }
    } 
    .fitting-guide__panel.tab-type-three {
      .fitting-guide__row.fitting-guide__row--reverse-mobile {
        padding: 1rem 0 0;
        flex-direction: column-reverse;
      }
      .fitting-guide__image-row {
        flex-direction: column;
        gap: 1.25rem;
        padding: 2rem 0;
        > * {
          flex: 100%;
          max-width: 100%;
        }
      }
      .fitting-guide__bottom-content {
        margin: 1rem 0 0;
      }
    }
  }
}