/* TRENDS & FOOTER */
        .trends {padding: clamp(30px, calc( (70 / 1920) * 100vw ), 70px) 0;}
 .trends p{font-size: clamp(14px, 0.95vw, 18px);text-align: center;margin-bottom: 40px;}
        .trends .titleh3{font-size: clamp(24px, 1.9vw, 36px);text-align: center;margin-bottom: 20px;}
        .trend-flex { display: flex; gap: 30px; }
        .trend-box { flex: 1; position: relative; height: 700px; overflow: hidden; }
        .trend-box img { width: 100%; height: 100%; object-fit: cover; transition: 1s; }
        .trend-box:hover img { transform: scale(1.05); }
        .trend-overlay {position: absolute;inset: 0;background: linear-gradient(transparent, rgba(0,0,0,0.6));display: flex;align-items: flex-end;padding: 40px;color: #fff;display: block;align-content: end;}
        .trend-overlay h3{
    color: #ddd;
}
        .trend-overlay p{
    color: #ddd;
    font-size: 19px;
}

       .trends  .contact { padding: 180px 0; border-top: 1px solid var(--hairline); text-align: center; }
        .btn { padding: 20px 80px; border: 1px solid var(--brand-blue); text-decoration: none; color: var(--brand-blue); font-size: 13px; letter-spacing: 3px; font-weight: 700; transition: 0.4s; }
        .btn:hover { background: var(--brand-blue); color: #fff; }

        @media (max-width: 991px) {
            .scan-visual{ grid-template-columns: 1fr; width:100%}
            .scan-flex{flex-direction:column-reverse;gap: 10px;}
            .trend-box {height: 455px;}
        }

        @media (max-width: 767px) {
            .trend-box {height: 250px;}
        }

        @media (max-width: 576px) {
            .trend-box {height: 180px;}
        }