*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial, sans-serif;
}

/* Header */

/* Header */

header{

display:flex;
justify-content:space-between;
align-items:center;
padding:20px;
background:white;
box-shadow:0 2px 10px rgba(0,0,0,0.1);
position:relative;

}

.logo{

font-size:26px;
font-weight:bold;
color:#e91e63;

}


nav{

display:flex;
gap:25px;

}

nav a{

text-decoration:none;
color:#333;
font-size:18px;

}


/* Hide checkbox */

#menu-toggle{

display:none;

}


.menu-icon{

display:none;
font-size:28px;
cursor:pointer;

}



/* Mobile */

@media(max-width:768px){

.menu-icon{

display:block;

}

nav{

position:absolute;
top:70px;
left:0;
width:100%;
background:white;
flex-direction:column;
align-items:center;
display:none;
padding:15px;

}

#menu-toggle:checked ~ nav{

display:flex;

}

}

/* Show menu when checked */

#menu-toggle:checked + .menu-icon + nav{

display:flex;

}



/* HERO SECTION */

.hero{

min-height:90vh;
display:flex;
align-items:center;
background:linear-gradient(to right, #fff0f5, #ffe4ec);

padding:50px;

}


.hero-container{

display:flex;
align-items:center;
justify-content:space-between;
max-width:1200px;
margin:auto;
width:100%;

}


/* Left Content */

.hero-left{

flex:1;

}


.hero-left h1{

font-size:55px;
color:#222;
margin-bottom:20px;

}


.hero-left span{

color:#e91e63;

}


.hero-left p{

font-size:20px;
color:#555;
margin-bottom:30px;
line-height:1.6;

}


/* Buttons */

.hero-buttons{

display:flex;
gap:20px;

}


.btn-primary{

background:#e91e63;
color:white;
padding:14px 32px;
text-decoration:none;
border-radius:30px;
font-size:18px;

}


.btn-primary:hover{

background:#c2185b;

}


.btn-outline{

border:2px solid #e91e63;
color:#e91e63;
padding:14px 32px;
text-decoration:none;
border-radius:30px;
font-size:18px;

}


.btn-outline:hover{

background:#e91e63;
color:white;

}



/* Right Image */

.hero-right{

flex:1;
text-align:center;

}


.hero-right img{

width:90%;
max-width:500px;

}



/* MOBILE RESPONSIVE */

@media(max-width:768px){

.hero-container{

flex-direction:column;
text-align:center;

}

.hero-left h1{

font-size:36px;

}

.hero-left p{

font-size:16px;

}

.hero-buttons{

justify-content:center;

}

.hero-right img{

margin-top:30px;

}

}

/* Section */

.section{
padding:80px 50px;
}

.title{
text-align:center;
margin-bottom:50px;
}

.title h2{
color:#e91e63;
font-size:36px;
}

/* About */

/* ABOUT SECTION */

.about-section{

padding:80px 20px;
background:#fff;

}


.about-container{

max-width:1200px;
margin:auto;
display:flex;
align-items:center;
gap:60px;

}


/* Image */

.about-image{

flex:1;

}

.about-image img{

width:100%;
border-radius:15px;
box-shadow:0 10px 30px rgba(0,0,0,0.1);

}


/* Content */

.about-content{

flex:1;

}


.about-content h2{

color:#e91e63;
font-size:22px;
margin-bottom:10px;

}


.about-content h3{

font-size:36px;
margin-bottom:20px;
color:#222;

}


.about-content p{

font-size:18px;
color:#555;
margin-bottom:15px;
line-height:1.6;

}


/* Features */

.about-features{

margin-top:20px;
margin-bottom:25px;

}

.feature{

margin-bottom:10px;
font-size:18px;
color:#333;

}


/* Button */

.about-btn{

display:inline-block;
padding:14px 35px;
background:#e91e63;
color:white;
text-decoration:none;
border-radius:30px;
font-size:18px;

}

.about-btn:hover{

background:#c2185b;

}


/* Responsive */

@media(max-width:768px){

.about-container{

flex-direction:column;

}

.about-content h3{

font-size:28px;

}

}
/* PRODUCTS SECTION */

.products-section{

padding:80px 20px;
background:#fff0f5;

}


/* Title */

.section-title{

text-align:center;
margin-bottom:50px;

}

.section-title h2{

font-size:36px;
color:#e91e63;

}

.section-title p{

color:#777;
margin-top:10px;

}


/* Container */

.products-container{

max-width:1200px;
margin:auto;

display:grid;

grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));

gap:30px;

}


/* Card */

.product-card{

background:white;
border-radius:15px;
overflow:hidden;
box-shadow:0 10px 25px rgba(0,0,0,0.1);
transition:0.4s;

}

.product-card:hover{

transform:translateY(-10px);

}


/* Image */

.product-image{

overflow:hidden;

}

.product-image img{

width:100%;
height:250px;
object-fit:cover;
transition:0.4s;

}

.product-card:hover img{

transform:scale(1.1);

}


/* Info */

.product-info{

padding:20px;
text-align:center;

}

.product-info h3{

margin-bottom:10px;
font-size:22px;

}

.product-info p{

color:#777;
margin-bottom:15px;

}


/* Button */

.product-btn{

display:inline-block;
padding:10px 25px;
background:#e91e63;
color:white;
text-decoration:none;
border-radius:25px;
transition:0.3s;

}

.product-btn:hover{

background:#c2185b;

}


/* Responsive */

@media(max-width:768px){

.section-title h2{

font-size:28px;

}

}
/* WHY CHOOSE US */

.why-section{

padding:80px 20px;
background:white;

}


/* Title */

.why-title{

text-align:center;
margin-bottom:50px;

}

.why-title h2{

font-size:36px;
color:#e91e63;

}

.why-title p{

color:#777;
margin-top:10px;

}


/* Container */

.why-container{

max-width:1200px;
margin:auto;

display:grid;

grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));

gap:30px;

}


/* Box */

.why-box{

background:#fff0f5;
padding:30px;
text-align:center;
border-radius:15px;
transition:0.4s;

}


.why-box:hover{

transform:translateY(-10px);
box-shadow:0 10px 25px rgba(0,0,0,0.1);

}


/* Icon */

.why-icon{

width:70px;
height:70px;
background:#e91e63;
color:white;
font-size:30px;
display:flex;
justify-content:center;
align-items:center;
border-radius:50%;
margin:auto;
margin-bottom:20px;

}


/* Text */

.why-box h3{

margin-bottom:10px;
font-size:22px;

}


.why-box p{

color:#666;
line-height:1.6;

}


/* Responsive */

@media(max-width:768px){

.why-title h2{

font-size:28px;

}

}


/* TESTIMONIAL SECTION */

.testimonial-section{

padding:80px 20px;
background:#fff0f5;

}


/* Title */

.testimonial-title{

text-align:center;
margin-bottom:50px;

}

.testimonial-title h2{

font-size:36px;
color:#e91e63;

}

.testimonial-title p{

color:#777;

}


/* Container */

.testimonial-container{

max-width:1200px;
margin:auto;

display:grid;

grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));

gap:30px;

}


/* Card */

.testimonial-card{

background:white;
padding:30px;
border-radius:15px;
text-align:center;
box-shadow:0 10px 25px rgba(0,0,0,0.1);
transition:0.4s;

}


.testimonial-card:hover{

transform:translateY(-10px);

}


/* Image */

.testimonial-img img{

width:80px;
height:80px;
border-radius:50%;
margin-bottom:20px;

}


/* Text */

.testimonial-text{

font-style:italic;
color:#555;
margin-bottom:20px;

}


/* Name */

.testimonial-card h3{

margin-bottom:10px;

}


/* Stars */

.stars{

color:#ffc107;
font-size:20px;

}


/* Responsive */

@media(max-width:768px){

.testimonial-title h2{

font-size:28px;

}

}
/* FOOTER */

.footer{

background:#e91e63;
;
color:white;
padding-top:60px;

}


.footer-container{

max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
gap:40px;
padding:0 20px;

}


/* Logo */

.footer-logo{

color:fff;
margin-bottom:15px;

}


/* Headings */

.footer-col h3{

margin-bottom:20px;

}


/* Links */

.footer-col ul{

list-style:none;

}

.footer-col ul li{

margin-bottom:10px;

}

.footer-col ul li a{

text-decoration:none;
color:#fff;

}

.footer-col ul li a:hover{

color:#e91e63;

}


/* Social */

.social-icons a{

display:block;
color:#fff;
margin-bottom:10px;
text-decoration:none;

}

.social-icons a:hover{

color:fff;

}


/* Bottom */

.footer-bottom{

text-align:center;
padding:20px;
margin-top:40px;
border-top:1px solid #333;

}
/* PAGE HERO */

.page-hero{

background:linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
url('../img/hero.png');

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

height:300px;

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

color:white;
text-align:center;

}


.page-hero h1{

font-size:42px;

}



/* ABOUT PAGE */

.about-page{

padding:80px 20px;

}

.about-page-container{

max-width:1200px;
margin:auto;

display:flex;
gap:50px;
align-items:center;

}
/* PREMIUM ABOUT SECTION */

.about-premium{

padding:100px 20px;
background:#fff;

}


.about-premium-container{

max-width:1200px;
margin:auto;

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

}


/* IMAGE */

.about-premium-image{

flex:1;
position:relative;

}

.about-premium-image img{

width:100%;
border-radius:20px;
position:relative;
z-index:2;

}

.image-bg{

position:absolute;
width:100%;
height:100%;
background:#ffe4ec;
border-radius:20px;
top:20px;
left:20px;
z-index:1;

}


/* CONTENT */

.about-premium-content{

flex:1;

}


.about-tag{

color:#e91e63;
font-weight:bold;
letter-spacing:1px;

}


.about-premium-content h2{

font-size:40px;
margin:15px 0;
color:#222;

}


.about-premium-content p{

color:#666;
line-height:1.7;
margin-bottom:15px;

}


/* POINTS */

.about-points{

margin-top:20px;

display:grid;

grid-template-columns:repeat(2,1fr);

gap:10px;

}


.point{

background:#fff0f5;
padding:12px;
border-radius:8px;
font-size:15px;

}


/* BUTTON */

.about-premium-btn{

display:inline-block;
margin-top:25px;

background:#e91e63;
color:white;

padding:14px 35px;

border-radius:30px;

text-decoration:none;

transition:0.3s;

}

.about-premium-btn:hover{

background:#c2185b;

}


/* MOBILE */

@media(max-width:768px){

.about-premium-container{

flex-direction:column;

}

.about-premium-content h2{

font-size:28px;

}

.about-points{

grid-template-columns:1fr;

}

}



/* MISSION */

.mission-section{

background:#fff0f5;
padding:80px 20px;

}

.mission-container{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:30px;

max-width:1200px;
margin:auto;

}

.mission-box{

background:white;

padding:30px;

border-radius:15px;

text-align:center;

}



/* TEAM */

.team-section{

padding:80px 20px;

}

.team-container{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:30px;

max-width:1200px;
margin:auto;

}

.team-card{

text-align:center;

}

.team-card img{

width:150px;
height:150px;
border-radius:50%;

margin-bottom:15px;

}



/* ACTIVE MENU */

.active{

color:#e91e63;

}



/* MOBILE */

@media(max-width:768px){

.about-page-container{

flex-direction:column;

}

.page-hero h1{

font-size:30px;

}

}

/* PRODUCT PAGE */

.product-page{

padding:80px 10%;

background:#f9f9f9;

}


.product-container{

display:flex;

flex-wrap:wrap;

gap:50px;

align-items:center;

}


/* IMAGE */

.product-image{

flex:1;

}

.product-image img{

width:100%;

border-radius:10px;

box-shadow:0 10px 30px rgba(0,0,0,0.1);

}


/* DETAILS */

.product-details{

flex:1;

}

.product-details h1{

font-size:40px;

margin-bottom:15px;

}


.product-price{

font-size:28px;

color:#ff4d6d;

font-weight:bold;

margin-bottom:20px;

}


.product-details p{

font-size:18px;

line-height:1.6;

margin-bottom:20px;

}


/* FEATURES */

.product-features{

margin-bottom:30px;

}


.product-features li{

margin-bottom:10px;

font-size:16px;

}


/* BUTTON */

.buy-btn{

background:#ff4d6d;

color:white;

padding:15px 30px;

text-decoration:none;

border-radius:30px;

font-size:18px;

display:inline-block;

transition:0.3s;

}


.buy-btn:hover{

background:#e63956;

}


/* RELATED */

.related-products{

padding:80px 10%;

}


.related-title{

text-align:center;

margin-bottom:40px;

}


.related-container{

display:flex;

gap:30px;

flex-wrap:wrap;

}


.related-card{

flex:1;

min-width:250px;

background:white;

padding:20px;

border-radius:10px;

text-align:center;

box-shadow:0 5px 15px rgba(0,0,0,0.1);

}


.related-card img{

width:100%;

border-radius:10px;

margin-bottom:15px;

}


.related-card h3{

margin-bottom:10px;

}


.related-card a{

text-decoration:none;

color:white;

background:#ff4d6d;

padding:10px 20px;

display:inline-block;

border-radius:20px;

}


.related-card a:hover{

background:#e63956;

}



/* CONTACT HERO */

.contact-hero{

background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(img/about.png);

background-size:cover;

background-position:center;

color:white;

text-align:center;

padding:100px 20px;

}

.contact-hero h1{

font-size:42px;

margin-bottom:10px;

}

.contact-hero p{

font-size:18px;

}


/* CONTACT SECTION */

.contact-section{

padding:80px 10%;

background:#f9f9f9;

}


.contact-container{

display:flex;

flex-wrap:wrap;

gap:50px;

}


/* CONTACT INFO */

.contact-info{

flex:1;

min-width:300px;

}

.contact-info h2{

margin-bottom:20px;

}

.contact-info p{

margin-bottom:15px;

font-size:16px;

}

.contact-box{

background:white;

padding:20px;

margin-bottom:20px;

border-radius:10px;

box-shadow:0 5px 15px rgba(0,0,0,0.1);

}


/* CONTACT FORM */

.contact-form{

flex:1;

min-width:300px;

background:white;

padding:30px;

border-radius:10px;

box-shadow:0 5px 15px rgba(0,0,0,0.1);

}


.contact-form h2{

margin-bottom:20px;

}


.contact-form input,

.contact-form textarea{

width:100%;

padding:12px;

margin-bottom:15px;

border:1px solid #ddd;

border-radius:8px;

font-size:16px;

}


.contact-form textarea{

height:120px;

resize:none;

}


/* BUTTON */

.contact-btn{

background:#ff4d6d;

color:white;

border:none;

padding:15px;

width:100%;

font-size:18px;

border-radius:30px;

cursor:pointer;

transition:0.3s;

}


.contact-btn:hover{

background:#e63956;

}


/* MAP */

.map{

padding:0 10% 80px;

}

.map iframe{

width:100%;

height:400px;

border:none;

border-radius:10px;

}


/* MOBILE */

@media(max-width:768px){

.contact-container{

flex-direction:column;

}

.contact-hero h1{

font-size:30px;

}

}


/* HERO */

.refund-hero{

background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url(img/about.png);

background-size:cover;

background-position:center;

color:white;

text-align:center;

padding:100px 20px;

}

.refund-hero h1{

font-size:42px;

}


/* CONTENT */

.refund-section{

padding:80px 10%;

background:#f9f9f9;

}


.refund-box{

background:white;

padding:40px;

border-radius:10px;

box-shadow:0 5px 15px rgba(0,0,0,0.1);

}


.refund-box h2{

margin-top:25px;

margin-bottom:10px;

color:#ff4d6d;

}


.refund-box p{

margin-bottom:15px;

line-height:1.7;

color:#444;

}


.refund-box ul{

margin-left:20px;

margin-bottom:15px;

}


.refund-box li{

margin-bottom:8px;

}


/* MOBILE */

@media(max-width:768px){

.refund-hero h1{

font-size:30px;

}

}


/* PROCESS */
.process-section{
padding:80px 10%;
background:#fff;
text-align:center;
}
.process-container{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:30px;
margin-top:40px;
}
.process-box{
background:#f9f9f9;
padding:30px;
border-radius:10px;
}
.process-number{
font-size:28px;
font-weight:bold;
color:#ff4d6d;
margin-bottom:10px;
}

/* FEATURED */
.featured-section{
padding:80px 10%;
background:#fff5f7;
}
.featured-container{
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
gap:40px;
}
.featured-right img{
width:350px;
border-radius:10px;
}

/* STATS */
.stats-section{
padding:60px 10%;
background:#ff4d6d;
color:white;
text-align:center;
}
.stats-container{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
gap:20px;
}
.stat-box h2{
font-size:36px;
}

/* GALLERY */
.gallery-section{
padding:80px 10%;
background:#f9f9f9;
text-align:center;
}
.gallery-container{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
gap:15px;
margin-top:30px;
}
.gallery-container img{
width:100%;
border-radius:8px;
}

/* NEWSLETTER */
.newsletter-section{
padding:80px 10%;
background:#fff;
text-align:center;
}
.newsletter-container input{
padding:10px;
width:250px;
border:1px solid #ddd;
border-radius:5px;
}
.newsletter-container button{
padding:10px 20px;
background:#ff4d6d;
color:white;
border:none;
border-radius:5px;
margin-left:10px;
}