/* Instagram-feeden over bunnteksten, se inc/instagram.php. */
.ig{background:#fff}
.ig__ramme{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"hode folg" "rutenett rutenett";gap:0 24px;align-items:end}
.ig__hode{grid-area:hode;margin:0 0 28px}
.ig__hode .section__title{margin-bottom:10px}
.ig .ig__under{margin:0;font-size:17px;line-height:1.45;color:var(--ink-2)}
.ig__under a{font-weight:800;color:var(--ink);text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:2px;text-underline-offset:3px}
.ig__folg{grid-area:folg;margin:0 0 28px;white-space:nowrap}
.ig .ig__rutenett{grid-area:rutenett;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.ig__rutenett li{margin:0;padding:0}
.ig__rutenett li::before{content:none}
.ig__kort{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:3px;background:#eceae5}
.ig__kort img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.ig__kort:hover img,.ig__kort:focus-visible img{transform:scale(1.04)}
.ig__kort:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.ig__type{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:24px;height:24px;border-radius:3px;background:rgba(22,22,29,.72);color:#fff}

@media (max-width:900px){
  .ig__ramme{grid-template-columns:minmax(0,1fr);grid-template-areas:"hode" "rutenett" "folg"}
  .ig__hode{margin-bottom:20px}
  .ig .ig__under{font-size:16px}
  /* Rad man drar sideveis, saa seksjonen ikke blir en lang vegg paa telefon. */
  .ig .ig__rutenett{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px;scroll-padding:0 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .ig__rutenett::-webkit-scrollbar{display:none}
  .ig__rutenett li{flex:0 0 44%;scroll-snap-align:start}
  .ig__folg{margin:20px 0 0;text-align:center;justify-self:stretch}
}

/* ---------- Stort format ---------- */
.ig-pop{position:fixed;z-index:130;overflow:hidden;border:3px solid var(--ink);border-radius:3px;background:var(--ink);opacity:0;transform:scale(.86);transition:opacity .14s ease,transform .16s ease}
.ig-pop[hidden]{display:none}
.ig-pop.er-apen{opacity:1;transform:none}
.ig-pop a{position:relative;display:block;width:100%;height:100%;color:inherit;text-decoration:none}
.ig-pop img,.ig-pop video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.ig-pop video[hidden]{display:none}
.ig-pop__merke{position:absolute;left:10px;bottom:10px;padding:6px 10px;border-radius:3px;background:var(--brand);color:var(--ink);font-size:13px;font-weight:800;line-height:1.2;white-space:nowrap}
.ig-pop__lukk{display:none;position:absolute;top:8px;right:8px;width:38px;height:38px;padding:0;border:0;border-radius:3px;background:rgba(22,22,29,.78);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.ig-pop.er-midt .ig-pop__lukk{display:block}
.ig-pop__bak{position:fixed;inset:0;z-index:129;background:rgba(13,13,18,.72)}
.ig-pop__bak[hidden]{display:none}
@media (prefers-reduced-motion:reduce){
  .ig-pop{transition:none;transform:none}
  .ig__kort img{transition:none}
}