/*
 * QuickNord Tablettilbehør menu, isolated from phone covers & screen protection.
 * Apple: one expansion arrow and live iPad models. Samsung: label only.
 */
.qn-nav .qn-menu-shell #menu-item-98 {position:relative}
.qn-nav .qn-menu-shell #menu-item-98 > .qn-tab-nav-submenu {
  min-width:280px;width:302px;max-width:calc(100vw - 28px);
  padding:9px;border:1px solid #d7e8fa;border-radius:15px;
  background:linear-gradient(158deg,#fff,#f9fcff);
  box-shadow:0 16px 42px rgba(10,59,115,.18);
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-nav-brand {
  position:relative;display:block;list-style:none;margin:0;padding:0;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-nav-brand > .qn-tab-nav-brand-link {
  display:block!important;width:100%;min-height:53px;padding:15px 48px 13px 14px!important;
  text-decoration:none!important;border-radius:10px;color:#183e68!important;
  background:transparent;font:800 13px/1.5 "DM Sans",sans-serif!important;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-nav-brand > .qn-tab-nav-brand-link:hover,
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-nav-brand > .qn-tab-nav-brand-link:focus-visible {
  background:#edf7ff!important;color:#0b6fda!important;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-nav-brand-link strong {
  font-weight:850;color:inherit;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-branch-toggle {
  position:absolute;top:8px;right:7px;z-index:4;
  display:grid;place-items:center;width:35px;height:36px;
  padding:0;border:0;border-radius:9px;color:#0971d9;
  background:#edf6ff;cursor:pointer;font-size:22px;line-height:1;
  transition:background .15s,color .15s;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-branch-toggle:hover {
  background:#d6eaff;color:#065bb8;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-branch-toggle:focus-visible {
  outline:3px solid #80c6ff;outline-offset:1px;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-model-flyout {
  position:absolute;top:-8px;left:calc(100% - 3px);z-index:98;
  display:none;width:350px;min-width:300px;max-width:calc(100vw - 35px);
  max-height:min(660px,calc(100vh - 160px));overflow:auto;overscroll-behavior:contain;
  padding:9px;margin:0;list-style:none;white-space:normal;
  background:linear-gradient(160deg,#fff,#fafdff);
  border:1px solid #d7e8f9;border-radius:15px;
  box-shadow:0 20px 46px rgba(12,66,130,.19);
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-model-flyout li {
  list-style:none;padding:0;margin:0;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-menu-heading {
  margin:8px 4px 5px!important;padding:7px 9px!important;
  background:linear-gradient(90deg,#edf7ff,transparent);
  border-radius:8px;color:#086cd6;
  font:850 10px/1.35 "DM Sans",sans-serif;letter-spacing:.7px;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-menu-model {
  display:flex!important;align-items:center!important;gap:10px!important;
  width:100%;min-width:0;min-height:52px;padding:7px 9px!important;
  border-radius:10px;color:#183f6b!important;
  text-decoration:none!important;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-menu-model:hover {
  background:#eef7ff!important;color:#0469d7!important;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-menu-thumb {
  flex:0 0 39px;display:grid;place-items:center;
  width:39px;height:44px;padding:3px;border:1px solid #e3edf9;
  border-radius:9px;overflow:hidden;background:radial-gradient(circle,#fff,#f3f9ff);
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-menu-thumb img {
  display:block;width:100%;height:100%;object-fit:contain;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-menu-model-name {
  display:flex;flex:1 1 0;min-width:0;flex-direction:column;gap:4px;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-menu-model-name strong {
  font:800 12px/1.4 "DM Sans",sans-serif;color:#153d67;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-menu-model-name small {
  font:650 10.5px/1.4 "DM Sans",sans-serif;color:#768eaa;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-menu-arrow {
  margin-left:auto;color:#0b77d7;font-size:18px;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-menu-empty {
  padding:15px 11px!important;color:#617c9c;font-size:12px;line-height:1.55;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-menu-footer {
  margin:6px 4px 0!important;padding-top:8px!important;border-top:1px solid #e4effa;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-menu-footer a {
  display:block!important;padding:10px 12px!important;
  border-radius:9px;background:#edf7ff!important;color:#0b6ed5!important;
  font:800 12px/1.4 "DM Sans",sans-serif!important;text-decoration:none!important;
}
@media(min-width:1051px){
  .qn-nav .qn-menu-shell #menu-item-98 .qn-tab-nav-brand--apple:hover>.qn-tab-model-flyout,
  .qn-nav .qn-menu-shell #menu-item-98 .qn-tab-nav-brand--apple:focus-within>.qn-tab-model-flyout,
  .qn-nav .qn-menu-shell #menu-item-98 .qn-tab-nav-brand--apple.qn-tab-expanded>.qn-tab-model-flyout {
    display:block;
  }
}
@media(max-width:1050px){
  .qn-nav .qn-menu-shell.is-open #menu-item-98.is-expanded{grid-column:1/-1}
  .qn-nav .qn-menu-shell #menu-item-98 > .qn-tab-nav-submenu {
    position:static;min-width:0;width:100%;max-width:none;
    padding:6px 8px 8px 13px;margin:0;border:none;
    border-left:2px solid #b7dbfa;border-radius:0;background:#f7fbff;box-shadow:none;
  }
  .qn-nav .qn-menu-shell #menu-item-98 .qn-tab-nav-brand > .qn-tab-nav-brand-link {
    min-height:49px;padding:12px 53px 11px 12px!important;
  }
  .qn-nav .qn-menu-shell #menu-item-98 .qn-tab-branch-toggle {
    top:5px;right:5px;width:42px;height:40px;
  }
  .qn-nav .qn-menu-shell #menu-item-98 .qn-tab-model-flyout {
    position:static;width:100%;min-width:0;max-width:none;max-height:320px;
    overflow-y:auto;display:none;margin:0;padding:6px 7px 9px 12px;
    border:none;border-left:2px solid #b9d9f9;border-radius:0;
    background:#f4faff;box-shadow:none;
  }
  .qn-nav .qn-menu-shell #menu-item-98 .qn-tab-nav-brand.qn-tab-expanded>.qn-tab-model-flyout {
    display:block;
  }
}
/* Third-level Apple iPad families (matching Samsung's Galaxy A/S flyouts).
   Four family names stay in the second column; device images/codes are only
   visible in the third column on hover, focus, or arrow activation. */
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-series-branch{
  position:relative;list-style:none;margin:0;padding:0;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-series-link{
  display:block!important;min-height:56px;width:100%;
  padding:17px 46px 14px 13px!important;
  border-radius:9px;color:#183e6a!important;background:transparent!important;
  text-decoration:none!important;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-series-link strong{
  font:850 12.7px/1.4 "DM Sans",sans-serif;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-series-link:hover,
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-series-link:focus-visible{
  background:#edf7ff!important;color:#096cce!important;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-series-toggle{
  position:absolute;top:10px;right:7px;z-index:101;
  display:grid;place-items:center;width:34px;height:36px;padding:0;
  border:0;border-radius:9px;background:#edf6ff;color:#0a70d9;
  cursor:pointer;font-size:22px;line-height:1;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-series-toggle:hover{
  background:#d8ebff;color:#005cb7;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-series-toggle:focus-visible{
  outline:3px solid #7dc0ff;outline-offset:2px;
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-series-models{
  position:absolute;top:-8px;left:calc(100% - 3px);z-index:110;
  display:none;min-width:305px;width:355px;max-width:calc(100vw - 28px);
  max-height:min(650px,calc(100vh - 150px));
  margin:0;padding:9px;overflow-y:auto;overscroll-behavior:contain;
  list-style:none;white-space:normal;
  border:1px solid #d5e8fb;border-radius:15px;
  background:linear-gradient(160deg,#fff,#f9fcff);
  box-shadow:0 18px 45px rgba(12,71,142,.19);
}
.qn-nav .qn-menu-shell #menu-item-98 .qn-tab-series-models>li{
  list-style:none;margin:0;padding:0;
}
@media(min-width:1051px){
  /* Four short family rows are never clipped by a scrolling second column. */
  .qn-nav .qn-menu-shell #menu-item-98 .qn-tab-model-flyout{
    overflow:visible;max-height:none;
  }
  .qn-nav .qn-menu-shell #menu-item-98 .qn-tab-series-branch:hover>.qn-tab-series-models,
  .qn-nav .qn-menu-shell #menu-item-98 .qn-tab-series-branch:focus-within>.qn-tab-series-models,
  .qn-nav .qn-menu-shell #menu-item-98 .qn-tab-series-branch.qn-tab-expanded>.qn-tab-series-models{
    display:block;
  }
}
/* On laptop screens, leave the final model panel inside the viewport.
   The family panel opens left of Apple and its models open on the right. */
@media(min-width:1051px) and (max-width:1550px){
  .qn-nav .qn-menu-shell #menu-item-98 .qn-tab-model-flyout{
    left:auto;right:calc(100% - 3px);
  }
  .qn-nav .qn-menu-shell #menu-item-98 .qn-tab-series-models{
    left:calc(100% - 3px);
    min-width:260px;width:310px;
  }
}
@media(max-width:1050px){
  .qn-nav .qn-menu-shell #menu-item-98 .qn-tab-series-link{
    min-height:49px;padding:13px 55px 12px 12px!important;
  }
  .qn-nav .qn-menu-shell #menu-item-98 .qn-tab-series-toggle{
    top:5px;right:5px;width:42px;height:40px;
  }
  .qn-nav .qn-menu-shell #menu-item-98 .qn-tab-series-models{
    position:static;display:none;min-width:0;width:100%;max-width:none;
    max-height:260px;overflow-y:auto;margin:0;padding:5px 7px 9px 12px;
    border:none;border-left:2px solid #b9d9f9;border-radius:0;
    background:#f4faff;box-shadow:none;
  }
  .qn-nav .qn-menu-shell #menu-item-98 .qn-tab-series-branch.qn-tab-expanded>.qn-tab-series-models{
    display:block;
  }
}
@media(prefers-reduced-motion:reduce){
  .qn-nav .qn-menu-shell #menu-item-98 *{transition:none!important;transform:none!important}
}