/* FINN SLOWLY — BINGKAI 3D KOMPONEN SAJA */

#topDownloadBar,
#heroSlider,
#top10Button,
#communityButton,
#tickerSection,
#categoryList .category-btn,
#statsSection .stat-item,
#appsGrid .app-card {
  box-sizing: border-box !important;
  border: 3px solid transparent !important;
  border-image: none !important;
  background:
    linear-gradient(165deg,#103b28,#052115 42%,#00140c) padding-box,
    linear-gradient(145deg,#fffac0,#e9b943 15%,#77521a 35%,#f9da65 55%,#56743b 75%,#ffed9c) border-box !important;
  box-shadow:
    0 3px 0 rgba(73,49,10,.9),
    0 5px 8px rgba(0,0,0,.45),
    inset 0 3px 5px rgba(255,255,220,.18),
    inset 0 -6px 10px rgba(0,0,0,.65) !important;
}

#topDownloadBar,
#top10Button,
#communityButton,
#statsSection .stat-item {
  border-radius: 18px !important;
}

#heroSlider { border-radius: 15px !important; }
#tickerSection { border-radius: 14px !important; }
#categoryList .category-btn { border-radius: 7px !important; }
#appsGrid .app-card { border-radius: 14px !important; }

#categoryList .category-btn {
  min-height: 0 !important;
  height: auto !important;
  padding: 3px 6px !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
}


/* FINN ACTIVE CATEGORY START */
#categoryList .category-btn.active {
  color: #ffffff !important;
  font-weight: 800 !important;
  background:
    linear-gradient(145deg,#39ff91,#078b43 45%,#004d27) padding-box,
    linear-gradient(145deg,#fff9ad,#ffd44d,#9c6713,#fff2a1) border-box !important;
  border: 3px solid transparent !important;
  border-radius: 7px !important;
  box-shadow:
    0 0 8px #00ff88,
    0 0 15px #00ff8866,
    inset 0 2px 4px #ffffff77,
    inset 0 -3px 5px #003b22 !important;
  text-shadow: 0 0 5px #ffffffaa !important;
}
/* FINN ACTIVE CATEGORY END */