/* ISC r7 (6.18.62): product photo thumbnail strip.
   One horizontal row under the main photo on every width. Native overflow scrolling (swipe / trackpad)
   plus prev/next arrows that appear only when the row overflows in that direction.
   Replaces the slick carousel (data-slick on >6 images): theme grid rules + the mobile Script Manager flex rule
   collapsed slick's track to ~12px, stacking all thumbnails in a sliver. Selectors out-rank both. */
html body .productView .isc-thumbs{position:relative !important;margin:14px 0 0 !important;padding:0 !important;--isc-thumb:84px}
html body .productView .isc-thumbs .productView-thumbnails.isc-thumbs__track{
  display:flex !important;flex-wrap:nowrap !important;gap:8px !important;grid-template-columns:none !important;
  overflow-x:auto !important;overflow-y:hidden !important;-webkit-overflow-scrolling:touch !important;
  scroll-snap-type:x proximity;scroll-padding-inline:2px;scroll-behavior:smooth;scrollbar-width:none !important;
  list-style:none !important;margin:0 !important;padding:2px !important;width:auto !important;max-width:100% !important;height:auto !important}
html body .productView .isc-thumbs .productView-thumbnails.isc-thumbs__track::-webkit-scrollbar{display:none !important}
html body .productView .isc-thumbs .productView-thumbnails.isc-thumbs__track::before,
html body .productView .isc-thumbs .productView-thumbnails.isc-thumbs__track::after{display:none !important;content:none !important}
html body .productView .isc-thumbs .isc-thumbs__track > .productView-thumbnail{
  flex:0 0 var(--isc-thumb) !important;width:var(--isc-thumb) !important;max-width:none !important;height:auto !important;
  float:none !important;margin:0 !important;padding:0 !important;scroll-snap-align:start;list-style:none !important}
html body .productView .isc-thumbs .isc-thumbs__track > .productView-thumbnail > .productView-thumbnail-link{
  display:block !important;width:100% !important;height:auto !important;aspect-ratio:1/1 !important;box-sizing:border-box !important}
html body .productView .isc-thumbs .isc-thumbs__track > .productView-thumbnail > .productView-thumbnail-link img{
  width:100% !important;height:100% !important;object-fit:contain !important}
html body .productView .isc-thumbs .isc-thumbs__btn{
  position:absolute !important;top:50% !important;transform:translateY(-50%) !important;z-index:3 !important;
  width:34px !important;height:34px !important;min-height:0 !important;margin:0 !important;padding:0 !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  border:1px solid rgba(14,27,44,.18) !important;border-radius:50% !important;background:#fff !important;color:#0E1B2C !important;
  box-shadow:0 2px 8px rgba(14,27,44,.18) !important;cursor:pointer !important;opacity:1 !important}
html body .productView .isc-thumbs .isc-thumbs__btn:hover,html body .productView .isc-thumbs .isc-thumbs__btn:focus-visible{border-color:#B8862E !important}
html body .productView .isc-thumbs .isc-thumbs__btn svg{width:16px;height:16px;display:block}
html body .productView .isc-thumbs .isc-thumbs__prev{left:-6px !important}
html body .productView .isc-thumbs .isc-thumbs__next{right:-6px !important}
html body .productView .isc-thumbs .isc-thumbs__btn[hidden]{display:none !important}
@media (max-width:1100px){html body .productView .isc-thumbs{--isc-thumb:72px}}
@media (max-width:800px){html body .productView .isc-thumbs{--isc-thumb:64px;margin-top:8px !important}
  html body .productView .isc-thumbs .isc-thumbs__prev{left:0 !important}html body .productView .isc-thumbs .isc-thumbs__next{right:0 !important}}
/* Nameplate builder: photos collapse behind its toggle (mirrors isc-plate-builder.css). */
.productView.isc-pdp-redesign-on.isc-plate-mode:not(.isc-plate-mode--photos) .isc-media-rail .isc-thumbs{display:none !important}