/* Local fixes for mirrored Shilajit storefront */

@media screen and (min-width: 990px) {
  .header.header--top-left.header--has-menu {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto !important;
    grid-template-areas:
      "heading icons"
      "navigation navigation" !important;
    column-gap: 1rem;
    row-gap: 0.75rem !important;
    align-items: center;
  }

  .header.header--top-left .header__heading {
    grid-area: heading !important;
  }

  .header.header--top-left .header__icons {
    grid-area: icons !important;
  }

  /* Beat section-level margin-top:-70px !important that overlaps logo */
  .header.header--top-left .header__inline-menu,
  [id^="shopify-section-"] nav.header__inline-menu {
    grid-area: navigation !important;
    margin-top: 0 !important;
  }

  .header__heading-logo,
  .header__heading-logo-wrapper img {
    max-height: 56px;
    width: auto;
    height: auto;
  }
}

.card__media img.product-grid-primary__image {
  opacity: 1 !important;
  visibility: visible !important;
}


/* SU_JXL_FALLBACK_MEDIA */
.card__media img,
.product-grid-primary__image,
.product-grid-secondary__image,
.product__media img {
  object-fit: contain;
  background: #f3f0e8;
}
