/* ===== SERVICES HERO ===== */
.services-hero {
    background: 
                url('https://static.wixstatic.com/media/10a6d0_60c24bc52a6d4bd8bf93290053bac531~mv2.jpg/v1/fill/w_1898,h_528,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/10a6d0_60c24bc52a6d4bd8bf93290053bac531~mv2.jpg');
    background-size: cover;
    background-position: center;
    color: var(--white);
    text-align: center;
    padding: clamp(80px, 10vw, 150px) 20px clamp(60px, 8vw, 80px);
    margin-top: 80px;
    min-height: 50vh; /* Ensures minimum height */
}

.services-hero h1 {
    font-size: clamp(2rem, 5vw, 2.8rem);
    margin-bottom: clamp(15px, 2vw, 20px);
    line-height: 1.3;
}

.services-hero p {
    font-size: clamp(1rem, 2.5vw, 1.2rem);
    max-width: min(90%, 700px);
    margin: 0 auto;
    line-height: 1.6;
    font-weight: 500;
}

/* ===== COLLECTIONS INTRO ===== */
.collections-intro {
    padding: clamp(40px, 6vw, 60px) 20px;
    text-align: center;
}

.collections-intro h2 {
    color: var(--primary);
    margin-bottom: clamp(10px, 1.5vw, 15px);
    font-size: clamp(1.6rem, 4vw, 2.2rem);
}

.collections-intro p {
    max-width: min(90%, 800px);
    margin: 0 auto;
    font-size: clamp(0.95rem, 2vw, 1.1rem);
    line-height: 1.7;
}

/* ===== FOOTER SPACE FIX ===== */
body.services-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body.services-page .content-wrap {
    flex: 1 0 auto;
}

body.services-page footer {
    flex-shrink: 0;
}

/* ===== RESPONSIVE ADJUSTMENTS ===== */
@media (max-width: 768px) {
    .services-hero {
        margin-top: 70px; /* Adjusted for mobile header */
    }
}

@media (max-width: 480px) {
    .services-hero {
        min-height: 40vh;
        padding: 60px 15px 40px;
    }
    
    .collections-intro {
        padding: 30px 15px;
    }
}

/* Services Page Layout Fix */
body.services-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body.services-page main {
    flex: 1;
    position: relative;
    padding-bottom: 150px; /* Space for footer */
}

/* Submission Section Protection */
.submission-section {
    margin-bottom: 80px; /* Extra space before footer */
    padding-bottom: 20px; /* Internal spacing */
}

/* Footer Positioning */
body.services-page footer.footer {
    position: relative;
    margin-top: auto;
    padding: 40px 0;
    z-index: 2;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    body.services-page main {
        padding-bottom: 120px;
    }
    .submission-section {
        margin-bottom: 60px;
    }
}