#wrap h2.pag_tit { font-size: 30px; }

/* imglist */
#imglist img {aspect-ratio: 1 / 1;margin: 0 auto 30px;}
#imglist .img_nav img { margin: 0 10px 0 0; width: 100px; height: 100px; }
#content_wrap .img_box { border-radius: 0px; background-color: #fff; }


/* product_list */
#product_list{display:grid;grid-template-columns: repeat(3, 1fr);gap: 0 50px;}
#content_wrap #product_list li{margin: 0 0 30px;}
#product_list li .clip {margin: 0 auto 10px;}
#product_list li .clip img{aspect-ratio:1;object-fit:cover;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0% 50%);-webkit-clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0% 50%)}
#product_list li h3 {height: auto;font-size: 19px;}
#product_list li p {margin-top: 10px;height: auto;-webkit-line-clamp: 3;font-size: 15px;text-align: center;font-weight: 300;}
#product_list li .price_box p:first-letter { margin-right: 3px; font-weight: 300; font-size: 12px; }
#product_list li .price_box p.old { text-decoration: line-through; }

/* productdetail */
#productdetail {margin: 50px 0 80px;display: flex;justify-content: space-between;align-items: center;}

/* imglist */
#imglist .clip { -webkit-clip-path: url(#clip_product_detail); clip-path: url(#clip_product_detail); }

/* productinfo */
#productinfo .cate { padding: 2px 15px; max-width: calc(100% - 105px); height: 22px; font-weight: 100; font-size: 13px; z-index: 6; }
#productinfo h1 { margin: 10px 0 20px; }
#productinfo .txt { margin-bottom: 15px; }
#productinfo .txt label { margin-right: 15px; width: 50px; }
#productinfo .price font { font-weight: 600; font-size: 25px; }
#productinfo article {font-size: 16px;margin-bottom: 30px;padding-bottom: 15px;font-weight: 300;line-height: 2.2;text-align: justify;color: var(--info);}
#productinfo .sell_box >* { line-height: 100%; font-size: 17px; vertical-align: baseline; }
#productinfo .sell_box span { margin: 0 3px 0 15px; }
#productinfo .sell_box b { font-size: 36px; }
#productinfo .buyBtns { margin-top: 30px; }
#productinfo .buyBtns a { padding: 10px 0; }

/* orderfunction */
#orderfunction a[data-action="plusBtn"] { margin: 0 2px; width: 35px; height: 35px; background: rgba(var(--secondary-rgb), .3); border-radius: 5px; line-height: 30px; font-weight: 600; font-size: 28px; }
#orderfunction a.limit[data-action="plusBtn"] { line-height: 27px; font-size: 33px; }
#orderfunction input { margin: 0 5px; width: 30px; border-width: 0 0 1px; }
#orderfunction .addcar { float: right; }

/* productTabs */
:root { --primary-color: #1a1a1a; --accent-color: #a8a8a8; --text-main: #2c3e50; --text-light: #878787; --bg-gradient: linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%); --card-bg: rgba(255,255,255,0.95); --transition-curve: cubic-bezier(0.23,1,0.32,1); }
#productTabs .tabs { margin-bottom: 30px; background: rgba(var(--black-rgb), .08); }
#productTabs .tabs li a { padding: 15px 30px; }
#productTabs .tabs li a:before { position: absolute; width: 0; height: 3px; background: var(--primary); display: block; bottom: 0; left: 0; content: ""; }
#productTabs .tabs li.active a:before { width: 100%; }
#process-list {position: relative;width: min(100% , 1280px);margin: auto;padding-top: 20px;}
#process-list .process-item {display: flex;align-items: center;margin-bottom: 50px;opacity: 0;visibility: hidden;will-change: transform,opacity;width: 100%;}
#process-list .item-card { background: var(--card-bg); padding: 40px; border-radius: 24px; box-shadow: 0 20px 50px rgba(0,0,0,0.08); width: 100%; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.5); transition: transform 0.3s var(--transition-curve); position: relative; }
#process-list .item-card:hover { transform: translateY(-8px); }
#process-list .step-indicator { position: absolute; top: -18px; left: 40px; background: var(--primary-color); color: white; padding: 4px 20px; border-radius: 30px; font-size: 0.85rem; font-weight: bold; box-shadow: 0 8px 20px rgba(0,0,0,0.15); }
#process-list .item-title {font-size: 1.6rem;color: var(--primary-color);margin-bottom: 30px;display: flex;align-items: center;border-bottom: 2px solid #f0f0f0;padding-bottom: 15px;font-weight: 500;}
#process-list .item-title svg { margin-right: 15px; width: 28px; height: 28px; color: var(--accent-color); }
#process-list .machine-gallery { display: grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap: 25px; margin-top: 10px; }
#process-list .machine-box {position: relative;background: #fff;border-radius: 16px;overflow: hidden;aspect-ratio: 4/3;border: 1px solid #eee;box-shadow: 0 4px 12px rgba(0,0,0,0.03);transition: all 0.4s ease;}
#process-list .machine-box:hover {border-color: var(--accent-color);box-shadow: 0 12px 24px rgb(104 104 104 / 20%);}
#process-list .machine-box img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s var(--transition-curve); display: block; }
#process-list .machine-box:hover img { transform: scale(1.1); }
#process-list .machine-label { position: absolute; bottom: 12px; left: 12px; background: rgba(255,255,255,0.9); padding: 2px 10px; border-radius: 6px; font-size: 0.85rem; font-weight: 700; color: var(--primary-color); border: 1px solid #ddd; z-index: 2; }
#process-list .img-placeholder { width: 100%; height: 100%; background: #f8f9fa; display: flex; align-items: center; justify-content: center; color: #ccc; flex-direction: column; }
#process-list .slide-left { transform: translateX(-100px); }
#process-list .slide-right { transform: translateX(100px); }
#process-list .process-item.is-visible { opacity: 1; visibility: visible; transform: translateX(0); transition: all 1.2s var(--transition-curve); }



@media screen and (max-width: 1024px){
	#product_list{grid-template-columns: repeat(2, 1fr);}
	#productdetail { display: flex; flex-direction: column; align-items: center; justify-content: center; align-content: center; gap: 50px; margin: 50px 0 30px; }
	#imglist,#productinfo { width: 100%; }
}
@media screen and (max-width: 980px){
	#productinfo { margin-top: 5vw; }
}
@media screen and (min-width: 761px){
	#product_list li .clip {}
}

@media (max-width:768px) {
  #process-list .item-card { padding: 30px 20px; }
  #process-list .process-item {margin-bottom: 30px;}
  #process-list .machine-gallery { grid-template-columns: 1fr 1fr; gap: 15px; }
  #process-list .slide-left,#process-list .slide-right { transform: translateY(60px); }
}

@media screen and (max-width: 640px){
	#product_list{grid-template-columns: repeat(1, 1fr);}
}
@media (max-width:480px) {
  #process-list .machine-gallery { grid-template-columns: 1fr; }
}