/* ==================== Product Detail ==================== */
#productdetail{width:100%;max-width:1200px;margin:0 auto;color:var(--inner-text);}
#productdetail *{box-sizing:border-box;}
#productdetail .productm_top{display:flex;width:100%;align-items:flex-start;gap:clamp(55px,6vw,90px);}
#productdetail .ptcm_left{width: 50%;flex: 0 0 50%;}
#productdetail .ptcm_right{width: 46%;flex:1;padding-top:10px;}
#productdetail .product_gallery{position:relative;}
#productdetail #imglist{position:relative;width:100%;}
#productdetail #imglist .slick-list{overflow:hidden;}
#productdetail #imglist .slick-slide{outline:none;}
#productdetail .main_img{position:relative;width:100%;aspect-ratio: 4/3;overflow:hidden;border:1px solid var(--inner-line);}
#productdetail .main_img:before{content:"";position:absolute;z-index:3;top:-1px;left:30px;width:72px;height:3px;background:var(--inner-primary);pointer-events:none;}
#productdetail .main_img:after{content:"";position:absolute;z-index:3;right:16px;bottom:16px;width:58px;height:58px;border-right:1px solid rgba(195,154,92,.62);border-bottom:1px solid rgba(195,154,92,.62);pointer-events:none;}
#productdetail .main_img>a{width:100%;height:100%;display: flex;}
#productdetail .main_img img{display:block;width:100%;height:100%;object-fit: cover;object-position:center;transition:transform .7s cubic-bezier(.22,.61,.36,1);}
#productdetail .main_img:hover img{transform:scale(1.025);}
#productdetail .sumlist{position:relative;margin-top:12px;padding-right:1px;}
#productdetail .sumlist .slick-list{margin:0 -5px;}
#productdetail .sumlist .slick-slide{padding:0 5px;outline:none;cursor:pointer;}
#productdetail .sumlist .thumb_item{position:relative;width:100%;display: flex;aspect-ratio:1/1;overflow:hidden;border:1px solid rgba(21,40,68,.1);transition:border-color .3s,opacity .3s;}
#productdetail .sumlist .thumb_item:before{content:"";position:absolute;z-index:2;bottom:0;left:0;width:0;height:2px;background:var(--inner-primary);transition:width .35s;}
#productdetail .sumlist img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s;}
#productdetail .sumlist .slick-current .thumb_item{border-color:rgba(195,154,92,.6);}
#productdetail .sumlist .slick-current .thumb_item:before{width:100%;}
#productdetail .sumlist .slick-current img{transform:scale(1.04);}
#productdetail .sumlist .thumb_item:hover{border-color:var(--inner-primary);}
#productdetail .gallery_meta{display:flex;margin-top:15px;align-items:center;gap:12px;color:#92979b;font-size:13px;font-weight:500;line-height:1.2;letter-spacing:.12em;}
#productdetail .gallery_meta>span:first-child{color:var(--inner-primary);}
#productdetail .gallery_meta i{display:block;width:42px;height:1px;background:var(--inner-primary);}
#productdetail .gallery_counter{font-variant-numeric:tabular-nums;}
#productdetail .product_info_head{position:relative;margin-bottom:27px;}
#productdetail .product_info_label{display:flex;margin-bottom:15px;align-items:center;gap:12px;color:var(--inner-primary);font-size:13px;font-weight:600;line-height:1.3;letter-spacing:.17em;}
#productdetail .product_info_label i{display:block;width:48px;height:1px;background:linear-gradient(90deg,var(--inner-primary),rgba(195,154,92,0));}
#productdetail .product_info_title{color:var(--inner-secondary);font-size:clamp(25px,2.2vw,32px);font-weight:600;line-height:1.45;letter-spacing:.05em;}
#productdetail .product_info_rule{display:flex;margin-top:20px;align-items:center;}
#productdetail .product_info_rule span{display:block;width:72px;height:1px;background:var(--inner-primary);}
#productdetail .product_info_rule i{display:block;width:5px;height:5px;margin-left:-2px;background:var(--inner-primary);transform:rotate(45deg);}
#productdetail .ptcm_right .item{display:block;width:100%;}
#productdetail .ptcm_right .article{color:var(--inner-text);font-size:16px;font-weight:400;line-height:2;}
#productdetail .ptcm_right .article p{margin:0 0 15px;white-space: pre-wrap;}
#productdetail .ptcm_right .article p:last-child{margin-bottom:0;}
#productdetail .btns{margin:35px 0 0;text-align:left;}
#productdetail .ask{position:relative;display:inline-flex;min-width:190px;height:56px;padding:0 22px 0 26px;border:1px solid var(--inner-secondary);align-items:center;justify-content:space-between;gap:34px;overflow:hidden;color:var(--inner-secondary);background:transparent;text-decoration:none;transition:color .4s,transform .4s,border-color .4s;}
#productdetail .ask:before{content:"";position:absolute;z-index:0;top:0;left:0;width:0;height:100%;background:var(--inner-secondary);transition:width .45s cubic-bezier(.77,0,.18,1);}
#productdetail .ask:after{content:"";position:absolute;top:0;left:0;width:42px;height:2px;background:var(--inner-primary);transition:width .4s;}
#productdetail .ask span{position:relative;z-index:2;font-size:14px;font-weight:500;letter-spacing:.1em;}
#productdetail .ask i{position:relative;z-index:2;display:flex;width:38px;height:18px;align-items:center;transition:transform .35s;}
#productdetail .ask svg{display:block;width:38px;height:18px;overflow:visible;}
#productdetail .ask path{fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;}
#productdetail .ask:hover{color:#fff;border-color:var(--inner-secondary);transform:translateY(-3px);}
#productdetail .ask:hover span{color:white}
#productdetail .ask:hover:before{width:100%;}
#productdetail .ask:hover:after{width:100%;}
#productdetail .ask:hover i{transform:translateX(5px);}
#productdetail .ask:hover i svg path{
    stroke: white;
}
/* ==================== Product Tabs ==================== */
#productTabs{position:relative;width:100%;margin-top:var(--inner-space);}
#productTabs .tabs{display:flex;margin:0;padding:0;border-bottom:1px solid var(--inner-line);list-style:none;overflow-x:auto;overflow-y:hidden;}
#productTabs .tabs::-webkit-scrollbar{height:3px;}
#productTabs .tabs::-webkit-scrollbar-thumb{background:rgba(195,154,92,.4);}
#productTabs .tabs li{position:relative;flex:none;margin:0;}
#productTabs .tabs li a{position:relative;display:flex;min-width:170px;height:62px;padding:0 28px;border-left:1px solid var(--inner-line);align-items:center;justify-content:center;color:#666d72;background:transparent;font-size:15px;font-weight:500;line-height:1.3;letter-spacing:.05em;text-decoration:none;transition:color .35s;}
#productTabs .tabs li:last-child a{border-right:1px solid var(--inner-line);}
#productTabs .tabs li a:before{content:"";position:absolute;top:0;left:0;width:0;height:2px;background:var(--inner-primary);transition:width .4s;}
#productTabs .tabs li a:after{content:"";position:absolute;right:14px;bottom:12px;width:8px;height:8px;border-right:1px solid rgba(195,154,92,.35);border-bottom:1px solid rgba(195,154,92,.35);}
#productTabs .tabs li a:hover{color:var(--inner-secondary);}
#productTabs .tabs li a:hover:before{width:42px;}
#productTabs .tabs li.active a{color:var(--inner-secondary);font-weight:600;}
#productTabs .tabs li.active a:before{width:100%;}
#productTabs .tabs li.active a:after{border-color:var(--inner-primary);}
#tabs_container{position:relative;padding:clamp(35px,4vw,55px) 0 0;}
#tabs_container .tab_content{display:none;color:var(--inner-text);font-size:15px;line-height:1.9;}
#tabs_container .tab_content.active{display:block;}
#tabs_container .tab_content p{margin:0 0 16px;}
#tabs_container .tab_content p:last-child{margin-bottom:0;}
#tabs_container .tab_content table{width:100%;border-collapse:collapse;border-spacing:0;}
#tabs_container .tab_content table th,#tabs_container .tab_content table td{padding:15px 18px;border:1px solid var(--inner-line);color:var(--inner-text);font-size:14px;line-height:1.7;text-align:left;vertical-align:middle;}
#tabs_container .tab_content table th{color:var(--inner-secondary);font-weight:600;}
#tabs_container .tab_content img{max-width:100%;height:auto;}

/* ==================== Product Slick Arrow ==================== */
#productdetail #imglist .slick-arrow{position:absolute;z-index:8;top:50%;width:46px;height:46px;border:1px solid rgba(21,40,68,.12);background:rgba(255,255,255,.9);font-size:0;cursor:pointer;transform:translateY(-50%);transition:.35s;}
#productdetail #imglist .slick-prev{left:14px;}
#productdetail #imglist .slick-next{right:14px;}
#productdetail #imglist .slick-arrow:before{content:"";position:absolute;top:50%;left:50%;width:11px;height:11px;border-top:1px solid currentColor;border-right:1px solid currentColor;color:var(--inner-secondary);}
#productdetail #imglist .slick-prev:before{transform:translate(-35%,-50%) rotate(-135deg);}
#productdetail #imglist .slick-next:before{transform:translate(-65%,-50%) rotate(45deg);}
#productdetail #imglist .slick-arrow:hover{border-color:var(--inner-primary);background:var(--inner-secondary);}
#productdetail #imglist .slick-arrow:hover:before{color:#fff;}

@media screen and (max-width:1470px){
    #productdetail .ptcm_left{width: 40%;flex: 0 0 40%;}
    #productdetail .productm_top{gap: clamp(55px, 5vw, 90px);}
}
@media screen and (max-width:1199px){
#productdetail .productm_top{gap:50px;}
#productdetail .ptcm_left{width:52%;flex-basis:52%;}
#productdetail .ptcm_right{width:48%;}
#productdetail .ptcm_right .article{font-size:15px;line-height:1.9;}
#productTabs .tabs li a{min-width:150px;padding:0 22px;}
}
@media screen and (max-width:991px){
#productdetail .productm_top{display:block;}
#productdetail .ptcm_left,#productdetail .ptcm_right{width:100%;}
#productdetail .ptcm_right{margin-top:48px;padding-top:0;}
#productdetail .main_img{aspect-ratio:16/10;}
#productdetail .ptcm_right .article{max-width:none;}
#productTabs{margin-top:80px;}
}
@media screen and (max-width:767px){
#productdetail .main_img{aspect-ratio:4/3;}
#productdetail .main_img:before{left:20px;width:55px;}
#productdetail .main_img:after{right:10px;bottom:10px;width:46px;height:46px;}
#productdetail .sumlist{margin-top:8px;}
#productdetail .sumlist .slick-list{margin:0 -3px;}
#productdetail .sumlist .slick-slide{padding:0 3px;}
#productdetail .gallery_meta{margin-top:12px;}
#productdetail .ptcm_right{margin-top:38px;}
#productdetail .product_info_title{font-size:24px;}
#productdetail .ptcm_right .article{font-size:15px;}
#productdetail .btns{margin-top:28px;}
#productdetail .ask{min-width:175px;height:52px;}
#productTabs{margin-top:70px;}
#productTabs .tabs li a{min-width:135px;height:56px;padding:0 18px;font-size:14px;}
#tabs_container{padding-top:32px;}
#tabs_container .tab_content{font-size:14px;}
#tabs_container .tab_content table{display:block;overflow-x:auto;white-space:nowrap;}
#tabs_container .tab_content table th,#tabs_container .tab_content table td{padding:12px 14px;font-size:13px;}
#productdetail #imglist .slick-arrow{width:40px;height:40px;}
#productdetail #imglist .slick-prev{left:10px;}
#productdetail #imglist .slick-next{right:10px;}
}
@media screen and (max-width:480px){
#productdetail .gallery_meta{font-size:13px;}
#productdetail .product_info_label{font-size:13px;}
#productdetail .product_info_title{font-size:22px;}
#productdetail .ask{min-width:165px;height:50px;}
#productTabs .tabs li a{min-width:125px;padding:0 15px;font-size:13px;}
}

/* ==================== Product List ==================== */
#articlePage #product_list{display: grid;grid-template-columns: repeat(3 , 1fr);gap: 30px;width:100%;margin:0 -12px;padding:0;flex-wrap:wrap;white-space:normal;list-style:none;}
#articlePage #product_list>li{position:relative;width: 100%;margin: 0;padding: 0;vertical-align:top;overflow:visible;}
#articlePage #product_list .product_card{position:relative;height:100%;min-height:470px;border:1px solid var(--inner-line);background:#fff;box-shadow:0 12px 30px rgba(19,28,36,.055);overflow:hidden;transition:transform .45s cubic-bezier(.22,.61,.36,1),border-color .45s,box-shadow .45s;}
#articlePage #product_list .product_card:before{content:"";position:absolute;z-index:4;top:-1px;left:28px;width:58px;height:2px;background:var(--inner-primary);transition:width .4s;}
#articlePage #product_list .product_card:after{content:"";position:absolute;z-index:4;right:13px;bottom:13px;width:28px;height:28px;border-right:1px solid rgba(195,154,92,.45);border-bottom:1px solid rgba(195,154,92,.45);pointer-events:none;}
#articlePage #product_list .po_top_img{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid var(--inner-line);}
#articlePage #product_list .po_top_img:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(15,23,30,0) 65%,rgba(15,23,30,.09) 100%);pointer-events:none;}
#articlePage #product_list .po_top_img img{display:block;width:100%;height:100%;object-fit: contain;object-position:center;transition:transform .7s cubic-bezier(.22,.61,.36,1);}
#articlePage #product_list .product_mark{position:absolute;z-index:3;left:18px;bottom:15px;display:flex;align-items:center;gap:10px;}
#articlePage #product_list .product_mark span{color:#fff;font-size:13px;font-weight:600;line-height:1.2;letter-spacing:.15em;text-shadow:0 1px 5px rgba(0,0,0,.35);}
#articlePage #product_list .product_mark i{display:block;width:32px;height:1px;background:var(--inner-primary);}
#articlePage #product_list .info_box{position:relative!important;display:flex!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%;min-height:145px;margin:0;padding:24px 70px 23px 22px;align-items:flex-start;background:#fff;}
#articlePage #product_list .left_box{width:100%;}
#articlePage #product_list .product_name{margin:0 0 9px;padding-right:5px;color:var(--inner-secondary);font-size: 20px;font-weight:600;line-height:1.4;letter-spacing:.035em;-webkit-line-clamp:1;}
#articlePage #product_list article{margin:0;color:#7b8287;font-size: 15px;font-weight:400;line-height:1.8;-webkit-line-clamp:2;}
#articlePage #product_list .right_box{position:absolute;top:24px;right:22px;width:auto;text-align:right;}
#articlePage #product_list .right_box p{margin:0;}
#articlePage #product_list .price{color:var(--inner-primary);font-size:17px;font-weight:600;line-height:1.3;}
#articlePage #product_list .price span{margin-right:2px;font-size:13px;}
#articlePage #product_list .old{margin-top:3px!important;color:#aaa;font-size:13px;line-height:1.3;text-decoration:line-through;}
#articlePage #product_list .old span{font-size:13px;}
#articlePage #product_list .product_arrow{position:absolute;right:21px;bottom:22px;display:flex;width:38px;height:38px;border:1px solid rgba(21,40,68,.14);align-items:center;justify-content:center;color:var(--inner-secondary);transition:background .35s,border-color .35s,color .35s;}
#articlePage #product_list .product_arrow svg{display:block;width:20px;height:12px;overflow:visible;}
#articlePage #product_list .product_arrow path{fill:none;stroke:currentColor;stroke-width: 3.2px;stroke-linecap:round;stroke-linejoin:round;}
#articlePage #product_list .atag_item{z-index:8;top:0;left: 0;right: 0;width:auto;height:100%;}
#articlePage #product_list>li:hover .product_card{border-color:rgba(195,154,92,.42);box-shadow:0 22px 46px rgba(19,28,36,.11);}
#articlePage #product_list>li:hover .product_card:before{width:96px;}
#articlePage #product_list>li:hover .po_top_img img{transform:scale(1.055);}
#articlePage #product_list>li:hover .product_arrow{border-color:var(--inner-primary);background:var(--inner-primary);color:#fff;}
#articlePage #product_list>li:hover .product_arrow path { stroke: white; }
@media screen and (max-width:1199px) {
  #articlePage #product_list {margin-left: 0;margin-right: 0;grid-template-columns: repeat(2, 1fr);}
  #articlePage #product_list>li {padding-left: 0;padding-right: 0;}
  #articlePage #product_list .product_card { min-height: 440px; }
  #articlePage #product_list .atag_item { left: 10px; right: 10px; }
}
@media screen and (max-width:991px) {
 
  #articlePage #product_list .product_card {min-height: auto;}
}
@media screen and (max-width:767px) {
  #articlePage #product_list { margin-left: -7px; margin-right: -7px; }
  #articlePage #product_list>li { width: 50%; margin-bottom: 20px; padding-left: 7px; padding-right: 7px; }
  #articlePage #product_list .product_card { min-height: 0; }
  #articlePage #product_list .info_box { min-height: 135px; padding: 19px 55px 18px 17px; }
  #articlePage #product_list .product_name { font-size: 17px; }
  #articlePage #product_list article { font-size: 16px; line-height: 1.7; }
  #articlePage #product_list .right_box { top: 19px; right: 16px; }
  #articlePage #product_list .product_arrow { right: 16px; bottom: 18px; width: 34px; height: 34px; }
  #articlePage #product_list .product_mark { left: 14px; bottom: 12px; }
  #articlePage #product_list .product_mark span { font-size: 13px; }
  #articlePage #product_list .atag_item { left: 7px; right: 7px; }
}
@media screen and (max-width:480px) {
  #articlePage #product_list { display: block; width: 100%; margin: 0; }
  #articlePage #product_list>li { display: block; width: 100%; margin-bottom: 24px; padding: 0; }
  #articlePage #product_list .info_box { min-height: 130px; padding: 20px 62px 19px 18px; }
  #articlePage #product_list .product_name { font-size: 24px; height: auto; }
  #articlePage #product_list .atag_item { left: 0; right: 0; }
}