/* =====================================

   Highway Product Category Page V2.0

   显科WEB 高速交通产品列表页

===================================== */



.highway-page{

    background:#fff;

}



/* =====================================
   Hero Banner
===================================== */


.highway__hero{


    height:420px;


    margin-top:68px;


    display:flex;

    align-items:center;


    background:


    linear-gradient(
        90deg,
        rgba(7,27,45,.25),
        rgba(26,58,92,.25)
    ),
    url("../../images/products/highway/banner.svg");


    background-size:cover;

    background-position:center;



}




.highway__hero-content{


    color:#fff;


}



.highway__hero-content h1{


    font-size:52px;


    font-weight:700;


    letter-spacing:3px;


    margin-bottom:20px;


}



.highway__hero-content p{


    font-size:20px;


    opacity:.9;


    letter-spacing:1px;


}









/* =====================================
 一级产品分类TAB
===================================== */

/* highway.html 使用 product-category.css 提供 .product-category-nav 样式 */


/* =====================================
 二级产品筛选
===================================== */

.highway-filter{ background:#f7f9fc; }
.highway-filter__list{ height:70px; display:flex; justify-content:center; align-items:center; gap:10px; }
.highway-filter__list li{ padding:10px 28px; border-radius:4px; cursor:pointer; color:#666; font-size:15px; transition:.3s; }
.highway-filter__list li:hover{ color:#1a3a5c; }
.highway-filter__list li.active{ background:#1a3a5c; color:#fff; }


/* =====================================
 产品区域
===================================== */

.highway-products{ padding:80px 0 100px; }
.highway-product-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:25px; }


/* =====================================
 产品卡片
===================================== */

.highway-product-card{ background:#fff; border:1px solid #eee; transition:.35s; }
.highway-product-card:hover{ transform:translateY(-8px); box-shadow:0 15px 40px rgba(0,0,0,.12); }
.highway-product-card a{ display:block; }
.highway-product-card__image{ width:100%; height:220px; overflow:hidden; }
.highway-product-card__image img{ width:100%; height:100%; object-fit:cover; transition:.5s; }
.highway-product-card:hover .highway-product-card__image img{ transform:scale(1.05); }
.highway-product-card__content{ padding:20px; }
.highway-product-card__content h3{ font-size:18px; color:#071b2d; text-align:center; margin:0; font-weight:500; }
.highway-product-card__content p{ font-size:14px; color:#666; line-height:1.8; height:50px; margin-bottom:20px; }
.highway-product-card__content span{ color:#1a3a5c; font-size:14px; }

/* 核心产品突出 */
.highway-product-card--featured{ border:1px solid rgba(26,58,92,.35); }
.highway-product-card--featured h3{ color:#1a3a5c; }


/* =====================================
 Responsive
===================================== */

@media(max-width:1200px){
    .highway-product-grid{ grid-template-columns:repeat(3,1fr); }
}

@media(max-width:900px){
    .highway__hero{ height:300px; }
    .highway__hero-content h1{ font-size:38px; }
    .highway__hero-content p{ font-size:14px; }
    .highway-filter__list{ overflow-x:auto; justify-content:flex-start; padding:0 20px; }
    .highway-filter__list li{ white-space:nowrap; }
    .highway-product-grid{ grid-template-columns:repeat(2,1fr); gap:20px; }
}