/* Japanese 2_2_3 BS3 -> BS5 v1
   Golden B-layout reference: Chinese BS5 standard-correct same-name page.
   Japanese B DOM/img src/text/href remain byte-exact from BS3 source. Images are never edited. */

body.jp-bs5-2-2-3-glass-cloth-foil-tape-page{overflow-x:hidden;}

/* B cards: clean borderless presentation matching the Chinese standard page. */
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > .container .thumbnail,
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > .back-gray .thumbnail{
  border:0 !important;
  border-color:transparent !important;
  box-shadow:none !important;
  outline:0 !important;
}

/* B links frozen style: no underline; right glyph 1.5x text with one visual-space gap. */
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page .more a{
  text-decoration:none !important;
  text-decoration-line:none !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page .more a .glyphicon-menu-right{
  font-size:1.5em !important;
  line-height:inherit !important;
  margin-left:.25em !important;
  top:0 !important;
  vertical-align:baseline !important;
}

/* B1: Chinese desktop geometry = no gutters, natural ratio, centered. */
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > .container-fluid:has(img[src="img/2_2_03_1_foil_tape.jpg"]){
  padding:0 !important;
  margin:0 !important;
  overflow:hidden;
  background:#f2f2f2 !important;
}
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > .container-fluid:has(img[src="img/2_2_03_1_foil_tape.jpg"]) > .row,
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > .container-fluid:has(img[src="img/2_2_03_1_foil_tape.jpg"]) [class*="col-"],
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > .container-fluid:has(img[src="img/2_2_03_1_foil_tape.jpg"]) .row:has(> img[src="img/2_2_03_1_foil_tape.jpg"]){
  --bs-gutter-x:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:#f2f2f2 !important;
}
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page img[src="img/2_2_03_1_foil_tape.jpg"]{
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 auto !important;
  object-fit:initial !important;
}

/* B2 main container: two-column grid; title/nav/blank separator span full width. */
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > a[name="a1"] + .container{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  align-items:stretch !important;
}
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > a[name="a1"] + .container > .col-sm-12{
  grid-column:1 / -1 !important;
  width:100% !important;
  max-width:100% !important;
  float:none !important;
  clear:both !important;
}
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > a[name="a1"] + .container > .col-sm-6{
  float:none !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
}
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > a[name="a1"] + .container > .col-sm-6 > .thumbnail{
  height:100% !important;
}

/* B2-1 category navigation: Chinese standard desktop positions. */
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > a[name="a1"] + .container > .col-sm-12:first-child{
  display:grid !important;
  grid-template-columns:50px max-content 150px max-content 150px max-content minmax(0,1fr) !important;
  align-items:stretch !important;
}
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > a[name="a1"] + .container > .col-sm-12:first-child > .thumbnail:first-child{
  grid-column:1 / -1 !important;
  grid-row:1 !important;
  margin:40px 0 10px 0 !important;
}
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > a[name="a1"] + .container > .col-sm-12:first-child > .col-sm-1{display:none !important;}
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > a[name="a1"] + .container > .col-sm-12:first-child > .col-sm-3{
  float:none !important;
  width:auto !important;
  max-width:none !important;
  padding:0 !important;
  grid-row:2 !important;
}
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > a[name="a1"] + .container > .col-sm-12:first-child > .col-sm-3:nth-of-type(3){grid-column:2 !important;}
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > a[name="a1"] + .container > .col-sm-12:first-child > .col-sm-3:nth-of-type(4){grid-column:4 !important;}
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > a[name="a1"] + .container > .col-sm-12:first-child > .col-sm-3:nth-of-type(5){grid-column:6 !important;}
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > a[name="a1"] + .container > .col-sm-12:first-child .btn{
  white-space:normal !important;
  max-width:100% !important;
  font-size:18px !important;
}
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > a[name="a1"] + .container > .col-sm-12:first-child .text-center{
  text-align:left !important;
  margin:0 !important;
}

/* B2-2 and B2-3: each product pair is 50/50, equal-height on desktop. */
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > a[name="a1"] + .container img[src="img/2_2_03_2_foil_tape.jpg"],
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > a[name="a1"] + .container img[src="img/2_2_03_3_foil_tape.jpg"],
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > a[name="a1"] + .container img[src="img/2_2_03_4_foil_tape.jpg"],
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > a[name="a1"] + .container img[src="img/2_2_03_5_foil_tape.jpg"]{
  display:block !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:initial !important;
}

/* B3 top text + B3 bottom image: one continuous gray zone; bottom image natural ratio centered, no gutters. */
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > .back-gray{
  background:#f2f2f2 !important;
  margin:0 !important;
  padding-bottom:0 !important;
  overflow:hidden !important;
}
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > .back-gray > .container,
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > .back-gray .thumbnail.back-gray,
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > .back-gray:has(img[src="img/2_2_03_7_foil_tape.jpg"]) > .container-fluid,
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > .back-gray:has(img[src="img/2_2_03_7_foil_tape.jpg"]) .row,
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > .back-gray:has(img[src="img/2_2_03_7_foil_tape.jpg"]) [class*="col-"]{
  background:#f2f2f2 !important;
}
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > .back-gray .thumbnail.back-gray{margin-bottom:0 !important;}
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > .back-gray:has(img[src="img/2_2_03_7_foil_tape.jpg"]) > .container-fluid{padding:0 !important;}
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > .back-gray:has(img[src="img/2_2_03_7_foil_tape.jpg"]) .row,
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > .back-gray:has(img[src="img/2_2_03_7_foil_tape.jpg"]) [class*="col-"]{
  --bs-gutter-x:0 !important;
  margin:0 !important;
  padding:0 !important;
}
body.jp-bs5-2-2-3-glass-cloth-foil-tape-page img[src="img/2_2_03_7_foil_tape.jpg"]{
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 auto !important;
  background:#f2f2f2 !important;
  object-fit:initial !important;
}

@media (max-width:767.98px){
  /* Frozen Japanese mobile B1 standard: 400px, 100% viewport, cover, centered, swipe, release recenter. */
  body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > .container-fluid:has(img[src="img/2_2_03_1_foil_tape.jpg"]){
    width:100% !important;
    height:400px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch;
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    touch-action:pan-x;
  }
  body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > .container-fluid:has(img[src="img/2_2_03_1_foil_tape.jpg"])::-webkit-scrollbar{display:none;}
  body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > .container-fluid:has(img[src="img/2_2_03_1_foil_tape.jpg"]) > .row,
  body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > .container-fluid:has(img[src="img/2_2_03_1_foil_tape.jpg"]) [class*="col-"],
  body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > .container-fluid:has(img[src="img/2_2_03_1_foil_tape.jpg"]) .row:has(> img[src="img/2_2_03_1_foil_tape.jpg"]){
    height:400px !important;
    min-width:100% !important;
    width:100% !important;
  }
  body.jp-bs5-2-2-3-glass-cloth-foil-tape-page img[src="img/2_2_03_1_foil_tape.jpg"]{
    height:400px !important;
    width:auto !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:center center !important;
    scroll-snap-align:center;
  }

  /* Chinese standard mobile layout: title and 3 navigation buttons stacked, then all product pairs stacked. */
  body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > a[name="a1"] + .container{display:block !important;}
  body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > a[name="a1"] + .container > .col-sm-12:first-child{
    display:block !important;
    padding-left:15px !important;
    padding-right:15px !important;
  }
  body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > a[name="a1"] + .container > .col-sm-12:first-child > .thumbnail:first-child{
    margin:40px 0 10px 0 !important;
  }
  body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > a[name="a1"] + .container > .col-sm-12:first-child > .col-sm-3{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
    margin:0 !important;
  }
  body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > a[name="a1"] + .container > .col-sm-12:first-child .text-center{
    text-align:center !important;
    margin:0 !important;
  }
  body.jp-bs5-2-2-3-glass-cloth-foil-tape-page > a[name="a1"] + .container > .col-sm-6{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
  }
}