/* Local CMS integration; retain the reference site's layout. */
.about-details-box img,.product-information-box img,.case-details-box img{max-width:100%;height:auto}
.pagination-bar ul{display:flex;justify-content:center;gap:8px}.pagination-bar a,.pagination-bar span{display:inline-block;padding:7px 12px}
.pgwSlideshow.replica-gallery{display:block!important;list-style:none;padding:0}.replica-gallery li{display:none}.replica-gallery li:first-child{display:block}.replica-gallery img{width:100%;height:auto;max-height:620px;object-fit:contain}.replica-thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.replica-thumbs button{background:white;border:1px solid #ddd;padding:3px;cursor:pointer}.replica-thumbs img{width:65px;height:65px;object-fit:cover}.replica-thumbs button.active{border-color:#007eb5}
.form-status{padding:12px 0}.empty-results{padding:35px 0;color:#777}
@media(max-width:767px){.product-information-box img{height:auto!important}.inner-message input,.inner-message textarea{box-sizing:border-box}}

/* Steel identity: turquoise to blue, taken from the supplied brand reference. */
:root{--steel-teal:#11b9b5;--steel-blue:#006bd3;--steel-deep:#083ac4;--steel-accent:#007eb5;--steel-gradient:linear-gradient(110deg,var(--steel-teal) 0%,var(--steel-blue) 60%,var(--steel-deep) 100%)}
.header-top{background-color:#edf5f8}
.featured-products::before{background:var(--steel-gradient)}
.search-box button.search-btn,.product-detail-annex .pro-email-icon a,.inner-message-row .item button,.inner-message .btn-text,.product-item-text span a,.product-category .product-item .sale-label span{background:var(--steel-gradient);color:#fff}
.search-box button.search-btn:hover,.product-detail-annex .pro-email-icon a:hover,.inner-message-row .item button:hover,.inner-message .btn-text:hover{background:linear-gradient(110deg,#07999f,#0753b7)}
.index-about-t span::after,.hot-products-t span::after,.index-news-t span::after,.index-case-t span::after{background:var(--steel-gradient)}
.sidebar-title{background:var(--steel-gradient)}
.pagination-bar ul li.active,.pagination-bar ul li a:hover{background:var(--steel-gradient);color:#fff}
.replica-thumbs button.active{border-color:var(--steel-accent)}
.inner-message input:focus,.inner-message textarea:focus{border-color:var(--steel-accent);outline-color:var(--steel-accent)}
@media(max-width:767px){.main-nav{background:var(--steel-gradient)}}

/* Align the homepage introduction panel with its adjacent image. */
@media(min-width:769px){
 .index-about-box{display:flex;align-items:stretch}
 .index-about-l,.index-about-r{width:50%;min-width:0}
 .index-about-l img{display:block;width:100%;height:auto}
 .index-about-r{display:flex;background:#efefef}
 .index-about-text{box-sizing:border-box;width:100%;display:flex;flex-direction:column;justify-content:center}
}

/* Keep the original About Us photo frame when using a panoramic source. */
.homepage .index-about-l img[src="/upload/brand/about-steel-factory.jpg"]{aspect-ratio:3/2;object-fit:cover;object-position:left center}

/* Consistent square thumbnails; preserve the original five/four/three-column layouts. */
.homepage .category-box-zoom,.homepage .featured-products-box .item>a,.homepage .hot-products-box .pro-media>a{display:block}
.homepage .category-box img,.homepage .featured-products-box .item img,.homepage .hot-products-box .item img,.homepage .index-case-box-frame img,.homepage .index-news-box-frame img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.homepage .subblock .category ul li{vertical-align:top}
.homepage .featured-products-box-t{height:40px}
.homepage .featured-products-box-t h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.homepage .hot-products-box .pro-detail-info{box-sizing:border-box;min-height:64px;padding:10px 12px;display:flex;align-items:center;justify-content:center}
.homepage .hot-products-box .pro-detail-info .th{font-size:16px;line-height:22px;max-height:44px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.homepage .index-case-box-text .th{height:40px;overflow:hidden}
.homepage .index-case-box-text p{height:40px}
.homepage .index-news-text .th{min-height:44px;line-height:22px}
.homepage .index-news-text p{min-height:40px}