/* Import Google Fonts Premium */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap");

/* === BASE & SCROLL STYLES === */
html,
body {
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* Mencegah layar bisa digeser ke kanan */
}

/* === INTERACTIVE GREEN SCROLLBAR === */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #fbfdfb;
}
::-webkit-scrollbar-thumb {
  background: #c2d1c6;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #0f5132;
}

/* === FASHION INTERACTIVE CARD ANIMATION === */
.category-card img,
.product-card img {
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.category-card:hover img,
.product-card:hover img {
  transform: scale(1.05);
}

/* === BUTTON SHINE EFFECT === */
.btn-shine {
  position: relative;
  overflow: hidden;
}
.btn-shine::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -60%;
  width: 20%;
  height: 200%;
  background: rgba(255, 255, 255, 0.3);
  transform: rotate(30deg);
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.btn-shine:hover::after {
  transform: translateX(350%) rotate(30deg);
}