/* Mirror-only enhancements (not in the source). Loaded AFTER the original
   stylesheet so it overrides. Fixes the category "swipe" section:
   - hides the ugly native horizontal scrollbar the source leaves exposed
   - adds grab/grabbing affordance for the new drag-to-swipe (see mirror-fixes.js) */

.tms-category-track {
  scrollbar-width: none;          /* Firefox */
  -ms-overflow-style: none;       /* old Edge/IE */
  cursor: grab;
  scroll-padding-left: 4px;
  -webkit-overflow-scrolling: touch;
}
.tms-category-track::-webkit-scrollbar {   /* Chrome/Safari */
  width: 0;
  height: 0;
  display: none;
}
.tms-category-track.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;          /* follow the pointer 1:1 while dragging */
  scroll-snap-type: none;
}
.tms-category-track.is-dragging a {
  pointer-events: none;           /* don't trigger navigation mid-drag */
}

/* ── image sizing fixes (mirror) ─────────────────────────────── */
/* PDP stage: never crop the product — contain on white */
.pdp-stage { background:#fff !important; }
.pdp-stage-img { object-fit: contain !important; background:#fff; }
.pdp-thumb { background:#fff !important; }
.pdp-thumb img { object-fit: contain !important; background:#fff; }
/* product cards in grid: contain so tall/wide shots are not cut */
.tms-product-media { background:#fff !important; }
.tms-product-media img { object-fit: contain !important; width:100%; height:100%; background:#fff; }
/* category carousel cards keep cover (lifestyle crops look good) but center */
.tms-category-carousel-media img { object-fit: cover; object-position: center; width:100%; height:100%; }