.product-information__grid {
  .slideshow-toolbar {
    display: none;
  }
}

.product-information__grid:not(:has(.product-information__media:empty)) {
  @media screen and (min-width: 750px) {
    grid-template-columns: repeat(12, 1fr) !important;
    grid-template-rows: 1fr !important;

    .product-information__media {
      grid-area: 1 / 1 / 2 / 6;
    }

    .product-details {
      grid-area: 1 / 7 / 2 / 13;
    }
  }
}

.product-details .h1 {
  text-decoration: underline;
  text-decoration-color: var(--color-border);
  text-decoration-thickness: 1px;
  text-underline-offset: 0;

  @media screen and (max-width: 749px) {
    font-size: var(--font-size--lg) !important;
  }
}

.button.add-to-cart-button {
  min-height: 3.7rem;

  .add-to-cart-text {
    justify-content: space-between;
    width: 100%;
  }

  .svg-wrapper {
    order: 2;
    width: var(--icon-size-lg);
    height: var(--icon-size-lg);
    margin-left: auto;

    svg {
      width: var(--icon-size-lg);
      height: var(--icon-size-lg);
    }
  }
}

.buy-buttons-block:not(:has(.button.add-to-cart-button)) {
  display: none;
}

/* SEO variants */
/* stylelint-disable selector-max-id */
.shopify-block[data-block-handle='variants'],
#seo-variants {
  min-height: 171px;

  .seo-variants__label {
    margin-block: 0 var(--margin-xs);
    color: var(--color-foreground);
    font-weight: 500;
  }

  .seo-variants__list {
    margin: 0;
  }

  .seo-variants__button {
    border-radius: var(--bbd-border-radius);
  }

  .seo-variants__list.is-style-image .seo-variants__item div.swatch-border:hover {
    border: 0;
  }

  @media screen and (max-width: 749px) {
    min-height: 141px;

    .swatch-border {
      width: 100px;
      height: 100px;
    }
  }
}
/* stylelint-enable selector-max-id */

/* Media gallery - Zoom dialog */
zoom-dialog {
  .product-media {
    align-items: center;
    justify-content: center;
    width: 100%;
    max-height: 100dvh;

    img {
      width: auto;
      height: 100%;
    }
  }

  .dialog-zoomed-gallery__close-button {
    justify-content: center;
    outline: 0;
    border-radius: var(--bbd-border-radius);
    mix-blend-mode: unset;
    color: var(--color-secondary-button-text);

    .icon-close {
      width: var(--icon-size-lg);
      height: var(--icon-size-lg);
    }

    &:hover,
    &:focus-visible {
      color: var(--color-secondary-button-hover-text);
      background-color: var(--color-secondary-button-hover-background);
    }
  }
}

/* Vendor group */
.bbd-vendor-group {
  a {
    &:hover,
    &:focus-visible {
      color: var(--color-primary-hover);
      text-decoration: underline;
    }
  }
}