/*
 * QuickNord · Mobilcovers model selector.
 * Applies only to WooCommerce cover categories and leaves the eight navigation
 * icon cards, My Account, Cart and other shop categories untouched.
 */
.qn-cover-hub{
  --qn-covers-blue:#0874ed;
  --qn-covers-navy:#112d53;
  --qn-covers-border:#e0eaf7;
  max-width:1290px;
  margin:0 auto;
  padding:0 0 54px;
  font-family:"DM Sans",sans-serif;
}
.qn-cover-crumbs{
  display:flex;flex-wrap:wrap;align-items:center;gap:9px;
  margin:0 0 27px;
  color:#70839b;font-size:12px;font-weight:600;
}
.qn-cover-crumbs a{color:#43678d;text-decoration:none;transition:color .17s}
.qn-cover-crumbs a:hover{color:var(--qn-covers-blue)}
.qn-cover-crumbs span[aria-current]{color:#0b5ebc;font-weight:800}
.qn-cover-head{margin-bottom:27px}
.qn-cover-kicker{
  color:var(--qn-covers-blue);
  font:800 11px/1.4 "DM Sans",sans-serif;letter-spacing:2.6px;
}
.qn-cover-head h1{
  margin:9px 0 10px;
  color:#0b2c5e;
  font:800 clamp(28px,3.5vw,43px)/1.2 Manrope,"DM Sans",sans-serif;
  letter-spacing:-1.45px;
}
.qn-cover-head p{
  max-width:720px;margin:0;
  color:#647790;font-size:15px;line-height:1.6;
}
.qn-cover-brand-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;margin:22px 0 34px;
}
.qn-cover-brand{
  display:flex;flex-direction:column;
  align-items:flex-start;
  gap:18px;
  min-height:195px;
  padding:24px;
  border:1px solid #dfebf8;
  border-radius:17px;
  color:#14365f!important;
  background:linear-gradient(145deg,#fff 0%,#f8fbff 95%);
  box-shadow:0 4px 15px #123f7510;
  text-decoration:none;
  transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;
}
.qn-cover-brand:hover{
  transform:translateY(-3px);
  border-color:#91caff;
  background:linear-gradient(145deg,#fff,#edf7ff);
  box-shadow:0 13px 27px #0d65bf20;
}
.qn-cover-brand__glyph{
  display:grid;place-items:center;
  width:60px;height:60px;
  background:linear-gradient(145deg,#eef8ff,#dcecff);
  color:#0d78ea;
  border-radius:17px;
  box-shadow:inset 0 0 0 1px #d4e9ff;
}
.qn-cover-brand__glyph svg{width:38px;height:38px}
/* Crisp, real brand SVGs in the four Mobilcovers choices (not generic phone icons). */
.qn-cover-brand .qn-cover-brand__glyph--logo{
  display:flex;
  width:100%;
  height:85px;
  min-height:85px;
  border:1px solid #d8eafc;
  border-radius:15px;
  background:linear-gradient(145deg,#f5fbff 0%,#e9f4ff 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  justify-content:center;
  align-items:center;
  overflow:hidden;
  transition:background .2s ease,box-shadow .2s ease;
}
.qn-cover-brand .qn-cover-brand-logo{
  display:block;
  flex:0 0 auto;
  width:57px;
  height:57px;
  max-width:none;
  max-height:none;
  object-fit:contain;
  filter:invert(29%) sepia(88%) saturate(2714%) hue-rotate(198deg) brightness(94%) contrast(103%);
  transition:transform .2s ease;
}
.qn-cover-brand .qn-cover-brand-logo--samsung-covers{
  width:145px;
  height:145px;
}
.qn-cover-brand .qn-cover-brand-logo--oneplus-covers{width:60px;height:60px}
.qn-cover-brand .qn-cover-brand-logo--google-covers{width:61px;height:61px}
.qn-cover-brand:hover .qn-cover-brand__glyph--logo{
  background:linear-gradient(145deg,#eef8ff,#d9ecff);
  box-shadow:inset 0 0 0 1px #c6e1fa;
}
.qn-cover-brand:hover .qn-cover-brand-logo{transform:scale(1.045)}
.qn-cover-brand strong{display:block;font:800 20px/1.25 Manrope,sans-serif;color:#0e3262}
.qn-cover-brand>span:last-child{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;color:#126cce;font-size:12px;font-weight:800}
.qn-cover-brand>span:last-child span{font-size:20px;font-weight:500}
.qn-cover-search-wrap{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:12px;
  margin:19px 0 32px;
}
.qn-cover-search-wrap>label{
  flex:1 1 100%;
  font-size:13px;font-weight:800;color:#29486d;
}
.qn-cover-search{
  display:flex;align-items:center;gap:12px;
  width:min(510px,100%);
  min-height:50px;padding:0 15px;
  border:1px solid #cde1f8;border-radius:13px;
  background:#fff;box-shadow:0 3px 11px #0e58a10d;color:#0c69d2;
}
.qn-cover-search:focus-within{border-color:#4aa3f6;box-shadow:0 0 0 3px #c9e8ff}
.qn-cover-search input{
  width:100%;outline:0;border:0;background:transparent;
  padding:12px 0;font:500 14px "DM Sans",sans-serif;color:#173354;
}
.qn-cover-search input::placeholder{color:#94a6ba}
.qn-cover-result-count{margin-left:auto;color:#6d83a0;font:700 12px "DM Sans",sans-serif}
.qn-cover-model-groups{display:flex;flex-direction:column;gap:29px;margin-bottom:33px}
.qn-cover-model-group{display:block;min-width:0}
.qn-cover-model-group h2{
  display:flex;align-items:center;gap:13px;
  margin:0 0 15px;
  color:#1a3b63;
  font:800 17px/1.3 Manrope,"DM Sans",sans-serif;
}
.qn-cover-model-group h2::after{
  content:"";height:1px;flex:1;
  background:linear-gradient(90deg,#d9eaff,transparent);
}
.qn-cover-model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.qn-cover-model-card{
  display:flex;align-items:center;gap:11px;
  padding:13px 12px;min-height:67px;
  background:#fff;border:1px solid #e0eaf5;border-radius:12px;
  color:#193c64!important;text-decoration:none;
  font:750 12.7px/1.45 "DM Sans",sans-serif;
  box-shadow:0 2px 7px #143a700a;
  transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;
}
.qn-cover-model-card:hover{
  background:#f1f8ff;border-color:#8fc7ff;
  box-shadow:0 9px 19px #1857a51a;
  transform:translateY(-2px);
}
.qn-cover-model-icon{
  flex:0 0 31px;display:grid;place-items:center;
  width:31px;height:36px;border-radius:8px;
  background:#edf7ff;color:#0d73df;
}
.qn-cover-model-icon svg{width:19px;height:23px}
.qn-cover-model-card>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.qn-cover-model-arrow{color:#167ce9;font-size:20px;font-weight:500}
.qn-cover-model-card:focus-visible,.qn-cover-brand:focus-visible{
  outline:3px solid #4da8ff;outline-offset:3px;
}
.qn-cover-empty-search{
  margin:0;background:#f5faff;padding:18px;border:1px dashed #bdd5ed;
  border-radius:12px;color:#4a688b;font-size:14px;
}
.qn-cover-empty-search[hidden]{display:none}
.qn-cover-coming{
  padding:36px 25px;margin:0 0 29px;text-align:center;
  border:1px dashed #c8dcf1;
  border-radius:17px;background:linear-gradient(145deg,#f8fcff,#eef7ff);
}
.qn-cover-coming>span{display:block;font-size:33px;color:#0d80ed;margin-bottom:10px}
.qn-cover-coming>strong{display:block;color:#12375e;font:800 18px Manrope,sans-serif}
.qn-cover-coming>p{max-width:560px;margin:13px auto;color:#597797;line-height:1.6}
.qn-cover-coming>a{display:inline-block;margin-top:10px;color:#096ac9;font-weight:800}
.qn-cover-matched-products{padding-top:7px;margin-bottom:32px}
.qn-cover-matched-products h2{margin:12px 0 16px;font:800 21px Manrope,sans-serif;color:#14385f}
.qn-cover-no-items{
  margin:0;background:#f5faff;border:1px solid #dfebf9;
  border-radius:13px;padding:19px 20px;color:#5b7495;line-height:1.6;
}
.qn-cover-note{
  margin-top:25px;
  padding:13px 15px;border:1px solid #e0ebf7;border-radius:10px;
  color:#6b8097;background:#fafcff;
  font-size:11.8px;line-height:1.6;
}
@media(max-width:1024px){
  .qn-cover-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qn-cover-model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
  .qn-cover-hub{padding-bottom:35px}
  .qn-cover-crumbs{margin-bottom:20px}
  .qn-cover-brand-grid{gap:9px}
  .qn-cover-brand{padding:16px;min-height:160px;gap:12px}
  .qn-cover-brand__glyph{width:49px;height:49px;border-radius:13px}
  .qn-cover-brand__glyph svg{width:30px;height:30px}
  .qn-cover-brand strong{font-size:17px}
  .qn-cover-model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .qn-cover-model-card{min-height:61px;padding:10px 9px;gap:8px;font-size:11.4px}
  .qn-cover-model-icon{flex-basis:27px;width:27px}
  .qn-cover-model-groups{gap:23px}
}
@media(max-width:380px){
  .qn-cover-model-card{font-size:10.6px}
  .qn-cover-model-icon{display:none}
  .qn-cover-model-grid{gap:7px}
}
/* QuickNord Samsung series navigation; models use verified RepairPlugin images. */
.qn-cover-series-grid {
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:13px;margin:23px 0 35px;
}
.qn-cover-series-card {
  position:relative;display:flex;flex-direction:column;align-items:flex-start;
  min-height:185px;padding:19px 19px 17px;
  border:1px solid #dce9f7;border-radius:16px;
  background:linear-gradient(160deg,#fff,#f4f9ff);
  box-shadow:0 3px 12px rgba(15,66,126,.055);
  color:#13375e!important;text-decoration:none;
  transition:transform .18s,box-shadow .18s,border-color .18s;
}
.qn-cover-series-card:hover{
  transform:translateY(-3px);border-color:#8fc7fa;
  box-shadow:0 12px 26px rgba(10,89,185,.15);
}
.qn-cover-series-symbol{
  min-width:49px;height:49px;padding:0 12px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #d4e8fc;border-radius:13px;
  background:linear-gradient(145deg,#eaf6ff,#dbedff);
  color:#096dd5;font:850 17px/1.2 Manrope,"DM Sans",sans-serif;
}
.qn-cover-series-card strong{
  display:block;margin-top:19px;
  color:#143661;font:800 16px/1.4 Manrope,"DM Sans",sans-serif;
}
.qn-cover-series-count{
  display:block;margin-top:5px;
  color:#6d829d;font:600 12px/1.4 "DM Sans",sans-serif;
}
.qn-cover-series-arrow{
  position:absolute;right:18px;bottom:15px;
  color:#0874ed;font-size:19px;
}
.qn-cover-model-card--device {
  min-height:105px;padding:9px 10px;gap:10px;
}
.qn-cover-model-card .qn-cover-model-photo {
  display:grid;place-items:center;
  width:64px;height:81px;flex:0 0 64px;
  padding:4px;
  border:1px solid #e4eef9;border-radius:11px;
  background:radial-gradient(circle at center,#fff,#f0f8ff);
  overflow:hidden;
}
.qn-cover-model-photo img{
  display:block;width:100%;height:100%;
  object-fit:contain;object-position:center;
}
.qn-cover-model-photo svg{width:25px;height:38px;color:#0d76dd}
.qn-cover-model-card .qn-cover-model-data{
  display:flex;flex:1 1 0;min-width:0;
  flex-direction:column;align-items:flex-start;justify-content:center;
  gap:5px;text-align:left;
}
.qn-cover-model-data strong{
  display:block;max-width:100%;
  color:#193a64;font:800 12px/1.35 "DM Sans",sans-serif;
}
.qn-cover-model-data small{
  display:block;max-width:100%;overflow:hidden;
  color:#7288a0;font:550 10px/1.4 "DM Sans",sans-serif;
  overflow-wrap:anywhere;
}
.qn-cover-selected-device {
  display:flex;align-items:center;gap:25px;
  padding:20px 26px;margin:8px 0 26px;
  background:linear-gradient(115deg,#f4faff,#eaf5ff);
  border:1px solid #d6e9fa;border-radius:18px;
}
.qn-cover-selected-image {
  flex:0 0 150px;display:grid;place-items:center;
  height:170px;padding:8px;
  background:#fff;border:1px solid #e2edf8;border-radius:14px;
}
.qn-cover-selected-image img{
  display:block;width:100%;height:100%;object-fit:contain;
}
.qn-cover-selected-device>div{flex:1;min-width:0}
.qn-cover-selected-label{
  display:block;margin-bottom:8px;
  color:#0d72e2;font:800 10px/1.4 "DM Sans",sans-serif;letter-spacing:2.1px;
}
.qn-cover-selected-device strong{
  display:block;font:800 clamp(21px,2.5vw,31px)/1.2 Manrope,sans-serif;color:#112e56;
}
.qn-cover-selected-device p {
  margin:9px 0 0;line-height:1.5;
  font:500 13px "DM Sans",sans-serif;color:#58728f;overflow-wrap:anywhere;
}
.qn-cover-selected-device b{color:#183e69}
@media(max-width:1024px) {
  .qn-cover-series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qn-cover-model-card .qn-cover-model-photo{width:55px;flex-basis:55px;height:73px}
}
@media(max-width:720px) {
  .qn-cover-series-grid{gap:9px}
  .qn-cover-series-card{padding:15px;min-height:160px}
  .qn-cover-series-card strong{margin-top:12px;font-size:14px}
  .qn-cover-model-card--device{padding:8px;gap:8px}
  .qn-cover-model-card .qn-cover-model-photo{width:48px;flex-basis:48px;height:63px}
  .qn-cover-model-data strong{font-size:11.1px}
  .qn-cover-model-data small{font-size:9px}
  .qn-cover-selected-device{padding:15px;gap:15px}
  .qn-cover-selected-image{flex-basis:110px;height:135px}
}
@media(max-width:570px) {
  .qn-cover-model-grid{grid-template-columns:1fr}
  .qn-cover-model-card--device{min-height:89px}
  .qn-cover-model-card .qn-cover-model-photo{width:61px;flex-basis:61px;height:71px}
  .qn-cover-model-data strong{font-size:13px}
  .qn-cover-model-data small{font-size:11px}
}
@media(max-width:400px) {
  .qn-cover-series-card{min-height:149px;padding:13px}
  .qn-cover-series-symbol{min-width:43px;height:43px;padding:0 9px;font-size:15px}
  .qn-cover-selected-device{display:block;text-align:center}
  .qn-cover-selected-image{margin:0 auto 15px;width:125px;height:132px}
}
@media(prefers-reduced-motion:reduce){
 .qn-cover-hub a{transition:none!important;transform:none!important}
}