/* mega-meny «Vår sjømat» / «Our Seafood» (MEGA_MENU=1) */
.hdr .nav{align-items:center;align-self:stretch}
.nav-dd{display:flex;align-items:center;align-self:stretch}
.nav-dd>a{text-decoration:none;font-size:14px;font-weight:500;padding:8px 12px;border-radius:4px;color:var(--fg);opacity:.82;transition:.2s}
.nav-dd>a:hover,.nav-dd>a[aria-current=page],.nav-dd.open>a{opacity:1;background:var(--line)}
/* chevron-knappen er usynlig til den får tastaturfokus (lukket meny ser ut som før) */
.dd-btn{appearance:none;border:0;background:transparent;color:var(--fg);padding:0;margin:0;width:1px;height:24px;overflow:hidden;opacity:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}
.dd-btn svg{width:12px;height:12px;flex:none;transition:transform .2s}
.dd-btn:focus-visible{width:24px;opacity:1;outline:2px solid var(--fg);outline-offset:1px}
.dd-btn[aria-expanded=true] svg{transform:rotate(180deg)}
.mm{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 24px 48px rgba(0,0,0,.18)}
.nav-dd.open .mm{display:block;animation:mmIn .22s ease-out}
@keyframes mmIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.nav-dd.open .mm{animation:none}}
.mm-in{max-width:var(--max);margin:0 auto;padding:28px 24px 40px;display:grid;grid-template-columns:1fr 1fr minmax(220px,280px);gap:24px;align-items:start}
.mm ul,.mnav-sub ul{list-style:none;margin:0;padding:0}
.mm-cards{display:contents}
.mm-card{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:var(--fg);border-radius:var(--radius);padding:8px 8px 18px;transition:background .2s}
.mm-card:focus-visible,.mm-side a:focus-visible,.mnav-tg:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
/* ren bakgrunn (19.10.2026, David): ingen plate, glød, gradient eller kant bak produktet – bare sidens svart (mørk) / hvit (lys) */
.mm-stage{display:block;width:100%;aspect-ratio:16/9;background:var(--bg);overflow:hidden}
.mm-stage img{width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.mm-card:hover .mm-stage img{transform:scale(1.03)}
/* ingen bakgrunn ved hover (20.10.2026, David): nuller .nav a:hover fra site.css på produktkortene */
.nav .mm-card:hover,.nav .mm-card[aria-current=page]{background:transparent}
.mm-name{text-wrap:balance;font-size:18px;font-weight:600;letter-spacing:-.01em;margin-top:14px}
.mm-sub{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.mm-side{border-left:1px solid var(--line);padding-left:24px!important;display:grid;gap:4px;align-self:stretch;align-content:start;padding-top:8px!important}
.mm-side a{display:block;text-decoration:none;color:var(--fg);padding:10px 12px;border-radius:4px;transition:background .2s}
.mm-side a:hover{background:var(--bg2)}
.mm-tl{font-size:15px;font-weight:600}
@media(max-width:960px){.nav-dd .mm{display:none!important}}
/* mobil: inne i den eksisterende mobilmenyen */
.mnav-tg{appearance:none;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--fg);width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;font:600 28px var(--font);letter-spacing:-.02em;padding:12px 0;cursor:pointer;line-height:1.55}
.mnav-tg svg{width:20px;height:20px;transition:transform .25s}
.mnav-tg[aria-expanded=true] svg{transform:rotate(180deg)}
.mnav-sub{padding:16px 0 20px;border-bottom:1px solid var(--line)}
.mnav-sub .mm-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mnav .mnav-sub a{border-bottom:0;font-size:17px;letter-spacing:0}
.mnav .mnav-sub .mm-card{padding:0 0 6px}
.mnav .mnav-sub .mm-name{font-size:17px;margin-top:10px}
.mnav-sub .mm-side{border-left:0;padding:12px 0 0!important;gap:0}
.mnav .mnav-sub .mm-side a{padding:10px 0;font-weight:500;font-size:17px;color:var(--muted)}
/* Kontroll-punkt 2 (eget ja/nei): «Mix» og «Vår sjømat» har samme stil i mobilmenyen; den gamle li:first-child-regelen er fjernet */