/* 闹牛牛 · charcoal ember BBQ franchise — unique vs prior lh luxury grey-gold */
:root{
  --nn-ember:#D4381F;
  --nn-ember-2:#F07A3A;
  --nn-char:#14100E;
  --nn-warm:#2A1F18;
  --nn-ash:#F6F0E8;
  --nn-paper:#FFFCF8;
  --nn-ink:#1C1612;
  --nn-muted:#6E6258;
  --nn-line:rgba(28,22,18,.12);
  --nn-head:4.6rem;
  --nn-shell:min(1180px, calc(100% - clamp(1.2rem, 4vw, 3rem)));
  /* 单页/列表/首页内容区：按圈选阅读宽收窄，顶栏底栏仍用 --nn-shell */
  --nn-content:min(960px, calc(100% - clamp(1.5rem, 7vw, 5rem)));
  --nn-font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",sans-serif;
  --nn-display:"PingFang SC","Microsoft YaHei","Source Han Sans SC",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0;overflow-x:hidden}
body.nn-body{
  font-family:var(--nn-font);color:var(--nn-ink);background:var(--nn-ash);
  line-height:1.65;-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.nn-shell{width:var(--nn-shell);margin-inline:auto}
.nn-main > .nn-shell,
.nn-pagehead .nn-shell,
#main .nn-shell,
.nn-sec > .nn-shell,
.nn-process > .nn-shell,
.nn-cta > .nn-shell{
  width:var(--nn-content);
}
.nn-skip{
  position:absolute;left:-999px;top:0;background:#fff;padding:.5rem .8rem;z-index:100;
}
.nn-skip:focus{left:.5rem;top:.5rem}

.nn-btn{
  display:inline-flex;align-items:center;justify-content:center;
  box-sizing:border-box;max-width:100%;white-space:nowrap;
  min-height:clamp(2.35rem, 2rem + 1.1vw, 2.75rem);
  padding:0 clamp(.85rem, .55rem + 1.4vw, 1.35rem);
  font-size:clamp(.88rem, .82rem + .28vw, 1rem);font-weight:600;letter-spacing:.04em;
  border:1px solid transparent;transition:background .2s,color .2s,border-color .2s,transform .2s;
}
.nn-btn--ember{background:var(--nn-ember);color:#fff}
.nn-btn--ember:hover{background:#b82f18;color:#fff}
.nn-btn--ghost{border-color:rgba(255,255,255,.55);color:#fff}
.nn-btn--ghost:hover{background:#fff;color:var(--nn-char)}
.nn-btn--line{border-color:var(--nn-ink);color:var(--nn-ink);background:transparent}
.nn-btn--line:hover{background:var(--nn-ink);color:#fff}
.nn-link{color:var(--nn-ember);font-weight:600;white-space:nowrap}
.nn-link:hover{opacity:.82}
.nn-kicker{
  margin:0 0 .45rem;font-size:.72rem;letter-spacing:.22em;color:var(--nn-ember);font-weight:700;
}
.nn-lead{margin:.45rem 0 0;color:var(--nn-muted);max-width:34rem}

/* header */
.nn-head{
  position:sticky;top:0;z-index:50;height:var(--nn-head);
  background:rgba(255,252,248,.92);backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid var(--nn-line);
}
.nn-head__row{height:100%;display:flex;align-items:center;gap:1rem}
.nn-logo{display:flex;align-items:center;flex:0 0 auto;max-width:11rem}
.nn-logo img{height:2.85rem;width:auto;object-fit:contain}
.nn-nav{display:flex;align-items:center;gap:.15rem;margin-left:auto}
.nn-nav > a,.nn-nav__item > a{
  display:block;padding:.55rem .72rem;font-size:.92rem;font-weight:600;color:var(--nn-ink);
}
.nn-nav > a.is-on,.nn-nav > a:hover,.nn-nav__item > a.is-on,.nn-nav__item > a:hover{color:var(--nn-ember)}
.nn-nav__item{position:relative}
.nn-nav__sub{
  display:none;position:absolute;top:100%;left:0;min-width:8.5rem;padding:.35rem 0;
  background:#fff;border:1px solid var(--nn-line);box-shadow:0 12px 28px rgba(20,16,14,.1);
}
.nn-nav__item:hover .nn-nav__sub{display:block}
.nn-nav__sub a{display:block;padding:.45rem .9rem;font-size:.88rem;white-space:nowrap}
.nn-nav__sub a:hover{color:var(--nn-ember);background:var(--nn-ash)}
.nn-head__cta{
  flex:0 0 auto;margin-left:.6rem;padding:.48rem 1rem;background:var(--nn-ember);color:#fff;
  font-size:.88rem;font-weight:700;letter-spacing:.04em;
}
.nn-head__cta:hover{background:#b82f18;color:#fff}
.nn-burger{display:none;width:2.4rem;height:2.4rem;margin-left:.3rem;flex-direction:column;justify-content:center;gap:.32rem}
.nn-burger span{display:block;height:2px;background:var(--nn-ink);border-radius:1px}

.nn-drawer{position:fixed;inset:0;z-index:80;pointer-events:none;visibility:hidden}
.nn-drawer.is-open{pointer-events:auto;visibility:visible}
.nn-drawer__mask{position:absolute;inset:0;background:rgba(20,16,14,.45);opacity:0;transition:opacity .25s}
.nn-drawer.is-open .nn-drawer__mask{opacity:1}
.nn-drawer__panel{
  position:absolute;top:0;right:0;width:min(20rem,88vw);height:100%;background:var(--nn-paper);
  padding:1rem 1.15rem 1.5rem;transform:translateX(100%);transition:transform .28s ease;
  overflow:auto;display:flex;flex-direction:column;gap:1rem;
}
.nn-drawer.is-open .nn-drawer__panel{transform:none}
.nn-drawer__top{display:flex;justify-content:space-between;align-items:center}
.nn-drawer__label{font-weight:700;letter-spacing:.12em;font-size:.82rem;color:var(--nn-muted)}
.nn-drawer__close{font-size:1.6rem;line-height:1;padding:.2rem .4rem}
.nn-drawer__nav{display:flex;flex-direction:column;gap:.15rem}
.nn-drawer__nav a{padding:.7rem .2rem;border-bottom:1px solid var(--nn-line);font-weight:600}
.nn-drawer__sub{padding-left:1rem !important;font-weight:500 !important;color:var(--nn-muted)}

/* hero */
.nn-hero{
  position:relative;color:#fff;overflow:hidden;
  height:calc(100vh - var(--nn-head));min-height:28rem;max-height:52rem;
}
.nn-hero__track,.nn-hero__slide{position:absolute;inset:0}
.nn-hero__slide{
  background-size:cover;background-position:center;
  opacity:0;transform:scale(1.04);transition:opacity .8s ease, transform 6s ease;
}
.nn-hero__slide.is-on{opacity:1;transform:scale(1)}
.nn-hero__veil{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(105deg,rgba(20,16,14,.72) 0%,rgba(20,16,14,.35) 48%,rgba(20,16,14,.18) 100%);
}
.nn-hero__copy{
  position:relative;z-index:2;height:100%;
  display:flex;flex-direction:column;justify-content:flex-start;
  padding:clamp(4.2rem, 9vw, 7rem) 0 0;
}
.nn-hero__brand{margin:0 0 .55rem;letter-spacing:.28em;font-size:.78rem;font-weight:700;color:var(--nn-ember-2)}
.nn-hero__copy h1{
  margin:0;max-width:16em;font-family:var(--nn-display);font-weight:700;
  font-size:clamp(1.7rem, 3.2vw + 1rem, 3.1rem);line-height:1.22;letter-spacing:.04em;
}
.nn-hero__sub{margin:.75rem 0 0;max-width:28rem;color:rgba(255,255,255,.88);font-size:clamp(.95rem, .4vw + .85rem, 1.08rem)}
.nn-hero__actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.25rem;max-width:100%}
.nn-detail__cta .nn-btn{max-width:100%}
.nn-hero__dots{
  position:absolute;left:max(1rem, calc((100% - min(1180px, calc(100% - 2.4rem))) / 2));
  bottom:1.35rem;z-index:3;display:flex;gap:.4rem;
}
.nn-hero__dot{width:1.55rem;height:3px;background:rgba(255,255,255,.35)}
.nn-hero__dot.is-on{background:var(--nn-ember-2)}
.nn-hero__arrows{
  position:absolute;right:max(1rem, calc((100% - min(1180px, calc(100% - 2.4rem))) / 2));
  bottom:1rem;z-index:3;display:flex;gap:.35rem;
}
.nn-hero__arrows button{
  width:2.4rem;height:2.4rem;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:1.35rem;line-height:1;
}
.nn-hero__arrows button:hover{background:rgba(255,255,255,.12)}

/* 首页招商条：浅底单行，不再叠炭色块 / 四点小标题 */
.nn-joinbar{
  background:var(--nn-paper);
  border-bottom:1px solid var(--nn-line);
  padding:clamp(1.5rem, 3.2vw, 2.2rem) 0;
}
.nn-joinbar__row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:clamp(1rem, 2.5vw, 2rem);
  align-items:center;
}
.nn-joinbar__copy h2{
  margin:0;font-family:var(--nn-display);font-weight:700;
  font-size:clamp(1.35rem, 1.2vw + 1rem, 1.85rem);line-height:1.28;
}
.nn-joinbar__copy p{
  margin:.45rem 0 0;max-width:42rem;
  color:var(--nn-muted);font-size:.95rem;line-height:1.7;
}
.nn-joinbar__actions{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-end}

.nn-sec{padding:clamp(2.8rem, 6vw, 4.5rem) 0}
.nn-sec--warm{background:#efe6db}
.nn-sec--ash{background:var(--nn-paper)}
.nn-sec__head{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  column-gap:1rem;margin-bottom:1.6rem;align-items:start;
}
.nn-sec__head > div{display:contents}
.nn-sec__head h2{grid-column:1;grid-row:1}
.nn-sec__head .nn-lead{grid-column:1;grid-row:2}
.nn-sec__head .nn-link{
  grid-column:2;grid-row:2;align-self:start;
  margin-top:.45rem;line-height:1.7;
}
.nn-sec__head h2,.nn-split__copy h2,.nn-cta h2,.nn-h1{
  margin:0;font-family:var(--nn-display);font-weight:700;letter-spacing:.03em;
  font-size:clamp(1.35rem, 1.2vw + 1.05rem, 2.05rem);line-height:1.28;
}

.nn-dishes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.nn-dishes__card{
  display:flex;flex-direction:column;background:#fff;border:1px solid var(--nn-line);overflow:hidden;
  transition:transform .25s, box-shadow .25s;
}
.nn-dishes__card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(20,16,14,.1)}
.nn-dishes__pic{aspect-ratio:4/3;overflow:hidden;background:#ddd}
.nn-dishes__pic img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.nn-dishes__card:hover .nn-dishes__pic img{transform:scale(1.05)}
.nn-dishes__body{padding:1rem 1.05rem 1.2rem}
.nn-dishes__body h3{margin:0 0 .35rem;font-size:1.05rem}
.nn-dishes__body p{margin:0;color:var(--nn-muted);font-size:.9rem}

/* 加盟四步：无图 2×2 文字格 */
.nn-process{
  background:
    radial-gradient(80% 60% at 100% 0%, rgba(212,56,31,.16), transparent 50%),
    #120e0c;
  color:#fff;
  padding:clamp(2.6rem, 6vw, 4.2rem) 0;
}
.nn-process__head{
  display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;
  column-gap:1rem;align-items:start;
  margin-bottom:clamp(1.4rem, 3vw, 2rem);
}
.nn-process__head > div{display:contents}
.nn-process__head h2{
  grid-column:1;grid-row:1;margin:0;font-family:var(--nn-display);font-weight:700;
  font-size:clamp(1.45rem, 1.4vw + 1.05rem, 2.1rem);line-height:1.25;
}
.nn-process__head p{
  grid-column:1;grid-row:2;margin:.5rem 0 0;max-width:36rem;
  color:rgba(255,255,255,.72);font-size:.95rem;line-height:1.7;
}
.nn-process__more{
  grid-column:2;grid-row:2;align-self:start;margin-top:.5rem;line-height:1.7;
  color:var(--nn-ember-2);font-weight:600;white-space:nowrap;
  border-bottom:1px solid rgba(240,122,58,.45);padding-bottom:.15rem;
}
.nn-process__more:hover{color:#fff;border-bottom-color:#fff}
.nn-process__grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.85rem;
}
.nn-process__card{
  position:relative;display:flex;flex-direction:column;
  min-height:11.5rem;padding:1.35rem 1.35rem 1.2rem;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.035);
  transition:background .25s, border-color .25s, transform .25s;
}
.nn-process__card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:transparent;transition:background .25s;
}
.nn-process__idx{
  display:block;margin-bottom:.75rem;
  font-size:clamp(1.55rem, 1.6vw, 1.9rem);font-weight:800;line-height:1;
  letter-spacing:.04em;color:rgba(240,122,58,.7);
  font-variant-numeric:tabular-nums;
}
.nn-process__card h3{
  margin:0 0 .55rem;font-size:clamp(1.12rem, .4vw + 1rem, 1.3rem);font-weight:700;
}
.nn-process__card p{
  margin:0;flex:1;
  color:rgba(255,255,255,.72);font-size:.9rem;line-height:1.7;
}
.nn-process__cta{
  margin-top:1.05rem;font-size:.88rem;font-weight:700;color:var(--nn-ember-2);
}
.nn-process__cta::after{content:" →"}
.nn-process__card:hover{
  background:rgba(212,56,31,.1);
  border-color:rgba(240,122,58,.35);
  transform:translateY(-3px);
}
.nn-process__card:hover::before{background:var(--nn-ember)}
.nn-process__card:hover .nn-process__idx{color:var(--nn-ember-2)}
.nn-process__card:focus-visible{outline:2px solid var(--nn-ember-2);outline-offset:2px}

.nn-split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.2rem, 3vw, 2rem);align-items:center}
.nn-split__media{
  aspect-ratio:4/3;min-height:0;
  background-size:cover;background-position:center;border:1px solid var(--nn-line);
}
.nn-split__lead{
  margin:.75rem 0 0;max-width:34rem;
  color:var(--nn-mute);font-size:1rem;line-height:1.85;
}
.nn-split__more{letter-spacing:.05em}
.nn-split__copy .nn-btn{margin-top:1rem}

.nn-stores{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}
.nn-stores__item{
  display:flex;flex-direction:column;background:#fff;border:1px solid var(--nn-line);overflow:hidden;
  transition:transform .25s, box-shadow .25s;
}
.nn-stores__item:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,16,14,.1)}
.nn-stores__pic{aspect-ratio:4/3;overflow:hidden;background:#ddd}
.nn-stores__pic img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.nn-stores__item:hover .nn-stores__pic img{transform:scale(1.04)}
.nn-stores__body{padding:.75rem .85rem .9rem}
.nn-stores__body h3{
  margin:0;font-size:.95rem;line-height:1.4;font-weight:700;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.nn-stores__item:hover .nn-stores__body h3{color:var(--nn-ember)}

.nn-news{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem;border-top:1px solid var(--nn-line)}
.nn-news__row{
  display:flex;gap:1rem;align-items:center;padding:1.1rem 0;border-bottom:1px solid var(--nn-line);
}
.nn-news__pic{
  flex:0 0 8.5rem;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--nn-line);background:#ddd;
}
.nn-news__pic img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.nn-news__row:hover .nn-news__pic img{transform:scale(1.04)}
.nn-news__body{min-width:0;display:flex;flex-direction:column;gap:.28rem}
.nn-news__title{font-size:1rem;line-height:1.4}
.nn-news__row:hover .nn-news__title{color:var(--nn-ember)}
.nn-news__desc{margin:0;color:var(--nn-muted);font-size:.86rem;line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nn-news__body time{font-size:.8rem;color:var(--nn-muted)}

.nn-cta{padding:0 0 clamp(2.6rem, 5vw, 4rem)}
.nn-cta__box{
  display:flex;justify-content:space-between;align-items:center;gap:1.2rem;
  padding:clamp(1.2rem, 3vw, 1.9rem);background:#fff;border:1px solid var(--nn-line);
  border-left:4px solid var(--nn-ember);
}
.nn-cta__box p{margin:.4rem 0 0;color:var(--nn-muted)}
.nn-cta__actions{display:flex;flex-wrap:wrap;gap:.55rem;flex:0 0 auto}

/* inner */
.nn-pagehead{
  position:relative;overflow:hidden;color:#fff;
  background-size:cover;background-position:center 42%;
  min-height:clamp(11.5rem, 26vw, 16.5rem);
}
.nn-pagehead::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(20,16,14,.62) 0%,rgba(20,16,14,.28) 55%,rgba(20,16,14,.12) 100%);
}
.nn-pagehead__inner{position:relative;z-index:1;padding:clamp(2.4rem, 5vw, 3.4rem) 0 clamp(1.6rem, 3vw, 2.2rem)}
.nn-pagehead h1{margin:0;font-size:clamp(1.45rem, 2vw + .8rem, 2.15rem);font-family:var(--nn-display)}
.nn-pagehead p{margin:.55rem 0 0;max-width:36rem;color:rgba(255,255,255,.88)}
.nn-main{padding:clamp(1.8rem, 4vw, 2.8rem) 0 clamp(2.6rem, 5vw, 3.8rem)}

/* 子栏目筛选按钮：等分自适应，避免手机端 3+1 残缺换行 */
.nn-subnav{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.5rem;margin:0 0 1.35rem;width:100%;
}
.nn-subnav a{
  display:flex;align-items:center;justify-content:center;text-align:center;
  min-height:2.45rem;padding:.45rem .55rem;box-sizing:border-box;
  border:1px solid var(--nn-line);background:#fff;font-size:.9rem;line-height:1.3;
}
.nn-subnav a:hover,.nn-subnav a.is-on{border-color:var(--nn-ember);color:var(--nn-ember)}

.nn-svc,.nn-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.nn-svc__card,.nn-gallery__card{
  display:flex;flex-direction:column;background:#fff;border:1px solid var(--nn-line);overflow:hidden;
  transition:transform .25s, box-shadow .25s;
}
.nn-svc__card:hover,.nn-gallery__card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(20,16,14,.08)}
.nn-svc__pic,.nn-gallery__pic{aspect-ratio:16/10;overflow:hidden;background:#ddd}
.nn-svc__pic img,.nn-gallery__pic img{width:100%;height:100%;object-fit:cover}
.nn-svc__body,.nn-gallery__card h2{padding:1rem 1.05rem 1.15rem}
.nn-gallery__card h2{margin:0;font-size:1rem}
.nn-svc__body h2{margin:0 0 .4rem;font-size:1.05rem}
.nn-svc__body p{margin:0;color:var(--nn-muted);font-size:.9rem}

.nn-newslist{display:flex;flex-direction:column;border-top:1px solid var(--nn-line)}
.nn-newslist__item{
  display:grid;grid-template-columns:minmax(11rem,17rem) minmax(0,1fr);
  gap:clamp(1rem, 2.2vw, 1.5rem);align-items:center;
  padding:1.2rem 0;border-bottom:1px solid var(--nn-line);
}
.nn-newslist__pic{aspect-ratio:16/10;overflow:hidden;border:1px solid var(--nn-line);background:#ddd}
.nn-newslist__pic img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.nn-newslist__item:hover .nn-newslist__pic img{transform:scale(1.03)}
.nn-newslist__body{display:flex;flex-direction:column;gap:.35rem;min-width:0}
.nn-newslist__item time{font-size:.82rem;color:var(--nn-muted)}
.nn-newslist__item h2{margin:0;font-size:clamp(1.05rem, .4vw + .95rem, 1.2rem);line-height:1.4}
.nn-newslist__item:hover h2{color:var(--nn-ember)}
.nn-newslist__item p{margin:0;color:var(--nn-muted);font-size:.92rem;line-height:1.6;max-width:46rem}

/* 详情/单页正文铺满内容壳，宽度由 --nn-content 统一控制 */
.nn-detail,.nn-pagebody{max-width:none;width:100%}
.nn-crumb{display:flex;flex-wrap:wrap;gap:.4rem;color:var(--nn-muted);font-size:.88rem;margin-bottom:1.15rem}
.nn-article h1{margin:0;font-family:var(--nn-display);font-size:clamp(1.4rem, 2vw, 2rem)}
.nn-article__meta{display:flex;flex-wrap:wrap;gap:.85rem;margin:.8rem 0 1.3rem;color:var(--nn-muted);font-size:.88rem}
.nn-pager{display:flex;flex-direction:column;gap:.5rem;margin-top:2rem;padding-top:1.15rem;border-top:1px solid var(--nn-line)}
.nn-detail__cta{margin-top:1.4rem}

.nn-contact{
  display:grid;grid-template-columns:1.05fr .95fr;gap:1.4rem;align-items:start;
}
.nn-contact__form{
  background:#fff;border:1px solid var(--nn-line);padding:1.35rem 1.3rem 1.55rem;
}
.nn-contact__form h2{margin:0 0 .35rem;font-family:var(--nn-display);font-size:1.3rem}
.nn-form label{display:block;margin:.8rem 0 .3rem;font-size:.9rem}
.nn-form input,.nn-form textarea{
  width:100%;border:1px solid var(--nn-line);background:#fff;padding:.7rem .8rem;
}
.nn-form textarea{min-height:7.2rem;resize:vertical}
.nn-form__code{display:flex;gap:.55rem;align-items:center}
.nn-form__code input{flex:1}
.nn-codeimg{height:2.45rem;cursor:pointer;border:1px solid var(--nn-line)}
.nn-form .nn-btn{margin-top:1.05rem;width:100%}

.nn-rich{font-size:1rem;line-height:1.85}
.nn-rich :is(h1,h2,h3,h4,h5,h6,p,ul,ol,li,a,span,table,td,th,blockquote){
  font-size:revert;line-height:revert;margin:revert;letter-spacing:revert;color:revert;font-weight:revert;
}
.nn-rich ul,.nn-rich ol{list-style:revert;padding-left:1.4rem}
.nn-rich a{color:revert;text-decoration:underline}
.nn-rich img{max-width:100%;height:auto}

.nn-pagebar{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;
  margin-top:1.8rem;width:100%;
}
.nn-pagebar .page-status,.nn-pagebar .page-index,.nn-pagebar .page-pre,
.nn-pagebar .page-numbar,.nn-pagebar .page-next,.nn-pagebar .page-last{display:contents}
.nn-pagebar .page-status{
  display:block;flex:0 0 100%;width:100%;text-align:center;
  color:var(--nn-muted);font-size:.86rem;margin:0 0 .15rem;line-height:1.4;
}
.nn-pagebar a,.nn-pagebar .page-num{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:2.15rem;height:2.15rem;padding:0 .55rem;border:1px solid var(--nn-line);
  background:#fff;font-size:.86rem;white-space:nowrap;box-sizing:border-box;
}
.nn-pagebar .page-num-current,.nn-pagebar a:hover{background:var(--nn-ember);border-color:var(--nn-ember);color:#fff}
.nn-pagebar a[href="javascript:;"]{opacity:.4;pointer-events:none}

/* footer */
.nn-foot{background:var(--nn-char);color:rgba(255,255,255,.86);padding:2.6rem 0 1.2rem;margin-top:auto}
.nn-foot__grid{
  display:grid;grid-template-columns:1.3fr 1fr auto;gap:1.6rem 2rem;align-items:start;
}
.nn-foot__logo{height:3.1rem;width:auto;max-width:12rem;object-fit:contain;margin-bottom:.7rem}
.nn-foot__sub{margin:0 0 .85rem;color:rgba(255,255,255,.55);font-size:.88rem}
.nn-foot__nav{display:flex;flex-wrap:wrap;gap:.35rem .85rem}
.nn-foot__nav a{font-size:.88rem;color:rgba(255,255,255,.78)}
.nn-foot__nav a:hover{color:var(--nn-ember-2)}
.nn-foot__contact h3{margin:0 0 .7rem;font-size:1rem;color:#fff}
.nn-foot__contact ul{list-style:none;margin:0;padding:0}
.nn-foot__contact li{
  display:grid;grid-template-columns:3rem 1fr;gap:.45rem;margin:.4rem 0;font-size:.9rem;
}
.nn-foot__contact li span{color:rgba(255,255,255,.45)}
.nn-foot__contact a{color:#fff}
.nn-foot__wx{text-align:center}
.nn-foot__wx img{
  width:7.2rem;height:7.2rem;object-fit:contain;background:#fff;padding:.35rem;margin-inline:auto;
}
.nn-foot__wx p{margin:.5rem 0 0;font-size:.82rem;color:rgba(255,255,255,.65)}
.nn-foot__legal{
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  margin-top:1.6rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);
  font-size:.82rem;color:rgba(255,255,255,.5);
}
.nn-foot__meta{display:flex;flex-wrap:wrap;gap:.55rem .9rem}
.nn-foot__meta a{color:rgba(255,255,255,.65)}
.nn-mbar{display:none}

@media (max-width:1199px){
  .nn-dishes{grid-template-columns:repeat(2,1fr)}
  .nn-stores{grid-template-columns:repeat(2,1fr)}
  .nn-foot{padding-top:2.2rem}
}
@media (max-width:991px){
  .nn-nav,.nn-head__cta{display:none}
  .nn-burger{display:flex;margin-left:auto}
  .nn-hero{height:clamp(18rem, 58vw, 26rem);min-height:18rem;max-height:none}
  .nn-hero__copy{padding-top:2.1rem;padding-bottom:0}
  .nn-hero__copy h1{font-size:clamp(1.35rem, 4.5vw, 1.9rem)}
  .nn-joinbar__row{grid-template-columns:1fr}
  .nn-joinbar__actions{justify-content:flex-start}
  .nn-split{grid-template-columns:1fr}
  .nn-split__media{aspect-ratio:16/10;order:-1}
  .nn-news{grid-template-columns:1fr}
  .nn-contact{grid-template-columns:1fr}
  .nn-subnav{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
  .nn-subnav a{min-height:2.35rem;font-size:.86rem;padding:.42rem .4rem}
  .nn-svc,.nn-gallery{grid-template-columns:1fr 1fr}
  .nn-foot__grid{grid-template-columns:1fr auto;gap:1.1rem}
  .nn-foot__brand{display:none}
  .nn-foot__wx img{width:6.2rem;height:6.2rem}
}
@media (max-width:767px){
  body.nn-body{padding-bottom:3.55rem}
  .nn-pagebar{gap:.3rem;margin-top:1.35rem}
  .nn-pagebar .page-status{font-size:.8rem;margin-bottom:.25rem}
  .nn-pagebar a,.nn-pagebar .page-num{
    min-width:1.85rem;height:1.85rem;padding:0 .42rem;font-size:.78rem;
  }
  .nn-hero__actions{display:flex;flex-wrap:wrap;gap:.55rem;width:auto;max-width:100%}
  .nn-hero__actions .nn-btn{width:auto;min-width:0}
  .nn-dishes,.nn-svc,.nn-gallery,.nn-stores{grid-template-columns:1fr}
  .nn-process__head{grid-template-columns:1fr}
  .nn-process__more{grid-column:1;grid-row:3;margin-top:.65rem}
  .nn-process__grid{grid-template-columns:1fr}
  .nn-process__card{min-height:0}
  .nn-sec__head{grid-template-columns:1fr}
  .nn-sec__head .nn-link{grid-column:1;grid-row:3;margin-top:.65rem}
  .nn-cta__box{flex-direction:column;align-items:stretch}
  .nn-cta__actions{display:flex;flex-wrap:wrap;gap:.55rem;width:auto}
  .nn-cta__actions .nn-btn{width:auto;min-width:0}
  .nn-news{grid-template-columns:1fr;gap:0;border-top:0}
  .nn-news__row{
    flex-direction:column;align-items:stretch;gap:.75rem;
    padding:0 0 1.05rem;margin:0 0 .15rem;
  }
  .nn-news__pic{flex:none;width:100%}
  .nn-newslist{gap:1.15rem;border-top:0}
  .nn-newslist__item{
    display:flex;flex-direction:column;align-items:stretch;gap:.75rem;
    padding:0 0 1.15rem;
  }
  .nn-newslist__pic{width:100%}
  .nn-mbar{
    display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:40;
    background:var(--nn-char);border-top:1px solid rgba(212,56,31,.35);
    padding-bottom:env(safe-area-inset-bottom);
  }
  .nn-mbar a{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    padding:.55rem .4rem;color:#fff;font-size:.78rem;border-right:1px solid rgba(255,255,255,.08);
  }
  .nn-mbar a:last-child{border-right:0}
  .nn-mbar strong{display:block;color:var(--nn-ember-2);font-size:.9rem;margin-bottom:.1rem}
  .nn-foot{padding:1.7rem 0 1rem}
  .nn-pagehead{min-height:10.5rem}
}
@media (max-width:480px){
  :root{--nn-head:4.15rem}
  .nn-logo{max-width:9.5rem}
  .nn-logo img{height:2.5rem}
  .nn-hero__actions .nn-btn--ghost{display:none}
  .nn-pagebar{gap:.22rem}
  .nn-pagebar a,.nn-pagebar .page-num{
    min-width:1.7rem;height:1.7rem;padding:0 .32rem;font-size:.72rem;
  }
  .nn-subnav{gap:.35rem}
  .nn-subnav a{min-height:2.2rem;font-size:.8rem;padding:.38rem .3rem}
  .nn-foot__wx img{width:5.4rem;height:5.4rem}
}
