.hero-sports-trauma-care {
  background: url("../images/sports-injury-and-trauma-care-hero.jpg") top right no-repeat;
  background-size: contain;
}

.sports-hero-doctor {
  position: relative;
  align-self: end;
  min-height: 640px;
}

.sports-hero-doctor>img {
  position: absolute;
  right: 12%;
  bottom: 0;
  z-index: 2;
  width: min(44vw, 540px);
  max-height: 700px;
  object-fit: contain;
  object-position: bottom center;
}

.sports-doctor-card {
  position: absolute;
  right: 0;
  bottom: 70px;
  z-index: 3;
  width: min(510px, 66%);
  padding: 1.55rem 1.8rem;
  border-radius: 10px;
  background: var(--omega-navy);
  color: #fff;
  box-shadow: 0 22px 52px rgba(6, 27, 83, .28);
}

.sports-doctor-card h2 {
  margin: 0 0 .6rem;
  color: var(--omega-orange);
  font-size: 1.45rem;
  font-weight: 800;
}

.sports-doctor-card p {
  margin: 0 0 1rem;
  color: #fff;
  font-size: 1.15rem;
  font-weight: 800;
}

.sports-doctor-card span {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin-top: .85rem;
  color: rgba(255, 255, 255, .92);
  font-weight: 800;
}

.sports-doctor-card svg {
  width: 28px;
  height: 28px;
  color: #fff;
}

.sports-injuries-section,
.sports-approach-section,
.sports-treatment-section,
.sports-why-section,
.sports-specialist-location,
.sports-explore-section,
.sports-stories-section,
.sports-final-section {
  background: #fff;
  padding: 40px 0;
}


.sports-section-title {
  margin-bottom: 1.7rem;
  text-align: center;
}

.sports-section-title h2 {
  margin: 0;
  color: var(--omega-navy);
  font-size: clamp(1.55rem, 2.4vw, 2.05rem);
  font-weight: 800;
  text-transform: uppercase;
}

.sports-injury-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1.25rem;
}

.sports-injury-grid article,
.sports-approach-panel,
.sports-treatment-card,
.sports-why-grid,
.sports-specialist-card,
.sports-location-card,
.sports-list-card,
.sports-feature-card,
.sports-story-grid article,
.sports-faq-card,
.sports-final-cta {
  border: 1px solid var(--omega-line);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(6, 27, 83, .05);
}

.sports-injury-grid article {
  overflow: hidden;
  display: block;
  min-height: 300px;
}

.sports-injury-grid img {
  width: 100%;
  height: auto;
}

.sports-injury-grid div {
  padding: 1.5rem;
}

.sports-injury-grid h3 {
  margin: 0 0 .8rem;
  color: var(--omega-navy);
  font-size: 1.32rem;
  font-weight: 600;
  text-transform: capitalize;
}

.sports-injury-grid ul,
.sports-treatment-card ul,
.sports-feature-card ul {
  display: grid;
  gap: .5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sports-injury-grid li,
.sports-treatment-card li,
.sports-feature-card li {
  color: var(--omega-ink);
  font-weight: 500;
  line-height: 1.35;
  font-size: 14px;
}

.sports-injury-grid li::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: .45rem;
  border-radius: 50%;
  background: #5ba77d;
  vertical-align: .13em;
}

.sports-injury-grid a,
.sports-treatment-card a,
.sports-specialist-card a,
.sports-feature-card a,
.sports-more {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin-top: 1.5rem;
  color: var(--omega-orange);
  font-weight: 400;
  font-size: 14px;
}

.sports-approach-panel {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: clamp(1.35rem, 2.4vw, 2rem);
}

.sports-approach-panel div {
  position: relative;
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: .4rem 1rem;
  align-items: center;
  color: var(--omega-navy);
}

.sports-approach-panel div:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 1.4rem;
  top: 50%;
  width: 58px;
  height: 2px;
  background: #5ba77d;
}

.sports-approach-panel span {
  grid-row: span 3;
  display: grid;
  width: 82px;
  height: 82px;
  place-items: center;
  border: 1px solid var(--omega-line);
  border-radius: 50%;
  background: #fff;
}

.sports-approach-panel svg {
  width: 38px;
  height: 38px;
  stroke-width: 1.7;
}

.sports-approach-panel strong,
.sports-approach-panel h3,
.sports-approach-panel p {
  margin: 0;
}

.sports-approach-panel strong {
  font-size: 1.2rem;
  font-weight: 800;
}

.sports-approach-panel h3 {
  font-size: 1rem;
  font-weight: 800;
  text-transform: uppercase;
}

.sports-approach-panel p {
  color: var(--omega-ink);
  font-weight: 700;
  line-height: 1.5;
}

.sports-treatment-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.6rem;
  position: relative;
}

.sports-treatment-grid::after {
  content: "OR";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  display: grid;
  width: 72px;
  height: 72px;
  place-items: center;
  border-radius: 50%;
  background: var(--omega-navy);
  color: #fff;
  font-weight: 800;
  transform: translate(-50%, -50%);
}

.sports-treatment-card {
  overflow: hidden;
  display: grid;
  grid-template-columns: 50% 1fr;
}

.sports-treatment-card>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sports-treatment-card>div {
  padding: clamp(1.5rem, 2.5vw, 2.25rem);
}

.sports-treatment-card h2 {
  margin: 0 0 .9rem;
  font-size: clamp(1.35rem, 2.1vw, 1.8rem);
  font-weight: 800;
  text-transform: uppercase;
}

.sports-non-surgical h2,
.sports-non-surgical a {
  color: var(--omega-green);
}

.sports-surgical h2,
.sports-surgical a {
  color: var(--omega-orange);
}

.sports-treatment-card p {
  margin-bottom: 1.4rem;
  color: var(--omega-ink);
  font-weight: 700;
  line-height: 1.65;
}

.sports-treatment-card li {
  display: flex;
  align-items: center;
  gap: .65rem;
  margin-bottom: .3rem;
}

.sports-treatment-card li svg,
.sports-feature-card li svg {
  width: 20px;
  height: 20px;
  color: currentColor;
}

.sports-treatment-card a {
  justify-content: center;
  min-height: 48px;
  padding: .7rem 1.4rem;
  border-radius: 7px;
  background: currentColor;
}

.sports-treatment-card a svg,
.sports-treatment-card a {
  color: #fff;
}

.sports-non-surgical a {
  background: var(--omega-green);
}

.sports-surgical a {
  background: var(--omega-orange);
}

.sports-why-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  padding: 1.4rem 1rem;
}

.sports-why-grid div {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: .35rem .9rem;
  align-items: start;
  padding: .5rem 1rem;
}

.sports-why-grid div+div {
  border-left: 1px solid var(--omega-line);
}

.sports-why-grid svg {
  grid-row: span 2;
  width: 42px;
  height: 42px;
  color: var(--omega-navy);
  stroke-width: 1.7;
}

.sports-why-grid strong {
  color: var(--omega-navy);
  font-weight: 800;
}

.sports-why-grid span {
  color: var(--omega-ink);
  font-size: .94rem;
  font-weight: 700;
  line-height: 1.5;
}

.sports-specialist-card {
  overflow: hidden;
  display: grid;
  grid-template-columns: 220px 1fr;
  height: 100%;
  padding: 1.4rem 1.6rem 0;
}

.sports-specialist-card>img {
  align-self: end;
  max-height: 390px;
  object-fit: contain;
}

.sports-specialist-card p {
  margin: 0 0 .5rem;
  color: var(--omega-navy);
  font-weight: 800;
  text-transform: uppercase;
}

.sports-specialist-card h2 {
  color: var(--omega-navy);
  font-weight: 800;
}

.sports-specialist-card span {
  display: block;
  color: var(--omega-ink);
  font-weight: 700;
  line-height: 1.65;
}

.sports-mini-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .8rem;
  margin: 1.35rem 0;
  text-align: center;
}

.sports-mini-stats div {
  color: var(--omega-navy);
  font-weight: 800;
}

.sports-mini-stats svg {
  width: 30px;
  height: 30px;
}

.sports-mini-stats small {
  display: block;
  color: var(--omega-ink);
  font-weight: 700;
  line-height: 1.35;
}

.sports-specialist-card a {
  justify-content: center;
  width: min(100%, 280px);
  min-height: 46px;
  margin: 0;
  border-radius: 7px;
  background: var(--omega-navy);
  color: #fff;
}

.sports-location-card {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 1.5rem;
  height: 100%;
  padding: clamp(1.4rem, 2.5vw, 2rem);
  background: var(--omega-navy);
  color: #fff;
}

.sports-location-card h2 {
  color: #fff;
  font-size: clamp(1.55rem, 2.4vw, 2.15rem);
  font-weight: 800;
}

.sports-location-card p {
  color: rgba(255, 255, 255, .85);
  font-weight: 700;
  line-height: 1.7;
}

.sports-location-card a:not(.sports-map a),
.sports-location-card span {
  display: flex;
  align-items: flex-start;
  gap: .8rem;
  margin-bottom: .85rem;
  color: #fff;
  font-weight: 800;
}

.sports-location-card svg {
  flex: 0 0 auto;
  color: var(--omega-orange);
}

.sports-map {
  display: grid;
  gap: 1rem;
}

.sports-map iframe {
  width: 100%;
  min-height: 230px;
  border: 0;
  border-radius: 8px;
  filter: saturate(.78);
}

.sports-map a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  min-height: 48px;
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 7px;
  color: #fff;
  font-weight: 800;
}

.sports-explore-grid {
  display: grid;
  grid-template-columns: minmax(240px, 390px) 1fr minmax(240px, 390px);
  gap: 1.5rem;
}

.sports-list-card,
.sports-feature-card {
  padding: 1.4rem;
}

.sports-list-card h3 {
  color: var(--omega-navy);
  font-weight: 800;
}

.sports-list-card>a:not(.sports-more) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  padding: .8rem 0;
  border-bottom: 1px solid var(--omega-line);
  color: var(--omega-navy);
  font-weight: 800;
}

.sports-feature-card {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 1.6rem;
  align-items: center;
}

.sports-feature-card img {
  width: 100%;
  height: 250px;
  border-radius: 8px;
  object-fit: cover;
}

.sports-feature-card h2 {
  color: var(--omega-navy);
  font-weight: 800;
}

.sports-feature-card p {
  color: var(--omega-ink);
  font-weight: 700;
  line-height: 1.65;
}

.sports-feature-card li {
  display: flex;
  align-items: center;
  gap: .55rem;
}

.sports-feature-card li svg {
  color: #5ba77d;
}

.sports-story-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}

.sports-story-grid article {
  padding: 1.6rem;
}

.sports-story-grid p {
  position: relative;
  margin-bottom: 1rem;
  color: var(--omega-ink);
  font-weight: 700;
  line-height: 1.7;
}

.sports-story-grid p::before {
  content: "“";
  margin-right: .35rem;
  color: #b6bed0;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 0;
  vertical-align: -.35em;
}

.sports-story-grid strong,
.sports-story-grid small {
  display: block;
  color: var(--omega-navy);
}

.sports-story-grid small {
  color: var(--omega-ink);
  font-weight: 700;
}

.sports-story-grid .sports-stars {
  margin-top: 1rem;
}

.sports-more.centered {
  width: fit-content;
  margin: 1.2rem auto 0;
}

.sports-final-section {
  padding: 0 0 50px;
}

.sports-faq-card {
  height: 100%;
  padding: 1.5rem;
}

.sports-faq-card h2 {
  margin-bottom: 1rem;
  color: var(--omega-navy);
  font-size: 1.35rem;
  font-weight: 800;
  text-transform: uppercase;
}

.sports-faq-card details {
  border-bottom: 1px solid var(--omega-line);
}

.sports-faq-card summary {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: .95rem 0;
  color: var(--omega-navy);
  cursor: pointer;
  font-weight: 800;
  list-style: none;
}

.sports-faq-card summary::-webkit-details-marker {
  display: none;
}

.sports-faq-card summary::after {
  content: "+";
}

.sports-faq-card details[open] summary::after {
  content: "-";
}

.sports-faq-card p {
  color: var(--omega-ink);
  font-weight: 700;
}

.sports-final-cta {
  position: relative;
  min-height: 380px;
  overflow: hidden;
  display: flex;
  align-items: center;
  background: var(--omega-navy);
  color: #fff;
}

.sports-final-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, rgba(6, 27, 83, .98) 0%, rgba(6, 27, 83, .92) 48%, rgba(6, 27, 83, .38) 100%);
}

.sports-final-cta img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sports-final-cta>div {
  position: relative;
  z-index: 2;
  max-width: 620px;
  padding: clamp(1.6rem, 3vw, 3rem);
}

.sports-final-cta h2 {
  color: #fff;
  font-size: clamp(2rem, 3.5vw, 3rem);
  font-weight: 800;
}

.sports-final-cta p {
  color: rgba(255, 255, 255, .86);
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.65;
}

.sports-final-cta div div {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.sports-final-cta .btn {
  gap: .6rem;
  min-height: 52px;
  font-weight: 800;
}

@media (max-width: 1399.98px) {
  .sports-injury-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sports-injury-grid article:last-child {
    grid-column: span 2;
  }

  .sports-why-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sports-why-grid div:nth-child(4) {
    border-left: 0;
  }
}

@media (max-width: 1199.98px) {
  .sports-hero-grid {
    padding-bottom: 2rem;
  }

  .sports-hero-doctor {
    min-height: 560px;
  }

  .sports-hero-doctor>img {
    left: 42%;
    right: auto;
    transform: translateX(-50%);
    width: min(76vw, 520px);
  }

  .sports-doctor-card {
    right: 1rem;
    width: min(480px, 50%);
  }

  .sports-approach-panel,
  .sports-treatment-grid,
  .sports-explore-grid,
  .sports-story-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sports-treatment-grid::after,
  .sports-approach-panel div:not(:last-child)::after {
    display: none;
  }

  .sports-treatment-card,
  .sports-feature-card {
    grid-template-columns: 1fr;
  }

  .sports-feature-card {
    grid-column: span 2;
    order: -1;
  }
}

@media (max-width: 991.98px) {

  .sports-trust-points,
  .sports-why-grid,
  .sports-mini-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sports-trust-points div {
    padding: 1rem;
  }

  .sports-trust-points div:first-child {
    padding-left: 1rem;
  }

  .sports-trust-points div+div,
  .sports-why-grid div+div {
    border-left: 0;
  }

  .sports-trust-points div:nth-child(2n),
  .sports-why-grid div:nth-child(2n) {
    border-left: 1px solid var(--omega-line);
  }

  .sports-trust-points div:nth-child(n+3) {
    border-top: 1px solid var(--omega-line);
  }

  .sports-location-card,
  .sports-specialist-card {
    grid-template-columns: 1fr;
  }

  .sports-specialist-card>img {
    max-height: 430px;
    margin: 0 auto;
  }
}

@media (max-width: 767.98px) {
  .sports-actions .btn {
    width: 100%;
    min-width: 0;
  }

  .sports-hero-doctor {
    min-height: auto;
    display: grid;
    gap: 1rem;
  }

  .sports-hero-doctor>img,
  .sports-doctor-card {
    position: static;
    width: 100%;
    transform: none;
  }

  .sports-hero-doctor>img {
    max-height: 500px;
  }

  .sports-injury-grid,
  .sports-approach-panel,
  .sports-treatment-grid,
  .sports-explore-grid,
  .sports-story-grid {
    grid-template-columns: 1fr;
  }

  .sports-injury-grid article:last-child,
  .sports-feature-card {
    grid-column: auto;
  }

  .sports-injury-grid article {
    grid-template-columns: 120px 1fr;
  }
}

@media (max-width: 575.98px) {

  .sports-trust-points,
  .sports-why-grid,
  .sports-mini-stats {
    grid-template-columns: 1fr;
  }

  .sports-trust-points div:nth-child(2n),
  .sports-why-grid div:nth-child(2n) {
    border-left: 0;
  }

  .sports-trust-points div+div,
  .sports-why-grid div+div {
    border-top: 1px solid var(--omega-line);
  }

  .sports-injury-grid article {
    grid-template-columns: 1fr;
  }

  .sports-injury-grid img {
    height: 220px;
  }

  .sports-approach-panel div {
    grid-template-columns: 74px 1fr;
  }

  .sports-approach-panel span {
    width: 66px;
    height: 66px;
  }

  .sports-treatment-card {
    min-height: auto;
  }

  .sports-location-card {
    padding: 1.25rem;
  }
}