
.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;border: 1px solid rgba(0,0,0,.08);}
#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;display: grid;grid: auto/minmax(0,1fr);row-gap: 10px;grid-column-gap: 10px;grid-template-columns: repeat(5,1fr);}
.p_thumb li{display:block;border:1px solid rgba(0,0,0,.08);}
.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;}



.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);}

.details_box{background-color: #fff;border: 1px solid #dae2ee;display: grid;row-gap: 30px;}

.single_details .tab-pane{padding:25px 5px 25px;overflow-x: auto;}

.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;}


.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);}
