/** Shopify CDN: Minification failed

Line 703:9 Cannot use type selector "--active" directly after nesting selector "&"
Line 714:9 Cannot use type selector "--next" directly after nesting selector "&"

**/
/* Globals */
.montirex-blog #main {
  --base-font-size-dsk: 20px;
  --base-font-size-mob: 14px;
  --black-50pc: rgba(0, 0, 0, 0.5);
  --fw-montirex-blog-bold: 600;
  --scroll-thumb-colour: #000 !important;
  --scroll-track-colour: #1a1a1a50 !important;

  h1,
  h2,
  p,
  ul {
    font-weight: var(--fw-montirex-blog-bold);
    margin-block: 0;
  }

  li,
  p,
  ul {
    font-size: var(--base-font-size-mob);
    line-height: 1;

    @media (width >= 768px) {
      font-size: var(--base-font-size-dsk);
    }
  }

  picture {
    display: block;
  }

  .montirex-uppercase {
    text-transform: uppercase;
  }

  /* Tags */
  .blog__tags {
    color: var(--black-50pc);
    display: flex;
    flex-wrap: wrap;
    gap: 0 clamp(6px, 0.75vw, 10px);
    text-transform: uppercase;

    .blog__tag:not(:first-of-type)::before {
      content: "•";
      margin-inline-end: 0.5rem;
    }
  }

  /* Hotspots */
.has-hotspots {
  position: relative;

  .image-hotspot-wrapper {
    display: block;
    position: relative;
    width: 100%;
  }

  .hotspots-container {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;

    &:hover .hotspot-dot:not(:hover, :focus) {
      opacity: 0.65;
    }

    .hotspot {
      align-items: center;
      display: flex;
      height: 38px;
      justify-content: center;
      pointer-events: auto;
      position: absolute;
      width: 38px;

      a:not(.hotspot-popover-btn) {
        text-indent: -9999px;
      }

      &:has(.hotspot-dot:hover),
      &:has(.hotspot-popover:hover),
      &:focus-within {
        z-index: 100;
        .hotspot-dot {
          opacity: 1 !important;
          z-index: 110 !important; 
        }
      }
    }

    .hotspot-dot {
      align-items: center;
      background: #fff;
      border: none;
      border-radius: 50%;
      color: #111;
      cursor: pointer;
      display: flex;
      font-size: 20px;
      font-weight: bold;
      height: 38px;
      justify-content: center;
      outline: none;
      padding: 0;
      pointer-events: auto;
      position: relative;
      text-decoration: none;
      transition: background-color 0.3s ease, border-radius 0.2s ease, opacity 0.3s ease;
      width: 38px;
      z-index: 10;
    }

    .hotspot-popover {
      background: #fff !important;
      border-radius: 8px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
      color: #111;
      display: none;
      inset: auto;
      min-width: clamp(160px, 40vw, 240px);
      pointer-events: auto;
      position: absolute;
      position-try-fallbacks: flip-block, flip-inline;
      position-try-order: most-height;
      text-align: left;
      width: clamp(180px, 40vw, 240px);
      z-index: 105;

      .hotspot-popover-header,
      ul,
      .hotspot-popover-btn {
        background: transparent !important;
        position: relative;
        z-index: 1;
      }

      .hotspot-popover-header {
        align-items: center;
        display: flex;
        margin-bottom: 12px;
        .hotspot-popover-title {
          color: #111; font-size: 18px; font-weight: 800; letter-spacing: 0.01em;
          line-height: 1.1; text-transform: uppercase; margin: 0;
        }
      }

      ul {
        list-style: none; margin: 0 0 20px 0; padding: 0;
        li {
          color: #111; font-size: 11px; font-weight: 700; line-height: 1.4;
          text-transform: uppercase; margin-bottom: 6px; display: flex; gap: 8px;
          &::before { content: "•"; }
        }
      }

      .hotspot-popover-btn {
        background-color: #000 !important;
        border: none;
        color: #fff !important;
        display: block;
        font-size: 14px;
        font-weight: 800;
        padding: 18px 24px;
        text-align: center;
        text-decoration: none;
        width: 100%;
        &:hover { opacity: 0.8; }
      }

      /* --- DIRECTIONAL LOGIC: 24px Top/10px Bottom for 'Top' Anchors --- */

      @media (max-width: 767px) {
        &.hotspot--top-right-mob, &.hotspot--top-left-mob {
          top: anchor(top); padding: 10px 18px 16px;
        }
        &.hotspot--bottom-right-mob, &.hotspot--bottom-left-mob {
          bottom: anchor(bottom); padding: 10px 24px 24px;
        }
        
        &.hotspot--top-right-mob { left: anchor(right); margin-inline-start: -19px; border-top-left-radius: 0; }
        &.hotspot--bottom-right-mob { left: anchor(right); margin-inline-start: -19px; border-bottom-left-radius: 0; }
        &.hotspot--top-left-mob { right: anchor(left); margin-inline-end: -19px; border-top-right-radius: 0; }
        &.hotspot--bottom-left-mob { right: anchor(left); margin-inline-end: -19px; border-bottom-right-radius: 0; }
      }

      @media (min-width: 768px) {
        &.hotspot--top-right-dsk, &.hotspot--top-left-dsk {
          top: anchor(top); padding: 10px 24px 24px;
        }
        &.hotspot--bottom-right-dsk, &.hotspot--bottom-left-dsk {
          bottom: anchor(bottom); padding: 24px 24px 12px;
        }

        &.hotspot--top-right-dsk { left: anchor(right); margin-inline-start: -19px; border-top-left-radius: 0; }
        &.hotspot--bottom-right-dsk { left: anchor(right); margin-inline-start: -19px; border-bottom-left-radius: 0; }
        &.hotspot--top-left-dsk { right: anchor(left); margin-inline-end: -19px; border-top-right-radius: 0; }
        &.hotspot--bottom-left-dsk { right: anchor(left); margin-inline-end: -19px; border-bottom-right-radius: 0; }
      }
    }

    .hotspot-dot:focus + .hotspot-popover,
    .hotspot-dot:hover + .hotspot-popover,
    .hotspot-popover:hover {
      display: block;
    }
  }
}
}

/* Sections */
.montirex-blog #main {
  /* BLOG SECTION: SLIM HERO */
  .blog__hero-slim {
    background-color: var(--slim-hero-background);
    padding-block: var(--slim-hero-block-padding-min);
    padding-inline: clamp(1rem, 4vw, 2.8rem);

    @media (width > 1200px) {
      padding-block: var(--slim-hero-block-padding-max);
    }

    > * {
      margin-inline: auto;
      max-width: 1520px;
    }

    .blog__heading > * {
      color: var(--slim-hero-text-colour);
      font-size: clamp(45.18px, 7vw, 72px);
      line-height: 1;
    }

    .blog__subheading {
      color: var(--slim-hero-text-colour);
    }
  }

  /* BLOG SECTION: CARD */
  .blog__card {
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    gap: 1.25rem;
    min-width: var(--blog-carousel-card-width-mob);
    width: 100%;

    @media (width >= 768px) {
      min-width: var(--blog-carousel-card-width-dsk);
    }

    .blog__card-media {
      .placeholder-svg,
      .placeholder-wrapper,
      img,
      video {
        aspect-ratio: var(--blog-carousel-image-aspect-ratio-mob);

        @media (width >= 768px) {
          aspect-ratio: var(--blog-carousel-image-aspect-ratio-dsk);
        }
      }
    }

    .blog__card-text {
      display: flex;
      flex-direction: column;
      gap: clamp(4px, 1.2vw, 16px);

      .blog__card-heading {
        font-weight: 700;
        line-height: 1;
        margin-block: 0;
      }

      .blog__tags {
        font-size: clamp(11px, 1.2vw, 14px);
        font-weight: var(--fw-montirex-blog-bold);
        line-height: 1;
      }

      .blog__card-date {
        color: var(--black-50pc);
        font-size: clamp(11px, 1.2vw, 14px);
        font-weight: var(--fw-montirex-blog-bold);
      }
    }

    @media (width < 768px) {
      &.image-top-text-btm {
        display: flex;
        flex-direction: column;
      }

      &.image-left-text-right,
      &.image-right-text-left {
        display: flex;
        gap: 8px;

        .blog__card-media,
        .blog__card-text {
          line-height: 1;
          width: 50%;
        }

        .blog__card-text {
          display: flex;
          flex-direction: column;
          justify-content: center;
        }
      }

      &.image-left-text-right {
        flex-direction: row;
        .blog__card {
          gap: 8px;
        }
      }

      &.image-right-text-left {
        flex-direction: row-reverse;
      }
    }
  }

  /* BLOG SECTION: HERO */
  .blog__hero {
    aspect-ratio: 4/5;
    height: 100%;
    position: relative;

    @media (width >= 768px) {
      aspect-ratio: 16/9;
      width: 100%;
    }

    @media (width > 1600px) {
      max-height: 1000px;
    }

    .container {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: 1fr;
      height: 100%;
      overflow: hidden;
      position: relative;
      width: 100%;
    }

    picture {
      inset: 0;
      position: absolute;
      width: 100%;
      z-index: 1;

      img {
        display: block;
        height: 100%;
        object-fit: var(--blog-hero-object-fit-mob);
        object-position: var(--blog-hero-object-position-mob);
        width: 100%;

        @media (width >= 768px) {
          object-fit: var(--blog-hero-object-fit-dsk);
          object-position: var(--blog-hero-object-position-dsk);
        }
      }
    }

    .blog__overlay {
      color: #ffffff;
      display: flex;
      flex-direction: column;
      gap: 1rem;
      grid-column: 1;
      grid-row: 1;
      justify-content: center;
      margin-block-start: auto;
      padding: 0 0 clamp(1.25rem, 30vh, 3rem) 0;
      text-align: left;
      z-index: 2;

      &.content_left_mob {
        align-items: flex-start;
        text-align: left;
      }

      &.content_centre_mob {
        align-items: center;
        text-align: center;
      }

      &.content_right_mob {
        align-items: flex-end;
        text-align: right;
      }

      @media (width >= 768px) {
        &.content_left_dsk {
          align-items: flex-start;
          text-align: left;
        }
        &.content_centre_dsk {
          align-items: center;
          text-align: center;
        }
        &.content_right_dsk {
          align-items: flex-end;
          text-align: right;
        }
      }

      .blog__heading {
        font-size: var(--blog-hero-heading-size-mob);
        line-height: 1;
        margin: 0;
        text-transform: uppercase;

        @media (width >= 768px) {
          font-size: var(--blog-hero-heading-size-dsk);
        }
      }

      .blog__subheading {
        font-size: var(--blog-hero-subheading-size-mob);
        margin-block: 0;
        text-wrap: balance;

        @media (width >= 768px) {
          font-size: var(--blog-hero-subheading-size-dsk);
          max-width: var(--blog-hero-subheading-max-width);
        }
      }

      a {
        background-color: var(--blog-hero-button-background);
        color: var(--blog-hero-button-text);
        font-weight: var(--fw-montirex-blog-bold);
        letter-spacing: 1.5px;
        max-width: fit-content;
        padding: 1rem 2rem;
        text-decoration: none;
        text-transform: uppercase;
      }
    }
  }

  /* BLOG SECTION: RECENT COLLECTIONS */
  .blog__recent-collections {
    padding-block: calc(20 / 14 * 1rem);

    @media (min-width: 768px) {
      padding-block: 2.5rem;
    }

    & > * {
      line-height: 1;
    }

    img {
      aspect-ratio: 1;
      object-fit: cover;
      width: 100%;

      @media (width >= 768px) {
        object-fit: fill;
      }

      @media (min-width: 1200px) {
        object-position: top;
      }
    }

    .blog__content {
      display: flex;
      flex-direction: column;
      gap: 1.125rem;

      @media (width < 768px) {
        &.container {
          padding-inline: 0;
        }
      }

      @media (min-width: 768px) {
        display: grid;
        gap: calc(10 / 14 * 1rem);
        grid-template-columns: 1fr 1fr;
      }

      @media (min-width: 1200px) {
        grid-template-columns: 2fr 1fr;
      }

      .blog__block {
        display: flex;
        flex-direction: column;
        font-size: 1rem;
        gap: 0.75rem;
        text-transform: uppercase;

        .blog__block-text {
          display: grid;
          gap: 2rem;
          grid-template-columns: fit-content(20px) 1fr;

          @media (width < 768px) {
            padding-inline-start: 1.25rem;
          }

          @media (width >= 768px) {
            padding-inline-start: 0;
          }

          .blog__block-text-left p,
          .blog__block-text-right h3 {
            font-size: 18px;
            line-height: 1;
            margin: 0;
          }

          p {
            font-weight: var(--fw-montirex-blog-bold);
          }

          .blog__date {
            color: var(--black-50pc);
          }
        }

        .blog__block-text-right {
          display: flex;
          flex-direction: column;
          gap: 8px;
        }

        span {
          font-size: 11px;
        }
      }
    }
  }

  /* BLOG SECTION: COLLECTIONS GRID */
  .blog__collections-grid {
    margin-inline: auto;
    padding-block-end: var(--blog-collection-grid-padding-bottom-mob);
    padding-block-start: var(--blog-collection-grid-padding-top-mob);
    position: relative;

    @media (width >= 768px) {
      padding-block-end: var(--blog-collection-grid-padding-bottom-dsk);
      padding-block-start: var(--blog-collection-grid-padding-top-dsk);
    }

    .blog__heading {
      font-size: var(--blog-collection-grid-heading-size-mob);
      font-weight: var(--fw-montirex-blog-bold);
      line-height: 1;
      margin-bottom: 1.5rem;
      text-align: left;

      @media (width >= 768px) {
        font-size: var(--blog-collection-grid-heading-size-dsk);
      }
    }

    .blog__collection-grid-items {
      display: grid;
      gap: var(--blog-collection-grid-gap-y-mob) var(--blog-collection-grid-gap-x-mob);
      grid-template-columns: 1fr;

      @media (width >= 768px) {
        gap: var(--blog-collection-grid-gap-y-dsk) var(--blog-collection-grid-gap-x-dsk);
        grid-template-columns: repeat(2, 1fr);
      }

      @media (width >= 1200px) {
        gap: 24px;
        grid-template-columns: repeat(3, 1fr);
      }

      .blog__collection-grid-item {
        display: flex;
        flex-direction: column;
      }

      .blog__collection-grid-link {
        color: inherit;
        display: flex;
        flex-direction: column;
        height: 100%;
        text-decoration: none;
      }

      .blog__collection-grid-image-wrapper {
        overflow: hidden;
        width: 100%;
      }

      img {
        display: block;
        margin-block: 0;
        object-fit: cover;
        width: 100%;
      }

      .blog__collection-grid-content {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding-top: 16px;
      }

      .blog__card-heading{
        font-size: var(--blog-collection-card-heading-size-mob);
        font-weight: var(--fw-montirex-blog-bold);
        line-height: 1;
        margin: 0;
        text-transform: uppercase;

        @media (width >= 768px) {
          font-size: var(--blog-collection-card-heading-size-dsk);
        }
      }

      .blog__card-description {
        font-size: var(--blog-collection-card-description-size-mob);
        font-weight: var(--fw-montirex-blog-bold);
        line-height: 1;
        margin: 0;

        @media (width >= 768px) {
          font-size: var(--blog-collection-card-description-size-dsk);
        }
      }

      .blog__tags,
      .blog__card-date {
        color: var(--black-50pc);
        font-size: var(--blog-collection-card-tags-date-size-mob);
        font-weight: var(--fw-montirex-blog-bold);
        margin: 0;
        text-transform: uppercase;

        @media (width >= 768px) {
          font-size: var(--blog-collection-card-tags-date-size-dsk);
        }
      }

      .blog__collections-grid-controls {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-top: 48px;
      }

      /* Pagination */
      .blog__pagination {
        align-items: center;
        display: flex;
        display: none;
        gap: 0;
      }

      .blog__pagination-item {
        align-items: center;
        aspect-ratio: 1;
        background: transparent;
        border: 1px solid #000;
        border-right: none;
        color: #000;
        display: flex;
        font-size: 13px;
        font-weight: var(--fw-montirex-blog-bold);
        justify-content: center;
        min-width: 61px;
        padding: 24px;
        text-decoration: none;
        transition: background-color 0.2s ease;

        &:last-child {
          border-right: 1px solid #000;
        }

        &:hover {
          background-color: rgba(0, 0, 0, 0.05);
        }

        &--active {
          border: 3px solid #000;
          border-right: none;
          position: relative;
          z-index: 1;

          & + .blog__pagination-item {
            border-left: none;
          }
        }

        &--next {
          font-size: 18px;
        }
      }

      .blog__pagination-ellipsis {
        align-items: center;
        aspect-ratio: 1;
        border: 1px solid #000;
        border-right: none;
        color: #000;
        display: flex;
        font-size: 13px;
        font-weight: var(--fw-montirex-blog-bold);
        justify-content: center;
        min-width: 61px;
        padding: 24px;
      }
    }
  }

  /* BLOG SECTION: MONTIREX ATHLETE HERO */
  .blog__athlete--hero {
    display: grid;
    grid-template-columns: 1fr;
    min-height: 400px;

    @media (width >= 1020px) {
      grid-template-columns: repeat(2, 1fr);
    }

    h1 {
      font-size: var(--blog-athlete-content-hero-heading-size-mob);
      letter-spacing: -0.05em;
      line-height: 1.1;
      margin-block-end: 0;
      text-transform: uppercase;

      @media (width >= 768px) {
        font-size: var(--blog-athlete-content-hero-heading-size-dsk);
        line-height: 1;
      }
    }

    .blog__athlete--hero-content {
      display: flex;
      flex-direction: column;
      gap: 16px;
      justify-content: center;
      padding-block: 1.5rem;

      @media (width >= 1020px) {
        gap: 24px;
      }

      @media (width > 1600px) {
        gap: 32px;
        margin-left: auto;
        margin-right: 0;
        max-width: 800px;
      }
    }

    .blog__athlete--hero-text {
      font-size: var(--blog-athlete-content-hero-subheading-size-mob);
      font-weight: 500;
      line-height: 1;
      padding-right: 12px;

      @media (width >= 768px) {
        font-size: var(--blog-athlete-content-hero-subheading-size-dsk);
        max-width: 80%;
        padding-right: 0;
      }
    }

    .blog__athlete--hero-image {
      picture {
        height: 100%;
      }
      img {
        aspect-ratio: var(--blog-content-hero-aspect-ratio-mob);
        height: 100%;
        object-fit: cover;

        @media (width >= 1020px) {
          aspect-ratio: var(--blog-content-hero-aspect-ratio-dsk);
        }
      }
    }
  }

  /* BLOG SECTION: CAROUSEL */
  .blog__carousel {
    background-color: var(--blog-carousel-background-colour);
    display: flex;
    flex-direction: column;
    margin-block-end: var(--blog-carousel-margin-block-end-mob);
    margin-block-start: var(--blog-carousel-margin-block-start-mob);
    padding-block-end: var(--blog-carousel-padding-bottom-mob);
    padding-block-start: var(--blog-carousel-padding-top-mob);
    row-gap: var(--blog-carousel-row-gap-mob);

    @media (width >= 768px) {
      margin-block-start: var(--blog-carousel-margin-block-start-dsk);
      margin-block-end: var(--blog-carousel-margin-block-end-dsk);
      padding-block-start: var(--blog-carousel-padding-top-dsk);
      padding-block-end: var(--blog-carousel-padding-bottom-dsk);
      row-gap: var(--blog-carousel-row-gap-dsk);
    }

    .blog__carousel-heading > * {
      font-size: var(--blog-carousel-heading-size-mob);
      font-weight: var(--fw-montirex-blog-bold);
      line-height: 1;

      @media (width >= 768px) {
        font-size: var(--blog-carousel-heading-size-dsk);
      }
    }

    .blog__carousel-top {
      display: flex;
      flex-direction: column;
      gap: var(--blog-carousel-row-gap-mob);

      @media (width >= 768px) {
        gap: var(--blog-carousel-row-gap-dsk);
      }

      .blog__btn {
        width: fit-content;
      }
    }

    .blog__carousel-items-container.container {
      padding-right: 0;

      &:has(.blog__carousel-items.no-overflow) {
        padding-right: var(--container-gutter);
      }
    }

    .blog__carousel-items {
      display: flex;
      gap: 0 var(--blog-carousel-gap-x-mob);
      overflow-x: auto;
      overflow-y: hidden;
      padding-bottom: 1rem;
      scroll-snap-align: start;
      scroll-snap-type: x mandatory;

      @media (width >= 768px) {
        gap: 0 var(--blog-carousel-gap-x-dsk);
      }

      &.no-overflow {
        justify-content: space-between;
        padding-right: 0;
      }
      &::-webkit-scrollbar {
        display: none;
      }
      &.has-scrollbar {
        scrollbar-color: var(--scroll-thumb-colour) var(--scroll-track-colour);
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;

        > :is(div, a):last-child {
          margin-right: 16px;

          @media (width >= 768px) {
            margin-right: 40px;
          }
        }

        &::-webkit-scrollbar {
          block-size: 4px;
          display: block;
          inline-size: 4px;
        }

        &::-webkit-scrollbar-track {
          background-color: var(--scroll-track-colour);
          border-radius: 0 !important;
        }

        &::-webkit-scrollbar-thumb {
          background-clip: padding-box;
          background-color: var(--scroll-thumb-colour);
          border: none !important;
          border-radius: 0 !important;
        }

        &::-webkit-scrollbar-button {
          display: none;
        }
      }
    }
  }

  /* BLOG SECTION: MONTIREX BLOG CONTENT SECTIONS */
  .blog__content-section {
    padding-block-end: var(--blog-content-mob-block-end-padding);
    padding-block-start: var(--blog-content-mob-block-start-padding);
    text-align: var(--blog-content-text-alignment-mob);

    @media (width >= 768px) {
      padding-block-end: var(--blog-content-desk-block-end-padding);
      padding-block-start: var(--blog-content-desk-block-start-padding);
      text-align: var(--blog-content-text-alignment-dsk);
    }

    h2,
    h3,
    h4,
    h5,
    h6 {
      font-size: var(--blog-content-heading-size-mob);
      font-weight: 700;
      letter-spacing: 0;
      margin-block-end: 20px;
      text-transform: unset;

      h3:has(+ p) {
        margin-block-end: 16px;
      }

      @media (width >= 768px) {
        font-size: var(--blog-content-heading-size-dsk);
      }
    }

    p {
      font-size: var(--blog-content-text-size-mob);
      letter-spacing: 0;
      margin-block-end: 16px;
      margin-block-start: 0;

      &:last-of-type {
        margin-block-end: 0;
      }

      @media (width >= 768px) {
        font-size: var(--blog-content-text-size-dsk);
      }
    }

    ul {
      margin-block-end: 16px;
    }

    .blog__content-text {
      margin-block-end: 32px;
    }

    .media {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    /* BLOG CONTENT: MEDIA VARIANTIONS */

    .full-col-split-col {
      display: flex;
      gap: var(--blog-fs-grid-col-gap-mob);

      > * {
        width: 50%;
      }

      @media (width >= 768px) {
        gap: var(--blog-fs-grid-col-gap-dsk);
      }

      .media_1 {
        grid-area: media_1;
      }
      .media_2 {
        grid-area: media_2;
      }

      .media_3 {
        grid-area: media_3;
      }

      &.container {
        @media (width < 768px) {
          padding-inline: 0;
        }
      }

      img {
        aspect-ratio: var(--blog-fcsc-media-aspect-ratio-mob);
        @media (width >= 768px) {
          aspect-ratio: var(--blog-fcsc-media-aspect-ratio-dsk);
        }
      }

      .full-col {
        img {
          aspect-ratio: var(--blog-fs-media-1-aspect-ratio-mob);
          object-fit: var(--blog-fs-media-1-object-fit-mob);
          object-position: var(--blog-fs-media-1-object-pos-mob);

          @media (width >= 768px) {
            aspect-ratio: var(--blog-fs-media-1-aspect-ratio-dsk);
            object-fit: var(--blog-fs-media-1-object-fit-dsk);
            object-position: var(--blog-fs-media-1-object-pos-dsk);
          }
        }
      }

      .split-col {
        display: flex;
        flex-direction: column;
        gap: var(--blog-fs-grid-row-gap-mob);
        justify-content: space-between;

        @media (width >= 768px) {
          gap: var(--blog-fs-grid-row-gap-dsk);
        }

        img,
        picture {
          height: 100%;
        }

        .media-2 img {
          object-fit: var(--blog-fs-media-2-object-fit-mob);
          object-position: var(--blog-fs-media-2-object-pos-mob);

          @media (width >= 768px) {
            object-fit: var(--blog-fs-media-2-object-fit-dsk);
            object-position: var(--blog-fs-media-2-object-pos-dsk);
          }
        }

        .media-3 img {
          object-fit: var(--blog-fs-media-3-object-fit-mob);
          object-position: var(--blog-fs-media-3-object-pos-mob);

          @media (width >= 768px) {
            object-fit: var(--blog-fs-media-3-object-fit-dsk);
            object-position: var(--blog-fs-media-3-object-pos-dsk);
          }
        }
      }
    }

    .full-width-image {
      position: static;

      &.container {
        @media (width < 768px) {
          padding-inline: 0;
        }
      }

      img {
        aspect-ratio: var(--blog-content-full-media-aspect-ratio-mob);
        display: block;
        object-fit: var(--blog-fw-image-object-fit-mob);
        object-position: var(--blog-fw-image-object-pos-mob);
        width: 100%;
        z-index: 1;

        @media (width >= 768px) {
          aspect-ratio: var(--blog-content-full-media-aspect-ratio-dsk);
          object-fit: var(--blog-fw-image-object-fit-dsk);
          object-position: var(--blog-fw-image-object-pos-dsk);
        }
      }

      &.has-hotspots {
        .hotspot-1 {
          left: var(--blog-fw-image-hotspot-1-x-mob);
          top: var(--blog-fw-image-hotspot-1-y-mob);

          @media (width >= 768px) {
            left: var(--blog-fw-image-hotspot-1-x-dsk);
            top: var(--blog-fw-image-hotspot-1-y-dsk);
          }
        }
        .hotspot-2 {
          left: var(--blog-fw-image-hotspot-2-x-mob);
          top: var(--blog-fw-image-hotspot-2-y-mob);

          @media (width >= 768px) {
            left: var(--blog-fw-image-hotspot-2-x-dsk);
            top: var(--blog-fw-image-hotspot-2-y-dsk);
          }
        }
      }
    }

    .full-width-video {
      .video-container:has(> iframe) {
        aspect-ratio: 16/9;
        position: relative;
        width: 100%;
      }
      iframe,
      video {
        aspect-ratio: var(--blog-content-full-video-aspect-ratio-mob);
        height: 100%;
        object-fit: var(--blog-fw-video-object-fit-mob);
        object-position: var(--blog-fw-video-object-pos-mob);
        width: 100%;

        @media (width >= 768px) {
          aspect-ratio: var(--blog-content-full-video-aspect-ratio-dsk);
          object-fit: var(--blog-fw-video-object-fit-dsk);
          object-position: var(--blog-fw-video-object-pos-dsk);
        }
      }
    }

    .half-half-split {
      display: grid;
      gap: clamp(0.75rem, 1.5vw, 2rem);

      @media (width < 768px) {
        &.stacked_mob {
          grid-template-columns: 1fr;
        }

        &.side_by_side_mob {
          grid-template-columns: repeat(2, 1fr);
        }
      }

      @media (width >= 768px) {
        &.stacked_dsk {
          grid-template-columns: 1fr;
        }

        &.side_by_side_dsk {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      &.container {
        @media (width < 768px) {
          padding-inline: 0;
        }
      }

      .media-1 {
        img,
        picture {
          aspect-ratio: var(--blog-hh-media-1-aspect-ratio-mob);
          object-fit: var(--blog-hh-media-1-object-fit-mob);
          object-position: var(--blog-hh-media-1-object-pos-mob);

          @media (width >= 768px) {
            aspect-ratio: var(--blog-hh-media-1-aspect-ratio-dsk);
            object-fit: var(--blog-hh-media-1-object-fit-dsk);
            object-position: var(--blog-hh-media-1-object-pos-dsk);
          }

          @media (width >= 1200px) {
            min-width: 495px;
          }
        }

        @media (width >= 768px) {

          &.max-width-applied {
            margin-left: auto;

            img,
            picture {
              max-width: var(--blog-hh-media-1-max-width-dsk);
            }
          }
          }

        .has-hotspots {
          .hotspot-1 {
            left: var(--blog-hh-media-1-hotspot-1-x-mob);
            top: var(--blog-hh-media-1-hotspot-1-y-mob);

            @media (width >= 768px) {
              left: var(--blog-hh-media-1-hotspot-1-x-dsk);
              top: var(--blog-hh-media-1-hotspot-1-y-dsk);
            }
          }
          .hotspot-2 {
            left: var(--blog-hh-media-1-hotspot-2-x-mob);
            top: var(--blog-hh-media-1-hotspot-2-y-mob);

            @media (width >= 768px) {
              left: var(--blog-hh-media-1-hotspot-2-x-dsk);
              top: var(--blog-hh-media-1-hotspot-2-y-dsk);
            }
          }
        }
      }

      .media-2 {
        img,
        picture {
          aspect-ratio: var(--blog-hh-media-2-aspect-ratio-mob);
          object-fit: var(--blog-hh-media-2-object-fit-mob);
          object-position: var(--blog-hh-media-2-object-pos-mob);

          @media (width >= 768px) {
            aspect-ratio: var(--blog-hh-media-2-aspect-ratio-dsk);
            object-fit: var(--blog-hh-media-2-object-fit-dsk);
            object-position: var(--blog-hh-media-2-object-pos-dsk);
          }

          @media (width >= 1200px) {
            min-width: 495px;
          }
        }

        @media (width >= 768px) {

          &.max-width-applied {
            margin-right: auto;

            img,
            picture {
              max-width: var(--blog-hh-media-2-max-width-dsk);
            }
          }
        }
        .has-hotspots {
          .hotspot-1 {
            left: var(--blog-hh-media-2-hotspot-1-x-mob);
            top: var(--blog-hh-media-2-hotspot-1-y-mob);

            @media (width >= 768px) {
              left: var(--blog-hh-media-2-hotspot-1-x-dsk);
              top: var(--blog-hh-media-2-hotspot-1-y-dsk);
            }
          }
          .hotspot-2 {
            left: var(--blog-hh-media-2-hotspot-2-x-mob);
            top: var(--blog-hh-media-2-hotspot-2-y-mob);

            @media (width >= 768px) {
              left: var(--blog-hh-media-2-hotspot-2-x-dsk);
              top: var(--blog-hh-media-2-hotspot-2-y-dsk);
            }
          }
        }
      }
    }
  }
}