/* --- Industries Hero Section --- */
        .hero-industries {
            position: relative;
            width: 100%;
            height: 60vh; /* 60% Vertical Height for Authority */
            min-height: 450px;
            /* Industrial Collage Background */
            background: linear-gradient(rgba(26, 26, 26, 0.324), rgba(26, 26, 26, 0.189)), 
                        url('../images/products-banner.png') center/cover no-repeat;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: var(--white);
            padding: 0 20px;
        }

        .hero-container {
            max-width: 1000px; /* Matching your preferred narrow container */
            margin: 0 auto;
        }

        .hero-industries h1 {
            font-size: clamp(32px, 5vw, 56px);
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: -0.02em;
            line-height: 1.1;
            margin-bottom: 20px;
        }

        .hero-industries .subheading {
            font-size: clamp(16px, 2vw, 20px);
            font-weight: 600;
            color: rgba(255, 255, 255, 0.9);
            margin-bottom: 25px;
            max-width: 850px;
            margin-left: auto;
            margin-right: auto;
            line-height: 1.5;
        }

        .hero-industries .support-line {
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: var(--saas-red);
            border-top: 1px solid rgba(255, 255, 255, 0.2);
            padding-top: 20px;
            display: inline-block;
        }

        /* Responsive Tweaks */
        @media (max-width: 768px) {
            .hero-industries { height: 50vh; }
            .hero-industries h1 { font-size: 32px; }
            .hero-industries .subheading { font-size: 15px; }
        }


.products-page{

    background:#fff;

}

/*==================================================
Container
==================================================*/

.products-page .container{

    width:min(1280px,92%);
    margin:auto;

}

/*==================================================
Inner Banner
==================================================*/

.products-page .products-banner{

    position:relative;

    min-height:520px;

    display:flex;

    align-items:center;

    overflow:hidden;

    background:
    url("https://images.unsplash.com/photo-1513828583688-c52646db42da?auto=format&fit=crop&w=1800&q=80")
    center center/cover no-repeat;

}

.products-page .banner-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(24,25,31,.90) 0%,
        rgba(24,25,31,.72) 45%,
        rgba(24,25,31,.45) 100%
    );

}

.products-page .banner-content{

    position:relative;

    z-index:2;

    max-width:700px;

    color:#fff;

}

/*==================================================
Breadcrumb
==================================================*/

.products-page .breadcrumb{

    display:flex;

    gap:10px;

    align-items:center;

    margin-bottom:30px;

    font-size:.9rem;

}

.products-page .breadcrumb a{

    color:#ffffff;

    opacity:.8;

    text-decoration:none;

}

.products-page .breadcrumb span{

    color:#ffffff;

    opacity:.65;

}

/*==================================================
Label
==================================================*/

.products-page .section-label{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 20px;

    border-radius:50px;

    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.12);

    backdrop-filter:blur(12px);

    font-size:.8rem;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:25px;

}

.products-page .section-label::before{

    content:"";

    width:10px;

    height:10px;

    border-radius:50%;

    background:#D63D4A;

}

/*==================================================
Banner Typography
==================================================*/

.products-page .banner-content h1{

    font-size:4rem;

    line-height:1.1;

    font-weight:800;

    margin-bottom:24px;

}

.products-page .banner-content p{

    color:#dddddd;

    font-size:1.08rem;

    line-height:1.9;

    max-width:620px;

    margin-bottom:40px;

}

/*==================================================
Buttons
==================================================*/

.products-page .banner-actions{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.products-page .btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 36px;

    border-radius:50px;

    background:#D63D4A;

    color:#fff;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.products-page .btn-primary:hover{

    background:#b52d39;

    transform:translateY(-3px);

}

.products-page .btn-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 36px;

    border-radius:50px;

    border:2px solid rgba(255,255,255,.4);

    color:#fff;

    text-decoration:none;

    transition:.35s;

}

.products-page .btn-secondary:hover{

    background:#fff;

    color:#18191F;

}

/*==================================================
Intro
==================================================*/

.products-page .products-intro{

    padding:110px 0 70px;

}

.products-page .section-heading{

    max-width:820px;

    margin:auto;

    text-align:center;

}

.products-page .heading-label{

    color:#D63D4A;

    text-transform:uppercase;

    letter-spacing:2px;

    font-weight:700;

    font-size:.8rem;

}

.products-page .section-heading h2{

    font-size:2.9rem;

    color:#1F1F1F;

    margin:22px 0;

    line-height:1.2;

}

.products-page .section-heading p{

    color:#666;

    line-height:2;

    font-size:1.05rem;

}

/*==================================================
Solution Sections
==================================================*/

.products-page .solution-feature{

    padding:35px 0;

}

.products-page .alternate{

    background:#F8F8F8;

}

.products-page .solution-card{

    display:grid;

    grid-template-columns:1.1fr 1fr;

    gap:70px;

    align-items:center;
    padding: 25px;

}

.products-page .reverse{

    grid-template-columns:1fr 1.1fr;

}

/*==================================================
Images
==================================================*/

.products-page .solution-image{

    overflow:hidden;

    border-radius:20px;

    box-shadow:0 25px 60px rgba(0,0,0,.08);

}

.products-page .solution-image img{

    width:100%;

    display:block;

    transition:.8s;

}

.products-page .solution-card:hover img{

    transform:scale(1.05);

}

/*==================================================
Content
==================================================*/

.products-page .solution-content{

    padding:10px 0;

}

.products-page .solution-badge{

    display:inline-block;

    padding:8px 18px;

    border-radius:50px;

    background:#F2F2F2;

    color:#D63D4A;

    font-size:.75rem;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:20px;

}

.products-page .solution-content h2{

    font-size:2.5rem;

    line-height:1.2;

    margin-bottom:22px;

}

.products-page .solution-content p{

    color:#666;

    line-height:1.9;

    margin-bottom:35px;

}

/*==================================================
Meta
==================================================*/

.products-page .solution-meta{

    display:flex;

    gap:50px;

    margin-bottom:35px;

}

.products-page .solution-meta strong{

    display:block;

    font-size:2rem;

    color:#D63D4A;

}

.products-page .solution-meta div{

    color:#666;

    line-height:1.5;

}

/*==================================================
CTA Link
==================================================*/

.products-page .solution-link{

    display:inline-flex;

    align-items:center;

    gap:12px;

    color:#D63D4A;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.products-page .solution-link:hover{

    gap:20px;

}

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

@media(max-width:1200px){

.products-page .solution-card,
.products-page .reverse{

grid-template-columns:1fr;

gap:40px;

}

.products-page .reverse .solution-image{

order:-1;

}

}

@media(max-width:768px){

.products-page .products-banner{

min-height:420px;

}

.products-page .banner-content h1{

font-size:2.6rem;

}

.products-page .banner-actions{

flex-direction:column;

}

.products-page .btn-primary,
.products-page .btn-secondary{

width:100%;

}

.products-page .products-intro{

padding:80px 0 50px;

}

.products-page .section-heading h2{

font-size:2rem;

}

.products-page .solution-content h2{

font-size:2rem;

}

.products-page .solution-meta{

flex-direction:column;

gap:20px;

}

}


/* ==========================================
Solution Navigation
========================================== */

html{
    scroll-behavior:smooth;
}

.products-page .solution-navigation{

    padding:100px 0;

}

.products-page .solution-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:32px;

    margin-top:60px;

}

.products-page .solution-nav-card{

    display:flex;

    flex-direction:column;

    overflow:hidden;

    border-radius:18px;

    background:#FFFFFF;

    text-decoration:none;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

    transition:.35s ease;

}

.products-page .solution-nav-card:hover{

    transform:translateY(-8px);

    box-shadow:0 30px 60px rgba(0,0,0,.12);

}

.products-page .solution-image{

    overflow:hidden;

    height:260px;

}

.products-page .solution-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s;

}

.products-page .solution-nav-card:hover img{

    transform:scale(1.08);

}

.products-page .solution-info{

    padding:32px;

}

.products-page .solution-type{

    display:inline-block;

    padding:8px 16px;

    border-radius:50px;

    background:#F8F8F8;

    color:#D63D4A;

    font-size:.75rem;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:20px;

}

.products-page .solution-info h3{

    font-size:1.75rem;

    color:#1F1F1F;

    margin-bottom:18px;

    line-height:1.3;

}

.products-page .solution-info p{

    color:#666666;

    line-height:1.8;

    margin-bottom:30px;

}

.products-page .solution-footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding-top:22px;

    border-top:1px solid #ECECEC;

}

.products-page .count{

    font-weight:600;

    color:#1F1F1F;

}

.products-page .arrow{

    font-size:1.5rem;

    color:#D63D4A;

    transition:.35s;

}

.products-page .solution-nav-card:hover .arrow{

    transform:translateX(8px);

}

@media(max-width:992px){

.products-page .solution-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.products-page .solution-grid{

grid-template-columns:1fr;

}

.products-page .solution-image{

height:220px;

}

}


/*==================================================
ENGINEERING SECTION
==================================================*/

.products-page .engineering-section{

    padding:120px 0;

}

.products-page .section-header{

    text-align:center;

    max-width:850px;

    margin:0 auto 70px;

}

.products-page .section-tag{

    display:inline-block;

    padding:8px 18px;

    border-radius:40px;

    background:#F4F4F4;

    color:#D63D4A;

    font-size:.75rem;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:20px;

}

.products-page .section-header h2{

    font-size:3rem;

    margin-bottom:25px;

}

.products-page .section-header p{

    color:#666;

    line-height:1.9;

}

.products-page .engineering-layout{

    display:grid;

    grid-template-columns:520px 1fr;

    gap:60px;

    align-items:start;

}

.products-page .engineering-image{

    position:sticky;

    top:120px;

}

.products-page .engineering-image img{

    width:100%;

    border-radius:20px;

    display:block;

    box-shadow:0 25px 60px rgba(0,0,0,.10);

}

.products-page .image-badge{

    position:absolute;

    bottom:25px;

    left:25px;

    background:#fff;

    padding:18px 24px;

    border-radius:14px;

    box-shadow:0 15px 35px rgba(0,0,0,.10);

}

.products-page .image-badge strong{

    display:block;

    color:#D63D4A;

    font-size:1.8rem;

}

.products-page .product-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:24px;

}

.products-page .product-card{

    background:#fff;

    padding:30px;

    border-radius:18px;

    border:1px solid #ECECEC;

    transition:.35s;

}

.products-page .product-card:hover{

    transform:translateY(-8px);

    border-color:#D63D4A;

    box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.products-page .product-icon{

    width:58px;

    height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#F8F8F8;

    font-size:1.4rem;

    margin-bottom:20px;

}

.products-page .product-card h3{

    font-size:1.3rem;

    margin-bottom:15px;

}

.products-page .product-card p{

    color:#666;

    line-height:1.8;

}

@media(max-width:1200px){

.products-page .engineering-layout{

grid-template-columns:1fr;

}

.products-page .engineering-image{

position:relative;

top:0;

}

}

@media(max-width:768px){

.products-page .product-grid{

grid-template-columns:1fr;

}

.products-page .section-header h2{

font-size:2.2rem;

}

}


/* ==========================================
ROOFING & CLADDING
========================================== */

.products-page .section-light{

    background:#F8F8F8;

}

.products-page .reverse-layout{

    display:grid;

    grid-template-columns:1fr 520px;

    gap:60px;

    align-items:start;

}

.products-page .engineering-content{

    display:flex;

    flex-direction:column;

}

.products-page .section-description{

    margin-bottom:45px;

    color:#666;

    line-height:1.9;

}

.products-page .section-light .product-card{

    background:#FFFFFF;

}

.products-page .section-light .product-card:hover{

    border-color:#D63D4A;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.products-page .section-light .product-icon{

    background:#FFF5F6;

    color:#D63D4A;

}

.products-page .section-light .image-badge{

    background:#D63D4A;

    color:#fff;

}

.products-page .section-light .image-badge strong{

    color:#fff;

}

@media(max-width:1200px){

.products-page .reverse-layout{

    grid-template-columns:1fr;

}

.products-page .reverse-layout .engineering-image{

    order:-1;

}

}


/*==================================================
AQUA SOLUTIONS
==================================================*/

.products-page .aqua-section{

    padding:120px 0;

}

.products-page .aqua-header{

    text-align:center;

    max-width:850px;

    margin:0 auto 60px;

}

.products-page .aqua-header h2{

    font-size:3rem;

    margin:20px 0;

}

.products-page .aqua-header p{

    color:#666;

    line-height:1.9;

}

/* Banner */

.products-page .aqua-banner{

    position:relative;

    overflow:hidden;

    border-radius:22px;

    margin-bottom:70px;

    box-shadow:0 25px 60px rgba(0,0,0,.08);

}

.products-page .aqua-banner img{

    width:100%;

    height:520px;

    object-fit:cover;

    display:block;

    transition:.8s;

}

.products-page .aqua-banner:hover img{

    transform:scale(1.05);

}

.products-page .aqua-banner::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        rgba(0,0,0,.15),
        rgba(0,0,0,.75)
    );

}

.products-page .banner-content{

    position:absolute;

    left:50px;

    bottom:50px;

    color:#fff;

    z-index:2;

}

.products-page .banner-content span{

    display:inline-block;

    background:#D63D4A;

    padding:10px 18px;

    border-radius:30px;

    margin-bottom:18px;

}

.products-page .banner-content h3{

    font-size:2.4rem;

    line-height:1.2;

}

/* Cards */

.products-page .aqua-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.products-page .aqua-card{

    background:#fff;

    padding:35px;

    border-radius:18px;

    border:1px solid #ECECEC;

    transition:.35s;

}

.products-page .aqua-card:hover{

    transform:translateY(-8px);

    border-color:#D63D4A;

    box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.products-page .card-number{

    width:62px;

    height:62px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#FFF5F6;

    color:#D63D4A;

    font-size:1.2rem;

    font-weight:700;

    margin-bottom:25px;

}

.products-page .aqua-card h3{

    margin-bottom:18px;

    font-size:1.45rem;

}

.products-page .aqua-card p{

    color:#666;

    line-height:1.8;

}

/* Responsive */

@media(max-width:992px){

.products-page .aqua-grid{

grid-template-columns:1fr;

}

.products-page .aqua-banner img{

height:420px;

}

}

@media(max-width:768px){

.products-page .banner-content{

left:30px;

right:30px;

bottom:30px;

}

.products-page .banner-content h3{

font-size:1.8rem;

}

.products-page .aqua-header h2{

font-size:2.2rem;

}

}


/*==================================================
WHY SAAS METALS
==================================================*/

.products-page .why-saas{

    padding:120px 0;

    background:#F8F8F8;

}

.products-page .feature-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

    margin-top:70px;

}

.products-page .feature-card{

    background:#fff;

    padding:40px 35px;

    border-radius:18px;

    border:1px solid #ECECEC;

    transition:.35s;

}

.products-page .feature-card:hover{

    transform:translateY(-8px);

    border-color:#D63D4A;

    box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.products-page .feature-icon{

    width:70px;

    height:70px;

    border-radius:50%;

    background:#FFF4F5;

    color:#D63D4A;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    margin-bottom:25px;

}

.products-page .feature-card h3{

    font-size:1.35rem;

    margin-bottom:16px;

    color:#1F1F1F;

}

.products-page .feature-card p{

    color:#666;

    line-height:1.8;

}

/* Stats */

.products-page .stats-strip{

    margin-top:80px;

    background:#18191F;

    color:#fff;

    border-radius:20px;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    overflow:hidden;

}

.products-page .stat-item{

    padding:40px;

    text-align:center;

    border-right:1px solid rgba(255,255,255,.08);

}

.products-page .stat-item:last-child{

    border-right:none;

}

.products-page .stat-item h3{

    color:#D63D4A;

    font-size:2.8rem;

    margin-bottom:10px;

}

.products-page .stat-item span{

    color:#CFCFCF;

    font-size:.95rem;

}

/* Responsive */

@media(max-width:992px){

.products-page .feature-grid{

grid-template-columns:repeat(2,1fr);

}

.products-page .stats-strip{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.products-page .feature-grid{

grid-template-columns:1fr;

}

.products-page .stats-strip{

grid-template-columns:1fr;

}

.products-page .stat-item{

border-right:none;

border-bottom:1px solid rgba(255,255,255,.08);

}

.products-page .stat-item:last-child{

border-bottom:none;

}

}