/* JP 2_2_1 temperature tape BS5 v1 - B-zone only minimal compatibility patch.
   Frozen: formal desktop navbar/footer; formal mobile shell; JP B DOM/text/href/img src; all image files.
   Chinese BS5 same-name page is technical geometry reference only. */

/* ---------- B common: remove BS5 card chrome, preserve images, links ---------- */
body.jp-bs5-2-2-1-temperature-tape-page > .container .thumbnail,
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray .thumbnail {
  border:0 !important;
  border-color:transparent !important;
  box-shadow:none !important;
  outline:0 !important;
}
body.jp-bs5-2-2-1-temperature-tape-page > .container img,
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray img {
  max-width:100% !important;
  height:auto !important;
}
body.jp-bs5-2-2-1-temperature-tape-page > .container .more a,
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray .more a,
body.jp-bs5-2-2-1-temperature-tape-page > .container .more a:hover,
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray .more a:hover,
body.jp-bs5-2-2-1-temperature-tape-page > .container .more a:focus,
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray .more a:focus,
body.jp-bs5-2-2-1-temperature-tape-page > .container .more a:active,
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray .more a:active,
body.jp-bs5-2-2-1-temperature-tape-page > .container .more a:visited,
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray .more a:visited {
  text-decoration:none !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}
body.jp-bs5-2-2-1-temperature-tape-page {
  --jp-tape-more-icon-size:1.5em;
  --jp-tape-more-icon-gap:0.25em;
}
body.jp-bs5-2-2-1-temperature-tape-page > .container .more .glyphicon-menu-right,
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray .more .glyphicon-menu-right {
  display:inline-block !important;
  font-size:var(--jp-tape-more-icon-size) !important;
  margin-left:var(--jp-tape-more-icon-gap) !important;
  vertical-align:middle !important;
}

/* ---------- B1 full-width main visual ---------- */
body.jp-bs5-2-2-1-temperature-tape-page > nav + .container-fluid {
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
  overflow:hidden !important;
  text-align:center !important;
}
body.jp-bs5-2-2-1-temperature-tape-page > nav + .container-fluid > .row,
body.jp-bs5-2-2-1-temperature-tape-page > nav + .container-fluid .row {
  --bs-gutter-x:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
body.jp-bs5-2-2-1-temperature-tape-page > nav + .container-fluid .col-xs-12,
body.jp-bs5-2-2-1-temperature-tape-page > nav + .container-fluid .col-sm-12 {
  width:100% !important;
  max-width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
body.jp-bs5-2-2-1-temperature-tape-page img[src="img/2_2_1_01_temperature_tape.jpg"] {
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 auto !important;
  object-fit:initial !important;
}

/* ---------- A1 product selector + electrical-insulation B2 ---------- */
body.jp-bs5-2-2-1-temperature-tape-page > a[name="a1"] + .container {
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:flex-start !important;
}
body.jp-bs5-2-2-1-temperature-tape-page > a[name="a1"] + .container > .col-sm-12 {
  width:100% !important;
  max-width:100% !important;
  flex:0 0 100% !important;
  float:none !important;
}
body.jp-bs5-2-2-1-temperature-tape-page > a[name="a1"] + .container > .col-sm-1 {
  width:0 !important;
  max-width:0 !important;
  flex:0 0 0 !important;
  padding:0 !important;
  float:none !important;
}
body.jp-bs5-2-2-1-temperature-tape-page > a[name="a1"] + .container > .col-sm-3 {
  width:33.33333333% !important;
  max-width:33.33333333% !important;
  flex:0 0 33.33333333% !important;
  float:none !important;
}
body.jp-bs5-2-2-1-temperature-tape-page > a[name="a1"] + .container > .col-sm-3 .thumbnail {
  margin-bottom:0 !important;
}
body.jp-bs5-2-2-1-temperature-tape-page > a[name="a1"] + .container .btn {
  text-decoration:none !important;
  white-space:normal !important;
  max-width:100% !important;
}
body.jp-bs5-2-2-1-temperature-tape-page > a[name="a1"] + .container > .col-sm-6 {
  width:50% !important;
  max-width:50% !important;
  flex:0 0 50% !important;
  float:none !important;
}
body.jp-bs5-2-2-1-temperature-tape-page img[src="img/2_2_1_02_temperature_tape.jpg"],
body.jp-bs5-2-2-1-temperature-tape-page img[src="img/2_2_1_03_temperature_tape.jpg"] {
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* ---------- B3 gray electrical-insulation zone ---------- */
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray,
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray > .container,
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray .thumbnail {
  background:#f2f2f2 !important;
}
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray > .container {
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:flex-start !important;
}
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray > .container > .col-sm-6 {
  width:50% !important;
  max-width:50% !important;
  flex:0 0 50% !important;
  float:none !important;
}
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray > .container > .col-sm-12 {
  width:100% !important;
  max-width:100% !important;
  flex:0 0 100% !important;
  float:none !important;
}
body.jp-bs5-2-2-1-temperature-tape-page img[src="img/2_2_1_04_temperature_tape.png"] {
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 auto !important;
}

/* ---------- B4 heat-resistant Teflon tape zone ---------- */
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray + .container {
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:flex-start !important;
}
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray + .container > .col-sm-12 {
  width:100% !important;
  max-width:100% !important;
  flex:0 0 100% !important;
  float:none !important;
}
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray + .container > .col-sm-6 {
  width:50% !important;
  max-width:50% !important;
  flex:0 0 50% !important;
  float:none !important;
}
body.jp-bs5-2-2-1-temperature-tape-page img[src="img/2_2_1_04-1_temperature_tape.jpg"],
body.jp-bs5-2-2-1-temperature-tape-page img[src="img/2_2_1_04-2_temperature_tape.jpg"] {
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* ---------- B5 bottom dual-image zone: desktop 50/50 with no center gutter ---------- */
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray + .container + .container-fluid,
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray + .container + .container-fluid > .row,
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray + .container + .container-fluid > .row > .col-xs-12,
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray + .container + .container-fluid > .row > .col-sm-12,
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray + .container + .container-fluid > .row > .col-sm-12 > .row {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  --bs-gutter-x:0 !important;
}
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray + .container + .container-fluid > .row > .col-sm-12 > .row {
  display:flex !important;
  flex-wrap:nowrap !important;
}
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray + .container + .container-fluid .col-sm-6 {
  width:50% !important;
  max-width:50% !important;
  flex:0 0 50% !important;
  float:none !important;
  padding:0 !important;
}
body.jp-bs5-2-2-1-temperature-tape-page > .back-gray + .container + .container-fluid .col-sm-6 > .row {
  margin:0 !important;
  padding:0 !important;
}
body.jp-bs5-2-2-1-temperature-tape-page img[src="img/2_2_1_05_temperature_tape.jpg"],
body.jp-bs5-2-2-1-temperature-tape-page img[src="img/2_2_1_06_temperature_tape.jpg"] {
  display:block !important;
  float:none !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 !important;
}

/* ---------- Mobile: all B columns stack; inherited 400px B1 swipe/recenter ---------- */
@media (max-width:767.98px) {
  body.jp-bs5-2-2-1-temperature-tape-page > a[name="a1"] + .container,
  body.jp-bs5-2-2-1-temperature-tape-page > .back-gray > .container,
  body.jp-bs5-2-2-1-temperature-tape-page > .back-gray + .container {
    display:block !important;
  }
  body.jp-bs5-2-2-1-temperature-tape-page > a[name="a1"] + .container > .col-xs-12,
  body.jp-bs5-2-2-1-temperature-tape-page > a[name="a1"] + .container > .col-sm-1,
  body.jp-bs5-2-2-1-temperature-tape-page > a[name="a1"] + .container > .col-sm-3,
  body.jp-bs5-2-2-1-temperature-tape-page > a[name="a1"] + .container > .col-sm-6,
  body.jp-bs5-2-2-1-temperature-tape-page > a[name="a1"] + .container > .col-sm-12,
  body.jp-bs5-2-2-1-temperature-tape-page > .back-gray > .container > .col-xs-12,
  body.jp-bs5-2-2-1-temperature-tape-page > .back-gray > .container > .col-sm-6,
  body.jp-bs5-2-2-1-temperature-tape-page > .back-gray > .container > .col-sm-12,
  body.jp-bs5-2-2-1-temperature-tape-page > .back-gray + .container > .col-xs-12,
  body.jp-bs5-2-2-1-temperature-tape-page > .back-gray + .container > .col-sm-6,
  body.jp-bs5-2-2-1-temperature-tape-page > .back-gray + .container > .col-sm-12 {
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    padding-left:15px !important;
    padding-right:15px !important;
  }
  body.jp-bs5-2-2-1-temperature-tape-page > a[name="a1"] + .container > .col-sm-1 {
    display:none !important;
  }
  body.jp-bs5-2-2-1-temperature-tape-page > .back-gray + .container + .container-fluid > .row > .col-sm-12 > .row {
    display:block !important;
  }
  body.jp-bs5-2-2-1-temperature-tape-page > .back-gray + .container + .container-fluid .col-xs-12,
  body.jp-bs5-2-2-1-temperature-tape-page > .back-gray + .container + .container-fluid .col-sm-6 {
    float:none !important;
    width:100% !important;
    max-width:100% !important;
  }

  body.jp-bs5-2-2-1-temperature-tape-page > nav + .container-fluid {
    width:100% !important;
    max-width:100% !important;
    height:400px !important;
    padding:0 !important;
    margin:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    scrollbar-width:none;
    touch-action:pan-x pan-y;
  }
  body.jp-bs5-2-2-1-temperature-tape-page > nav + .container-fluid::-webkit-scrollbar {display:none;width:0;height:0;}
  body.jp-bs5-2-2-1-temperature-tape-page > nav + .container-fluid > .row,
  body.jp-bs5-2-2-1-temperature-tape-page > nav + .container-fluid > .row > .col-xs-12,
  body.jp-bs5-2-2-1-temperature-tape-page > nav + .container-fluid > .row > .col-sm-12,
  body.jp-bs5-2-2-1-temperature-tape-page > nav + .container-fluid > .row > .col-xs-12 > .row,
  body.jp-bs5-2-2-1-temperature-tape-page > nav + .container-fluid > .row > .col-sm-12 > .row {
    width:max-content !important;
    min-width:100% !important;
    max-width:none !important;
    height:400px !important;
    min-height:400px !important;
    margin:0 !important;
    padding:0 !important;
    flex-wrap:nowrap !important;
  }
  body.jp-bs5-2-2-1-temperature-tape-page img[src="img/2_2_1_01_temperature_tape.jpg"] {
    display:block !important;
    width:auto !important;
    min-width:100vw !important;
    max-width:none !important;
    height:400px !important;
    min-height:400px !important;
    object-fit:cover !important;
    object-position:center center !important;
    margin:0 !important;
    padding:0 !important;
    scroll-snap-align:center;
    scroll-snap-stop:always;
    user-select:none;
    -webkit-user-drag:none;
  }
}
