/* Google font in use */
:root{
  --primary-700:#5b27ff;
  --primary-500:#6a3bff;
  --primary-400:#7a55ff;
  --yellow:#ffd200;
  --glass: rgba(255,255,255,0.08);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial;
  background: radial-gradient(1200px 800px at 75% 25%, rgba(255,255,255,0.08), transparent 60%), 
              linear-gradient(135deg, var(--primary-700), var(--primary-500) 50%, var(--primary-400));
  color:#fff;
}

.navbar{background:transparent}
.nav-link{color:#d9ccff}
.nav-link:hover, .nav-link.active{color:#fff}
.icon-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:14px;
  background:var(--glass); color:#fff; text-decoration:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
}
.icon-btn.cart{padding:0 1rem; gap:.4rem}
.icon-btn.cart i{font-size:1.3rem}
.icon-btn:hover{transform:translateY(-1px)}

.hero{padding: 1rem 0 4rem}
.eyebrow{letter-spacing:.2em; text-transform:uppercase; color:#d9ccff; font-weight:600; font-size:.9rem}
.text-yellow{color:var(--yellow)}

.btn-yellow{
  background:var(--yellow); color:#182;
  border:none; border-radius:18px; font-weight:700;
}
.btn-yellow:hover{filter:brightness(.95); color:#031}

.hero-media{position:relative}
.hero-img{
  width:100%; max-width:720px; display:block; margin:0 auto;
  border-radius:24px; box-shadow: 0 30px 80px rgba(0,0,0,.35);
  object-fit:cover;
}
.natural{
  position:absolute; top:5%; right:6%;
  background:var(--yellow); color:#111; font-weight:800; line-height:1.1;
  padding:14px 20px; border-radius:22px; text-align:center;
}
.badge-pill{border-radius:24px;}

.dots{position:absolute; right:-28px; top:50%; transform:translateY(-50%);}
.dot{width:8px; height:8px; border-radius:999px; background:#fff3; display:inline-block}
.dot.active{height:20px; background:#fff}

.features{
  background:var(--glass);
  backdrop-filter: blur(8px);
  border:1px solid rgba(255,255,255,.15);
}
.features i{color:var(--yellow)}
.features span{color:#eae1ff}

.hero-aura{
  position:absolute; inset:0;
  background: radial-gradient(600px 400px at 85% 30%, rgba(255,255,255,.12), transparent 60%);
  pointer-events:none;
}

footer{background:transparent}


/* Product Section */
.products .product-card{
  background: var(--glass);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,.15);
  transition: transform .25s ease, box-shadow .25s ease;
}
.products .product-card:hover{
  transform: translateY(-6px);
  box-shadow:0 20px 40px rgba(0,0,0,.35);
}
.products img{
  width:100%; height:200px; object-fit:cover;
}
.products .badge-pill{
  position:absolute; top:8px; right:8px;
  font-size:.7rem; font-weight:700;
  background:var(--yellow); color:#111;
  padding:6px 12px;
}

/* .carousel-indicators [data-bs-target] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ff6a00;
}
.carousel-indicators .active {
  background-color: #e55b00;
} */

 #categoryMenu a.active {
    background: #ae60e2;
    color: #fff !important;
    border-radius: 6px;
  }
  .product-item {
    transition: all 0.4s ease-in-out;
  }
  .product-item.hide {
    opacity: 0;
    transform: scale(0.9);
    pointer-events: none;
    position: absolute;
  }