@layer layout {
    /* One-thumb navigation and conversion actions; mobile and tablet only */
    .nur-tabbar {
        position: fixed;
        inset: auto 0 0 0;
        z-index: 60;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        height: calc(var(--nur-tabbar-h) + env(safe-area-inset-bottom));
        padding-bottom: env(safe-area-inset-bottom);
        background: var(--nur-surface);
        border-top: 1px solid var(--nur-line);
        box-shadow: 0 -6px 20px rgba(10, 31, 71, 0.06);
    }

    .nur-tabbar__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        color: var(--nur-ink-soft);
        font-size: 0.6875rem;
        font-weight: 600;
    }

    button.nur-tabbar__item {
        border: 0;
        background: none;
    }

    .nur-tabbar__item svg {
        width: 24px;
        height: 24px;
    }

    .nur-tabbar__item[aria-current="page"] {
        color: var(--nur-primary);
    }

    .nur-tabbar__item--whatsapp {
        color: var(--nur-green-700);
    }

    @media (min-width: 1024px) {
        .nur-tabbar {
            display: none;
        }
    }
}