.products-page{--ink:#0b1a29;--blue:#1769ff;--blue2:#2877ff;--paper:#f6f8fb;--line:#dce3e8;--muted:#66737e;--soft:#eef4ff;margin:0;background:#fff;color:var(--ink);font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;word-break:keep-all}.products-page *{box-sizing:border-box}.products-page button,.products-page input{font:inherit}.products-page a{color:inherit;text-decoration:none}.products-main{overflow:hidden}.products-shell{width:min(1280px,calc(100% - 96px));margin:0 auto}.products-kicker{margin:0 0 18px;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.18em}.products-page h2{margin:0;color:var(--ink);font-size:32px;line-height:1.18;letter-spacing:-.045em}.mobile-only{display:none}
/* 설비시공 페이지와 동일한 공통 메뉴 규격 */

.products-hero{position:relative;padding:36px 0 0;background:linear-gradient(90deg,#fff 0%,#fff 48%,#f5f8fd 100%);border-bottom:1px solid var(--line)}.products-hero-layout{position:relative;min-height:398px;display:grid;grid-template-columns:48% 52%;align-items:center}.products-hero-copybox{position:relative;z-index:4;padding:38px 0 72px}.products-hero h1{margin:0;color:var(--ink);font-size:clamp(48px,4.45vw,70px);font-weight:790;line-height:1.04;letter-spacing:-.066em}.products-hero h1 em{color:var(--blue);font-style:normal}.products-hero-desc{margin:26px 0 0;color:var(--muted);font-size:15px;line-height:1.75}.products-hero-visual{position:absolute;z-index:1;top:0;right:0;width:52%;height:100%;overflow:hidden;background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 8%,rgba(255,255,255,.64) 22%,rgba(239,246,255,.18) 46%,rgba(228,239,255,.08) 100%),linear-gradient(180deg,rgba(242,247,255,.10),rgba(226,238,255,.22)),url("images/products-hero-factory-bg.jpg");background-size:cover;background-position:center center;background-repeat:no-repeat}.products-hero-visual:before{content:"";position:absolute;left:-18%;top:-35%;width:72%;height:160%;border:52px solid rgba(23,105,255,.68);border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-7deg);opacity:.80;pointer-events:none}.products-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.12) 28%,rgba(23,105,255,.02) 100%);pointer-events:none}.hero-blue-shape{display:none}.hero-orbit{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.50);border-radius:50%;pointer-events:none}.hero-orbit-a{width:520px;height:520px;right:-105px;top:-92px}.hero-orbit-b{width:430px;height:430px;right:-55px;top:-45px}.hero-machine-frame{display:none}.products-hero-visual img{display:none}.products-benefits{position:relative;z-index:5;transform:translateY(28px);display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 14px 34px rgba(13,36,67,.08)}.products-benefits article{min-height:96px;display:flex;align-items:center;gap:16px;padding:20px 24px}.products-benefits article+article{border-left:1px solid var(--line)}.benefit-icon{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center}.benefit-icon img{display:block;width:34px;height:34px}.products-benefits b{display:block;margin-bottom:5px;font-size:14px}.products-benefits p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.products-category-nav{position:relative;z-index:4;padding-top:28px;border-bottom:1px solid var(--line);background:#fff}.category-tabs{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;flex:1 0 auto;min-width:118px;height:72px;padding:0 12px;border:0;background:#fff;color:#58677a;font-size:13px;font-weight:750;white-space:nowrap;cursor:pointer}.category-tabs .tab-icon{width:22px;height:22px;display:grid;place-items:center;margin:0}.category-tabs .tab-icon img{display:block;width:20px;height:20px;opacity:.67}.category-tabs button:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:3px;border-radius:3px;background:transparent}.category-tabs button:hover,.category-tabs button.active{color:var(--blue)}.category-tabs button.active:after{background:var(--blue)}.category-tabs button.active .tab-icon img{opacity:1}
.products-finder{padding:56px 0 30px;background:#fff}.products-finder-title{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:28px}.products-finder-title>p{max-width:570px;margin:0 0 4px;color:var(--muted);font-size:14px;line-height:1.75}.products-search-row{display:grid;grid-template-columns:1fr 118px;height:58px}.products-search-wrap{position:relative;border:1px solid #ccd5df;border-right:0;border-radius:6px 0 0 6px;background:#fff}.products-search-wrap .search-icon{position:absolute;left:20px;top:50%;transform:translateY(-52%);color:var(--blue);font-size:25px}.products-search-wrap input{width:100%;height:100%;padding:0 55px 0 52px;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.products-search-wrap input::placeholder{color:#9aa6b5}.products-search-wrap #clearSearch{position:absolute;right:13px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:50%;background:#f0f3f6;color:#627083;cursor:pointer}.products-search-button{border:0;border-radius:0 6px 6px 0;background:linear-gradient(135deg,var(--blue2),#0756e9);color:#fff;font-size:14px;font-weight:800;cursor:pointer}.products-search-button:hover{filter:brightness(.97)}.products-popular{display:flex;align-items:center;gap:10px;margin-top:12px;min-height:32px}.products-popular>b{margin-right:2px;color:#536175;font-size:12px}.products-popular>div{display:flex;gap:7px;flex-wrap:wrap}.products-popular button{padding:6px 12px;border:1px solid #dbe2e9;border-radius:999px;background:#fff;color:#536175;font-size:11px;cursor:pointer}.products-popular button:hover{border-color:#abc6ff;color:var(--blue);background:#f8fbff}
.products-featured{padding:28px 0 82px;background:#fff;scroll-margin-top:80px}.products-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:32px}.products-section-head.compact{margin-bottom:22px}.products-section-head .products-kicker{margin-bottom:10px}.products-section-head h2{font-size:30px}.section-description{max-width:400px;margin:0;color:var(--muted);font-size:13px;line-height:1.7;text-align:right}.text-link{padding:8px 0;border:0;background:transparent;color:var(--blue);font-size:13px;font-weight:800;cursor:pointer}.text-link span{margin-left:9px}.products-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.product-card{min-width:0;overflow:hidden;border:1px solid #dfe5eb;border-radius:8px;background:#fff;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.product-card:hover{transform:translateY(-4px);border-color:#cbd9ea;box-shadow:0 16px 34px rgba(24,52,86,.10)}.product-card-image{position:relative;height:218px;overflow:hidden;background:linear-gradient(#fafbfd,#f3f6f9)}.product-card-image img{display:block;width:100%;height:100%;padding:12px;object-fit:contain;transition:transform .35s ease}.product-card:hover .product-card-image img{transform:scale(1.045)}.category-chip,.recommended{position:absolute;z-index:2;top:11px;padding:5px 8px;border-radius:4px;font-size:10px;font-weight:800}.category-chip{left:11px;border:1px solid #a9c8ff;background:#f5f9ff;color:var(--blue)}.recommended{right:11px;background:var(--blue);color:#fff}.product-card-body{display:flex;min-height:190px;flex-direction:column;padding:18px 15px 15px}.product-card-body h3{margin:0 0 8px;color:var(--ink);font-size:18px;line-height:1.3;letter-spacing:-.035em}.product-card-body>p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:12px;line-height:1.65;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.product-tags span{padding:4px 7px;border-radius:4px;background:#f1f4f7;color:#627184;font-size:10px}.product-card-link{display:flex;justify-content:space-between;margin-top:auto;padding-top:14px;color:var(--blue);font-size:11px;font-weight:800}.product-card-link span{font-size:15px}.products-empty{padding:60px 20px;border:1px dashed #cfd8e2;border-radius:8px;text-align:center}.products-empty b{font-size:17px}.products-empty p{margin:8px 0 0;color:var(--muted);font-size:13px}.products-result-summary{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);color:#5c6a7b;font-size:12px}.products-result-summary button{border:0;background:transparent;color:var(--blue);font-size:12px;font-weight:800;cursor:pointer}.load-error{grid-column:1/-1;padding:50px 0;color:#777;text-align:center}
.products-groups{padding:78px 0 94px;background:var(--paper)}.category-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-card{display:grid;grid-template-columns:130px 1fr;min-height:138px;overflow:hidden;padding:0;border:1px solid #dfe5eb;border-radius:8px;background:#fff;color:var(--ink);text-align:left;cursor:pointer;transition:.22s}.category-card:hover,.category-card.active{border-color:#a9c8ff;box-shadow:0 10px 25px rgba(24,52,86,.08);transform:translateY(-2px)}.category-card-image{position:relative;background:#f4f7fa}.category-card-image img{width:100%;height:100%;padding:10px;object-fit:contain}.category-card-image span{position:absolute;left:8px;bottom:8px;color:#8090a2;font-size:9px}.category-card>div:last-child{position:relative;padding:23px 40px 18px 18px}.category-card small{color:var(--blue);font-size:9px;font-weight:850;letter-spacing:.08em}.category-card h3{margin:6px 0 8px;font-size:17px;letter-spacing:-.03em}.category-card p{margin:0;color:var(--muted);font-size:11px}.category-card i{position:absolute;right:17px;top:50%;transform:translateY(-50%);color:var(--blue);font-style:normal}
.products-support{padding:38px 0 72px;background:#fff}.support-grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#fbfcfe}.support-grid article{display:flex;gap:16px;min-height:150px;padding:27px 24px}.support-grid article+article{border-left:1px solid var(--line)}.support-grid article>span{color:var(--blue);font-size:28px}.support-grid b{font-size:14px}.support-grid p{margin:9px 0 14px;color:var(--muted);font-size:11px;line-height:1.6}.support-grid a{color:var(--blue);font-size:10px;font-weight:800}.products-page .footer{margin-top:0}
@media(max-width:1120px){.products-shell{width:min(100% - 44px,1000px)}.products-grid{grid-template-columns:repeat(3,1fr)}.products-benefits{grid-template-columns:repeat(2,1fr)}.products-benefits article:nth-child(3){border-left:0;border-top:1px solid var(--line)}.products-benefits article:nth-child(4){border-top:1px solid var(--line)}.category-card-grid{grid-template-columns:repeat(2,1fr)}.support-grid{grid-template-columns:repeat(2,1fr)}.support-grid article:nth-child(3){border-left:0;border-top:1px solid var(--line)}.support-grid article:nth-child(4){border-top:1px solid var(--line)}}
@media(max-width:900px){}
@media(max-width:760px){.products-shell{width:calc(100% - 32px)}.products-hero{padding-top:18px}.products-hero-layout{min-height:525px;display:block}.products-hero-copybox{padding:32px 0 0}.products-hero h1{font-size:42px}.products-hero-desc{font-size:13px}.products-hero-visual{top:auto;bottom:0;width:100%;height:285px;background:linear-gradient(180deg,#fff,#eef5ff)}.products-hero-visual:before{left:-23%;top:2%;width:82%;height:122%;border-width:38px}.hero-machine-frame{inset:12px 0 0 20%;background:transparent}.products-hero-visual img{object-position:center bottom;mix-blend-mode:multiply}.products-benefits{grid-template-columns:1fr;transform:translateY(18px)}.products-benefits article{min-height:78px;padding:14px 17px}.products-benefits article+article,.products-benefits article:nth-child(3),.products-benefits article:nth-child(4){border-left:0;border-top:1px solid var(--line)}.products-category-nav{padding-top:18px}.category-tabs{width:100%;padding-left:16px;padding-right:16px}.category-tabs button{height:60px;min-width:112px;font-size:12px}.products-finder{padding:42px 0 24px}.products-finder-title{display:block;margin-bottom:22px}.products-finder-title>p{margin-top:16px;font-size:12px}.products-page h2{font-size:29px}.mobile-only{display:block}.products-search-row{grid-template-columns:1fr 76px;height:52px}.products-search-wrap input{padding-left:46px;font-size:12px}.products-popular{align-items:flex-start}.products-popular>b{padding-top:7px;white-space:nowrap}.products-featured{padding:22px 0 62px}.products-section-head{align-items:flex-start;margin-bottom:22px}.products-section-head h2{font-size:27px}.products-section-head .products-kicker{margin-bottom:8px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card-image{height:160px}.product-card-body{min-height:178px;padding:14px 12px}.product-card-body h3{font-size:15px}.product-card-body>p{font-size:11px}.category-chip,.recommended{top:8px;padding:4px 6px;font-size:9px}.category-chip{left:8px}.recommended{right:8px}.section-description{display:none}.products-groups{padding:58px 0 64px}.category-card-grid{grid-template-columns:1fr}.category-card{grid-template-columns:112px 1fr;min-height:118px}.support-grid{grid-template-columns:1fr}.support-grid article+article,.support-grid article:nth-child(3),.support-grid article:nth-child(4){border-left:0;border-top:1px solid var(--line)}.support-grid article{min-height:124px;padding:22px 20px}.products-support{padding-bottom:50px}}
@media(max-width:460px){.products-hero h1{font-size:36px}.products-grid{grid-template-columns:1fr}.product-card-image{height:215px}.product-card-body{min-height:170px}.products-finder-title h2{font-size:27px}.products-popular>div{gap:5px}.products-popular button{padding:5px 9px}.category-tabs button{min-width:106px}}

@media(max-width:760px){.products-hero-visual{background-position:62% center;opacity:.40}.products-hero-visual:before{opacity:.38}.hero-orbit{display:none}}

/* 제품소개: 제품 카테고리를 검색/빠른선택 아래에 배치 */
.products-finder .products-category-nav-inline{
  margin-top:30px;
  border-top:1px solid #dce2e7;
  border-bottom:0;
  background:transparent;
}
.products-finder .products-category-nav-inline .category-tabs{
  width:100%;
}
@media(max-width:760px){
  .products-finder .products-category-nav-inline{margin-top:22px}
}

/* 제품소개 검색/카테고리 통합형 UI */
.products-finder{
  padding-bottom:26px;
}
.products-category-filter{
  margin-top:18px;
  padding:18px 20px 0;
  border:1px solid #e1e7ed;
  border-radius:8px;
  background:#f8fafc;
}
.products-category-filter-head{
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 2px 12px;
}
.products-category-filter-head b{
  color:#263548;
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
}
.products-category-filter-head span{
  color:#8a96a4;
  font-size:11px;
}
.products-finder .products-category-nav-inline{
  margin-top:0;
  padding-top:0;
  border-top:1px solid #e4e9ee;
  border-bottom:0;
  background:transparent;
}
.products-finder .products-category-nav-inline .category-tabs{
  width:100%;
  align-items:stretch;
}
.products-finder .products-category-nav-inline .category-tabs button{
  min-width:108px;
  height:58px;
  padding:0 10px;
  background:transparent;
  font-size:12px;
}
.products-finder .products-category-nav-inline .category-tabs button:after{
  left:22%;
  right:22%;
  height:2px;
}
.products-featured{
  padding-top:34px;
}
@media(max-width:760px){
  .products-category-filter{
    margin-top:16px;
    padding:15px 14px 0;
  }
  .products-category-filter-head{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
  }
  .products-finder .products-category-nav-inline .category-tabs button{
    min-width:104px;
    height:54px;
  }
}

/* 제품소개 하단 지원카드 아이콘 */
.products-support .support-grid article>.support-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  flex:0 0 42px;
  margin:0;
  font-size:0;
}
.products-support .support-grid article>.support-icon img{
  display:block;
  width:36px;
  height:36px;
}
@media(max-width:680px){
  .products-support .support-grid article>.support-icon{width:38px;height:38px;flex-basis:38px}
  .products-support .support-grid article>.support-icon img{width:32px;height:32px}
}

/* 제품 카드 대표 이미지 표준화
   권장 원본: 360x360px / 흰 배경 / 누끼 중앙 / 외곽 여백 10~15% */
.product-card-image{
  height:auto;
  aspect-ratio:1 / 1;
  display:grid;
  place-items:center;
  background:#fff;
}
.product-card-image img{
  width:80%;
  height:80%;
  padding:0;
  margin:auto;
  object-fit:contain;
  object-position:center;
}
.product-card:hover .product-card-image img{
  transform:scale(1.025);
}
@media(max-width:680px){
  .product-card-image img{
    width:82%;
    height:82%;
  }
}