/*
 * QuickNord ↔ Quickphone LIVE RepairPlugin device model selector.
 * A real, photo-first catalogue view, not image pasted into a mockup.
 */
.qn-cover-hub--live .qn-cover-head{margin-bottom:20px}
.qn-live-status{
  display:flex;align-items:center;flex-wrap:wrap;gap:9px;
  padding:11px 15px;margin:0 0 22px;
  background:linear-gradient(115deg,#f1f8ff,#f8fcff);
  border:1px solid #d7e9fb;border-radius:12px;
  color:#39628d;font:700 12px/1.4 "DM Sans",sans-serif;
}
.qn-live-status__dot{
  width:9px;height:9px;flex:0 0 9px;border-radius:50%;
  background:#0874ed;box-shadow:0 0 0 4px rgba(8,116,237,.12);
}
.qn-live-status small{
  display:inline-block;margin-left:auto;
  padding:5px 11px;border-radius:99px;
  background:#fff;border:1px solid #d4e8fa;
  color:#25619e;font:800 11px/1.3 "DM Sans",sans-serif;
}
.qn-cover-hub--live .qn-cover-model-groups{
  margin-top:3px;
  gap:33px;
}
.qn-cover-hub--live .qn-cover-model-group h2{
  color:#102f5b;font:800 18px/1.3 Manrope,"DM Sans",sans-serif;
  margin-bottom:16px;
}
.qn-cover-hub--live .qn-cover-model-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.qn-cover-hub--live .qn-cover-model-card--device{
  align-items:center;gap:15px;
  min-height:139px;padding:13px;
  background:linear-gradient(140deg,#fff 0%,#fbfdff 90%);
  border:1px solid #dce8f6;border-radius:15px;
  box-shadow:0 3px 12px rgba(14,57,109,.055);
  transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;
}
.qn-cover-hub--live .qn-cover-model-card--device:hover{
  background:linear-gradient(145deg,#fff,#edf6ff);
  border-color:#9dcaff;
  box-shadow:0 10px 24px rgba(11,80,164,.13);
  transform:translateY(-3px);
}
.qn-cover-hub--live .qn-cover-model-card .qn-cover-model-photo{
  width:96px;height:110px;flex:0 0 96px;
  background:radial-gradient(ellipse at 50% 65%,#fff 15%,#f5faff 100%);
  border:1px solid #e9f0f8;border-radius:12px;
  display:grid;place-items:center;overflow:hidden;padding:7px;
}
.qn-cover-hub--live .qn-cover-model-photo img{
  display:block;object-fit:contain;
  width:100%;height:100%;
  border-radius:6px;
}
.qn-cover-hub--live .qn-cover-model-fallback{
  font-size:30px;color:#0c75db;
}
.qn-cover-hub--live .qn-cover-model-data{
  display:flex;flex-direction:column;justify-content:center;
  align-items:flex-start;gap:10px;
  flex:1 1 auto;min-width:0;
}
.qn-cover-hub--live .qn-cover-model-data strong{
  color:#13385f;font:800 14px/1.34 "Manrope","DM Sans",sans-serif;
}
.qn-cover-hub--live .qn-cover-model-data small{
  color:#607b9b;font:650 11.2px/1.5 "DM Sans",sans-serif;
  display:block;overflow-wrap:anywhere;
}
.qn-cover-hub--live .qn-cover-model-arrow{
  align-self:center;margin-left:auto;
  color:#127be9;font-size:25px;line-height:1;font-weight:500;
}
.qn-cover-hub--live .qn-cover-series-grid{
  margin-top:9px;
  gap:15px;
}
.qn-cover-hub--live .qn-cover-series-card{
  min-height:192px;border-radius:18px;
  background:linear-gradient(155deg,#fff 0%,#f5faff 100%);
  box-shadow:0 4px 15px rgba(14,66,115,.06);
}
.qn-cover-hub--live .qn-cover-series-card:hover{
  background:linear-gradient(155deg,#fff 0%,#e9f5ff 100%);
}
.qn-cover-hub--live .qn-cover-selected-device{
  border-radius:19px;
  padding:26px 30px;
  box-shadow:0 7px 22px rgba(17,91,166,.07);
}
.qn-cover-hub--live .qn-cover-selected-image{
  width:170px;height:190px;flex:0 0 170px;
  background:radial-gradient(ellipse,#fff,#f2f9ff);
}
.qn-cover-hub--live .qn-cover-selected-image img{
  object-fit:contain;width:100%;height:100%;
}
.qn-cover-hub--live .qn-cover-selected-device strong{
  font:800 clamp(24px,2.7vw,36px)/1.2 Manrope,sans-serif;
}
.qn-cover-hub--live .qn-cover-selected-device p{
  font-size:13.5px;line-height:1.8;overflow-wrap:anywhere;
}
.qn-cover-back{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 14px;border:1px solid #dceafa;
  border-radius:10px;color:#075bc6!important;
  background:#f4faff;font:800 12px "DM Sans",sans-serif;
  text-decoration:none;
}
.qn-cover-back:hover{background:#e8f4ff}
@media(max-width:1100px){
  .qn-cover-hub--live .qn-cover-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qn-cover-hub--live .qn-cover-model-card .qn-cover-model-photo{
    width:87px;flex-basis:87px;height:103px;
  }
}
@media(max-width:620px){
  .qn-cover-hub--live .qn-cover-model-grid{grid-template-columns:1fr;gap:9px}
  .qn-cover-hub--live .qn-cover-model-card--device{min-height:122px;gap:13px}
  .qn-cover-hub--live .qn-cover-model-card .qn-cover-model-photo{
    width:89px;flex-basis:89px;height:96px;
  }
  .qn-cover-hub--live .qn-cover-model-data strong{font-size:13.5px}
  .qn-cover-hub--live .qn-cover-series-grid{gap:9px}
  .qn-cover-hub--live .qn-cover-selected-device{
    display:flex;align-items:center;gap:15px;
    padding:16px;
  }
  .qn-cover-hub--live .qn-cover-selected-image{
    width:106px;height:124px;flex:0 0 106px;margin:0;
  }
  .qn-cover-hub--live .qn-cover-selected-device strong{font-size:20px}
  .qn-cover-hub--live .qn-cover-selected-device p{font-size:11.5px}
  .qn-live-status small{margin-left:0}
}
@media(max-width:380px){
  .qn-cover-hub--live .qn-cover-model-card--device{gap:10px;padding:9px}
  .qn-cover-hub--live .qn-cover-model-card .qn-cover-model-photo{
    flex-basis:78px;width:78px;height:94px;
  }
}
@media(prefers-reduced-motion:reduce){
  .qn-cover-hub--live a{transition:none!important;transform:none!important}
}