/* Bridal Galore Hero Section */









.bridal-hero {
	margin-top: 0px;
	height: 100vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;

	display: flex;
	align-items: center;
	justify-content: center;

	text-align: center;

	color: white;
    width:100vw;
}


.hero-background-slider {

    position:absolute;

    inset:0;

}


.hero-bg {

    position:absolute;

    inset:0;

    background-size:cover;
    background-position:center;

    opacity:0;

    animation:heroSlide 15s infinite;

}

/* image timing */

.hero-bg:nth-child(1){
    animation-delay:0s;
}

.hero-bg:nth-child(2){
    animation-delay:5s;
}

.hero-bg:nth-child(3){
    animation-delay:10s;
}

@keyframes heroSlide {

    0% {
        opacity:0;
        transform:scale(1);
    }

    10% {
        opacity:1;
    }

    33% {
        opacity:1;
        transform:scale(1.05);
    }

    43% {
        opacity:0;
    }

    100% {
        opacity:0;
    }

}


.hero-overlay {

    position:absolute;
    inset:0;

    background:rgba(0,0,0,0.45);

}


.hero-content {
    position:relative;
    z-index:2;
    max-width:800px;

	h1 {
		font-size:45px;
	}

	p {
    	font-size:20px;
	}

}

.hero-btn {
    display:inline-block;
    margin-top:30px;
    padding:15px 35px;
    background:#fff;
    color: var(--bridal-purple);
	border: 2px solid var(--bridal-purple);
    text-decoration:none;
    border-radius:30px;
}







/* about preview css */
.about-preview {
    padding: 100px 0;
    background: #fff;
}


.about-container {
    width: 90%;
    max-width: 1200px;
    margin: auto;

    display: flex;
    align-items: center;
    gap: 60px;
}


.about-image {
    flex: 1;
}


.about-image img {
    width: 70%;
    height: auto;
    object-fit: contain;
    border-radius: 20px;
}


.about-content {
    flex: 1;
}


.section-subtitle {
    color: var(--bridal-gold);
	font-family: var(--elegant-cursive-font);
    font-size: 2rem;
    font-weight: bold;
}


.about-content h2 {
    font-size: 42px;
    margin: 15px 0 25px;
}


.about-content p {
    font-size: 18px;
    line-height: 1.8;
}


.about-button {
    display: inline-block;
    margin-top: 25px;
    padding: 14px 35px;

    background: #d4af37;
    color: white;

    text-decoration: none;
    border-radius: 30px;
}

/* featured collections css */
.featured-collections {
    padding: 100px 0;
    background: #fff;
}


.collections-container {
    width: 90%;
    max-width: 1200px;
    margin: auto;
}


.section-heading {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 60px;
}


.section-heading h2 {
    font-size: 42px;
    margin: 15px 0;
    color: #222;
}


.section-heading p {
    color: #666;
    font-size: 18px;
}


.collection-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}


.collection-card {
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
	transition: transform .3s ease;
}

.collection-card:hover {
	transform: translateY(-10px);
}


.collection-card img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}


.card-content {
    padding: 25px;
    text-align: center;
}


.card-content h3 {
    font-size: 24px;
    margin-bottom: 15px;
}


.card-content a {
    color: #d4af37;
    text-decoration: none;
    font-weight: 600;
}


.collections-button {
	color: var(--bridal-purple);
    text-align: center;
    margin-top: 50px;
}


.collections-button a {
    display: inline-block;
    padding: 14px 35px;
	color: var(--bridal-purple);
    /* background: #d4af37; */
    border-radius: 30px;
    text-decoration: none;
}

@media (max-width: 900px) {
	.collection-grid {
		grid-template-columns: 1fr;
	}
}