@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800;900&display=swap');

body {
  color: #09090b;
  background-color: #ffffff;
  font-family: 'Manrope', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Smart Header Transition */
#mainHeader {
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
}
.header-hidden {
  transform: translateY(-100%);
}

details > summary::-webkit-details-marker {
  display: none;
}

@keyframes enterUp {
  from { opacity: 0.2; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}

.anim-item {
  animation: enterUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@media (prefers-reduced-motion: reduce) {
  .anim-item {
    animation: none !important;
  }
}

button:active, a:active {
  transform: scale(0.98);
}

/* Custom Scrollbar for Reviews Slider */
.reviews-slider {
  scrollbar-width: thin;
  scrollbar-color: #d97706 #f4f4f5;
  -webkit-overflow-scrolling: touch;
}

.reviews-slider::-webkit-scrollbar {
  height: 8px;
}

.reviews-slider::-webkit-scrollbar-track {
  background: #f4f4f5;
  border-radius: 9999px;
}

.reviews-slider::-webkit-scrollbar-thumb {
  background: #d97706;
  border-radius: 9999px;
}

.reviews-slider::-webkit-scrollbar-thumb:hover {
  background: #b45309;
}