/* Image quality, gallery controls and compact native Quick View presentation.
   Product data, stock, combinations and cart validation remain native. */

@media (min-width: 768px) {
  .product-miniature__image-container:not(.has-previews) .jojo-card-gallery__control {
    display: none !important;
  }

  .jojo-card-gallery__control {
    align-items: center;
    background: rgba(255,255,255,.82) !important;
    border: 1px solid rgba(20,20,20,.12) !important;
    border-radius: 50%;
    box-shadow: 0 2px 10px rgba(0,0,0,.08);
    color: #171717 !important;
    display: flex;
    height: 28px !important;
    justify-content: center;
    opacity: 0;
    text-shadow: none !important;
    width: 28px !important;
  }

  .jojo-card-gallery__control--prev { left: 10px !important; }
  .jojo-card-gallery__control--next { right: 10px !important; }
  .jojo-card-gallery__control::before { height: 6px !important; width: 6px !important; }
  .jojo-card-gallery__control--prev::before,
  .jojo-card-gallery__control--next::before { margin: auto !important; }
  .product-miniature:hover .jojo-card-gallery__control,
  .product-miniature:focus-within .jojo-card-gallery__control { opacity: .92; }
  .jojo-card-gallery__control:hover { background: #fff !important; opacity: 1 !important; }
}

@media (max-width: 767.98px) {
  .quickview__dialog {
    align-items: flex-end;
    margin: 0;
    max-width: none;
    min-height: 100%;
    width: 100%;
  }

  .quickview__content {
    border: 0;
    border-radius: 0;
    max-height: min(82svh,700px);
  }

  .quickview__header {
    border: 0;
    min-height: 42px;
    padding: 8px 12px 0;
  }

  .quickview__header .btn-close { height: 26px; margin: 0 0 0 auto; padding: 0; width: 26px; }

  .quickview__body {
    display: grid !important;
    gap: 12px;
    grid-template-columns: minmax(92px,30vw) minmax(0,1fr);
    overflow-x: hidden;
    padding: 6px 14px 14px !important;
  }

  .quickview .product__left { min-width: 0; }
  .quickview .product__right { min-width: 0; padding: 0 !important; }
  .quickview .product__thumbnails,
  .quickview .product__zoom,
  .quickview .carousel-control-prev,
  .quickview .carousel-control-next,
  .quickview .product__description-short,
  .quickview__footer .ps-sharebuttons { display: none !important; }

  .quickview .product__carousel,
  .quickview .product__carousel .carousel-inner,
  .quickview .product__carousel .carousel-item { height: auto !important; margin: 0 !important; }

  .quickview .product__carousel img {
    aspect-ratio: .72;
    height: auto !important;
    object-fit: cover;
    width: 100% !important;
  }

  .quickview .product__name {
    font-family: var(--jojo-condensed) !important;
    font-size: 17px !important;
    font-weight: 700;
    line-height: 1.05 !important;
    margin: 0 0 4px !important;
    text-transform: uppercase;
  }

  .quickview .product__manufacturer { font-size: 9px; margin: 0 0 4px; }
  .quickview .product__prices { margin: 0 0 9px !important; }
  .quickview .product__price { font-size: 16px !important; }
  .quickview .product__variants { margin: 0 0 8px !important; }
  .quickview .product-variant { margin: 0 0 7px !important; }
  .quickview .product-variant__label,
  .quickview .product-variants-item .control-label { font-size: 10px !important; margin-bottom: 4px !important; }
  .quickview .product-variant select,
  .quickview .product-variants-item select { font-size: 12px; min-height: 38px; padding-block: 5px; }

  .quickview .product-actions__quantity,
  .quickview .product-add-to-cart,
  .quickview .product__add-to-cart { gap: 7px !important; margin: 0 !important; }

  .quickview .quantity-button,
  .quickview .qty-input,
  .quickview .input-group { height: 36px !important; max-width: 86px; }
  .quickview .quantity-button button,
  .quickview .qty-input button,
  .quickview .input-group button { height: 36px !important; min-width: 26px !important; padding: 0 !important; width: 26px !important; }
  .quickview .quantity-button input,
  .quickview .qty-input input,
  .quickview .input-group input { font-size: 12px !important; height: 36px !important; min-width: 30px; padding: 0 3px !important; }
  .quickview .add-to-cart { flex: 1; font-size: 11px !important; min-height: 40px !important; padding: 8px 12px !important; }

  .quickview__footer {
    border-top: 1px solid #e6e2dc;
    min-height: 42px;
    padding: 8px 14px !important;
  }
  .quickview__details-link { font-size: 10px; letter-spacing: .06em; }
}