*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:Inter;
  background:#000;
  color:#fff;
  overflow-x:hidden;
}

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

.bg-gradient{
  position:fixed;inset:0;
  background:radial-gradient(circle at top,#1a1a1a,#000);
  z-index:-3;
}
.bg-monogram{
  position:fixed;inset:0;
  background:url("https://www.transparenttextures.com/patterns/diamond-upholstery.png");
  opacity:.04;
  z-index:-2;
}

.header{
  position:sticky;top:0;
  background:rgba(0,0,0,.7);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.08);
  z-index:99;
}
.header-inner{
  display:flex;justify-content:space-between;align-items:center;
  padding:15px 0;
}

.logo-lk{
  width:44px;height:44px;
  border:1px solid #d9c7a2;
  display:flex;align-items:center;justify-content:center;
  font-family:'Playfair Display';
}
.brand-name{margin-left:10px;font-weight:600}

.nav a{margin:0 10px;cursor:pointer}

.hero{
  height:90vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.hero h1{
  font-family:'Playfair Display';
  font-size:3.5rem;
}

.btn-primary{
  margin-top:20px;
  padding:14px 40px;
  background:#d9c7a2;
  border:none;
  cursor:pointer;
}

.usp{
  padding:50px 0;
  border-top:1px solid rgba(255,255,255,.1);
}
.usp-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  text-align:center;
}

.sale{
  padding:80px 0;
  text-align:center;
  border-top:1px solid rgba(255,255,255,.1);
  border-bottom:1px solid rgba(255,255,255,.1);
}

.categories{padding:80px 0}
.cat-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.cat-card{
  padding:40px;
  border:1px solid rgba(217,199,162,.3);
  text-align:center;
  transition:.3s;
}
.cat-card:hover{box-shadow:0 0 30px rgba(217,199,162,.4)}

.products{padding:100px 0}
.product-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.product-card{
  background:rgba(255,255,255,.05);
  padding:15px;
  position:relative;
}
.product-card img{
  width:100%;height:280px;object-fit:cover;
}
.badge{
  position:absolute;top:10px;left:10px;
  background:#d9c7a2;color:#000;
  padding:5px 10px;font-size:.8rem;
}

.lookbook{
  height:60vh;
  background:url("https://images.unsplash.com/photo-1503342217505-b0a15ec3261c") center/cover;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'Playfair Display';
  font-size:3rem;
}

.blog, .newsletter{
  padding:80px 0;
  text-align:center;
}

footer{
  padding:60px 0;
  border-top:1px solid rgba(255,255,255,.1);
}
.footer-inner{
  display:grid;
  grid-template-columns:repeat(3,1fr);
}
.copyright{
  margin-top:40px;
  text-align:center;
  font-size:.8rem;
  color:#888;
}

@media(max-width:768px){
  .product-grid,.cat-grid,.usp-grid{grid-template-columns:1fr 1fr}
  .hero h1{font-size:2.2rem}
}