/*
 * QuickNord Mobilcovers nested hover navigation.
 * Brand names and series names remain real links; arrow controls expand menus.
 * Source of model data: live Quickphone RepairPlugin catalog (5-min cache).
 */
.qn-nav .qn-menu-shell .qn-main-menu .sub-menu>li.qn-has-live-flyout{
  position:relative;
  display:block;
  min-width:0;
}
.qn-nav .qn-menu-shell .qn-main-menu .sub-menu>li.qn-has-live-flyout>a{
  display:block;
  padding:12px 45px 12px 14px;
  font-weight:800;
}
.qn-nav .qn-menu-shell .qn-has-live-flyout>.qn-live-flyout-toggle,
.qn-nav .qn-menu-shell .qn-live-series-branch>.qn-live-series-toggle{
  position:absolute;
  z-index:3;
  top:8px;right:6px;
  width:34px;height:34px;
  display:grid;place-items:center;
  background:#f0f7ff;border:0;border-radius:9px;
  color:#0a75df;cursor:pointer;
  font-size:21px;line-height:1;
  transition:background .16s,color .16s;
}
.qn-nav .qn-menu-shell .qn-live-series-branch>.qn-live-series-toggle{
  top:10px;right:6px;
}
.qn-nav .qn-menu-shell .qn-live-flyout-toggle:hover,
.qn-nav .qn-menu-shell .qn-live-series-toggle:hover{
  background:#e6f3ff;color:#005bb7;
}
.qn-nav .qn-menu-shell .qn-live-flyout-toggle:focus-visible,
.qn-nav .qn-menu-shell .qn-live-series-toggle:focus-visible{
  outline:3px solid #72baff;outline-offset:1px;
}
.qn-nav .qn-menu-shell .qn-live-flyout-toggle span,
.qn-nav .qn-menu-shell .qn-live-series-toggle span{
  display:block;transform:translateY(-1px);
}
.qn-nav .qn-menu-shell .qn-live-flyout,
.qn-nav .qn-menu-shell .qn-live-models-side{
  position:absolute;display:none;z-index:95;
  list-style:none;margin:0;padding:9px;
  left:calc(100% - 4px);top:-9px;
  min-width:295px;width:330px;max-width:calc(100vw - 30px);
  max-height:min(660px,calc(100vh - 150px));
  overflow-y:auto;overscroll-behavior:contain;
  border:1px solid #d6e6f8;border-radius:15px;
  background:linear-gradient(165deg,#fff,#fafdff);
  box-shadow:0 18px 45px rgba(9,55,113,.19);
  white-space:normal;
}
.qn-nav .qn-menu-shell .qn-live-models-side{
  top:-10px;width:355px;
}
/* The second Samsung flyout must NOT scroll or clip the third level.
   overflow-y:auto on the series list also forces horizontal clipping,
   which prevented Galaxy A/S/Note/Flip/Fold/XCover submenus from appearing. */
@media (min-width:1051px){
  .qn-nav .qn-menu-shell .qn-live-flyout--samsung{
    overflow:visible;
    max-height:none;
  }
  .qn-nav .qn-menu-shell .qn-live-flyout--samsung > li.qn-live-series-branch{
    position:relative;
  }
  .qn-nav .qn-menu-shell .qn-live-series-branch:hover > .qn-live-models-side,
  .qn-nav .qn-menu-shell .qn-live-series-branch:focus-within > .qn-live-models-side{
    display:block;
  }
}

.qn-nav .qn-menu-shell .qn-live-flyout>li,
.qn-nav .qn-menu-shell .qn-live-models-side>li{
  list-style:none;margin:0;padding:0;
}
.qn-nav .qn-menu-shell .qn-live-flyout li.qn-live-menu-group-heading{
  margin:8px 4px 5px;
  padding:7px 8px 5px;
  color:#0a66ca;font:850 10.5px/1.2 Manrope,"DM Sans",sans-serif;
  letter-spacing:1px;text-transform:uppercase;
  background:linear-gradient(90deg,#edf7ff,transparent);
  border-radius:7px;
}
.qn-nav .qn-menu-shell .qn-live-flyout li.qn-live-menu-empty{
  padding:16px 13px;
  color:#6b8098;font:650 12px/1.5 "DM Sans",sans-serif;
}
.qn-nav .qn-menu-shell .qn-live-flyout .qn-live-menu-footer{
  padding:8px 4px 5px;
  margin-top:5px;border-top:1px solid #e4edf8;
}
.qn-nav .qn-menu-shell .qn-live-flyout .qn-live-menu-footer>a,
.qn-nav .qn-menu-shell .qn-live-models-side .qn-live-menu-footer>a{
  display:block!important;padding:11px 12px!important;
  color:#096bd2!important;background:#edf7ff!important;
  border-radius:9px;
  font:800 12px/1.4 "DM Sans",sans-serif!important;
  text-decoration:none;
}
.qn-nav .qn-menu-shell .qn-live-flyout .qn-live-menu-model,
.qn-nav .qn-menu-shell .qn-live-models-side .qn-live-menu-model{
  display:flex!important;align-items:center!important;gap:10px!important;
  width:100%;min-width:0;min-height:49px;
  padding:6px 8px!important;
  color:#163d68!important;
  font:700 12.5px/1.3 "DM Sans",sans-serif!important;
  border-radius:10px;
  text-decoration:none;
}
.qn-nav .qn-menu-shell .qn-live-flyout .qn-live-menu-model:hover,
.qn-nav .qn-menu-shell .qn-live-models-side .qn-live-menu-model:hover{
  color:#005fc8!important;background:#eff7ff!important;
}
.qn-nav .qn-menu-shell .qn-live-menu-thumb{
  flex:0 0 36px;display:grid;place-items:center;
  height:43px;width:36px;
  border:1px solid #ebf2fa;
  background:radial-gradient(circle,#fff,#f5faff);
  border-radius:8px;overflow:hidden;
}
.qn-nav .qn-menu-shell .qn-live-menu-thumb img{
  display:block;width:31px;height:38px;object-fit:contain;
}
.qn-nav .qn-menu-shell .qn-live-menu-model-label{
  flex:1 1 0;display:flex;flex-direction:column;gap:3px;
  min-width:0;
}
.qn-nav .qn-menu-shell .qn-live-menu-model-label strong{
  display:block;font:800 12px/1.3 "DM Sans",sans-serif;
}
.qn-nav .qn-menu-shell .qn-live-menu-model-label small{
  display:block;color:#7891aa;font:600 10px/1.3 "DM Sans",sans-serif;
}
.qn-nav .qn-menu-shell .qn-live-menu-arrow{
  margin-left:auto;color:#1777d4;font-size:18px;
}
.qn-nav .qn-menu-shell .qn-live-series-branch{
  position:relative;
  list-style:none;
  padding:0;margin:0;
}
.qn-nav .qn-menu-shell .qn-live-series-branch>.qn-live-series-link{
  display:flex!important;align-items:center;gap:11px;
  min-height:59px;padding:9px 46px 9px 9px!important;
  color:#193f6e!important;
  border-radius:10px;
  text-decoration:none;
}
.qn-nav .qn-menu-shell .qn-live-series-branch>.qn-live-series-link:hover{
  color:#0566ce!important;background:#edf7ff!important;
}
.qn-nav .qn-menu-shell .qn-live-series-mark{
  flex:0 0 43px;
  display:grid;place-items:center;
  width:43px;height:43px;padding:4px;
  font:800 10px/1.15 Manrope,sans-serif;
  text-align:center;
  border-radius:10px;
  background:linear-gradient(140deg,#e6f3ff,#d6eaff);
  border:1px solid #d4e6fb;color:#0a6fce;
}
.qn-nav .qn-menu-shell .qn-live-series-name{
  display:flex;flex-direction:column;gap:4px;
}
.qn-nav .qn-menu-shell .qn-live-series-name strong{
  font:800 12.4px/1.3 "DM Sans",sans-serif;
}
.qn-nav .qn-menu-shell .qn-live-series-name small{
  color:#7188a4;font:600 10.5px/1.35 "DM Sans",sans-serif;
}
/* Mouse hover AND focus behave independently of click-navigation. */
@media (hover:hover) and (pointer:fine) and (min-width:1051px){
  .qn-nav .qn-menu-shell .qn-has-live-flyout:hover>.qn-live-flyout,
  .qn-nav .qn-menu-shell .qn-live-series-branch:hover>.qn-live-models-side{
    display:block;
  }
}
@media(min-width:1051px){
  .qn-nav .qn-menu-shell .qn-has-live-flyout:focus-within>.qn-live-flyout,
  .qn-nav .qn-menu-shell .qn-live-series-branch:focus-within>.qn-live-models-side,
  .qn-nav .qn-menu-shell .qn-has-live-flyout.qn-flyout-open>.qn-live-flyout,
  .qn-nav .qn-menu-shell .qn-live-series-branch.qn-flyout-open>.qn-live-models-side{
    display:block;
  }
}
/* Smartphone Samsung series: six photographic cards using the live source.
   No stock photos, no generated screen crops. */
.qn-cover-hub--live .qn-cover-series-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  margin-top:14px;margin-bottom:37px;
}
.qn-cover-hub--live .qn-cover-series-card--photo{
  display:flex;flex-direction:column;align-items:center;
  position:relative;min-width:0;min-height:290px;
  padding:12px 11px 18px;
  border:1px solid #deebf8;border-radius:18px;
  background:linear-gradient(155deg,#fff 0%,#f8fbff 70%,#edf6ff 100%);
  box-shadow:0 5px 16px rgba(14,75,140,.055);
  color:#163e6b!important;
  text-decoration:none;
  transition:transform .18s,border-color .18s,box-shadow .18s;
}
.qn-cover-hub--live .qn-cover-series-card--photo:hover{
  transform:translateY(-4px);border-color:#92c7ff;
  box-shadow:0 14px 28px rgba(11,94,189,.15);
}
.qn-cover-hub--live .qn-cover-series-image{
  display:grid;place-items:center;flex:0 0 auto;
  width:100%;height:170px;margin:0 0 10px;
  border:1px solid #e5f0fb;border-radius:14px;
  background:radial-gradient(ellipse at 50% 58%,#fff 28%,#eff8ff 99%);
  overflow:hidden;
}
.qn-cover-hub--live .qn-cover-series-image img{
  display:block;
  width:100%;height:100%;max-height:163px;
  object-fit:contain;object-position:center;
  padding:6px;transition:transform .2s;
}
.qn-cover-hub--live .qn-cover-series-card--photo:hover .qn-cover-series-image img{
  transform:scale(1.035);
}
.qn-cover-hub--live .qn-cover-series-details{
  width:100%;min-height:77px;
  display:flex;flex-direction:column;align-items:flex-start;
  gap:5px;padding:0 3px;
}
.qn-cover-hub--live .qn-cover-series-card--photo strong{
  display:block;margin:0;
  font:800 13.3px/1.3 Manrope,"DM Sans",sans-serif;
  color:#0e3564;
}
.qn-cover-hub--live .qn-cover-series-card--photo .qn-cover-series-count{
  margin:0;display:block;color:#1677dd;
  font:800 11.5px/1.4 "DM Sans",sans-serif;
}
.qn-cover-hub--live .qn-cover-series-details small{
  display:block;line-height:1.4;
  color:#7a91a8;font-size:10.2px;
}
.qn-cover-hub--live .qn-cover-series-card--photo .qn-cover-series-arrow{
  position:absolute;right:13px;bottom:12px;color:#1477da;font-size:17px;
}
@media(min-width:1051px) and (max-width:1250px){
  .qn-nav .qn-menu-shell .qn-live-flyout{
     width:280px;min-width:280px;
  }
  .qn-nav .qn-menu-shell .qn-live-models-side{
     width:310px;
  }
  .qn-cover-hub--live .qn-cover-series-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1050px){
  /* Mobile: keep the original two-column category icon shelf. Expand the
     selected brand/series in place via explicit arrow controls. */
  .qn-nav .qn-menu-shell.is-open .qn-main-menu>li#menu-item-95.is-expanded{
    grid-column:1 / -1;
  }
  .qn-nav .qn-menu-shell .qn-main-menu .sub-menu>li.qn-has-live-flyout{
    width:100%;padding:0;position:relative;
  }
  .qn-nav .qn-menu-shell .qn-has-live-flyout>.qn-live-flyout-toggle,
  .qn-nav .qn-menu-shell .qn-live-series-branch>.qn-live-series-toggle{
    width:39px;height:40px;right:4px;top:4px;
    background:#edf6ff;border-radius:8px;
  }
  .qn-nav .qn-menu-shell .qn-has-live-flyout.qn-flyout-open>.qn-live-flyout-toggle span,
  .qn-nav .qn-menu-shell .qn-live-series-branch.qn-flyout-open>.qn-live-series-toggle span{
    transform:rotate(90deg);
  }
  .qn-nav .qn-menu-shell .qn-live-flyout,
  .qn-nav .qn-menu-shell .qn-live-models-side{
    position:static;display:none;width:100%;max-width:none;min-width:0;
    margin:0;padding:5px 6px 8px 13px;
    max-height:300px;overflow-y:auto;
    border:none;border-left:2px solid #b2d8ff;border-radius:0;
    background:#f8fbff;box-shadow:none;
  }
  .qn-nav .qn-menu-shell .qn-live-models-side{
    max-height:240px;
  }
  .qn-nav .qn-menu-shell .qn-has-live-flyout.qn-flyout-open>.qn-live-flyout,
  .qn-nav .qn-menu-shell .qn-live-series-branch.qn-flyout-open>.qn-live-models-side{
    display:block;
  }
  .qn-nav .qn-menu-shell .qn-live-series-branch>.qn-live-series-link{
    padding-right:50px!important;
  }
  .qn-cover-hub--live .qn-cover-series-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:11px;
  }
}
@media(max-width:700px){
  .qn-cover-hub--live .qn-cover-series-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
  }
  .qn-cover-hub--live .qn-cover-series-card--photo{min-height:255px}
  .qn-cover-hub--live .qn-cover-series-image{height:145px}
  .qn-cover-hub--live .qn-cover-series-image img{max-height:139px}
  .qn-cover-hub--live .qn-cover-series-card--photo strong{font-size:12.5px}
}
@media(max-width:380px){
  .qn-cover-hub--live .qn-cover-series-card--photo{min-height:235px;padding:9px}
  .qn-cover-hub--live .qn-cover-series-image{height:130px}
  .qn-cover-hub--live .qn-cover-series-details{min-height:78px}
}
@media(prefers-reduced-motion:reduce){
  .qn-nav .qn-menu-shell .qn-live-flyout *,
  .qn-cover-series-card--photo *{
    transition:none!important;transform:none!important;
  }
}