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

:root {
  --purple-400: #c084fc;
  --purple-500: #a855f7;
  --purple-600: #9333ea;
  --cyan-400: #22d3ee;
  --cyan-500: #06b6d4;
  --amber-400: #fbbf24;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
  --gray-950: #030712;
}

html { scroll-behavior: smooth; }

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

[dir="rtl"] body {
  font-family: 'Heebo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

.lang-dropdown { position: relative; }
.lang-dropdown-menu { display: none; position: absolute; right: 0; top: 100%; min-width: 160px; z-index: 50; }
[dir="rtl"] .lang-dropdown-menu { right: auto; left: 0; }
.lang-dropdown.open .lang-dropdown-menu { display: block; }

.product-card { transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; }
.product-card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(168, 85, 247, 0.2); border-color: rgba(168, 85, 247, 0.5); }

.discount-badge { position: absolute; top: 8px; left: 8px; z-index: 10; }
[dir="rtl"] .discount-badge { left: auto; right: 8px; }

.star-filled { color: #fbbf24; }
.star-empty { color: #4b5563; }

.filter-btn { transition: background-color 0.2s, color 0.2s, border-color 0.2s; }
.filter-btn.active { background-color: var(--purple-500) !important; color: white !important; border-color: var(--purple-500) !important; }
.filter-btn:hover:not(.active) { border-color: var(--purple-500); color: var(--purple-400); }

.telegram-sticky { position: fixed; bottom: 0; left: 0; right: 0; z-index: 40; transform: translateY(100%); transition: transform 0.3s ease; }
.telegram-sticky.visible { transform: translateY(0); }
@media (min-width: 768px) { .telegram-sticky { display: none; } }

.fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }

.blog-content h2 { margin-top: 2rem; margin-bottom: 1rem; color: white; }
.blog-content p { margin-bottom: 1rem; line-height: 1.75; color: #9ca3af; }
.blog-content ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1rem; }
[dir="rtl"] .blog-content ul { padding-left: 0; padding-right: 1.5rem; }
.blog-content li { margin-bottom: 0.5rem; color: #9ca3af; }

.nav-link.active { color: var(--purple-500); font-weight: 600; }

.breadcrumb-separator::before { content: '/'; margin: 0 0.5rem; color: #6b7280; }
[dir="rtl"] .breadcrumb-separator::before { content: '\'; }

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #111827; }
::-webkit-scrollbar-thumb { background: #374151; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #4b5563; }

::selection { background-color: rgba(168, 85, 247, 0.3); color: white; }

@media print {
  .telegram-sticky, .telegram-cta, nav, .lang-dropdown, footer { display: none !important; }
  body { background: white !important; color: black !important; }
}