/* Minimal styles to preserve original look – feel free to replace with your own CSS */
        .sec-pad-64 { padding: 64px 0; }
        .bg-polar { background-color: #f5f7fa; }
        .gallery-grid .gallery-item { margin-bottom: 30px; }
        .gallery-card {
            position: relative;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.08);
            transition: transform 0.2s, box-shadow 0.2s;
            display: block;           /* make the whole card a link */
            text-decoration: none !important;
            color: inherit;
            height: 100%;
        }
        .gallery-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.15);
        }
        .gallery-card img {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.3s;
        }
        .gallery-card:hover img {
            transform: scale(1.03);
        }
        .gallery-card .overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(to top, rgba(0,0,0,0.75), transparent);
            color: #fff;
            padding: 20px 15px 15px;
            text-align: center;
            font-weight: 500;
            font-size: 0.95rem;
            pointer-events: none;     /* so click goes to the card link */
        }
        .gallery-card .overlay span {
            display: block;
            line-height: 1.3;
            font-size: 15px;
            font-weight: 600;
        }
        .range.range-xs-center { margin-top: 20px; }

        /* Remove default link underline etc. */
        a.gallery-card { text-decoration: none; }