/* Volledig menu ook op kleinere schermen (tot 920px) i.p.v. hamburgermenu vanaf 1240px. */
@media (min-width:920px) and (max-width:1240px){
 .mgh{--g:clamp(12px,calc(28px - (1240px - 100vw)*.05),28px)}
 .mgh-pill{height:64px;padding:6px 8px 6px 4px}
 .mgh-logo{flex:0 0 170px;height:51px;margin-right:var(--g)}
 .mgh-logo img{left:4px;top:-14px;width:170px;height:76px}
 .mgh-nav{display:block;margin-right:var(--g)}
 .mgh-nav ul{gap:var(--g)}
 .mgh-nav a,.mgh-ddb{font-size:16px;line-height:20px;gap:6px}
 .mgh-flag{margin-left:auto;width:36px;height:36px;padding:4px}
 .mgh-flag span,.mgh-flag svg{width:28px;height:28px}
 .mgh-ver{display:flex;width:auto;min-width:0;height:48px;padding:12px 16px;margin-left:var(--g);font-size:16px;line-height:20px}
 .burger,.mnav,.mnav.open{display:none!important}
}
/* Tussen 1080 en 1240px is er ruimte genoeg voor het grotere logo en de normale lettergrootte */
@media (min-width:1080px) and (max-width:1240px){
 .mgh-pill{height:72px}
 .mgh-logo{flex:0 0 210px}
 .mgh-logo img{top:-22px;width:210px;height:94px}
 .mgh-nav a,.mgh-ddb{font-size:18px;line-height:22px}
 .mgh-ver{height:52px;font-size:18px;line-height:22px}
}

/* Logo (mascotte steekt boven de menubalk uit) altijd volledig in beeld, met ~10px lucht aan de bovenkant */
.mgh2 .mgh-w{padding-top:29px}
html:has(.mgh2){scroll-padding-top:139px}
@media (max-width:1240px){.mgh2 .mgh-w{padding-top:21px}html:has(.mgh2){scroll-padding-top:101px}}
@media (max-width:1079px){.mgh2 .mgh-w{padding-top:17px}}
@media (max-width:919px){.mgh2 .mgh-w{padding-top:18px}}

/* Webshop- en demo-webshop-pagina: ingebedde shop van go.mrgift.nl */
.ws-sec{padding-top:clamp(28px,5vw,56px)}
.ws-frame{padding:0;overflow:hidden}
.ws-frame iframe{border:0;display:block;width:100%;min-height:800px}
.ws-alt{margin-top:14px;text-align:center}

/* Webshop-pagina: geen wit kader achter de shop, de shop staat direct op de achtergrond */
.ws-frame{background:transparent;box-shadow:none;border:0;border-radius:0}
.ws-frame iframe{background:transparent}