/* V33 — FIXED-SIZE PAGE THUMBNAILS
   The thumbnails NEVER shrink with the browser.
   Only the NUMBER OF VISIBLE SLOTS changes at breakpoints. */

.thumb-strip-wrap {
  display:grid !important;
  grid-template-columns:44px auto 44px !important;
  gap:12px !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

#thumbRow {
  display:flex !important;
  gap:12px !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  width:auto !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
}

#thumbRow .thumb {
  flex:0 0 150px !important;
  width:150px !important;
  height:118px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:transparent !important;
  box-sizing:border-box !important;
}

#thumbRow .thumb img {
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
}

#thumbRow .thumb.dl-fixed-slot-hidden {
  display:none !important;
}

.thumb-scroll {
  display:block !important;
  width:44px !important;
  min-width:44px !important;
  height:118px !important;
  margin:0 !important;
  padding:0 !important;
  align-self:center !important;
}

/* 5 fixed thumbnails */
@media (min-width:850px) {
  #thumbRow { width:798px !important; } /* 5*150 + 4*12 */
}

/* 4 fixed thumbnails */
@media (min-width:700px) and (max-width:849px) {
  #thumbRow { width:636px !important; } /* 4*150 + 3*12 */
}

/* 3 fixed thumbnails */
@media (min-width:520px) and (max-width:699px) {
  #thumbRow { width:474px !important; } /* 3*150 + 2*12 */
}

/* 2 fixed thumbnails */
@media (max-width:519px) {
  .thumb-strip-wrap {
    grid-template-columns:36px auto 36px !important;
    gap:8px !important;
  }

  #thumbRow {
    width:312px !important; /* 2*150 + 12 */
  }

  .thumb-scroll {
    width:36px !important;
    min-width:36px !important;
  }
}