/* ---------------------------------
   Логотип
---------------------------------- */

.dala-logo {
    display: inline-flex;
    align-items: center;
    max-width: 220px;
}

.dala-logo img {
    display: block;
    width: 100%;
    height: auto;
}

/* ---------------------------------
   Имиджевые блоки
---------------------------------- */

.dala-hero {
    padding: clamp(48px, 8vw, 110px) 24px;
    background: var(--brand-white);
}

.dala-hero__title {
    max-width: 760px;
    margin-bottom: 24px;
    color: var(--brand-green);
    font-family: var(--font-brand);
}

.dala-hero__text {
    max-width: 620px;
    color: var(--brand-green);
}

/* ---------------------------------
   Информационные блоки
---------------------------------- */

.dala-info-card {
    padding: 28px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface-soft);
}

.dala-info-card--navy {
    background: var(--color-navy-soft);
    color: var(--brand-navy);
}

.dala-info-card--burgundy {
    background: var(--color-burgundy-soft);
    color: var(--brand-burgundy);
}

.dala-info-card--olive {
    background: var(--color-olive-soft);
    color: var(--brand-olive);
}


/* ---------------------------------
   Цветовые акценты категорий
---------------------------------- */

.dala-category--care {
    --category-color: var(--brand-olive);
}

.dala-category--tack {
    --category-color: var(--brand-brown);
}

.dala-category--clothing {
    --category-color: var(--brand-navy);
}

.dala-category--special {
    --category-color: var(--brand-burgundy);
}

.dala-category {
    border-top: 4px solid var(--category-color);
}