/* --- 5. PRODUCT GRIDS --- */
.grid-prod { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; }
.prod-img-wrapper { position: relative; border-radius: var(--radius); overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
.prod-img { width: 100%; height: auto; display: block; transition: transform 0.5s ease; }
.prod-img-wrapper:hover .prod-img { transform: scale(1.03); }

/* Alternating Layout */
.alt-layout .prod-text { order: -1; }

/* Features List */
.feat-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.5rem; margin: 2.5rem 0; }
.feat-item { display: flex; align-items: center; gap: 0.75rem; font-weight: 600; color: var(--navy-800); }
.feat-icon { color: var(--brand-red); }
.feat-icon svg { width: 20px; height: 20px; fill: currentColor; }

/* Button Group */
.prod-btn-group {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 2rem;
}

@media(max-width: 991px){
    .grid-prod{
        grid-template-columns: 1fr;
    }
    .alt-layout .prod-text{
        order: 1;
    }

    .prod-btn-group {
        flex-direction: column;
        align-items: center;
    }

    .prod-btn-group .btn {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}