/* ==================== PRODUCT CATEGORY ==================== */
#product_category{overflow:hidden;padding: 0;}
#product_category:before{content:"";position:absolute;left:-350px;top:-380px;width:850px;height:850px;border:1px solid rgba(12,115,207,.05);border-radius:50%;box-shadow:0 0 0 90px rgba(12,115,207,.012),0 0 0 180px rgba(12,115,207,.006);pointer-events:none;}
#product_category:after{content:"PRODUCTS";position:absolute;right: 10px;top:20px;font-size: clamp(80px,10vw,200px);line-height:1;font-weight:900;letter-spacing:-.055em;color:rgba(11,37,71,.02);pointer-events:none;}
#product_category .comm_inner{position:relative;z-index:2;}
#product_category .category_head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.7fr);align-items:end;gap:70px;margin-bottom:55px;}
#product_category .category_intro{padding:0 0 7px 28px;border-left:1px solid rgba(12,115,207,.22);}
#product_category .category_intro p{max-width:560px;margin:0;font-size:15px;line-height:1.9;color:#667b91;}
#product_category .category_list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
#product_category .category_item{min-height:340px;padding:30px 30px 26px;border:1px solid #dce8f2;background:rgba(255,255,255,.92);overflow:hidden;isolation:isolate;transition:border-color .4s ease,transform .4s ease,background .4s ease;}
#product_category .category_item:before{content:"";position:absolute;left:0;top:0;width:3px;height:0;background:linear-gradient(180deg,#0c73cf,#32b7f2);transition:height .45s cubic-bezier(.4,0,.2,1);}
#product_category .category_item:after{content:"";position:absolute;right:-100px;top:-100px;width:240px;height:240px;border:1px solid rgba(12,115,207,.07);border-radius:50%;box-shadow:0 0 0 32px rgba(12,115,207,.012);transition:.5s ease;z-index:-1;}
#product_category .category_grid{position:absolute;inset:0;background-image:linear-gradient(rgba(12,115,207,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(12,115,207,.03) 1px,transparent 1px);background-size:48px 48px;opacity:.65;z-index:-3;}
#product_category .category_circle{position:absolute;right:-45px;bottom:-80px;width:220px;height:220px;border:1px dashed rgba(12,115,207,.07);border-radius:50%;z-index:-2;transition:.6s ease;}
#product_category .category_top{display:flex;align-items:center;gap:11px;}
#product_category .category_no{width:30px;height:30px;border:1px solid #d5e4ee;background:#f9fcfe;display:flex;align-items:center;justify-content:center;font-size:9px;line-height:1;font-weight:800;letter-spacing:.06em;color:#0c73cf;transition:.35s ease;}
#product_category .category_top>i{width:27px;height:1px;background:#c6d8e4;}
#product_category .category_top font{font-size:8px;line-height:1.4;font-weight:800;letter-spacing:.16em;color:#91a7b7;}
#product_category .category_content{margin-top:42px;padding-right:8px;}
#product_category .category_title{font-size:26px;line-height:1.3;font-weight:850;letter-spacing:-.025em;color:#163f64;transition:.35s ease;}
#product_category .category_content p{margin:16px 0 0;font-size:14px;line-height:1.85;color:#748b9d;}
#product_category .category_bottom{position:absolute;left:30px;right:30px;bottom:25px;display:flex;align-items:center;gap:12px;}
#product_category .category_bottom span{font-size:8px;line-height:1.4;font-weight:800;letter-spacing:.17em;color:#91a5b4;transition:.35s ease;}
#product_category .category_bottom i{flex:1;height:1px;background:linear-gradient(90deg,#d0dee8,transparent);}
#product_category .category_bottom b{width:32px;height:32px;border:1px solid #d4e3ec;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0c73cf;font-size:15px;line-height:1;font-weight:400;transition:.35s ease;}
#product_category .atag_item{z-index:8;}
#product_category .category_item:hover{border-color:#9ecde8;background:#f9fdff;transform:translateY(-5px);}
#product_category .category_item:hover:before{height:100%;}
#product_category .category_item:hover:after{transform:scale(1.08);border-color:rgba(12,115,207,.13);}
#product_category .category_item:hover .category_circle{transform:rotate(30deg) scale(1.08);border-color:rgba(12,115,207,.15);}
#product_category .category_item:hover .category_no{background:#0c73cf;border-color:#0c73cf;color:#fff;}
#product_category .category_item:hover .category_title{color:#0c73cf;}
#product_category .category_item:hover .category_bottom span{color:#0c73cf;}
#product_category .category_item:hover .category_bottom b{background:#0c73cf;border-color:#0c73cf;color:#fff;transform:translateX(3px);}
@media screen and (max-width:1400px) {
  #product_category .category_head { gap: 50px; }
  #product_category .category_item { min-height: 355px; padding: 27px 26px 24px; }
  #product_category .category_content { margin-top: 35px; }
  #product_category .category_title { font-size: 24px; }
  #product_category .category_content p { font-size: 13px; }
  #product_category .category_bottom { left: 26px; right: 26px; bottom: 22px; }
}
@media screen and (max-width:1100px) {
  #product_category .category_head { grid-template-columns: 1fr; gap: 22px; }
  #product_category .category_intro { max-width: 700px; padding-left: 20px; }
  #product_category .category_list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media screen and (max-width:767px) {
  #product_category .category_head { margin-bottom: 35px; }
  #product_category .category_intro { padding-left: 15px; }
  #product_category .category_intro p { font-size: 14px; }
  #product_category .category_list { grid-template-columns: 1fr; gap: 10px; }
  #product_category .category_item { min-height: auto; padding: 24px 22px 72px; }
  #product_category .category_content { margin-top: 28px; }
  #product_category .category_title { font-size: 23px; }
  #product_category .category_content p { font-size: 13px; line-height: 1.8; }
  #product_category .category_bottom { left: 22px; right: 22px; bottom: 20px; }
}
