/* 성현하이텍 v14 그레이팅 사업부 제품소개 카드 정렬 / 자세히 보기 확대 */

/* 제품소개 카드 영역: 여러 CSS 이름을 동시에 대응 */
.sh-product-grid,
.sh-products-grid,
.product-grid,
.products-grid,
.sh-prod-grid{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:28px !important;
    align-items:stretch !important;
}

/* 제품 카드 높이 정렬 */
.sh-product-card,
.sh-products-card,
.product-card,
.products-card,
.sh-prod-card{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    min-height:430px !important;
    overflow:hidden !important;
}

/* 카드 이미지 높이 통일 */
.sh-product-card img,
.sh-products-card img,
.product-card img,
.products-card img,
.sh-prod-card img{
    width:100% !important;
    height:210px !important;
    object-fit:cover !important;
    display:block !important;
}

/* 카드 안 텍스트 영역을 같은 높이로 밀기 */
.sh-product-card > div,
.sh-products-card > div,
.product-card > div,
.products-card > div,
.sh-prod-card > div{
    display:flex !important;
    flex-direction:column !important;
    flex:1 !important;
}

/* 제목 줄 높이 정렬 */
.sh-product-card h3,
.sh-products-card h3,
.product-card h3,
.products-card h3,
.sh-prod-card h3{
    min-height:72px !important;
    font-size:26px !important;
    line-height:1.25 !important;
    letter-spacing:-.05em !important;
}

/* 설명문 높이 정렬 */
.sh-product-card p,
.sh-products-card p,
.product-card p,
.products-card p,
.sh-prod-card p{
    min-height:56px !important;
    line-height:1.6 !important;
}

/* 자세히 보기 버튼 크게 */
.sh-product-card a[href],
.sh-products-card a[href],
.product-card a[href],
.products-card a[href],
.sh-prod-card a[href]{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:max-content !important;
    min-width:132px !important;
    min-height:48px !important;
    padding:0 20px !important;
    border-radius:999px !important;
    background:#0f4c81 !important;
    color:#fff !important;
    font-size:17px !important;
    font-weight:900 !important;
    text-decoration:none !important;
    box-shadow:0 10px 22px rgba(15,76,129,.18) !important;
    margin-top:auto !important;
}

.sh-product-card a[href]:hover,
.sh-products-card a[href]:hover,
.product-card a[href]:hover,
.products-card a[href]:hover,
.sh-prod-card a[href]:hover{
    background:#0b3158 !important;
    color:#fff !important;
    transform:translateY(-2px) !important;
}

/* 혹시 제품소개 카드가 일반 article로 되어 있는 경우 보정 */
section article{
    box-sizing:border-box;
}
section article img{
    max-width:100%;
}
section article a{
    text-decoration:none;
}

/* 반응형 */
@media(max-width:1100px){
    .sh-product-grid,
    .sh-products-grid,
    .product-grid,
    .products-grid,
    .sh-prod-grid{
        grid-template-columns:repeat(2,1fr) !important;
    }
}
@media(max-width:640px){
    .sh-product-grid,
    .sh-products-grid,
    .product-grid,
    .products-grid,
    .sh-prod-grid{
        grid-template-columns:1fr !important;
        gap:18px !important;
    }
    .sh-product-card,
    .sh-products-card,
    .product-card,
    .products-card,
    .sh-prod-card{
        min-height:auto !important;
    }
    .sh-product-card h3,
    .sh-products-card h3,
    .product-card h3,
    .products-card h3,
    .sh-prod-card h3{
        min-height:auto !important;
        font-size:24px !important;
    }
    .sh-product-card p,
    .sh-products-card p,
    .product-card p,
    .products-card p,
    .sh-prod-card p{
        min-height:auto !important;
    }
}