/**
 * bububu.sk — experimentálna desktopová produktová galéria
 * Vyžaduje: bububu-product-gallery-desktop.js
 * Mobil a tablet pod 992 px zostávajú bez zmeny.
 */

@media (min-width: 992px) {
  body.type-product .product-top.bb-gallery-layout-ready {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(360px, 1fr);
    align-items: start;
    gap: clamp(18px, 2vw, 28px);
    margin-right: 0;
    margin-left: 0;
  }

  body.type-product .product-top.bb-gallery-layout-ready > .p-detail-info {
    grid-column: 1 / -1;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }

  body.type-product .product-top.bb-gallery-layout-ready > .p-image-wrapper,
  body.type-product .product-top.bb-gallery-layout-ready > .p-info-wrapper {
    float: none;
    width: auto;
    max-width: none;
  }

  body.type-product .product-top.bb-gallery-layout-ready > .p-image-wrapper {
    min-width: 0;
    padding: 0;
  }

  body.type-product .product-top.bb-gallery-layout-ready > .p-info-wrapper {
    position: sticky;
    top: 24px;
    align-self: start;
    margin: 0;
  }

  body.type-product .p-image-wrapper.bb-gallery-ready > .p-image,
  body.type-product .p-image-wrapper.bb-gallery-ready > .p-thumbnails-wrapper {
    display: none !important;
  }

  body.type-product .bb-product-gallery {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
  }

  body.type-product .bb-product-gallery__item {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 4px;
    background: #f4f3ef;
    cursor: zoom-in;
  }

  body.type-product .bb-product-gallery__item img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: contain;
    transition: transform .3s ease;
  }

  body.type-product .bb-product-gallery__item:hover img {
    transform: scale(1.025);
  }

  body.type-product .bb-product-gallery__item:focus-visible {
    outline: 3px solid rgba(198, 60, 54, .28);
    outline-offset: 3px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.type-product .bb-product-gallery__item img {
    transition: none;
  }
}