/* 产品列表与详情页共用的产品展示组件 */
.products-list-wrap{width:100%;padding:64px 0 80px;background:#fff}
.products-list{display:grid;grid-template-columns:252px minmax(0,1fr);align-items:start;gap:44px}
.products-sidebar{min-width:0}
.products-categories{border:1px solid var(--color-line);background:#fff}
.products-categories__heading{padding:24px 25px;background:var(--color-main);color:#fff}
.products-categories__title{font-size:24px;font-weight:500;line-height:1.5;letter-spacing:1px}
.products-categories__description{margin-top:6px;color:#c6d3dc;font-size:12px}
.products-categories__list{padding:8px 20px}
.products-categories__item + .products-categories__item{border-top:1px solid var(--color-line)}
.products-categories__link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:57px;padding:12px 5px;color:var(--color-main);font-size:15px}
.products-categories__link .site-icon{width:17px;height:17px;color:#8b9ba6}
.products-categories__link:hover,.products-categories__link--active{color:var(--color-deput-hover)}
.products-categories__link--active{font-weight:600}
.products-categories__link--active .site-icon{color:var(--color-deput-hover)}
.products-support{margin-top:24px;padding:26px 25px;background:#eef3f1;border-top:3px solid var(--color-sage)}
.products-support__title{color:var(--color-main);font-size:18px;font-weight:500}
.products-support__text{margin-top:12px;color:#5d7168;font-size:13px;line-height:1.95}
.products-support__link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:var(--color-main);font-size:13px}
.products-support__link:hover{color:var(--color-deput-hover)}
.products-support__link .site-icon{width:17px;height:17px}
.products-support__contact{margin-top:24px;padding-top:20px;border-top:1px solid #d2dfd9}
.products-support__label{display:block;color:#62766b;font-size:12px}
.products-support__phone{display:inline-block;margin-top:5px;color:var(--color-main);font-family:Arial,sans-serif;font-size:24px;font-weight:600;line-height:1.5}
.products-support__phone:hover{color:var(--color-deput-hover)}
.products-list__main{min-width:0}
.products-list__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.products-list__title{color:var(--color-main);font-size:30px;font-weight:500;line-height:1.5}
.products-list__description{margin-top:9px;color:var(--color-muted);font-size:14px}
.products-list__count{flex-shrink:0;padding-bottom:4px;color:var(--color-muted);font-size:13px}
.products-list__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.products-item{display:block;min-width:0;border:1px solid var(--color-line);background:#fff}
.products-item__media{padding:14px;background:#f7f9fa;aspect-ratio:6/5;overflow:hidden}
.products-item__image{width:100%;height:100%;object-fit:contain}
.products-item__body{display:grid;grid-template-columns:minmax(0,1fr) 26px;align-items:center;gap:6px 12px;padding:20px 21px;border-top:1px solid var(--color-line)}
.products-item__title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-main);font-size:17px;font-weight:500;line-height:1.6}
.products-item__description{grid-column:1;color:var(--color-muted);font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.products-item__arrow{grid-column:2;grid-row:1/3;width:25px;height:25px;color:#8b9ba6}
.products-item:hover{border-color:var(--color-deput)}
.products-item:hover .products-item__arrow{color:var(--color-deput-hover)}
.products-list__note{margin-top:26px;padding:16px 20px;border-left:3px solid var(--color-sage);background:var(--color-light);color:#637580;font-size:13px;line-height:1.9}
.products-related-wrap{width:100%;padding:66px 0 74px;background:var(--color-light)}
.products-related__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.products-related .products-item__media{background:#fff}
@media(max-width:1280px){
  .products-list{grid-template-columns:225px minmax(0,1fr);gap:30px}
  .products-list__grid{gap:24px 18px}
  .products-item__body{padding:17px}
  .products-support{padding:23px 20px}
  .products-support__phone{font-size:22px}
}
@media(max-width:1024px){
  .products-list-wrap{padding:48px 0 60px}
  .products-list{grid-template-columns:1fr;gap:34px}
  .products-categories{display:grid;grid-template-columns:170px minmax(0,1fr)}
  .products-categories__heading{display:flex;flex-direction:column;justify-content:center;padding:20px}
  .products-categories__title{font-size:21px}
  .products-categories__list{display:flex;align-items:center;flex-wrap:wrap;gap:0 23px;padding:10px 22px}
  .products-categories__item + .products-categories__item{border-top:0}
  .products-categories__link{min-height:43px;padding:7px 0;font-size:14px}
  .products-categories__link .site-icon{display:none}
  .products-support{display:none}
  .products-related__grid{gap:18px}
}
@media(max-width:768px){
  .products-list-wrap{padding:30px 0 46px}
  .products-list{gap:28px}
  .products-categories{display:block}
  .products-categories__heading{padding:15px 18px}
  .products-categories__title{font-size:18px}
  .products-categories__description{display:none}
  .products-categories__list{gap:0 24px;padding:10px 18px}
  .products-categories__link{font-size:13px;min-height:40px}
  .products-list__heading{align-items:flex-start;gap:15px;margin-bottom:22px}
  .products-list__title{font-size:25px}
  .products-list__description{max-width:22em;font-size:13px}
  .products-list__count{padding-top:7px;font-size:12px}
  .products-list__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
  .products-item__media{padding:6px}
  .products-item__body{grid-template-columns:minmax(0,1fr) 18px;gap:5px;padding:13px 12px}
  .products-item__title{font-size:15px}
  .products-item__description{font-size:11px}
  .products-item__arrow{width:18px;height:18px}
  .products-list__note{padding:14px 16px;font-size:12px}
  .products-related-wrap{padding:42px 0 46px}
  .products-related__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
}
@media(max-width:360px){
  .products-list__grid,.products-related__grid{gap:14px 10px}
  .products-item__body{padding:12px 10px}
  .products-item__description{font-size:10px}
}