/* list_product */
.list_product ul {font-size: 0;display: grid;grid-template-columns: repeat(3, 1fr);gap: 110px;}
.list_product ul li {position: relative;}
.list_product ul li:after{content:url(/images/37/product-img.jpg);position: absolute;bottom: -20px;z-index: -1;left: -20px;}
.list_product ul li a { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; z-index: 3; }
.list_product ul li .img img {position: relative;width: 100%;aspect-ratio: 1/1;object-fit: contain;z-index: 1;}
.list_product ul li .img{clip-path: polygon(40px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 70px);background: #f5f5f5;}
.list_product ul li .info {overflow: visible;position: relative;padding: 25px 20px;width: 100%;background: #fff;z-index: 2;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;margin-top: -1px;}
.list_product ul li .info span{width: 85%;background: #ececec;height: 1px;display: block;margin: 10px 0 10px -20px;}
.list_product ul li .info:after{content:"";position:absolute;right:0px;bottom:0;border-bottom: 129px solid var(--primary);border-left: 60px solid transparent;text-indent:-9999px;width:0;height:0;-webkit-transition:all 0.8s;transition:all 0.8s;z-index:-1}
.list_product ul li:hover .info:after{border-bottom:200px solid var(--primary);border-left: 55px solid transparent;}
.list_product ul li .info .price { position: absolute; padding: 5px 15px; background: rgb(0 0 0 / .6); top: -39px; left: 0; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.list_product ul li .info .price font { margin: 0 10px; display: inline-block; font-weight: 300; color: #fff; }
.list_product ul li .info .price font.old { color: rgb(255 255 255 / .4); }
.list_product ul li .info .h3 {height: auto;font-weight: 500;font-size: 19px;color: #4a4a4a;}
.list_product ul li:hover .info .h3{color:var(--primary)}
.list_product ul li .info article {height: auto;font-weight: 400;font-size: 15px;color: #9c9c9c;}

/* productdetail */
#productdetail { font-size: 0; }
#productdetail .row {margin-left: 0;margin-right: 0;width: 50%;display: inline-block;vertical-align: text-top;}
#productdetail #imglist {margin-right: 10%;width: 40%;}
#productdetail #imglist img {width: 100%;aspect-ratio: 1/1;object-fit: cover;clip-path: polygon(40px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 70px);background: #f5f5f5;}
#productdetail #imglist .slider-nav { margin-top: 40px; }
#productdetail #imglist .slider-nav img {margin: 0 10px 0 0;width: 100px;height: 100px;border: 1px #ddd solid;clip-path: unset;background: white;}
#productdetail .cat  {color: var(--secondary);}
#productdetail #productinfo h2 {margin: 5px 0 15px;font-weight: 600;font-size: 32px;color: var(--secondary);font-family: "Anybody", sans-serif;}
#productdetail #productinfo article {color: #696969;margin-bottom: 50px;}
#productdetail #productinfo #community { margin-bottom: 15px; border-bottom: 1.5px #ccc dashed; }
#productdetail #productinfo #community ul { margin: 35px 0 10px; }

#productdetail .shopbox p { margin: 20px 0; font-size: 0; }
#productdetail .shopbox p label { margin-right: 15px; display: inline-block; font-weight: 300; font-size: 15px; color: #5d5d5d; }
#productdetail .shopbox p select { padding: 5px; border: 1px #e5e5e5 solid; display: inline-block; }

#productdetail #orderfunction a , #productdetail #orderfunction input { padding: 2px 13px; border: 1px #e5e5e5 solid; display: inline-block; color: #000; vertical-align: middle; }
#productdetail #orderfunction input { width: 30px; border-width: 1px 0; text-align: center; }

#productdetail .price font { margin-right: 10px; display: inline-block; line-height: 100%; font-family: 'Source Sans Pro', sans-serif; font-size: 12px; color: #565656; vertical-align: text-bottom; }
#productdetail .price font.offer { font-size: 18px; color: #262626; }
#productdetail .price font.old { text-decoration: line-through; }

#productdetail #productinfo .buyBtns {font-size: 0;}
#productdetail #productinfo .buyBtns a {padding: 10px 30px;background: var(--secondary);display: inline-block;text-align: center;color: #fff;}
#productdetail #productinfo .buyBtns a.ask {background: var(--primary);}

/* productTabs */
#productTabs ul.tabs { margin: 70px 0 35px; border-bottom: 1px #ddd solid; font-size: 0; }
#productTabs ul.tabs li { display: inline-block; vertical-align: top; }
#productTabs ul.tabs li a { padding: 7px 40px; display: inline-block; color: #1f1f1f; }
#productTabs ul.tabs li.active {background: var(--secondary);transform: skewX(-30deg);}
#productTabs ul.tabs li.active a {color: #fff;transform: skewX(30deg);}

@media screen and (max-width: 1440px){
}
@media screen and (min-width: 1281px){
}
@media screen and (max-width: 1160px){
    .list_product ul{grid-template-columns: repeat(2, 1fr);gap: 70px;}
}
@media screen and (max-width: 768px){
	#productdetail { text-align: center; }
	#productdetail .row , #productdetail #imglist { margin-right: 0; width: 100%; }
	#productdetail #productinfo { margin-top: 5vw; }
}
@media screen and (max-width: 640px){
    .list_product ul{grid-template-columns: 1fr;width: 85%;margin: 0 auto;}
}