* { box-sizing: border-box; }
        body { 
            font-family: 'Figtree', sans-serif; 
            overflow-x: hidden;
            scroll-behavior: smooth;
        }
        
        /* Sticky Header */
        header {
            position: sticky;
            top: 0;
            z-index: 1000;
            background-color: #000000;
            color: #FFFFFF;
            transition: all 0.3s ease;
        }

        /* Hero Background Gradient */
        .hero-section {
            background: linear-gradient(to bottom, #000000 70%, #7AAACE 100%);
            position: relative;
            height: 100vh;
        }
        .hero-blend-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 100px;
            background: linear-gradient(to top, #FFFFFF, transparent);
        }

        /* Grid with No Gaps */
        .no-gap-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            border: 1px solid #EFE9E3;
        }
        .no-gap-grid > div {
            border: 1px solid #EFE9E3;
            margin: -0.5px; /* Collapses borders */
        }

        @media (max-width: 1024px) {
            .no-gap-grid { grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 640px) {
            .no-gap-grid { grid-template-columns: 1fr; }
        }

        .custom-input {
            background-color: #FFFFFF;
            color: #000000;
            border: none;
            padding: 12px 20px;
            width: 100%;
            outline: none;
        }

        /* Quick View Modal Animation */
        #modal {
            transition: opacity 0.3s ease;
        }

        .page-content { display: none; }
        .page-content.active { display: block; }
        
        .divider {
            height: 1px;
            background-color: #e5e7eb;
            margin: 1.5rem 0;
        }

        .card-img {
            max-height: 180px;
            width: auto;
            object-fit: contain;
            filter: grayscale(100%);
            transition: filter 0.3s ease;
        }
        .no-gap-grid div:hover .card-img {
            filter: grayscale(0%);
        }