/* =============================================================
   COMPONENT / DROPDOWN
   
   Выпадающий блок, спозиционированный относительно родителя.
   Родитель должен иметь position: relative.
   ============================================================= */

.dropdown-content {
    display: grid;
    width: max-content;
    gap: var(--space-2);
    background-color: var(--bg-page);
    position: absolute;
    right: 0;
    box-shadow: var(--shadow-menu);
    padding: var(--space-5);
    z-index: var(--z-dropdown);
}

.dropdown-content.bottom {
    bottom: 0;
}