/* ── Контакти ───────────────────────────────────────────────────────────── */
.contacts { display: grid; gap: var(--space-3); font-style: normal; }
.contacts__item { display: flex; align-items: flex-start; gap: var(--space-3); }
.contacts__icon { height: 1lh; margin-top: 0; color: var(--color-accent-soft); }
.contacts__link { color: var(--color-heading); transition: color var(--transition); }
.contacts__link:hover { color: var(--color-accent); }

/* Телефони — головний канал звʼязку магазину */
.contacts__item--large { font-size: var(--fs-lg); font-weight: var(--fw-medium); letter-spacing: -.02em; white-space: nowrap; }

/* Компактні контакти (бічне меню): без проміжків, рядок мінімум 32px */
.contacts--compact { gap: 0; font-size: var(--fs-sm); }
.contacts--compact .contacts__item { align-items: center; min-height: 32px; }

/* ── Соцмережі ──────────────────────────────────────────────────────────── */
.socials { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.socials__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: var(--color-heading);
    border: 1px solid var(--color-border-strong);
    border-radius: 50%;
    transition: color var(--transition), background-color var(--transition), border-color var(--transition);
}
.socials__link:hover { color: var(--color-on-primary); background: var(--color-primary-hover); border-color: var(--color-primary-hover); }