*{margin:0;padding:0;box-sizing:border-box} body{font-family:Montserrat,sans-serif;background:#fff;color:#111;overflow-x:hidden} .container{width:92%;max-width:1300px;margin:auto} a{text-decoration:none} ul{list-style:none} header{position:fixed;top:0;width:100%;background:#f2e5d9;padding:16px 0;z-index:999;border-bottom:1px solid #eee} .navbar{display:flex;justify-content:space-between;align-items:center;position:relative} .logo{font-size:32px;font-weight:800}.logo span{color:#5d3713} .nav-links{display:flex;gap:30px}.nav-links a{color:#111;font-weight:600} .nav-icons{display:flex;gap:10px}.nav-icons i,.menu-toggle{width:42px;height:42px;border:1px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center} .menu-toggle{display:none} .hero{margin-top:80px;min-height:100vh;display:flex;align-items:center;background:#f7f7f7;padding:70px 0} .hero-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center} .hero h1{font-size:70px;margin:15px 0} .hero p{line-height:1.8;color:#666;margin-bottom:30px} .btn{display:inline-block;background:#5d3713;color:#fff;padding:16px 30px;border-radius:40px} .hero img{width:100%;border-radius:30px} .section{padding:90px 0}.title{text-align:center;margin-bottom:50px}.title h2{font-size:50px} .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px} .card{background:#fff;border:1px solid #eee;border-radius:25px;overflow:hidden;box-shadow:0 5px 25px rgba(0,0,0,.05)} .card img{width:100%;height:260px;object-fit:cover}.card-content{padding:20px}.price{font-weight:800;font-size:25px} footer{background:#f7f7f7;padding:50px 0;text-align:center} @media(max-width:991px){ .nav-icons{display:none}.menu-toggle{display:flex}.nav-links{position:absolute;top:75px;left:-100%;width:100%;background:#f2e5d9;flex-direction:column;padding:25px;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:.5s}.nav-links.active{left:0}.hero-content{grid-template-columns:1fr}.hero h1{font-size:42px}.grid{grid-template-columns:1fr 1fr}} @media(max-width:600px){.grid{grid-template-columns:1fr}.hero h1{font-size:34px}} .categories{ padding:80px 0; background:#fff; } .category-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:35px; } .category-card{ height:550px; border-radius:40px; overflow:hidden; position:relative; cursor:pointer; } .category-card img{ width:100%; height:100%; object-fit:cover; transition:1.2s; } .category-card:hover img{ transform:scale(1.1); } .category-overlay{ position:absolute; inset:0; background:linear-gradient( to top, rgba(0,0,0,.95), rgba(0,0,0,.2), transparent ); display:flex; align-items:flex-end; padding:45px; } .category-content h2{ font-size:58px; color:#fff; font-weight:800; margin-bottom:18px; } .category-content p{ color:#ddd; font-size:18px; line-height:1.8; margin-bottom:30px; } .category-btn{ display:inline-block; padding:18px 45px; background:#5d3713; border-radius:60px; font-weight:700; color:#000; transition:.4s; } .category-btn:hover{ transform:translateY(-5px); } /* MOBILE */ @media(max-width:991px){ .category-grid{ grid-template-columns:1fr; } .category-card{ height:450px; } .category-content h2{ font-size:42px; } } @media(max-width:600px){ .category-card{ height:340px; border-radius:25px; } .category-overlay{ padding:25px; } .category-content h2{ font-size:28px; } .category-content p{ font-size:15px; margin-bottom:20px; } .category-btn{ padding:14px 28px; font-size:14px; } } .why-us{padding:100px 0;background: #ffffff;} .section-title{ text-align:center; margin-bottom:60px; } .section-title span{ color:#5d3713; letter-spacing:3px; } .section-title h2{color: #000000;font-size:50px;margin-top:10px;} .why-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; } .why-card{background: #5d3713;padding:45px;border-radius:30px;text-align:center;transition:.5s;border:1px solid rgba(255,255,255,.06);} .why-card:hover{ transform:translateY(-12px); } .why-card i{font-size:50px;color: #ffffff;margin-bottom:25px;} .why-card h3{ color:#fff; margin-bottom:15px; } .why-card p{color: #ffffff;line-height:1.8;} @media(max-width:768px){ .why-grid{ grid-template-columns:1fr; } } .stats{ padding:90px 0; background:#5d3713; } .stats-grid{ display:grid; grid-template-columns:repeat(4,1fr); text-align:center; gap:30px; } .stats h2{ font-size:60px; font-weight:800; } .stats p{ font-size:18px; } @media(max-width:768px){ .stats-grid{ grid-template-columns:repeat(2,1fr); } } .cta{padding:100px 0;background: #ffffff;} .cta-box{background: linear-gradient(135deg, #5d3713, #5d3713);padding:80px;border-radius:40px;text-align:center;} .cta-box h2{ font-size:55px; margin-bottom:20px; } .cta-box p{ font-size:18px; margin-bottom:35px; } .cta-btn{ padding:18px 40px; background:#000; color:#fff; border-radius:50px; display:inline-block; } @media(max-width:768px){ .cta-box{ padding:45px 20px; } .cta-box h2{ font-size:35px; } }
.about-section{
padding:120px 0;
background:#fff;
overflow:hidden;
}

.about-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:90px;
align-items:center;
}

.about-images{
position:relative;
}

.main-img{
width:100%;
height:650px;
object-fit:cover;
border-radius:35px;
box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.small-img{

width:260px;
height:280px;
object-fit:cover;

border-radius:30px;

position:absolute;

bottom:-50px;
right:-40px;

border:8px solid #fff;

box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.experience-box{

position:absolute;

left:-30px;
top:50px;

background:#5d3713;

padding:30px;

border-radius:25px;

text-align:center;

box-shadow:0 15px 40px rgba(0,0,0,.15);

}

.experience-box h2{font-size:50px;font-weight:800;color: #ffffff;}

.experience-box p{
font-weight:600;
}

.about-content span{

color:#5d3713;
letter-spacing:4px;
font-weight:700;

}

.about-content h2{

font-size:55px;
line-height:1.2;

margin:20px 0;

}

.about-content p{

color:#666;
line-height:2;
font-size:17px;
margin-bottom:30px;

}

.about-features{
margin-top:30px;
}

.feature{

display:flex;
gap:18px;
margin-bottom:25px;
align-items:flex-start;

}

.feature i{

width:45px;
height:45px;

background:#5d3713;

border-radius:50%;

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

color:#fff;

}

.feature h4{
margin-bottom:6px;
}

.about-btn{

display:inline-flex;

align-items:center;

gap:10px;

padding:18px 40px;

background:#5d3713;

color: #ffffff;

border-radius:60px;

font-weight:700;

margin-top:20px;

transition:.4s;
}

.about-btn:hover{
transform:translateY(-5px);
}


/* MOBILE */

@media(max-width:991px){

.about-grid{
grid-template-columns:1fr;
}

.about-content{
margin-top:80px;
}

.small-img{
display:none;
}

.experience-box{
left:20px;
top:20px;
}

}


@media(max-width:600px){

.about-content h2{
font-size:34px;
}

.main-img{
height:420px;
}

.experience-box h2{
font-size:35px;
}

}
.featured-banner{
padding:120px 0;
background:#fff;
}

.featured-box{
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
align-items:center;
padding:50px;
border-radius:40px;
background:#fafafa;
box-shadow:0 15px 60px rgba(0,0,0,.06);
}

.featured-content span{
color:#5d3713;
letter-spacing:3px;
font-weight:700;
}

.featured-content h2{
font-size:55px;
margin:20px 0;
line-height:1.2;
}

.featured-content p{
color:#666;
line-height:1.9;
margin-bottom:30px;
}

.featured-image img{
width:100%;
border-radius:30px;
}

.featured-btn{padding:16px 35px;background:#5d3713;color: #ffffff;border-radius:50px;font-weight:700;}

@media(max-width:768px){
.featured-box{
grid-template-columns:1fr;
padding:25px;
}
.featured-content h2{
font-size:35px;
}
}
.premium-products{
padding:100px 0;
background:#fff;
}

.premium-scroll{
display:flex;
gap:25px;
overflow:auto;
padding:15px;
scrollbar-width:none;
}

.premium-card{
min-width:320px;
border-radius:30px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,.08);
transition:.5s;
}

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

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

.premium-card h3{
padding:25px;
font-size:28px;
}
.journey{
padding:120px 0;
background:#fafafa;
}

.journey-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}

.journey-card{
background:#fff;
padding:40px;
border-radius:30px;
box-shadow:0 10px 30px rgba(0,0,0,.05);
position:relative;
}

.journey-card h3{font-size:60px;color: #5d3713;opacity:.25;}

.journey-card h4{
margin:15px 0;
font-size:25px;
}

.journey-card p{
color:#666;
line-height:1.8;
}

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

@media(max-width:600px){
.journey-grid{
grid-template-columns:1fr;
}
}
.split-premium{
display:grid;
grid-template-columns:1fr 1fr;
height:600px;
}

.left-side,
.right-side{
position:relative;
background-size:cover;
background-position:center;
}

.left-side{
background-image:url('images/bg-1.jpg');
}

.right-side{
background-image:url('images/bg-2.jpg');
}

.content{
position:absolute;
bottom:70px;
left:60px;
color:#fff;
}

.content span{
color:#5d3713;
letter-spacing:3px;
}

.content h2{
font-size:50px;
max-width:400px;
margin-top:15px;
}

.left-side:before,
.right-side:before{
content:'';
position:absolute;
inset:0;
background:rgba(0,0,0,.4);
}

@media(max-width:768px){
.split-premium{
grid-template-columns:1fr;
height:auto;
}

.left-side,
.right-side{
height:350px;
}

.content h2{
font-size:32px;
}
}
.category-section{
padding:80px 0;
background:#f7f7f7;
overflow:hidden;
}

.container{
width:92%;
max-width:1400px;
margin:auto;
}

.category-title{
font-size:35px;
font-weight:700;
margin-bottom:60px;
color:#111;
}

.category-wrapper{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:30px;
align-items:start;
}

.category-item{
text-align:center;
cursor:pointer;
transition:.4s;
}

.category-image{
width:100%;
aspect-ratio:1/1;
border-radius:50%;
overflow:hidden;
background:#ddd;
margin-bottom:20px;
}

.category-image img{
width:100%;
height:100%;
object-fit:cover;
transition:.5s;
}

.category-item:hover img{
transform:scale(1.1);
}

.category-item h3{
font-size:18px;
font-weight:500;
line-height:1.5;
}

/* tablet */

@media(max-width:991px){

.category-wrapper{
grid-template-columns:repeat(3,1fr);
}

.category-title{
font-size:40px;
text-align:center;
}

}


/* mobile */

@media(max-width:600px){

.category-wrapper{
grid-template-columns:repeat(2,1fr);
gap:25px;
}

.category-title{
font-size:28px;
text-align:center;
margin-bottom:35px;
}

.category-item h3{
font-size:15px;
}

}

.new-arrivals{
padding:80px 0;
background:#f5f5f5;
}

.container{
width:94%;
margin:auto;
max-width:1400px;
}

.heading-row{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:40px;
}

.heading-row h2{
font-size:50px;
font-weight:700;
}

.heading-row a{
font-size:26px;
color:#000;
font-weight:600;
text-decoration:underline;
}

.product-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:20px;
}

.product-card{
background:#fff;
transition:.4s;
overflow:hidden;
}

.product-card:hover{
transform:translateY(-8px);
}

.product-image{
position:relative;
overflow:hidden;
}

.product-image img{
width:100%;
height:350px;
object-fit:cover;
transition:.5s;
}

.product-card:hover img{
transform:scale(1.07);
}

.icons{
position:absolute;
top:15px;
right:15px;
display:flex;
flex-direction:column;
gap:10px;
}

.icons i{
height:42px;
width:42px;
background:#000;
color:#fff;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
cursor:pointer;
}

.product-content{
padding:18px;
}

.product-content p{
font-size:17px;
line-height:1.6;
margin-bottom:18px;
min-height:75px;
}

.price{
display:flex;
flex-wrap:wrap;
gap:8px;
align-items:center;
margin-bottom:20px;
}

.price h4{
font-size:32px;
}

.old{
text-decoration:line-through;
color:#777;
}

.discount{
color:red;
font-weight:600;
}

button{width:100%;height:58px;border:0;background: #5d3713;color: #000000;font-size:22px;font-weight:600;cursor:pointer;}

button:hover{
background:#000;
}


@media(max-width:991px){

.product-grid{
grid-template-columns:repeat(3,1fr);
}

.heading-row h2{
font-size:35px;
}

}


@media(max-width:600px){

.product-grid{
grid-template-columns:repeat(2,1fr);
gap:15px;
}

.heading-row h2{
font-size:28px;
}

.heading-row a{
font-size:16px;
}

.product-image img{
height:180px;
}

.product-content{
padding:12px;
}

.product-content p{
font-size:13px;
min-height:auto;
}

.price h4{
font-size:18px;
}

.old,
.discount{
font-size:12px;
}

button{
height:45px;
font-size:16px;
}

.icons i{
height:34px;
width:34px;
font-size:12px;
}

}
.premium-footer{

background: #000000;

padding:100px 0 30px;

border-top:1px solid #eee;
}

.footer-grid{

display:grid;

grid-template-columns:2fr 1fr 1fr 1.5fr;

gap:60px;

padding-bottom:50px;

}

.footer-logo{

font-size:35px;
font-weight:800;
margin-bottom:25px;

}

.footer-logo span{
color:#5d3713;
}

.footer-box p{

color: #ffffff;

line-height:1.9;
}

.footer-box h3{

font-size:24px;
margin-bottom:25px;

}

.footer-box ul li{

margin-bottom:14px;

}

.footer-box ul li a{

color: #ffffff;

transition:.4s;
}

.footer-box ul li a:hover{

color:#5d3713;
padding-left:8px;

}

.social-icons{

display:flex;
gap:14px;
margin-top:30px;

}

.social-icons a{

width:48px;
height:48px;

background:#f5f5f5;

border-radius:50%;

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

color:#111;

transition:.4s;

}

.social-icons a:hover{

background:#5d3713;
transform:translateY(-6px);

}

.footer-form{

margin:25px 0;

display:flex;

background:#f5f5f5;

padding:8px;

border-radius:50px;

}

.footer-form input{

flex:1;
border:none;
background:none;

outline:none;

padding:0 15px;

}

.footer-form button{

border:none;

padding:15px 25px;

background:#5d3713;

border-radius:50px;

font-weight:700;

cursor:pointer;

}

.contact-footer p{

margin-top:15px;
display:flex;
align-items:center;
gap:12px;

}

.footer-bottom{

border-top:1px solid #eee;

padding-top:30px;

display:flex;
justify-content:space-between;
flex-wrap:wrap;
gap:15px;

}

.footer-bottom p{color: #ffffff;}


/* MOBILE */

@media(max-width:991px){

.footer-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.footer-grid{

grid-template-columns:1fr;

}

.footer-bottom{

text-align:center;
justify-content:center;

}

.footer-form{

flex-direction:column;
background:none;
gap:15px;
padding:0;

}

.footer-form input{

height:55px;

background:#f5f5f5;

border-radius:50px;

}

.footer-form button{

height:55px;

}
}
header{position:fixed;top: 0px;left:0;width:100%;background: #f2e6da;padding:15px 0;z-index:999;border-bottom:1px solid #eee;}

.navbar{
display:flex;
justify-content:space-between;
align-items:center;
position:relative;
}

.logo{margin-top: 35px;font-weight:800;}

.logo span{
color:#5d3713;
}

.nav-links{
display:flex;
gap:35px;
list-style:none;
}

.nav-links a{
color:#111;
font-weight:600;
}

.menu-toggle{
display:none;
background:none;
border:none;
font-size:28px;
cursor:pointer;
}

.hero{
margin-top:130px;
}

@media(max-width:991px){

.nav-icons{
display:none;
}

.menu-toggle{
display:block;
}

.nav-links{position:absolute;top:80px;left:-100%;width:100%;background: #f2e6da;flex-direction:column;padding:25px;gap:20px;box-shadow:0 10px 25px rgba(0,0,0,.08);transition:.5s;}

.nav-links.active{
left:0;
}

}
.topbar{

background: #000000;

height:45px;

overflow:hidden;

position:relative;

display:flex;

align-items:center;

z-index:1000;
}

.marquee-wrap{
width:100%;
overflow:hidden;
white-space:nowrap;
}

.marquee-content{

display:inline-block;

white-space:nowrap;

animation:marqueeMove 30s linear infinite;

}

.marquee-content span{

display:inline-block;

margin-right:80px;

font-size:14px;

font-weight:700;

color: #ffffff;

letter-spacing:.5px;
}

@keyframes marqueeMove{

0%{
transform:translateX(0%);
}

100%{
transform:translateX(-50%);
}

}
.about-banner{

height:450px;

background:url('https://images.unsplash.com/photo-1513519245088-0e12902e5a38?q=80&w=1400');

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

position:relative;

display:flex;
align-items:center;

margin-top:120px;

}

.banner-overlay{

position:absolute;
inset:0;

background:rgba(0,0,0,.55);

}

.banner-content{

position:relative;
z-index:2;
text-align:center;

color:#fff;

}

.banner-content h1{

font-size:70px;
margin-bottom:20px;

}

.breadcrumb{

display:flex;
justify-content:center;
gap:12px;

}

.breadcrumb a{

color:#5d3713;

}

.about-main{

padding:120px 0;
background:#fff;

}

.about-grid{

display:grid;
grid-template-columns:1fr 1fr;
gap:90px;

align-items:center;

}

.about-images{

position:relative;

}

.main-img{

width:100%;
height:650px;

object-fit:cover;

border-radius:35px;

}

.small-img{

width:250px;
height:280px;

object-fit:cover;

border-radius:30px;

position:absolute;

bottom:-50px;
right:-50px;

border:8px solid #fff;

box-shadow:0 20px 40px rgba(0,0,0,.1);

}

.exp-box{

position:absolute;

top:50px;
left:-30px;

background:#5d3713;

padding:25px;

border-radius:25px;

text-align:center;

}

.exp-box h2{

font-size:50px;

}

.about-content span{

letter-spacing:4px;

color:#5d3713;

font-weight:700;

}

.about-content h2{

font-size:55px;

line-height:1.2;

margin:20px 0;

}

.about-content p{

line-height:2;
color:#666;

margin-bottom:20px;

}

.features{

margin:35px 0;

}

.feature{

display:flex;

align-items:center;

gap:15px;

margin-bottom:18px;

font-weight:600;

}

.feature i{

width:40px;
height:40px;

background:#5d3713;

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

border-radius:50%;

color:#fff;

}

.about-btn{

display:inline-block;

padding:18px 35px;

background:#5d3713;

border-radius:50px;

color: #ffffff;

font-weight:700;
}

.about-stats{

padding:100px 0;
background:#fafafa;

}

.stats-grid{

display:grid;

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

gap:30px;

}

.stat-card{

background:#fff;

padding:40px;

text-align:center;

border-radius:30px;

box-shadow:0 10px 35px rgba(0,0,0,.06);

}

.stat-card h2{

font-size:55px;
color:#5d3713;

}


/* MOBILE */

@media(max-width:991px){

.about-grid{
grid-template-columns:1fr;
}

.stats-grid{
grid-template-columns:1fr 1fr;
}

.small-img{
display:none;
}

}


@media(max-width:600px){

.banner-content h1{
font-size:45px;
}

.about-content h2{
font-size:34px;
}

.stats-grid{
grid-template-columns:1fr;
}

.main-img{
height:420px;
}

}
.contact-banner{

height:400px;

background:url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?q=80&w=1400');

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

position:relative;

display:flex;
align-items:center;

margin-top:120px;

}

.overlay{

position:absolute;
inset:0;

background:rgba(0,0,0,.55);

}

.contact-banner-content{

position:relative;
z-index:2;

text-align:center;

color:#fff;

}

.contact-banner-content h1{

font-size:70px;
margin-bottom:20px;

}

.bread{

display:flex;
justify-content:center;
gap:12px;

}

.bread a{
color:#d4af37;
}

.contact-section{

padding:120px 0;

background:#fff;

}

.contact-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

}

.contact-left span{

color:#d4af37;

letter-spacing:4px;

font-weight:700;

}

.contact-left h2{

font-size:55px;

margin:20px 0;

}

.contact-left p{

color:#666;

line-height:2;

margin-bottom:35px;

}

.contact-box{

display:flex;

gap:20px;

margin-bottom:25px;

padding:25px;

border-radius:25px;

background:#fafafa;

}

.contact-icon{

width:65px;
height:65px;

background:#d4af37;

border-radius:50%;

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

color:#fff;

font-size:24px;

}

.contact-form-box{

padding:45px;

background:#fff;

border-radius:35px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.contact-form-box h3{

font-size:35px;

margin-bottom:25px;

}

.row{

display:flex;

gap:20px;

margin-bottom:20px;

}

.contact-form-box input,
.contact-form-box textarea{

width:100%;

padding:18px;

border:1px solid #ddd;

border-radius:15px;

outline:none;

font-size:15px;

}

.contact-form-box textarea{

height:180px;

resize:none;

margin-bottom:20px;

}

.contact-form-box button{

padding:18px 35px;

background:#d4af37;

border:none;

border-radius:50px;

font-weight:700;

cursor:pointer;

}

.map-section iframe{

width:100%;

height:500px;

border:0;

}


/* MOBILE */

@media(max-width:991px){

.contact-grid{

grid-template-columns:1fr;

}

.row{

flex-direction:column;

}

}

@media(max-width:600px){

.contact-banner-content h1{

font-size:45px;

}

.contact-left h2{

font-size:35px;

}

.contact-form-box{

padding:25px;

}

}