/* Narenj presentation layer; colors come from each menu's theme_config. */
.narenj-theme { background:var(--bg); color:var(--ink); }
.narenj-theme .font-display { font-family:inherit; font-weight:700; }
.narenj-theme header { background:var(--surface); backdrop-filter:blur(12px); }
.narenj-theme header .font-display { font-size:22px; }
.narenj-theme header nav { font-weight:400; }
.narenj-theme main { position:relative; max-width:1160px; }
.narenj-theme .narenj-hero { position:relative; isolation:isolate; display:grid; place-items:center; min-height:370px; overflow:hidden; border-radius:0 0 28px 28px; text-align:center; color:#fff; background:var(--surface-inverse,#4c302a); }
.narenj-hero>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 55%; z-index:-2; }
.narenj-hero::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,#24180835,#2c1b0c25 30%,#23130dd1); z-index:-1; }
.narenj-hero-copy { padding:75px 20px; }
.narenj-hero-copy>span { font-size:10px; letter-spacing:3px; color:#fff4dfbd; }
.narenj-hero-copy h1 { font-size:49px; line-height:1.6; margin:10px 0 5px; font-weight:700; text-shadow:0 2px 16px #0003; }
.narenj-hero-copy p { font-size:18px; color:#fff0de; }
.narenj-hero+main { margin-top:-30px; padding-top:0; border-radius:34px 34px 0 0; background:var(--bg); }
.narenj-theme #catChips { padding:4px 0 8px; gap:12px; }
.narenj-theme .narenj-category-chip { flex:1 0 132px; min-width:132px; max-width:220px; min-height:90px; border-radius:22px; background:var(--surface2); border:1px solid transparent; color:var(--ink2); font-size:13px; display:flex; flex-direction:column; justify-content:center; gap:8px; }
.narenj-theme .narenj-category-chip.bg-surface-inverse { background:rgb(var(--c-primary-rgb)); color:rgb(var(--c-primary-contrast-rgb)); border-color:rgb(var(--c-accent-rgb)/.5); box-shadow:0 4px 13px rgb(var(--c-primary-rgb)/.15); }
.narenj-theme .narenj-category-chip:hover { border-color:rgb(var(--c-accent-rgb)); }
.narenj-theme #catChips .ic { width:27px; height:27px; }
.narenj-theme #catChips::after { content:''; min-width:1px; }
.narenj-theme #menuContainer { margin-top:25px; }
.narenj-theme .category-items-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.narenj-theme .category-divider { margin:10px 0 18px; }
.narenj-theme .category-divider::before { display:none; }
.narenj-theme .category-divider::after { display:none; }
.narenj-theme .category-divider-inner { padding:0; background:transparent; border:0; box-shadow:none; gap:10px; }
.narenj-theme .category-divider-title { font-family:inherit; font-size:23px; font-weight:700; }
.narenj-theme .category-divider-icon { background:transparent; color:rgb(var(--c-primary-rgb)); }
.narenj-theme .menu-item { border-radius:18px; border:1px solid var(--line); box-shadow:0 4px 18px rgb(var(--c-shadow-rgb)/.04); }
.narenj-theme .menu-item h3 { font-size:16px; line-height:1.7; }
.narenj-theme .menu-item h3+p { font-size:11px; }
.narenj-theme .menu-item>div:first-child { aspect-ratio:1.36; }
.narenj-theme .menu-item>div:last-child { position:relative; background:var(--surface); padding:16px 18px 18px; }
.narenj-theme .menu-item>div:last-child::before { content:''; position:absolute; inset:auto 0 0 auto; width:110px; height:70px; pointer-events:none; opacity:.12; background:radial-gradient(ellipse at bottom right,rgb(var(--c-primary-rgb)),transparent 70%); }
.narenj-theme .menu-item .narenj-add { display:flex; gap:7px; width:auto; height:auto; padding:8px 15px; font-size:12px; box-shadow:none; font-weight:400; }
.narenj-theme .menu-item .narenj-add .ic { width:16px; height:16px; }
.narenj-theme .menu-item .font-black { color:rgb(var(--c-accent-text-rgb)); }
.narenj-theme .btn-gold { border-radius:30px; }

@media(max-width:800px) {
 .narenj-theme .category-items-grid { gap:14px; }
 .narenj-theme .narenj-hero { min-height:310px; }
 .narenj-hero-copy h1 { font-size:38px; }
 .narenj-hero-copy p { font-size:15px; }
}
@media(max-width:560px) {
 .narenj-theme .category-items-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
 .narenj-theme .narenj-category-chip { min-width:100px; flex-basis:100px; min-height:78px; font-size:11px; border-radius:16px; padding:9px; }
 .narenj-theme .menu-item>div:last-child { padding:12px; }
 .narenj-theme .menu-item h3 { font-size:13px; }
 .narenj-theme .menu-item .narenj-add { padding:7px 10px; font-size:10px; }
 .narenj-theme .menu-item>div:last-child>div { flex-wrap:wrap; gap:8px; }
 .narenj-theme .narenj-hero { min-height:270px; }
 .narenj-hero-copy h1 { font-size:34px; }
 .narenj-theme .category-divider-title { font-size:20px; }
 .narenj-theme header .font-display { font-size:19px; }
}
@media(prefers-reduced-motion:reduce) { .narenj-theme * { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }