/* NN Homepage O18 — "Our Tuesday Menu" (owner final-approved preview), scoped to .nno18 / .nno18-topbar */
.nno18,.nno18-topbar{--ink:#1F1A17;--body:#4A433E;--muted:#6E655E;--hot:#E2531E;--btn:#C9461C;--btn-2:#A93A16;--ivory:#FFF8EE;--cream:#FBF1E4;--line:#EFE3D3;
  --green:#2F7A3F;--green-2:#256433;--forest:#174A37;--sage:#EEF3E4;--kraft:#C69863;--kraft-2:#A87A47;--kraft-3:#D9B58A;
  --font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--script:"Caveat","Segoe Script",cursive;--wd-title-color:currentColor}

/* Full-bleed page shell (same approach as O17) */
body.nn-o18-home .wd-page-title,body.nn-o18-home .page-title,body.nn-o18-home .entry-header{display:none!important}
body.nn-o18-home .main-page-wrapper{margin-top:0!important}
body.nn-o18-home .wd-content-layout,body.nn-o18-home .wd-page-content>.container,body.nn-o18-home .main-page-wrapper>.container{max-width:none!important;padding:0!important}
body.nn-o18-home .wd-content-area,body.nn-o18-home .site-content{padding:0!important;margin:0!important}

/* Top green banner */
.nno18-topbar{background:var(--forest);color:#fff;text-align:center;font:800 15px/1.2 var(--font);letter-spacing:.01em;padding:11px 16px;font-size:16px;position:relative;z-index:50}
.nno18-topbar span{display:inline-flex;align-items:center;gap:10px}
.nno18-topbar span::before,.nno18-topbar span::after{content:"";width:7px;height:7px;border-radius:50%;background:#F4A261}

.nno18{background:var(--ivory);color:var(--body);font-family:var(--font);line-height:1.5;overflow:hidden}
.nno18 *{box-sizing:border-box}
.nno18 h1,.nno18 h2,.nno18 h3,.nno18 p{margin:0}
.nno18 h1,.nno18 h2,.nno18 h3{font-family:var(--font);color:var(--ink);text-transform:none;letter-spacing:-.02em}
.nno18 img{max-width:100%;height:auto;display:block}
.nno18 :focus-visible{outline:3px solid #D56D00;outline-offset:3px}
.nno18-wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}

.nno18-btn{display:inline-flex;align-items:center;gap:10px;justify-content:center;min-height:54px;padding:0 28px;border-radius:999px;background:var(--btn);color:#fff!important;font-weight:800;font-size:17px;text-decoration:none!important;box-shadow:0 10px 22px rgba(201,70,28,.28);transition:background .15s,transform .15s}
.nno18-btn:hover{background:var(--btn-2);transform:translateY(-1px)}

/* Brown box (kraft) frame around genuine photos */
.nno18-kraft{position:relative;padding:9px;border-radius:20px;background:linear-gradient(145deg,var(--kraft-3) 0%,var(--kraft) 45%,var(--kraft-2) 100%);box-shadow:0 14px 30px rgba(90,55,20,.22),inset 0 1px 0 rgba(255,255,255,.35)}
.nno18-kraft::after{content:"";position:absolute;inset:9px;border-radius:12px;box-shadow:inset 0 0 0 2px rgba(90,55,20,.25),inset 0 6px 14px rgba(60,35,10,.25);pointer-events:none}
.nno18-kraft img{width:100%;border-radius:12px;aspect-ratio:1/1;object-fit:cover}

/* Hero */
.nno18-hero{padding:30px 0 34px;background:radial-gradient(120% 90% at 0% 0%,#FFFDF8 0,var(--ivory) 55%,var(--cream) 100%)}
.nno18-hero-grid{display:grid;gap:30px;align-items:center}
.nno18-sig{font:700 clamp(30px,7vw,46px)/1 var(--script);color:var(--hot);transform:rotate(-4deg);transform-origin:left;margin-bottom:12px!important}
.nno18-hero h1{font-size:clamp(40px,10vw,72px);line-height:1.02;font-weight:800;margin-bottom:10px}
.nno18 .nno18-subhead{font-size:clamp(20px,4.6vw,28px);font-weight:800;color:var(--green);letter-spacing:-.01em}
.nno18-lead{font-size:18px;max-width:470px;margin:14px 0 24px!important;color:var(--body)}
.nno18-hero-media{position:relative;padding-bottom:22px}
.nno18-kraft-hero img{aspect-ratio:4/3}
.nno18-kraft-mini{position:absolute;width:31%;padding:6px;border-radius:16px}
.nno18-kraft-mini::after{inset:6px;border-radius:10px}
.nno18-kraft-mini img{border-radius:10px}
.nno18-kraft-mini.is-a{left:-10px;bottom:0;transform:rotate(-5deg)}
.nno18-kraft-mini.is-b{right:-6px;bottom:-4px;transform:rotate(5deg)}

/* Feature strip */
.nno18-features{background:#fff;border-block:1px solid var(--line);padding:18px 0}
.nno18-feat-grid{display:grid;gap:14px}
.nno18-feat{display:flex;align-items:center;gap:14px}
.nno18-ico-wrap{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--sage);color:var(--green)}
.nno18-ico{width:28px;height:28px}
.nno18-feat strong{display:block;color:var(--ink);font-size:17px;font-weight:800;line-height:1.25}
.nno18-feat small{display:block;color:var(--muted);font-size:14px;line-height:1.35}

/* Menu */
.nno18-menu{padding:44px 0 56px;text-align:center}
.nno18-menu h2{font-size:clamp(32px,7.4vw,48px);font-weight:800;line-height:1.08;margin-bottom:6px}
.nno18-menu h2+.nno18-subhead{margin-bottom:26px}
.nno18-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px;text-align:left}
.nno18-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;padding:10px 10px 14px;box-shadow:0 8px 22px rgba(60,35,15,.07)}
.nno18-card .nno18-kraft{padding:7px;border-radius:16px;box-shadow:0 8px 18px rgba(90,55,20,.18)}
.nno18-card .nno18-kraft::after{inset:7px;border-radius:10px}
.nno18-card .nno18-kraft img{border-radius:10px}
.nno18-card-body{display:flex;flex-direction:column;flex:1;padding:12px 4px 0}
.nno18-card h3{font-size:15px;line-height:1.28;font-weight:800;margin-bottom:6px}
.nno18-price{font-size:20px;font-weight:800;color:var(--hot);margin:auto 0 10px!important}
.nno18 .nno18-order{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;background:var(--green);color:#fff!important;font-weight:800;font-size:15px;text-decoration:none!important;text-transform:none;letter-spacing:0;line-height:1.1;padding:0 12px;transition:background .15s}
.nno18 .nno18-order:hover{background:var(--green-2)}
.nno18 .nno18-order.loading{opacity:.7}
.nno18 .nno18-order.added::after{content:" \2713";margin-left:6px}
.nno18 .added_to_cart{display:none!important}

@media (min-width:600px){
  .nno18-feat-grid{grid-template-columns:repeat(3,1fr);gap:18px}
  .nno18-feat{flex-direction:column;text-align:center;gap:10px}
  .nno18-card h3{font-size:17px}
}
@media (min-width:900px){
  .nno18-hero{padding:56px 0 64px}
  .nno18-hero-grid{grid-template-columns:1fr 1.05fr;gap:56px}
  .nno18-lead{font-size:19px}
  .nno18-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
  .nno18-card{padding:12px 12px 18px}
  .nno18-card h3{font-size:19px}
  .nno18-price{font-size:22px}
  .nno18 .nno18-order{min-height:48px;font-size:16px}
  .nno18-feat{flex-direction:row;text-align:left;justify-content:center}
  .nno18-menu{padding:64px 0 80px}
}
@media (max-width:360px){
  .nno18-grid{gap:16px 10px}
  .nno18-card{padding:8px 8px 12px}
  .nno18-card h3{font-size:14px}
  .nno18-topbar{font-size:13px}
}
/* v1.0.2: WhatsApp glyph when "Order Now" opens a WhatsApp enquiry (ordering closed) */
.nno18 .nno18-order.is-wa{gap:7px}
.nno18 .nno18-order .nno18-wa{width:18px;height:18px;flex:none}
/* v1.0.2: ordering controls in brand orange (brief: "attractive orange ordering controls") */
.nno18 .nno18-order{background:var(--btn);box-shadow:0 6px 14px rgba(201,70,28,.22)}
.nno18 .nno18-order:hover,.nno18 .nno18-order:focus-visible{background:var(--btn-2)}
/* v1.0.3: "Enquire on WhatsApp" is longer than "Order Now"; keep it on one or two tidy lines in narrow cards */
.nno18 .nno18-order.is-wa{font-size:14px;text-align:center;padding:6px 10px}
@media (max-width:380px){.nno18 .nno18-order.is-wa{font-size:13px;gap:5px}.nno18 .nno18-order .nno18-wa{width:16px;height:16px}}
/* v1.0.4: sold out (stock cap reached) */
.nno18 .nno18-order.is-soldout{background:#E9E2D8;color:#6E655E!important;box-shadow:none;cursor:default}