/* ALPHABET SECTION - Для внутренних страниц */
.alphabet-section {
   background: transparent;
   box-shadow: none;
   margin-bottom: 2rem;
}

.section-title {
   font-size: 1rem;
   margin-bottom: 1rem;
   color: var(--text-primary);
   font-weight: 600;
}

/* Контейнер поиска */
/* Контейнер поиска */
.alphabet-search-container {
   margin-bottom: 1rem;
   display: flex;
   justify-content: center; /* по центру */
}

.alphabet-search-form {
   display: flex;
   gap: 0.5rem;
   max-width: 600px; /* уменьшаем ширину, было 100% */
   width: 100%; /* для адаптивности */
}

.alphabet-search-input {
   flex: 1;
   padding: 0.75rem 1rem;
   border: 2px solid var(--border-color);
   border-radius: 8px;
   font-size: 0.95rem;
   background: var(--bg-secondary);
   color: var(--text-primary);
   transition: all 0.3s ease;
}

.alphabet-search-input:focus {
   outline: none;
   border-color: var(--primary-color);
   box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);
}

.alphabet-search-btn {
   padding: 0.75rem 1.5rem;
   background: var(--gradient-primary);
   color: white;
   border: none;
   border-radius: 8px;
   font-size: 1.2rem;
   cursor: pointer;
   transition: all 0.3s ease;
   flex-shrink: 0;
}

.alphabet-search-btn:hover {
   transform: translateY(-2px);
   box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);
}

/* Алфавит */
.alphabet-container {
   display: flex;
   flex-wrap: wrap;
   gap: 0.5rem;
   justify-content: flex-start;
}

.letter-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 44px;
   height: 44px;
   background: var(--bg-secondary);
   border: 1px solid var(--border-color);
   border-radius: 6px;
   text-decoration: none;
   color: var(--text-primary);
   font-weight: 600;
   font-size: 0.85rem;
   transition: all 0.2s ease;
   flex-shrink: 0;
}

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

.letter-btn.active {
   background: var(--gradient-primary);
   color: white;
   border-color: var(--primary-color);
}

/* Адаптив для мобильных */
@media (max-width: 768px) {
   .alphabet-search-input {
      font-size: 0.9rem;
      padding: 0.6rem 0.8rem;
   }
   
   .alphabet-search-btn {
      padding: 0.6rem 1rem;
   }
   
   .letter-btn {
      width: 38px;
      height: 38px;
      font-size: 0.8rem;
   }
}