/* Page styles for resources/views/pages/feature.blade.php (moved out of the view for CSP: style-src 'self'). */

.service-column {
            display: flex;
            margin-bottom: 30px;
        }

        .service-block-one {
            display: flex;
            flex-direction: column;
        }

        .service-block-one .inner-box {
            flex: 1;
        }

        /* Clamp text to 3 lines and add ... */
        .feature-description {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            /* 👈 show only 3 lines */
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            min-height: 70px;
            /* keeps consistent height */
            max-height: 80px;
        }

/* ---- feature grid (was inline) ----
   Background paths are relative to this stylesheet; the inline url(assets/...)
   only resolved on routes served from the site root. */

.bg-layer--extra5 {
    background-image: url(../../images/background/extra5.jpg);
}

.feature-shape--9 {
    background-image: url(../../images/shape/shape-9.png);
}

/* Fixed heights keep the cards in a row aligned. */
.feature-card__title {
    height: 60px;
}

.feature-card__text {
    height: 120px;
}

/*
 * The .pattern-layer background was written inline as
 * "background-image: {{ asset(...) }}" with no url(), so it was invalid CSS and
 * never rendered. Parked here rather than enabled, because switching it on is a
 * visual change, not a CSP fix. Uncomment if the shape is wanted.
 *
 * .feature-pattern-layer {
 *     background-image: url(../../images/shape/shape-45.png);
 * }
 */