/* Screen protectors menu only: separate from Mobilcovers submenu styles.
   The real existing Skærmbeskyttelse menu item remains a navigable link. */
.qn-nav .qn-menu-shell #menu-item-96{position:relative}
.qn-nav .qn-menu-shell #menu-item-96 > .qn-sp-nav-submenu{
  min-width:276px;width:300px;max-width:calc(100vw - 28px);
  padding:9px;border-radius:15px;border:1px solid #d8e9fb;
  background:linear-gradient(165deg,#fff,#f9fcff);
  box-shadow:0 17px 40px rgba(9,62,126,.17);
}
.qn-nav .qn-menu-shell .qn-sp-nav-brand{position:relative;display:block;padding:0;margin:0;list-style:none}
.qn-nav .qn-menu-shell .qn-sp-nav-brand > .qn-sp-nav-brand-link{
  display:flex!important;align-items:center;gap:10px;
  width:100%;min-height:55px;padding:12px 44px 12px 13px!important;
  background:transparent;border-radius:10px;
  text-decoration:none!important;color:#153d6d!important;font-size:13px;font-weight:800;
}
.qn-nav .qn-menu-shell .qn-sp-nav-brand > .qn-sp-nav-brand-link:hover{
  color:#0668d2!important;background:#edf7ff;
}
.qn-nav .qn-menu-shell .qn-sp-branch-toggle,
.qn-nav .qn-menu-shell .qn-sp-series-toggle{
  position:absolute;right:6px;top:8px;z-index:3;display:grid;place-items:center;
  width:34px;height:34px;border:0;border-radius:9px;
  background:#f0f7ff;color:#0a75df;cursor:pointer;font-size:21px;line-height:1;
}
.qn-nav .qn-menu-shell .qn-sp-series-toggle{top:10px}
.qn-nav .qn-menu-shell .qn-sp-branch-toggle:hover,
.qn-nav .qn-menu-shell .qn-sp-series-toggle:hover{background:#dbeeff;color:#0659bc}
.qn-nav .qn-menu-shell .qn-sp-branch-toggle:focus-visible,
.qn-nav .qn-menu-shell .qn-sp-series-toggle:focus-visible{outline:3px solid #82c5ff;outline-offset:1px}
.qn-nav .qn-menu-shell .qn-sp-model-flyout,
.qn-nav .qn-menu-shell .qn-sp-series-models{
  position:absolute;left:calc(100% - 3px);top:-8px;z-index:98;
  display:none;min-width:300px;width:339px;max-width:calc(100vw - 35px);
  max-height:min(650px,calc(100vh - 140px));overflow-y:auto;overscroll-behavior:contain;
  margin:0;padding:8px;list-style:none;white-space:normal;
  border:1px solid #d3e5f8;border-radius:15px;
  background:linear-gradient(163deg,#fff,#f9fcff);
  box-shadow:0 18px 45px rgba(11,66,129,.2);
}
.qn-nav .qn-menu-shell .qn-sp-series-models{top:-9px;width:355px}
.qn-nav .qn-menu-shell .qn-sp-model-flyout li,
.qn-nav .qn-menu-shell .qn-sp-series-models li{list-style:none;margin:0;padding:0}
.qn-nav .qn-menu-shell .qn-sp-menu-heading{
  margin:7px 4px 5px!important;padding:8px 10px!important;
  border-radius:8px;color:#0d6aca;
  background:linear-gradient(90deg,#eaf6ff,transparent);
  font:850 10px/1.25 Manrope,"DM Sans",sans-serif;
  letter-spacing:.7px;
}
.qn-nav .qn-menu-shell .qn-sp-menu-model{
  display:flex!important;align-items:center!important;gap:10px!important;
  width:100%;min-height:51px;padding:6px 9px!important;
  text-decoration:none!important;color:#153f69!important;
  border-radius:9px;
}
.qn-nav .qn-menu-shell .qn-sp-menu-model:hover{background:#eff7ff!important;color:#0669d1!important}
.qn-sp-menu-thumb{display:grid;place-items:center;flex:0 0 36px;
  height:44px;width:36px;border:1px solid #e5f0fa;border-radius:8px;
  background:#f6fbff;overflow:hidden}
.qn-sp-menu-thumb img{display:block;width:32px;height:38px;object-fit:contain}
.qn-sp-menu-model-text{display:flex;flex:1 1 0;flex-direction:column;gap:3px;min-width:0}
.qn-sp-menu-model-text strong{font:800 12px/1.35 "DM Sans",sans-serif;color:#163d67}
.qn-sp-menu-model-text small{font:650 10.4px/1.35 "DM Sans",sans-serif;
  color:#7b91aa;overflow-wrap:anywhere}
.qn-sp-menu-arrow{margin-left:auto;color:#1278d7;font-size:19px}
.qn-nav .qn-menu-shell .qn-sp-menu-empty{padding:17px 11px!important;
  color:#607b99;font:650 12px/1.5 "DM Sans",sans-serif}
.qn-nav .qn-menu-shell .qn-sp-menu-footer{
  border-top:1px solid #e0effd;margin-top:7px!important;padding:7px 4px 3px!important}
.qn-nav .qn-menu-shell .qn-sp-menu-footer > a{
  display:block!important;padding:11px!important;
  color:#0b6bd2!important;background:#eaf5ff!important;border-radius:9px;
  font:850 12px/1.35 "DM Sans",sans-serif!important;text-decoration:none!important}
.qn-nav .qn-menu-shell .qn-sp-series-nav{position:relative}
.qn-nav .qn-menu-shell .qn-sp-series-link{
  display:flex!important;flex-direction:column;gap:4px;
  min-height:58px;padding:11px 46px 10px 12px!important;
  text-decoration:none!important;border-radius:9px;color:#153b65!important}
.qn-nav .qn-menu-shell .qn-sp-series-link:hover{background:#eef7ff!important}
.qn-sp-series-link strong{font:850 12.5px/1.3 "DM Sans",sans-serif}
.qn-sp-series-link small{font:650 10px/1.3 "DM Sans",sans-serif;color:#7a91a6}

@media(min-width:1051px){
  .qn-nav .qn-menu-shell .qn-sp-nav-brand:hover>.qn-sp-model-flyout,
  .qn-nav .qn-menu-shell .qn-sp-nav-brand:focus-within>.qn-sp-model-flyout,
  .qn-nav .qn-menu-shell .qn-sp-nav-brand.qn-sp-expanded>.qn-sp-model-flyout,
  .qn-nav .qn-menu-shell .qn-sp-series-nav:hover>.qn-sp-series-models,
  .qn-nav .qn-menu-shell .qn-sp-series-nav:focus-within>.qn-sp-series-models,
  .qn-nav .qn-menu-shell .qn-sp-series-nav.qn-sp-expanded>.qn-sp-series-models{display:block}
  /* Third level must not get clipped by scrollbars on Samsung's series list. */
  .qn-nav .qn-menu-shell .qn-sp-model-flyout--samsung{overflow:visible;max-height:none}
  .qn-nav .qn-menu-shell .qn-sp-model-flyout--samsung>.qn-sp-series-nav{position:relative}
}
@media(min-width:1051px) and (max-width:1170px){
  .qn-nav .qn-menu-shell .qn-sp-model-flyout{width:287px;min-width:287px}
  .qn-nav .qn-menu-shell .qn-sp-series-models{width:300px;min-width:300px}
}
@media(max-width:1050px){
  /* Two-column tile layout: expand Skærmbeskyttelse across both columns. */
  .qn-nav .qn-menu-shell.is-open #menu-item-96.is-expanded{grid-column:1/-1}
  .qn-nav .qn-menu-shell #menu-item-96 > .qn-sp-nav-submenu{
    position:static;min-width:0;max-width:none;width:100%;margin:0;
    padding:6px 9px 10px 13px;border:0;border-left:2px solid #b8d9fc;
    border-radius:0;background:#f7fbff;box-shadow:none;
  }
  .qn-nav .qn-menu-shell .qn-sp-nav-brand>.qn-sp-nav-brand-link{
    min-height:48px;padding-right:54px!important}
  .qn-nav .qn-menu-shell .qn-sp-branch-toggle,
  .qn-nav .qn-menu-shell .qn-sp-series-toggle{
    top:5px;right:4px;width:41px;height:40px}
  .qn-nav .qn-menu-shell .qn-sp-model-flyout,
  .qn-nav .qn-menu-shell .qn-sp-series-models{
    position:static;display:none;width:100%;min-width:0;max-width:none;
    max-height:285px;overflow-y:auto;padding:5px 7px 9px 12px;margin:0;
    border:0;border-left:2px solid #b8daf8;border-radius:0;
    background:#f4faff;box-shadow:none;
  }
  .qn-nav .qn-menu-shell .qn-sp-series-models{max-height:230px}
  .qn-nav .qn-menu-shell .qn-sp-nav-brand.qn-sp-expanded>.qn-sp-model-flyout,
  .qn-nav .qn-menu-shell .qn-sp-series-nav.qn-sp-expanded>.qn-sp-series-models{display:block}
  .qn-sp-nav-brand.qn-sp-expanded>.qn-sp-branch-toggle,
  .qn-sp-series-nav.qn-sp-expanded>.qn-sp-series-toggle{background:#dfefff!important}
}
@media(prefers-reduced-motion:reduce){
  .qn-nav .qn-sp-nav-submenu *{transition:none!important}
}