.single_product{border-bottom:1px solid var(--border_b);padding-top:var(--section-p);padding-bottom:calc(var(--section-p)/ 2)}
.single_grid{grid: auto/minmax(0,1fr);row-gap: 40px;grid-column-gap: 40px;}

@media (min-width: 768px){
.single_grid{display: grid;grid-template-columns:40% auto;}
}
@media (min-width:992px){
  .single_grid{display: grid;grid-template-columns:50% auto;}
}
@media (max-width: 768px){
  .single_grid{display: grid;}
}
@media (max-width:992px){
  .page-title{display:none}
}


.p_hidden{display:none}
#p_main_img{display:block;  }
#p_main_img figure{ display:none}
#p_main_img img{max-width:100%; height:auto;}
#p_main_img .b-img-current{display:block}

.p_thumb{margin-top:10px;}
.p_thumb li{display:block;border:1px solid rgba(0,0,0,.08);margin-left:10px; float:left;}
.p_thumb li img{max-width:100%; height:auto;}

.p_thumb .s-img-current{border:1px solid var(--theme);}
#p-video{max-width:100%;}
video{ max-width:100%;height:auto;}

/* 正方形视频容器：外层强制 1:1，与相册图片同宽（600x600 白底留白） */
.p_video_square{width:100%;max-width:600px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background-color:#fff;overflow:hidden;}
/* 视频保持自身原始比例完整显示在正方形内（contain：不足区域留白，不拉伸变形） */
#p_main_img .p_video_square video{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center center;}
/* 可选效果：给容器加 is-cover 类，改为等比放大裁切铺满正方形 */
#p_main_img .p_video_square.is-cover video{object-fit:cover;}
/* 兼容不支持 aspect-ratio 的旧浏览器：用 padding-bottom 撑出正方形 */
@supports not (aspect-ratio:1/1){
.p_video_square{height:0;padding-bottom:100%;position:relative;}
#p_main_img .p_video_square video{position:absolute;top:0;left:0;width:100%;height:100%;}
}



.pro_single_info {display: grid;grid: auto/minmax(0,1fr);row-gap: 20px;grid-column-gap: 20px;align-content: baseline;}

.pro_single_title{font-size:25px;line-height:1.1;}
@media (max-width:768px){
  .pro_single_title{padding-top:25px;font-size:16px;line-height:1.4;}
}
@media (min-width:993px){
	.pro_single_info{padding-left:2vw}
  }


.pro_addinquiry{position:relative;display:inline-block;}
.pro_addinquiry_input{position: absolute;opacity: 0;top: 0;height: 100%;display: block;width: 100%;cursor: pointer;padding: 10px 20px;}

.pro_addinquiry_label{
  white-space:nowrap;
  border-radius: 3px;background: var(--theme);
  font-size: 14px; color: var(--text_w_1);
  cursor: pointer;
  line-height: 1;
  font-weight: 500;
  padding: 10px 20px;
  font-size: 14px;
  display:block;
  margin-bottom:.5rem;position: relative;}
.pro_addinquiry_label:hover{opacity: 0.8}


.single_details {padding-top: 25px;overflow: initial;}

.single_details .nav {border-bottom: 2px solid #dae2ee;}
.single_details .nav li{display:inline-block;}
.single_details .nav li a{position: relative;padding: 12px 20px;display: block;font-weight:bold;}
.single_details .nav li.active a{color: var(--theme);}
.single_details .nav li a:after{transition:transform .3s;background:var(--theme);content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;transform:scaleX(0)}
.single_details .nav li.active > a:after{transform:scaleX(1)}
.single_details .nav li a:hover{color:var(--theme);}

.single_details .tab-content{overflow-x: auto;}
.single_details .tab-content img{max-width:100;height:auto;margin: auto;}
.single_details h3{font-size: 22px;padding-bottom: 20px;}
//.single_details .m_details_head{position: -webkit-sticky;position: sticky;top: 60px;background: var(--bg_w_1);}
.single_details .anchor{height: 110px;margin-top: -110px;visibility: hidden;}

.single_details .info_title{padding: 10px;font-size: 1.1rem;border-bottom:1px dashed #dae2ee; }
.single_details .info-text{padding: 10px 0;}

.single_details {padding-top: 25px;}
.single_details .tab-content{overflow-x: auto;}
.single_details .tab-content img{max-width:100%;height:auto;}
.single_details h3{font-size: 22px;padding-bottom: 15px;margin-bottom:20px; position: relative;border-bottom: 1px dashed #dae2ee;}
.single_details table{border: 2px solid #dee2e6;border-collapse:collapse;border-spacing:0}
.single_details table thead th {border-bottom: 2px solid #dee2e6;font-weight: bold;}
.single_details table th{border: 1px solid #dee2e6;padding: 0.25rem;font-weight: bold;font-size:13px;}
.single_details table td{border: 1px solid #dee2e6;padding: 0.25rem;font-size:13px;}


.single_recommend{padding:30px 0}
.single_recommend h3{margin-bottom:15px;font-size: 18px;font-weight: 400;}
.p_related{border:1px solid var(--border_b);background:var(--box_bg_w);border-radius:3px;}
.p_related:hover{box-shadow:0 4px 20px rgba(0,0,0,.19)}
.p_related img{max-width:100%;height:auto} 
.p_related h4{padding:15px 10px;text-align:center}
.p_related h4 a{font-size:16px;-webkit-line-clamp:2;line-height:20px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}


.pswp{position:fixed;width:100%;height:100%;left:0;background:#666;top:0;
	overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;
	-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}
#swiffy-slider li img{max-width:100%;height:auto;}
#p_img_modal .swiffy-slider{height: 100%;}
#p_img_modal li{display: flex;align-items: center;justify-content: center;}
#p_img_modal_close{top:0;border: none;right: 15px;cursor:pointer;top: 20px;right: 10px;height: 40px;width: 40px;position:fixed;display: block;background-color: transparent;}
#p_img_modal_close:after,
#p_img_modal_close:before{position:absolute;right:20px;width:22px;left: 10px; height:3px;border-radius:2px;background-color:#fff;content:"";}
#p_img_modal_close:before{top:7px;-webkit-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg);}
#p_img_modal_close:after{top:21px;-webkit-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg);}