/* Updated banksia-portraits-funnel.css */
/* 1. Applying the Full Image Background */
.funnel-container {
/* Using your provided image as a fixed, non-repeating background that covers the space */
background: url('uploaded:BANKSIA PORTRAITS-BIRTHDAY PARTY PHOTOGRAPHY.jpg') no-repeat center center fixed;
background-size: cover; /* Ensures the image always fills the container */
/* Luxury styling adjustments for visibility */
padding: 60px 50px;
max-width: 650px; /* Slightly wider to match Snappr aesthetic */
width: 100%;
text-align: center;
border-radius: 4px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); /* More pronounced shadow over the image */
position: relative;
overflow: hidden;
}
/* 2. Perfect Centering for the Final Button (Step 3) */
/* We update Step 3 to use Grid, which makes full-container centering simple */
#step-3 {
display: none; /* Inherited logic from funnel script */
grid-template-columns: 1fr;
place-items: center; /* Centers both horizontally and vertically within the form */
animation: fadeIn 0.4s ease forwards;
}
#step-3.active {
display: grid; /* When active, Step 3 uses grid layout */
}
/* Ensure the submit button itself aligns correctly */
.submit-btn {
grid-column: 1; /* Occupies the center column of the grid */
max-width: 300px; /* Limits the button width for better hierarchy */
margin: 20px auto 10px auto; /* Margin 'auto' on left/right ensures alignment */
/* ... existing brand styling ... */
background-color: #2C2C2C;
color: #ffffff;
border: none;
padding: 18px;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
cursor: pointer;
transition: all 0.4s ease;
}
.submit-btn:hover {
background-color: #C5A059;
}