.carte-wrap { margin: 20px 0; }

.carte-subnav {
    gap: 8px;
    background: var(--color-bg);
    padding: 12px 24px;
    margin-bottom: 30px;
}
.carte-subnav a {
    padding: 6px 14px;
    border: 1px solid var(--color-text);
    border-radius: 20px;
    color: var(--color-text);
    font-size: 0.85em;
}
.carte-subnav a:hover { border-color: var(--color-accent); background: var(--color-accent); color: var(--color-bg)}
.carte-subnav a.is-active { border-color: var(--color-accent); background: var(--color-accent); color: var(--color-bg); }

.carte-category { margin-bottom: 40px; }
.carte-category-title {
    margin-bottom: 18px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--color-accent);
}

.carte-subcategory { margin: 24px 0; padding-left: 4px; }
.carte-subcategory-title {
    margin-bottom: 12px;
    color: var(--color-text);
    opacity: 0.85;
}

.carte-item { margin-bottom: 18px; }
.carte-item-header { gap: 8px; }
.carte-item-name { font-weight: 600; }
.carte-item-dots { border-bottom: 1px dotted #bbb; margin-bottom: 4px; }
.carte-item-price { font-weight: 700; color: var(--color-accent); }
.carte-item-price em { font-weight: 400; color: var(--color-muted); font-size: 0.85em; }
.carte-price-option { margin-left: 14px; }
.carte-price-option:first-child { margin-left: 0; }
.carte-item-desc { margin: 4px 0 0; color: var(--color-muted); font-size: 0.9em; }

.carte-item-block {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 16px 18px;
}
.carte-item-block .carte-item-name { font-size: 1.05em; }
.carte-item-block .carte-item-desc { margin-top: 8px; }
.carte-item-block .carte-item-price { font-size: 1.5em; }