/* Vinka-merket: samme toppstripe med logo, navn og slagord på alle sider – forsiden, demoen, vilkårssidene og
   innloggingen i appen. Stripen er full bredde, innholdet står i samme kolonne som forsiden (maks 1120 px). */
html { scrollbar-gutter: stable; } /* plass til rullefeltet alltid, så logoen står likt på sider med og uten */
.vinka-topp, .vinka-topp * { box-sizing: border-box; }
.vinka-topp { position: sticky; top: 0; z-index: 10; background: rgba(255, 248, 242, .94); backdrop-filter: blur(10px); border-bottom: 1px solid #efe3d8; }
.vinka-topp .indre { width: min(100% - 40px, 1120px); margin: 0 auto; min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 8px 0; }
.vinka { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: #c4452a; }
.vinka img { width: 40px; height: 40px; border-radius: 11px; display: block; flex: none; }
.vinka b { display: block; font-size: 1.35rem; font-weight: 800; line-height: 1.1; letter-spacing: .01em; }
.vinka small { display: block; font-size: .8rem; font-weight: 500; line-height: 1.2; color: #6e625a; margin-top: 2px; }
.vinka-topp nav { display: flex; align-items: center; gap: 10px; }
.vinka-topp .lenke { font-weight: 600; color: #c4452a; text-decoration: none; padding: 10px 6px; white-space: nowrap; }
.vinka-topp .knapp-topp { background: #c4452a; color: #fff; border-radius: 10px; padding: 10px 16px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.vinka-topp .knapp-topp:hover { background: #a3371f; }
.vinka small { white-space: nowrap; }
.meny-knapp { display: none; }
/* Mobil: lenkene ligger bak ☰ og åpnes under stripen, så logoen står likt som på PC. */
@media (max-width: 759px) {
  .vinka-topp .indre { position: relative; }
  .meny-knapp { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; border: 1px solid #efe3d8; background: #fff; color: #c4452a; font-size: 22px; cursor: pointer; }
  .vinka-topp nav { display: none; position: absolute; top: 100%; left: -20px; right: -20px; flex-direction: column; align-items: stretch; gap: 0;
    background: #fff8f2; border-bottom: 1px solid #efe3d8; padding: 6px 20px 12px; box-shadow: 0 12px 24px rgba(42, 33, 29, .12); }
  .vinka-topp.apen nav { display: flex; }
  .vinka-topp nav .lenke { padding: 12px 4px; border-top: 1px solid #efe3d8; }
  .vinka-topp nav .knapp-topp { margin-top: 10px; text-align: center; }
}