/* CATALOGUE POPUP LINK POSITION OVERRIDE */

@media (min-width: 921px) {
  .release-modal-info {
    position: relative !important;
    padding-bottom: 0 !important;
  }

  .release-modal-credits {
    margin-bottom: 34px !important;
  }

  .release-modal-links {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    width: auto !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .release-modal-links a,
  .release-modal-links span {
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: 0.16em !important;
    font-weight: 400 !important;
  }
}

@media (max-width: 1280px) and (min-width: 921px), (max-height: 760px) and (min-width: 921px) {
  .release-modal-credits {
    margin-bottom: 28px !important;
  }

  .release-modal-links {
    right: 0 !important;
    bottom: 0 !important;
    gap: 6px !important;
  }

  .release-modal-links a,
  .release-modal-links span {
    font-size: 8px !important;
    letter-spacing: 0.13em !important;
  }
}

@media (max-width: 680px) {
  .release-modal-title {
    font-size: 21px !important;
    line-height: 1.02 !important;
    letter-spacing: 0.12em !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
  }

  .release-modal-title span {
    display: inline !important;
  }

  .release-modal-title span:first-child::after {
    content: " - " !important;
  }
}

@media (max-width: 390px) {
  .release-modal-title {
    font-size: 19px !important;
    letter-spacing: 0.1em !important;
  }
}

/* COIL BREAKS COVER PATCH */
#crap008-coil-breaks .catalogue-cover,
#crap009-coil-breaks .catalogue-cover {
  position: relative !important;
  background-color: #fff !important;
}

#crap008-coil-breaks .catalogue-cover::after,
#crap009-coil-breaks .catalogue-cover::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  z-index: 3 !important;
  background-image: url("https://f4.bcbits.com/img/a2699047796_10.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  pointer-events: none !important;
}

/* CATALOGUE MENU ORDER IMAGE PATCH */
.image-nav a[href="mail-order.html"] img[src="assets/ui/mail-order.svg"] {
  content: url("assets/ui/order.png") !important;
}

/* MOBILE CATALOGUE GRID ONLY */
@media (max-width: 680px) {
  .catalogue-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 16px !important;
  }
}