/* gallery-guards.css
   Load this AFTER https://assets.expivi.net/options/latest/css/app.css
   Purpose: prevent Expivi/Vuetify global rules from enlarging gallery images.
*/

/* 1) Base gallery image rules */
.product-slider-wrapper :where(img) {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;   /* keep images within their slide */
  max-height: none !important;
  object-fit: contain;
}

/* 2) Explicitly ignore utilities that might force centering/width */
.product-slider-wrapper .text-center { text-align: inherit !important; }
.product-slider-wrapper .small, 
.product-slider-wrapper small { font-size: inherit; }

/* 3) Zoom plugin: keep the hidden zoom image from affecting layout */
.product-slider-wrapper .zoom {
  position: relative;
  overflow: hidden;
}
/* The zoom image is absolutely positioned; ensure it never sizes the layout */
.product-slider-wrapper .zoom .zoomImg {
  position: absolute !important;
  max-width: none !important;
  max-height: none !important;
  width: auto !important;
  height: auto !important;
  pointer-events: none;       /* stays interactive via plugin */
}

/* 4) Slick structural guards (just in case) */
.product-slider-wrapper .slick-list { overflow: hidden; }
.product-slider-wrapper .slick-slide img { display: block; }
.product-slider-wrapper .slick-track { will-change: transform; }