/* Critical CSS for Mushebi.ge English Version - Above the fold styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* Base styles */
* { box-sizing: border-box; }
body { margin: 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; }

/* Critical layout and typography */
.container { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 1rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.py-24 { padding-top: 6rem; padding-bottom: 6rem; }

/* Grid system */
.grid { display: grid; }
.gap-6 { gap: 1.5rem; }
.gap-8 { gap: 2rem; }
.gap-12 { gap: 3rem; }
.lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* Flexbox utilities */
.flex { display: flex; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }

/* Typography */
.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.text-6xl { font-size: 3.75rem; line-height: 1; }
.font-extrabold { font-weight: 800; }
.leading-tight { line-height: 1.25; }
.text-slate-900 { color: rgb(15 23 42); }
.text-slate-600 { color: rgb(71 85 105); }
.text-white { color: rgb(255 255 255); }

/* Backgrounds and gradients */
.bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); }
.from-slate-50 { --tw-gradient-from: rgb(248 250 252); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 250, 252, 0)); }
.to-indigo-50 { --tw-gradient-to: rgb(238 242 255); }
.from-indigo-600 { --tw-gradient-from: rgb(79 70 229); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0)); }
.to-cyan-500 { --tw-gradient-to: rgb(6 182 212); }

/* Buttons and interactive elements */
.bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); }
.from-indigo-600 { --tw-gradient-from: rgb(79 70 229); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0)); }
.to-cyan-500 { --tw-gradient-to: rgb(6 182 212); }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.rounded-2xl { border-radius: 1rem; }
.shadow-lg { box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); }

/* Responsive utilities */
@media (min-width: 1024px) {
  .lg\:text-6xl { font-size: 3.75rem; line-height: 1; }
  .lg\:py-24 { padding-top: 6rem; padding-bottom: 6rem; }
}

/* Mobile menu */
.mobile-menu { transform: translateX(-100%); transition: transform 0.3s ease-in-out; }
.mobile-menu.open { transform: translateX(0); }

/* Fixed buttons */
.fixed { position: fixed; }
.bottom-6 { bottom: 1.5rem; }
.right-6 { right: 1.5rem; }
.z-50 { z-index: 50; }

/* Animations */
@keyframes bounce { 
  0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 
  40% { transform: translateY(-10px); } 
  60% { transform: translateY(-5px); } 
}
.bounce { animation: bounce 2s infinite; }