/* D53 mobilmeny – lagdelt skuff (brief §7 «a fast layered drawer with clear back navigation»).
 * Knappen ligger i headeren; selve menyen klones inn i <body> fra en <template> første gang den åpnes. */

/* ---- burger-knappen i headeren ---- */
.vp-mnav-toggle.vp-mnav-toggle.vp-mnav-toggle{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;margin:0;border:0;border-radius:var(--vp-r-2,6px);background:transparent;color:var(--vp-blekk,#15182B);cursor:pointer;transition:background-color .15s,color .15s}
.vp-mnav-toggle.vp-mnav-toggle.vp-mnav-toggle:hover{background:var(--vp-isblaa,#DEE3FA);color:var(--vp-indigo,#2E3192)}
.vp-mnav-toggle.vp-mnav-toggle.vp-mnav-toggle:focus-visible{outline:3px solid var(--vp-indigo,#2E3192);outline-offset:2px}
html body .vp-mnav-toggle__bars{display:grid;gap:5px;width:22px}
html body .vp-mnav-toggle__bars span{display:block;height:2px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}
html body .vp-mnav-toggle__bars span:nth-child(2){width:16px;justify-self:end}
html.vp-mnav-lock,html.vp-mnav-lock body{overflow:hidden!important;overscroll-behavior:none}

/* Elementor-kitets globale knappestil (indigo bakgrunn, versaler, Archivo Expanded 11 px, hvit tekst) treffer alle <button>.
 * Menyens regler er derfor skrevet med .vp-mnav.vp-mnav-prefiks (0,3,0 > kitets button:hover/:focus 0,2,1), og dette nullstiller det kitet setter
 * som komponentene ikke selv setter. */
.vp-mnav.vp-mnav button,.vp-mnav-toggle.vp-mnav-toggle.vp-mnav-toggle{text-transform:none;letter-spacing:normal;text-shadow:none;line-height:1.2}
.vp-mnav.vp-mnav button:hover,.vp-mnav.vp-mnav button:focus{text-decoration:none}

/* ---- dialogen ---- */
.vp-mnav.vp-mnav{position:fixed;inset:0;z-index:100000;display:flex;justify-content:flex-end;font-family:"Archivo",system-ui,sans-serif;color:var(--vp-blekk,#15182B)}
.vp-mnav.vp-mnav[hidden]{display:none}
.vp-mnav.vp-mnav .vp-mnav__scrim{position:absolute;inset:0;background:rgba(15,18,48,.55);opacity:0;transition:opacity .26s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.vp-mnav.vp-mnav .vp-mnav__sheet{position:relative;display:flex;flex-direction:column;width:100%;max-width:440px;height:100%;height:100dvh;background:var(--vp-is,#F3F4F8);box-shadow:-20px 0 60px rgba(15,18,48,.28);transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);will-change:transform}
.vp-mnav.vp-mnav.is-open .vp-mnav__scrim{opacity:1}
.vp-mnav.vp-mnav.is-open .vp-mnav__sheet{transform:none}

.vp-mnav.vp-mnav .vp-mnav__top{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:8px 12px 8px 16px;background:var(--vp-hvit,#fff);border-bottom:1px solid var(--vp-skifer-lys,#E4E7EF)}
.vp-mnav.vp-mnav .vp-mnav__logo{display:inline-flex;align-items:center;min-height:44px}
.vp-mnav.vp-mnav .vp-mnav__logo-img{display:block;width:auto;height:30px;max-width:180px;object-fit:contain}
.vp-mnav.vp-mnav .vp-mnav__wordmark{font-family:"Archivo Expanded","Archivo",sans-serif;font-weight:800;font-size:17px;color:var(--vp-indigo,#2E3192)}
.vp-mnav.vp-mnav .vp-mnav__close{appearance:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px 0 10px;border:1px solid var(--vp-skifer,#CDD2E0);border-radius:999px;background:var(--vp-hvit,#fff);color:var(--vp-blekk,#15182B);font:600 14px/1 "Archivo",sans-serif;cursor:pointer;transition:background-color .15s,border-color .15s}
.vp-mnav.vp-mnav .vp-mnav__close:hover{background:var(--vp-is,#F3F4F8);border-color:var(--vp-blekk-3,#5B6079)}
.vp-mnav.vp-mnav .vp-mnav__close .vp-mnav__i{width:18px;height:18px}

.vp-mnav.vp-mnav .vp-mnav__views{position:relative;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.vp-mnav.vp-mnav .vp-mnav__view{padding:16px 16px calc(28px + env(safe-area-inset-bottom,0px))}
.vp-mnav.vp-mnav .vp-mnav__view[hidden]{display:none}
.vp-mnav.vp-mnav .vp-mnav__view.is-in-fwd{animation:vp-mnav-in-fwd .24s cubic-bezier(.2,.8,.2,1)}
.vp-mnav.vp-mnav .vp-mnav__view.is-in-back{animation:vp-mnav-in-back .24s cubic-bezier(.2,.8,.2,1)}
@keyframes vp-mnav-in-fwd{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes vp-mnav-in-back{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}

.vp-mnav.vp-mnav .vp-mnav__i{flex:0 0 auto;width:20px;height:20px}
.vp-mnav.vp-mnav a{text-decoration:none}
.vp-mnav.vp-mnav :focus-visible{outline:3px solid var(--vp-indigo,#2E3192);outline-offset:2px}

/* søkefelt-knapp */
.vp-mnav.vp-mnav .vp-mnav__search{appearance:none;display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 16px;border:1px solid var(--vp-skifer,#CDD2E0);border-radius:12px;background:var(--vp-hvit,#fff);color:var(--vp-blekk-3,#5B6079);font:400 15px/1.2 "Archivo",sans-serif;text-align:left;cursor:text;box-shadow:0 1px 2px rgba(21,24,43,.05)}
.vp-mnav.vp-mnav .vp-mnav__search .vp-mnav__i{color:var(--vp-indigo,#2E3192)}
.vp-mnav.vp-mnav .vp-mnav__search span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.vp-mnav.vp-mnav .vp-mnav__search:hover{border-color:var(--vp-indigo,#2E3192)}

.vp-mnav.vp-mnav .vp-mnav__kicker{margin:22px 4px 8px;font:700 12px/1 "Archivo Narrow","Archivo",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--vp-blekk-3,#5B6079)}

/* hovedpunktene: gruppert kort med skillelinjer */
.vp-mnav.vp-mnav .vp-mnav__list{list-style:none;margin:0;padding:0;background:var(--vp-hvit,#fff);border:1px solid var(--vp-skifer-lys,#E4E7EF);border-radius:14px;overflow:hidden}
.vp-mnav.vp-mnav .vp-mnav__list>li+li{border-top:1px solid var(--vp-skifer-lys,#E4E7EF)}
.vp-mnav.vp-mnav .vp-mnav__row{appearance:none;display:flex;align-items:center;gap:14px;width:100%;min-height:68px;padding:12px 14px 12px 16px;border:0;background:transparent;color:var(--vp-blekk,#15182B);text-align:left;cursor:pointer;transition:background-color .15s}
.vp-mnav.vp-mnav .vp-mnav__row:hover,.vp-mnav.vp-mnav .vp-mnav__row:active{background:var(--vp-is,#F3F4F8)}
.vp-mnav.vp-mnav .vp-mnav__row-text{display:grid;gap:3px;flex:1 1 auto;min-width:0}
.vp-mnav.vp-mnav .vp-mnav__label{font:700 17px/1.2 "Archivo",sans-serif;letter-spacing:-.005em}
.vp-mnav.vp-mnav .vp-mnav__hint{font:400 13px/1.3 "Archivo",sans-serif;color:var(--vp-blekk-3,#5B6079);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.vp-mnav.vp-mnav .vp-mnav__chev{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--vp-isblaa,#DEE3FA);color:var(--vp-indigo,#2E3192);transition:transform .15s,background-color .15s}
.vp-mnav.vp-mnav .vp-mnav__chev .vp-mnav__i{width:18px;height:18px}
.vp-mnav.vp-mnav .vp-mnav__row:hover .vp-mnav__chev{background:var(--vp-indigo,#2E3192);color:#fff;transform:translateX(2px)}
.vp-mnav.vp-mnav .vp-mnav__row>.vp-mnav__i--chev{color:var(--vp-blekk-3,#5B6079)}
.vp-mnav.vp-mnav .vp-mnav__row-ico{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--vp-is,#F3F4F8);color:var(--vp-indigo,#2E3192)}

/* konto / tilbud */
.vp-mnav.vp-mnav .vp-mnav__quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.vp-mnav.vp-mnav .vp-mnav__card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:96px;padding:14px;border:1px solid var(--vp-skifer-lys,#E4E7EF);border-radius:14px;background:var(--vp-hvit,#fff);color:var(--vp-blekk,#15182B);transition:border-color .15s,transform .15s}
.vp-mnav.vp-mnav .vp-mnav__card .vp-mnav__i{width:22px;height:22px;color:var(--vp-indigo,#2E3192)}
.vp-mnav.vp-mnav .vp-mnav__card span{display:grid;gap:2px}
.vp-mnav.vp-mnav .vp-mnav__card strong{font:700 15px/1.2 "Archivo",sans-serif}
.vp-mnav.vp-mnav .vp-mnav__card small{font:400 12.5px/1.3 "Archivo",sans-serif;color:var(--vp-blekk-3,#5B6079)}
.vp-mnav.vp-mnav .vp-mnav__card:hover{border-color:var(--vp-indigo,#2E3192)}
.vp-mnav.vp-mnav .vp-mnav__card--accent{background:var(--vp-indigo,#2E3192);border-color:var(--vp-indigo,#2E3192);color:#fff}
.vp-mnav.vp-mnav .vp-mnav__card--accent .vp-mnav__i{color:var(--vp-himmel,#8FB4FF)}
.vp-mnav.vp-mnav .vp-mnav__card--accent small{color:#D6DCF5}
.vp-mnav.vp-mnav .vp-mnav__card--accent:hover{background:var(--vp-indigo-dyp,#232570);border-color:var(--vp-indigo-dyp,#232570)}

/* råd / kontakt – mørk flate */
.vp-mnav.vp-mnav .vp-mnav__help{margin-top:14px;padding:18px 16px 16px;border-radius:14px;background:var(--vp-marine,#0F1230);color:#fff;background-image:radial-gradient(120% 90% at 100% 0,rgba(63,91,217,.35),transparent 60%)}
.vp-mnav.vp-mnav .vp-mnav__help-title{margin:0 0 4px;font:800 19px/1.15 "Archivo Expanded","Archivo",sans-serif;letter-spacing:-.01em;color:#fff}
.vp-mnav.vp-mnav .vp-mnav__help-text{margin:0 0 14px;font:400 14px/1.45 "Archivo",sans-serif;color:#C9CDDC}
.vp-mnav.vp-mnav .vp-mnav__help-actions{display:flex;flex-wrap:wrap;gap:8px}
.vp-mnav.vp-mnav .vp-mnav__pill{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--vp-himmel,#8FB4FF);color:var(--vp-marine,#0F1230)!important;font:700 15px/1 "Archivo",sans-serif;transition:background-color .15s}
.vp-mnav.vp-mnav .vp-mnav__pill .vp-mnav__i{width:18px;height:18px}
.vp-mnav.vp-mnav .vp-mnav__pill:hover{background:#B5CCFF}
.vp-mnav.vp-mnav .vp-mnav__pill--ghost{background:transparent;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.vp-mnav.vp-mnav .vp-mnav__pill--ghost:hover{background:rgba(255,255,255,.1)}
.vp-mnav.vp-mnav .vp-mnav__help :focus-visible{outline-color:var(--vp-himmel,#8FB4FF)}

.vp-mnav.vp-mnav .vp-mnav__ship{display:flex;align-items:center;gap:10px;margin:14px 4px 0;font:500 13.5px/1.35 "Archivo",sans-serif;color:var(--vp-blekk-2,#434861)}
.vp-mnav.vp-mnav .vp-mnav__ship .vp-mnav__i{color:var(--vp-indigo,#2E3192)}

/* ---- undernivå ---- */
.vp-mnav.vp-mnav .vp-mnav__back{appearance:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:-4px 0 0 -6px;padding:0 12px 0 6px;border:0;border-radius:999px;background:transparent;color:var(--vp-indigo,#2E3192);font:600 15px/1 "Archivo",sans-serif;cursor:pointer}
.vp-mnav.vp-mnav .vp-mnav__back:hover{background:var(--vp-isblaa,#DEE3FA)}
.vp-mnav.vp-mnav .vp-mnav__title{margin:6px 4px 14px;font:800 28px/1.08 "Archivo Expanded","Archivo",sans-serif;letter-spacing:-.02em;color:var(--vp-blekk,#15182B)}
.vp-mnav.vp-mnav .vp-mnav__title:focus{outline:none}
.vp-mnav.vp-mnav .vp-mnav__title:focus-visible{outline:3px solid var(--vp-indigo,#2E3192);outline-offset:4px}
.vp-mnav.vp-mnav .vp-mnav__all{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;margin-bottom:14px;padding:0 16px 0 18px;border-radius:12px;background:var(--vp-indigo,#2E3192);color:#fff!important;font:700 16px/1.2 "Archivo",sans-serif;transition:background-color .15s}
.vp-mnav.vp-mnav .vp-mnav__all:hover{background:var(--vp-indigo-dyp,#232570)}
.vp-mnav.vp-mnav .vp-mnav__all .vp-mnav__i{color:var(--vp-himmel,#8FB4FF)}

.vp-mnav.vp-mnav .vp-mnav__groups{list-style:none;margin:0;padding:0;background:var(--vp-hvit,#fff);border:1px solid var(--vp-skifer-lys,#E4E7EF);border-radius:14px;overflow:hidden}
.vp-mnav.vp-mnav .vp-mnav__group+.vp-mnav__group{border-top:1px solid var(--vp-skifer-lys,#E4E7EF)}
.vp-mnav.vp-mnav .vp-mnav__group-row{display:flex;align-items:center;gap:6px;min-height:56px;padding:4px 6px 4px 0}
.vp-mnav.vp-mnav .vp-mnav__group-link{flex:1 1 auto;display:flex;align-items:center;min-height:48px;padding:0 10px 0 16px;color:var(--vp-blekk,#15182B)!important;font:600 16px/1.25 "Archivo",sans-serif}
.vp-mnav.vp-mnav a.vp-mnav__group-link:hover{color:var(--vp-kobolt,#3F5BD9)!important;text-decoration:underline;text-underline-offset:3px}
.vp-mnav.vp-mnav .vp-mnav__group-link--plain{font:700 12px/1 "Archivo Narrow","Archivo",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--vp-blekk-3,#5B6079)!important;min-height:40px;padding-top:10px}
.vp-mnav.vp-mnav .vp-mnav__expand{appearance:none;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-width:44px;min-height:44px;padding:0 10px;border:0;border-radius:999px;background:var(--vp-is,#F3F4F8);color:var(--vp-indigo,#2E3192);font:600 13px/1 "Archivo",sans-serif;cursor:pointer;transition:background-color .15s}
.vp-mnav.vp-mnav .vp-mnav__expand:hover{background:var(--vp-isblaa,#DEE3FA)}
.vp-mnav.vp-mnav .vp-mnav__expand .vp-mnav__i{width:18px;height:18px;transition:transform .2s}
.vp-mnav.vp-mnav .vp-mnav__expand[aria-expanded="true"]{background:var(--vp-indigo,#2E3192);color:#fff}
.vp-mnav.vp-mnav .vp-mnav__expand[aria-expanded="true"] .vp-mnav__i{transform:rotate(45deg)}
.vp-mnav.vp-mnav .vp-mnav__count{font-variant-numeric:tabular-nums}

.vp-mnav.vp-mnav .vp-mnav__chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:2px 16px 16px}
.vp-mnav.vp-mnav .vp-mnav__chips[hidden]{display:none}
.vp-mnav.vp-mnav .vp-mnav__group.is-open .vp-mnav__chips:not([hidden]){animation:vp-mnav-chips .2s ease}
@keyframes vp-mnav-chips{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.vp-mnav.vp-mnav .vp-mnav__chips a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--vp-skifer,#CDD2E0);border-radius:999px;background:var(--vp-hvit,#fff);color:var(--vp-blekk-2,#434861)!important;font:500 14px/1.2 "Archivo",sans-serif;transition:border-color .15s,color .15s,background-color .15s}
.vp-mnav.vp-mnav .vp-mnav__chips a:hover{border-color:var(--vp-indigo,#2E3192);color:var(--vp-indigo,#2E3192)!important;background:var(--vp-isblaa,#DEE3FA)}
.vp-mnav.vp-mnav .vp-mnav__group.is-open:has(.vp-mnav__group-link--plain) .vp-mnav__chips{padding-top:6px}

.vp-mnav.vp-mnav .vp-mnav__extra{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:12px 4px 0;color:var(--vp-indigo,#2E3192)!important;font:600 15px/1.2 "Archivo",sans-serif;text-decoration:underline!important;text-underline-offset:4px}
.vp-mnav.vp-mnav .vp-mnav__extra .vp-mnav__i{width:18px;height:18px}

@media (min-width:600px){.vp-mnav.vp-mnav .vp-mnav__sheet{border-radius:18px 0 0 18px}}
@media (max-width:359px){.vp-mnav.vp-mnav .vp-mnav__quick{grid-template-columns:1fr}.vp-mnav.vp-mnav .vp-mnav__title{font-size:24px}}
@media (prefers-reduced-motion:reduce){.vp-mnav.vp-mnav .vp-mnav__sheet,.vp-mnav.vp-mnav .vp-mnav__scrim,.vp-mnav.vp-mnav .vp-mnav__chev,.vp-mnav.vp-mnav .vp-mnav__expand .vp-mnav__i{transition:none}.vp-mnav.vp-mnav .vp-mnav__view.is-in-fwd,.vp-mnav.vp-mnav .vp-mnav__view.is-in-back,.vp-mnav.vp-mnav .vp-mnav__group.is-open .vp-mnav__chips:not([hidden]){animation:none}}