:root {
    --primary: #e62e2e;
    --dark: #0f172a;
    --text-muted: #64748b;
    --bg-light: #f8fafc;
    --br-custom: 24px;
    --shadow-premium: 0 20px 40px -10px rgba(15, 23, 42, 0.15);
}

/* Typography Refinement */
h1, h2, h3, .fw-black {
    font-weight: 800 !important;
    letter-spacing: -0.02em;
}

/* Premium Card Interaction */
.card {
    border: 1px solid rgba(0,0,0,0.05);
    border-radius: var(--br-custom) !important;
    overflow: hidden;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease;
}
.card:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-premium);
}

/* Modern Inputs */
.form-control, .form-select {
    border-radius: 16px !important;
    padding: 12px 20px !important;
    border: 1px solid #e2e8f0 !important;
}

/* Section Spacing */
section, .hp-search-wrapper, .hp-marquee-wrap {
    margin-bottom: 40px !important;
}

@media (max-width: 767.98px) {
    section, .hp-search-wrapper, .hp-marquee-wrap {
        margin-bottom: 20px !important;
    }
}

/* Smooth Button Animation */
.btn-primary {
    transition: all 0.3s ease;
}
.btn-primary:hover {
    transform: scale(1.02);
}

/* Zoom on Hover Effect */
.img-zoom-container {
    position: relative;
    overflow: hidden;
    cursor: zoom-in;
}

.img-zoom-container img {
    transition: transform 0.5s ease;
    transform-origin: center;
}

.img-zoom-container:hover img {
    transform: scale(2.5);
}