/* ALPHABET SECTION */
.alphabet-section {
   background: var(--bg-primary);
   border-radius: 20px;
   padding: 3rem 2rem;
   margin-bottom: 3rem;
   box-shadow: var(--shadow-light);
}

.alphabet-container {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
   gap: 1rem;
   max-width: 900px;
   margin: 0 auto;
}

.letter-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 60px;
   background: var(--bg-secondary);
   border: 2px solid var(--border-color);
   border-radius: 12px;
   text-decoration: none;
   color: var(--text-primary);
   font-weight: 600;
   font-size: 1.2rem;
   transition: all 0.3s ease;
}

.letter-btn:hover {
   background: var(--gradient-primary);
   color: white;
   transform: translateY(-3px);
   box-shadow: var(--shadow-medium);
   border-color: var(--primary-color);
}

.alphabet-search-container{
   display: none;
}