/* ========================================
   Mobile Product Detail Page Override CSS
   For m.sinzentest.xyz - v3
   ======================================== */

/* Reset viewport and body */
html, body {
  max-width: 100% !important;
  overflow-x: hidden !important;
  font-size: 14px !important;
}

/* Hide desktop top bar */
.top_bg { display: none !important; }

/* Logo section - make mobile friendly */
.logo {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 10px 15px !important;
  box-sizing: border-box !important;
}
.logo_left { float: none !important; text-align: center !important; }
.logo_left img { max-height: 40px !important; width: auto !important; }
.logo_right { display: none !important; }

/* Hide desktop navigation menu */
.nav_bg { display: none !important; }

/* Mobile header bar (injected via JS) */
.mobile-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: #006666;
  padding: 10px 15px;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.mobile-header .m-logo {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}
.mobile-header .m-back {
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  padding: 5px 10px;
}

/* Push content below fixed header */
body { padding-top: 50px !important; }

/* Product banner image */
.Product_banner {
  width: 100% !important;
  overflow: hidden !important;
}
.Product_banner img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  display: block !important;
}

/* Main content container - override fixed width */
div[style*="width:1200px"],
div[style*="width: 1200px"],
div[style*="width:812px"],
div[style*="width: 812px"] {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  float: none !important;
}

/* Product section - make it a simple vertical stack */
.product {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
}

/* CRITICAL: Make product_left full width and visible */
.product_left {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
  min-height: auto !important;
}

/* CRITICAL: Make product_right full width and visible */
.product_right {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  padding: 10px 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
  clear: both !important;
}

/* ONLY hide the sidebar navigation, keep everything else */
/* Sidebar structure: .fptbckqv > .dbfjfboy > .qyqsnicu > .bqeabfgz */
.fptbckqv > .dbfjfboy > .qyqsnicu,
.fptbckqv > .dbfjfboy > .bqeabfgz,
.fptbckqv .dianjiml {
  display: none !important;
}

/* Force product content elements to be visible */
.fptbckqv article,
.fptbckqv .pro_nav,
.fptbckqv .pro_top3,
.fptbckqv .pro2,
.fptbckqv .pro2_left,
.fptbckqv .pro2_right,
.fptbckqv .pro2_br,
.fptbckqv .pro2_data,
.fptbckqv .tupian,
.fptbckqv .n_s_left1,
.fptbckqv .clear {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both !important;
}

/* Product images in content */
.n_s_left img,
.product_left img,
.n_s_right img,
.product_right img,
article img,
.fptbckqv img,
.pro2 img,
.tupian img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 10px auto !important;
}

/* Product title */
.pro_name,
.product h1,
.product h2,
.product h3,
.pro_top3 h1,
.pro_top3 h2,
.pro_top3 h3 {
  font-size: 18px !important;
  line-height: 1.4 !important;
  padding: 10px 15px !important;
  margin: 0 !important;
  color: #333 !important;
}

/* Product description text */
.n_s_left p,
.n_s_right p,
.product_left p,
.product_right p,
article p,
.fptbckqv p,
.pro2 p {
  font-size: 14px !important;
  line-height: 1.8 !important;
  padding: 5px 15px !important;
  margin: 5px 0 !important;
  color: #555 !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

/* Product parameters/specs table */
.n_s_left table,
.product_left table,
article table,
.fptbckqv table,
.pro2_data table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 10px 0 !important;
  font-size: 13px !important;
  display: table !important;
}
.n_s_left td,
.n_s_left th,
.product_left td,
.product_left th,
article td,
article th,
.fptbckqv td,
.fptbckqv th,
.pro2_data td,
.pro2_data th {
  padding: 8px !important;
  border: 1px solid #ddd !important;
  word-break: break-all !important;
}

/* Related products section */
.bg8_4 {
  width: 100% !important;
  float: none !important;
  margin: 10px 0 !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  border: 1px solid #eee !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  display: block !important;
}
.bg8_4_div {
  padding: 10px !important;
}
.b_3_left {
  font-size: 14px !important;
  padding: 5px 0 !important;
}
.b_3_right {
  font-size: 12px !important;
}
.bg8_4_div ul li {
  font-size: 13px !important;
  line-height: 28px !important;
  padding: 2px 0 !important;
}

/* Hide desktop floating elements */
.focusBox { display: none !important; }
.scrollBox, .scrollBox1 { display: none !important; }
.case_li, .case_div { display: none !important; }
.b8_6_left { display: none !important; }
.bg8_6_div { display: none !important; }

/* Product image carousel - make responsive */
.picScroll {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}
.picScroll ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 0 !important;
  margin: 0 !important;
}
.picScroll li {
  flex: 0 0 100% !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.picScroll img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
}

/* MagicZoom - hide on mobile (desktop-only feature) */
.MagicZoom, .magic-zoom, .magic-thumb { display: none !important; }

/* Desktop footer - hide and replace */
.footer_desktop { display: none !important; }

/* Mobile bottom navigation (matching reference site kefu_m.css) */
.quick_nav {
  position: fixed;
  z-index: 9998;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  margin: 0;
}
.quick_bg {
  background: rgba(0,0,0,0.5);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 9997;
}
.quick_nav2 {
  display: block;
  border-top: 1px solid rgba(255,255,255,0.5);
}
.quick_nav2 ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.quick_nav2 li {
  float: left;
  width: 25%;
  height: 100%;
  border-top: 0;
  padding: 0;
  display: block;
  background: transparent;
  text-align: center;
  position: relative;
}
.quick_nav2 .pd {
  background: #006666;
  padding: 10px 0;
  color: #fff;
  display: block;
  text-decoration: none;
}
.quick_nav2 .pd .nav-icon {
  display: block;
  height: 28px;
  line-height: 28px;
  font-size: 22px;
  padding-top: 0;
}
.quick_nav2 .pd strong {
  display: block;
  line-height: 16px;
  font-size: 12px;
  font-weight: normal;
}
.quick_nav2 .pd:hover {
  background: #006666;
  text-decoration: none;
}
/* WeChat popup box */
.quick_wx .box {
  position: fixed;
  left: 50%;
  bottom: auto;
  top: 50%;
  right: auto;
  width: 200px;
  text-align: center;
  color: #888;
  font-size: 14px;
  display: none;
  z-index: 9999;
  margin: -122px 0 0 -93px;
}
.quick_close {
  position: absolute;
  left: 50%;
  bottom: -40px;
  margin: 0 0 0 -15px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #006666;
  color: #fff;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  display: block;
  font-size: 16px;
}
.quick_nav2 .npd {
  background: #fff;
  margin: 0;
  padding: 20px;
  border: 1px solid #e8e8e8;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  border-radius: 3px;
  overflow: hidden;
}
.quick_wx .npd img {
  width: 160px;
  height: auto;
  display: block;
  margin: 0 auto 10px;
}
.quick_wx .npd span {
  display: block;
  padding-top: 0;
  text-align: center;
  line-height: 22px;
  font-size: 13px;
  color: #666;
}

/* Push content above bottom nav */
body { padding-bottom: 50px !important; }

/* Hide desktop online service float */
#onlineService, #floatShow, #floatHide,
.online_service, .kefu, .online_qq_layer, .qq_kefu { display: none !important; }

/* Fix for mainer class */
.mainer {
  min-width: auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Any remaining fixed-width containers */
.fix {
  max-width: 100% !important;
  width: auto !important;
}

/* Ensure all images are responsive */
img {
  max-width: 100% !important;
  height: auto !important;
}

/* Search box - hide on mobile */
.Search_right { display: none !important; }
.search-box { display: none !important; }

/* Right sidebar sections */
div[style*="float:right"] {
  float: none !important;
  width: 100% !important;
  margin: 10px 0 !important;
}

/* Product list items in sidebar */
.n_s_left1 {
  padding: 10px !important;
  margin: 5px 0 !important;
}
.n_s_left1 a {
  display: block !important;
  padding: 8px 10px !important;
  margin: 2px 0 !important;
  background: #f5f5f5 !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  color: #333 !important;
}

/* Tags */
.tag, .tags { 
  padding: 10px 15px !important;
  font-size: 12px !important;
}

/* Clear floats */
.clear, .clearfix {
  clear: both !important;
  display: block !important;
  height: 0 !important;
}

/* Prevent horizontal scroll */
* {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Reset specific elements that break mobile */
.ind_nav, .index_ul, .index_1, .index_right {
  display: none !important;
}

/* Product image gallery */
.pro_img, .product_img, .pro_pic {
  width: 100% !important;
  text-align: center !important;
  padding: 10px 0 !important;
}

/* Breadcrumb area - hide desktop version */
.bqeabfgz {
  display: none !important;
}

/* Mobile-friendly product content wrapper */
.mobile-product-content {
  padding: 15px;
  background: #fff;
  margin: 10px 0;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

/* Override any inline styles that might hide content */
[style*="display:none"],
[style*="display: none"] {
  /* Don't override - these are intentionally hidden */
}

/* Force visibility of key product elements */
.pro2, .pro2_left, .pro2_right, .pro2_br, .pro2_data, .tupian {
  display: block !important;
  width: 100% !important;
  float: none !important;
}