/* Jysk Naturkød – søgning i fuldskærm. Indlæses af jn-sog.php. */
.jn-sog{--ez:cubic-bezier(.65,0,.35,1);--hd:255px 15px 225px 15px/15px 225px 15px 255px;position:fixed;inset:0;z-index:100050;background:var(--brxw-color-white);color:var(--brxw-color-neutral-950);overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s var(--ez),visibility 0s linear .5s;font-family:"Schibsted Grotesk",system-ui,sans-serif}
.jn-sog.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .5s var(--ez),visibility 0s}
.jn-sog__inner{max-width:1180px;margin:0 auto;padding:clamp(20px,3vw,36px) var(--brxw-space-l,32px) 64px;transform:translateY(14px);transition:transform .6s var(--ez)}
.jn-sog.is-open .jn-sog__inner{transform:none}
.jn-sog__top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:clamp(28px,6vh,64px)}
.jn-sog__kicker{font-family:"Newsreader",Georgia,serif;font-size:clamp(17px,1.6vw,20px);color:var(--brxw-color-pelsbrun)}
.jn-sog__luk{position:relative;display:inline-flex;align-items:center;gap:10px;background:none;border:0;padding:10px 14px;font:inherit;font-size:15px;color:inherit;cursor:pointer}
.jn-sog__luk svg{width:20px;height:20px;transition:transform .45s var(--ez)}
.jn-sog__luk::after{content:"";position:absolute;inset:0;border:1.5px solid currentColor;border-radius:var(--hd);opacity:0;transform:scale(.9) rotate(-2deg);transition:opacity .45s var(--ez),transform .45s var(--ez)}
.jn-sog__luk:hover::after,.jn-sog__luk:focus-visible::after{opacity:1;transform:rotate(-1deg)}
.jn-sog__luk:hover svg{transform:rotate(90deg)}
.jn-sog__luk:focus-visible{outline:none}
.jn-sog__form{position:relative;margin:0}
.jn-sog__input{display:block;width:100%;border:0!important;background:transparent!important;box-shadow:none!important;outline:none;padding:4px 0 14px!important;font-family:"Newsreader",Georgia,serif;font-size:clamp(30px,5vw,58px);line-height:1.1;color:var(--brxw-color-neutral-950);border-radius:0;-webkit-appearance:none;appearance:none}
.jn-sog__input::placeholder{color:var(--brxw-color-neutral-950);opacity:.32}
.jn-sog__input::-webkit-search-cancel-button{display:none}
.jn-sog__streg{display:block;width:100%;height:14px;margin-top:-6px;color:var(--brxw-color-primary);overflow:visible}
.jn-sog__streg path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s var(--ez) .15s}
.jn-sog.is-open .jn-sog__streg path{stroke-dashoffset:0}
.jn-sog.is-loading .jn-sog__streg{animation:jnSogPuls 1.2s var(--ez) infinite}
@keyframes jnSogPuls{50%{opacity:.35}}
.jn-sog__forslag{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0 clamp(28px,5vh,48px)}
.jn-sog__forslag-label{font-size:13px;color:var(--brxw-color-pelsbrun);margin-right:4px}
.jn-sog__chip{background:none;border:1.3px solid var(--brxw-color-neutral-950);border-radius:var(--hd);padding:6px 14px;font:inherit;font-size:14px;color:inherit;cursor:pointer;transition:background-color .4s var(--ez),color .4s var(--ez),transform .4s var(--ez)}
.jn-sog__chip:nth-child(odd){border-radius:15px 225px 15px 255px/255px 15px 225px 15px}
.jn-sog__chip:hover,.jn-sog__chip:focus-visible{background:var(--brxw-color-primary);border-color:var(--brxw-color-primary);color:var(--brxw-color-white);transform:rotate(-1.5deg);outline:none}
.jn-sog__res{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);transition:opacity .3s var(--ez)}
.jn-sog.is-loading .jn-sog__res{opacity:.5}
.jn-sog__res.is-en{grid-template-columns:minmax(0,1fr)}
.jn-sog__label{display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--brxw-color-pelsbrun);padding-bottom:10px;margin-bottom:8px;border-bottom:1px solid var(--brxw-color-neutral-200)}
.jn-sog__liste{list-style:none;margin:0;padding:0}
.jn-sog__liste li{margin:0;opacity:0;transform:translateY(6px);animation:jnSogInd .45s var(--ez) forwards;animation-delay:calc(var(--i,0) * 45ms)}
@keyframes jnSogInd{to{opacity:1;transform:none}}
.jn-sog__row{position:relative;display:flex;align-items:center;gap:16px;padding:10px 12px;margin:0 -12px;color:inherit;text-decoration:none;border-radius:var(--hd);transition:background-color .4s var(--ez)}
.jn-sog__row:hover,.jn-sog__row.is-aktiv,.jn-sog__row:focus-visible{background:rgba(236,214,193,.45);outline:none}
.jn-sog__billede{flex:0 0 auto;width:96px;aspect-ratio:16/9;border-radius:14px 7px 12px 8px/8px 13px 7px 14px;overflow:hidden;background:var(--brxw-color-neutral-200)}
.jn-sog__billede img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ez)}
.jn-sog__row:hover .jn-sog__billede img{transform:scale(1.05)}
.jn-sog__tekst{flex:1 1 auto;min-width:0}
.jn-sog__navn{display:block;font-size:16.5px;line-height:1.3}
.jn-sog__meta{display:block;font-size:13px;color:var(--brxw-color-pelsbrun);margin-top:2px}
.jn-sog__pris{flex:0 0 auto;font-size:15px;white-space:nowrap}
.jn-sog__udsolgt{flex:0 0 auto;font-size:12.5px;padding:4px 10px;border:1.2px solid var(--jn-color-udsolgt);color:var(--jn-color-udsolgt);border-radius:15px 225px 15px 255px/255px 15px 225px 15px;white-space:nowrap}
.jn-sog__navn mark{background:none;color:inherit;padding:0;box-shadow:inset 0 -0.42em 0 rgba(0,83,39,.16)}
.jn-sog__row--tekst .jn-sog__billede{width:64px}
.jn-sog__type{display:block;font-size:12px;color:var(--brxw-color-pelsbrun);margin-top:2px}
.jn-sog__flere{margin-top:14px;background:none;border:0;padding:6px 0;font:inherit;font-size:15px;color:var(--brxw-color-primary);cursor:pointer;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}
.jn-sog__tom{grid-column:1/-1;max-width:640px;font-family:"Newsreader",Georgia,serif;font-size:clamp(21px,2.2vw,27px);line-height:1.35}
.jn-sog__tom a{color:var(--brxw-color-primary);text-decoration:underline;text-underline-offset:4px}
.jn-sog__sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html.jn-sog-laast,html.jn-sog-laast body{overflow:hidden!important}
@media (max-width:767px){
.jn-sog__inner{padding:16px 20px 48px}
.jn-sog__top{margin-bottom:24px}
.jn-sog__luk span{display:none}
.jn-sog__forslag{flex-wrap:nowrap;overflow-x:auto;margin-right:-20px;padding-right:20px;scrollbar-width:none}
.jn-sog__forslag::-webkit-scrollbar{display:none}
.jn-sog__chip{flex:0 0 auto}
.jn-sog__forslag-label{display:none}
.jn-sog__res{grid-template-columns:minmax(0,1fr)}
.jn-sog__billede{width:80px}
}
@media (prefers-reduced-motion:reduce){.jn-sog,.jn-sog *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}
body.jn-kurv-tom #brxe-cartbadge{opacity:0;transform:scale(.6)}
.jn-sog__tom a{white-space:nowrap}