/* Icon Box Grid — aum-ibox */
.aum-ibox-grid {
    display: grid;
    grid-template-columns: repeat(var(--aum-ibox-columns, 3), 1fr);
    gap: var(--aum-ibox-gap, 28px);
}
@media (max-width: 1024px) { .aum-ibox-grid { grid-template-columns: repeat(var(--aum-ibox-columns-tablet, 2), 1fr); } }
@media (max-width: 767px)  { .aum-ibox-grid { grid-template-columns: repeat(var(--aum-ibox-columns-mobile, 1), 1fr); } }

.aum-ibox-item {
    display: flex;
    padding: 28px;
    background-color: var(--card-bg, #ffffff);
    border: 1px solid var(--border, rgba(0,0,0,0.08));
    border-radius: 16px;
    text-decoration: none;
    color: inherit;
    box-sizing: border-box;
    transition: box-shadow 0.2s ease, transform 0.18s ease, border-color 0.2s ease;
}
.aum-ibox-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(0,0,0,0.07);
}

/* Top layout */
.aum-ibox-pos--top {
    flex-direction: column;
    gap: var(--aum-ibox-icon-gap, 16px);
}
/* Left layout */
.aum-ibox-pos--left {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--aum-ibox-icon-gap, 16px);
}

/* Icon wrapper */
.aum-ibox-icon-wrap {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 12px;
    font-size: 22px;
    color: var(--primary, #3b82f6);
    background-color: color-mix(in srgb, var(--primary, #3b82f6) 12%, transparent);
}
.aum-ibox-icon-wrap i, .aum-ibox-icon-wrap svg { display: block; width: 1em; height: 1em; }

/* Text */
.aum-ibox-text { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.aum-ibox-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-on-bg, #111110);
    margin: 0;
    line-height: 1.3;
    letter-spacing: -0.01em;
}
.aum-ibox-desc {
    font-size: 14px;
    line-height: 1.65;
    color: var(--text-muted, #6f6e69);
    margin: 0;
}