/* HexBuilt - Mobile First Styles */

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

footer {
    margin-top: auto;
}

/* Hero Section */
.hero-section {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    min-height: 60vh;
    padding: 3rem 0;
}

/* Cards */
.card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover {
    transform: translateY(-4px);
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15) !important;
}

/* Navbar */
.navbar-brand {
    font-size: 1.4rem;
    letter-spacing: 0.5px;
}

/* Product grid placeholder images */
.card-img-top.bg-secondary {
    border-radius: 0;
}

/* Contact form */
#contactForm .form-control:focus,
#contactForm .form-select:focus {
    border-color: #0f3460;
    box-shadow: 0 0 0 0.2rem rgba(15, 52, 96, 0.25);
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .hero-section {
        min-height: 50vh;
    }

    .hero-section h1 {
        font-size: 1.8rem;
    }

    .hero-section .lead {
        font-size: 1rem;
    }
}