/* JP 2_6_1 BS3 -> BS5 minimal B-only patch.
   Frozen: B DOM, img/src, text, href, all image files, navbar/mobile shell/footer. */
body.jp-bs5-2-6-1-page .thumbnail{
  border:0!important;border-color:transparent!important;border-radius:0!important;
  box-shadow:none!important;outline:0!important;
}
body.jp-bs5-2-6-1-page .more a,
body.jp-bs5-2-6-1-page .more a:hover,
body.jp-bs5-2-6-1-page .more a:focus,
body.jp-bs5-2-6-1-page .more a:active{
  text-decoration:none!important;text-decoration-line:none!important;border-bottom:0!important;box-shadow:none!important;
}
body.jp-bs5-2-6-1-page .more .glyphicon-menu-right{
  display:inline-block!important;font-size:1.5em!important;line-height:1!important;
  margin-left:.25em!important;vertical-align:-.08em!important;
}
body.jp-bs5-2-6-1-page h5{font-size:.875em!important;}

/* Keep the two original spacer nodes in DOM but remove their obsolete visual height. */
body.jp-bs5-2-6-1-page a[name="a1"] + h1,
body.jp-bs5-2-6-1-page a[name="a2"] + h1{
  display:none!important;margin:0!important;padding:0!important;height:0!important;
}

/* B1: no gutters and natural ratio on desktop. */
body.jp-bs5-2-6-1-page .container-fluid:has(img[src="img/2_6_1_01_3c_products.jpg"]){
  padding-left:0!important;padding-right:0!important;overflow:hidden;
}
body.jp-bs5-2-6-1-page .container-fluid:has(img[src="img/2_6_1_01_3c_products.jpg"]) [class*="col-"]{
  padding-left:0!important;padding-right:0!important;
}
body.jp-bs5-2-6-1-page .container-fluid:has(img[src="img/2_6_1_01_3c_products.jpg"]) .row{
  --bs-gutter-x:0!important;margin-left:0!important;margin-right:0!important;
}
body.jp-bs5-2-6-1-page img[src="img/2_6_1_01_3c_products.jpg"]{
  display:block!important;width:auto!important;max-width:100%!important;height:auto!important;
  margin-left:auto!important;margin-right:auto!important;object-fit:initial!important;
}

/* Content images retain their natural ratios. */
body.jp-bs5-2-6-1-page img[src="img/2_6_1_02_3c_products.jpg"],
body.jp-bs5-2-6-1-page img[src="img/2_6_1_03_3c_products.png"],
body.jp-bs5-2-6-1-page img[src="img/2_6_1_04_3c_products.jpg"],
body.jp-bs5-2-6-1-page img[src="img/2_6_1_05_3c_products.jpg"]{
  display:block!important;max-width:100%!important;height:auto!important;object-fit:initial!important;
  border:0!important;box-shadow:none!important;outline:0!important;
}
body.jp-bs5-2-6-1-page img[src="img/2_6_1_02_3c_products.jpg"],
body.jp-bs5-2-6-1-page img[src="img/2_6_1_05_3c_products.jpg"]{
  width:auto!important;margin-left:auto!important;margin-right:auto!important;
}

/* B3 is one continuous #f2f2f2 field; internal cards/text remain transparent. */
body.jp-bs5-2-6-1-page .back-gray:has(img[src="img/2_6_1_03_3c_products.png"]){background-color:#f2f2f2!important;}
body.jp-bs5-2-6-1-page .back-gray:has(img[src="img/2_6_1_03_3c_products.png"])>.container,
body.jp-bs5-2-6-1-page .back-gray:has(img[src="img/2_6_1_03_3c_products.png"])>.container>[class*="col-"],
body.jp-bs5-2-6-1-page .back-gray:has(img[src="img/2_6_1_03_3c_products.png"]) .thumbnail,
body.jp-bs5-2-6-1-page .back-gray:has(img[src="img/2_6_1_03_3c_products.png"]) h2,
body.jp-bs5-2-6-1-page .back-gray:has(img[src="img/2_6_1_03_3c_products.png"]) p,
body.jp-bs5-2-6-1-page .back-gray:has(img[src="img/2_6_1_03_3c_products.png"]) .more,
body.jp-bs5-2-6-1-page .back-gray:has(img[src="img/2_6_1_03_3c_products.png"]) .more a{
  background-color:transparent!important;
}

@media (min-width:768px){
  /* Chinese-approved B3: image 2/3 + text 1/3. */
  body.jp-bs5-2-6-1-page .back-gray:has(img[src="img/2_6_1_03_3c_products.png"])>.container{
    display:flex!important;flex-wrap:nowrap!important;align-items:flex-start!important;
    width:calc(100% + 6px)!important;max-width:1176px!important;padding-left:0!important;padding-right:0!important;
  }
  body.jp-bs5-2-6-1-page .back-gray:has(img[src="img/2_6_1_03_3c_products.png"])>.container>.col-sm-8{
    float:none!important;flex:0 0 66.66666667%!important;width:66.66666667%!important;max-width:66.66666667%!important;
  }
  body.jp-bs5-2-6-1-page .back-gray:has(img[src="img/2_6_1_03_3c_products.png"])>.container>.col-sm-4{
    float:none!important;flex:0 0 33.33333333%!important;width:33.33333333%!important;max-width:33.33333333%!important;
  }
  body.jp-bs5-2-6-1-page img[src="img/2_6_1_03_3c_products.png"]{width:auto!important;margin:0!important;}

  /* Chinese-approved B4: image 2/3 + text 1/3, followed by B5 full-width image. */
  body.jp-bs5-2-6-1-page .container:has(img[src="img/2_6_1_04_3c_products.jpg"]):has(img[src="img/2_6_1_05_3c_products.jpg"]){
    display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;
    width:calc(100% + 6px)!important;max-width:1176px!important;padding-left:0!important;padding-right:0!important;
  }
  body.jp-bs5-2-6-1-page .container:has(img[src="img/2_6_1_04_3c_products.jpg"])>.col-sm-8{
    float:none!important;flex:0 0 66.66666667%!important;width:66.66666667%!important;max-width:66.66666667%!important;
  }
  body.jp-bs5-2-6-1-page .container:has(img[src="img/2_6_1_04_3c_products.jpg"])>.col-sm-4{
    float:none!important;flex:0 0 33.33333333%!important;width:33.33333333%!important;max-width:33.33333333%!important;
  }
  body.jp-bs5-2-6-1-page .container:has(img[src="img/2_6_1_04_3c_products.jpg"])>.col-sm-12{
    float:none!important;flex:0 0 calc(100% - 30px)!important;width:calc(100% - 30px)!important;
    max-width:calc(100% - 30px)!important;margin-left:15px!important;margin-right:15px!important;
  }
  body.jp-bs5-2-6-1-page img[src="img/2_6_1_04_3c_products.jpg"]{width:auto!important;margin:0!important;}
}

@media (max-width:767.98px){
  /* Frozen mobile header is 50px; B1 starts immediately below with no extra white spacer. */
  body.jp-bs5-2-6-1-page{padding-top:50px!important;background:#fff!important;}

  /* B1: 400px, cover, centered and horizontally swipeable; JS recenters after release. */
  body.jp-bs5-2-6-1-page .container-fluid:has(img[src="img/2_6_1_01_3c_products.jpg"]){
    width:100%!important;height:400px!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;
  }
  body.jp-bs5-2-6-1-page .container-fluid:has(img[src="img/2_6_1_01_3c_products.jpg"])::-webkit-scrollbar{display:none!important;}
  body.jp-bs5-2-6-1-page img[src="img/2_6_1_01_3c_products.jpg"]{
    width:auto!important;min-width:100vw!important;max-width:none!important;height:400px!important;
    object-fit:cover!important;object-position:center center!important;scroll-snap-align:center!important;margin:0!important;
  }

  /* B2-B5 use the same 15px mobile content baseline as the Chinese approved page. */
  body.jp-bs5-2-6-1-page .container:has(img[src="img/2_6_1_02_3c_products.jpg"]),
  body.jp-bs5-2-6-1-page .back-gray:has(img[src="img/2_6_1_03_3c_products.png"])>.container,
  body.jp-bs5-2-6-1-page .container:has(img[src="img/2_6_1_04_3c_products.jpg"]):has(img[src="img/2_6_1_05_3c_products.jpg"]){
    display:block!important;width:100%!important;max-width:100%!important;
    padding-left:15px!important;padding-right:15px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;
  }
  body.jp-bs5-2-6-1-page .container:has(img[src="img/2_6_1_02_3c_products.jpg"])>[class*="col-"],
  body.jp-bs5-2-6-1-page .back-gray:has(img[src="img/2_6_1_03_3c_products.png"])>.container>[class*="col-"],
  body.jp-bs5-2-6-1-page .container:has(img[src="img/2_6_1_04_3c_products.jpg"])>[class*="col-"]{
    float:none!important;display:block!important;width:100%!important;max-width:100%!important;flex:0 0 100%!important;
    padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;
  }
  body.jp-bs5-2-6-1-page .container:has(img[src="img/2_6_1_02_3c_products.jpg"]) .thumbnail,
  body.jp-bs5-2-6-1-page .back-gray:has(img[src="img/2_6_1_03_3c_products.png"]) .thumbnail,
  body.jp-bs5-2-6-1-page .container:has(img[src="img/2_6_1_04_3c_products.jpg"]) .thumbnail{
    display:block!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;
  }
  /* The Chinese final standard removes all B4/B5 inner card padding. */
  body.jp-bs5-2-6-1-page .container:has(img[src="img/2_6_1_05_3c_products.jpg"]) .thumbnail{
    padding-left:0!important;padding-right:0!important;
  }
  body.jp-bs5-2-6-1-page img[src="img/2_6_1_02_3c_products.jpg"],
  body.jp-bs5-2-6-1-page img[src="img/2_6_1_03_3c_products.png"],
  body.jp-bs5-2-6-1-page img[src="img/2_6_1_04_3c_products.jpg"],
  body.jp-bs5-2-6-1-page img[src="img/2_6_1_05_3c_products.jpg"]{
    display:block!important;width:100%!important;max-width:100%!important;height:auto!important;
    margin-left:0!important;margin-right:0!important;object-fit:initial!important;
  }
}
