/* Reservedele: own white / light-blue responsive catalogue. */
.qn-rp-hub{max-width:1280px;margin:0 auto;padding:0 0 56px;
  color:#173d68;font-family:"DM Sans",sans-serif}
.qn-rp-hub *{box-sizing:border-box}
.qn-rp-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:9px;
  margin:0 0 25px;color:#6c829b;font-size:12px;font-weight:650}
.qn-rp-crumbs a{color:#345f90;text-decoration:none}
.qn-rp-crumbs a:hover{color:#096dda}
.qn-rp-crumbs [aria-current]{color:#0d6acc;font-weight:850}
.qn-rp-heading{margin:0 0 25px}
.qn-rp-kicker{display:block;font:850 10.5px/1.35 Manrope,"DM Sans",sans-serif;
  color:#0a72d8;letter-spacing:1.9px}
.qn-rp-heading h1{margin:10px 0 13px;overflow-wrap:break-word;
  color:#123563;font:850 clamp(27px,3.4vw,43px)/1.17 Manrope,"DM Sans",sans-serif;
  letter-spacing:-1px}
.qn-rp-heading p{max-width:790px;margin:0;font-size:14px;
  line-height:1.75;color:#5b7694}
/* Match the approved Skærmbeskyttelse / Mobilcovers brand cards exactly.
   Keep qn-rp namespaced so these rules never change other categories. */
.qn-rp-brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;margin:23px 0 33px}
.qn-rp-brand-card{display:flex;flex-direction:column;gap:17px;align-items:flex-start;
  min-width:0;min-height:198px;padding:24px;
  text-decoration:none!important;border:1px solid #d9e8f8;border-radius:19px;
  background:linear-gradient(148deg,#fff 0%,#f5faff 100%);
  box-shadow:0 4px 17px rgba(22,74,127,.055);
  transition:transform .18s,box-shadow .18s,border-color .18s}
.qn-rp-brand-card:hover{transform:translateY(-3px);border-color:#8fc7fc;
  box-shadow:0 13px 28px rgba(18,83,167,.16)}
.qn-rp-brand-art{display:flex;align-items:center;justify-content:center;
  width:100%;height:83px;min-height:83px;border-radius:14px;
  border:1px solid #d8eafd;color:#1175d5;
  background:linear-gradient(140deg,#f3faff,#e7f3ff);overflow:hidden}
.qn-rp-brand-logo{display:block;flex:0 0 auto;width:64px;height:64px;
  max-width:100%;max-height:none;object-fit:contain;
  filter:invert(28%) sepia(77%) saturate(2168%) hue-rotate(191deg) brightness(96%) contrast(103%);
  transition:transform .18s}
.qn-rp-brand-logo--samsung{width:147px;height:74px;max-width:100%}
.qn-rp-brand-card:hover .qn-rp-brand-logo{transform:scale(1.04)}
.qn-rp-brand-name{color:#123d70;font:800 20px/1.3 Manrope,"DM Sans",sans-serif}
.qn-rp-card-action{width:100%;display:flex;justify-content:space-between;align-items:center;
  margin-top:auto;color:#0e73d6;font:800 12px/1.4 "DM Sans",sans-serif}
.qn-rp-card-action span{font-size:21px;font-weight:500}
.qn-rp-status{display:flex;align-items:center;flex-wrap:wrap;gap:10px;
  background:linear-gradient(110deg,#f1f8ff,#fbfdff);
  border:1px solid #d7e9fb;border-radius:12px;
  padding:12px 15px;margin:0 0 22px;color:#3f628a;
  font:700 12px/1.45 "DM Sans",sans-serif}
.qn-rp-status-dot{flex:0 0 9px;width:9px;height:9px;border-radius:50%;
  background:#0874ed;box-shadow:0 0 0 4px rgba(8,116,237,.12)}
.qn-rp-status small{display:inline-block;margin-left:auto;
  color:#245f99;background:#fff;padding:6px 12px;
  border:1px solid #d8eafc;border-radius:99px;font-weight:850}
.qn-rp-notice,.qn-rp-no-products{padding:20px 23px;margin:12px 0 26px;
  color:#516e90;line-height:1.65;font-size:13px;
  background:#f7fbff;border:1px dashed #c5def9;border-radius:13px}
.qn-rp-no-products strong{display:block;color:#183e65;font-size:15px}
.qn-rp-no-products p{margin:5px 0 0}
.qn-rp-series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;margin:22px 0 33px}
.qn-rp-series-card{display:flex;flex-direction:column;position:relative;
  gap:10px;min-height:175px;min-width:0;padding:20px;
  text-decoration:none!important;color:#163f6a!important;
  border:1px solid #dceafa;border-radius:16px;
  background:linear-gradient(160deg,#fff,#f3f9ff);
  box-shadow:0 4px 14px rgba(14,75,150,.055);
  transition:border-color .18s,transform .18s}
.qn-rp-series-card:hover{border-color:#98caff;transform:translateY(-2px)}
.qn-rp-series-mark{display:inline-flex;align-items:center;justify-content:center;
  align-self:flex-start;min-width:56px;height:50px;padding:0 9px;
  color:#0a6ed6;background:#e9f6ff;border:1px solid #cfe6ff;
  border-radius:12px;font:850 15px Manrope,"DM Sans",sans-serif}
.qn-rp-series-card strong{color:#133c68;font:850 16px/1.35 Manrope,"DM Sans",sans-serif}
.qn-rp-series-card small{font-size:11px;color:#557899;font-weight:650}
.qn-rp-series-arrow{position:absolute;right:17px;bottom:16px;
  color:#0b70d8;font-size:21px}
.qn-rp-search-bar{display:flex;flex-direction:column;gap:9px;max-width:800px;
  padding:16px 18px;margin:12px 0 23px;
  background:#f4faff;border:1px solid #d9e8fa;border-radius:14px}
.qn-rp-search-bar label{color:#1b456f;font-size:12px;font-weight:800}
.qn-rp-search-bar input{width:100%;min-height:48px;padding:11px 14px;
  color:#173e65;background:#fff;border:1px solid #cbdff7;border-radius:10px;
  outline-offset:2px;font-size:16px}
.qn-rp-search-bar input:focus-visible{outline:3px solid #81beff}
.qn-rp-result-count{color:#466a8d;font-size:11px;font-weight:800}
.qn-rp-model-groups{display:grid;gap:26px;margin-bottom:26px}
.qn-rp-model-group h2{margin:0 0 12px;color:#153d6b;
  font:850 19px/1.4 Manrope,"DM Sans",sans-serif}
.qn-rp-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.qn-rp-model-card{display:flex;align-items:center;gap:12px;
  min-width:0;min-height:119px;padding:11px 13px;
  border:1px solid #dbe8f8;border-radius:14px;
  text-decoration:none!important;color:#1a426b!important;
  background:linear-gradient(155deg,#fff,#f9fcff);
  box-shadow:0 3px 12px rgba(15,66,130,.045);
  transition:transform .15s,border-color .15s}
.qn-rp-model-card:hover{transform:translateY(-2px);border-color:#94c8fd}
.qn-rp-model-photo{display:grid;place-items:center;flex:0 0 76px;
  width:76px;height:91px;padding:5px;border:1px solid #e1edf9;
  border-radius:11px;background:radial-gradient(circle,#fff,#eff8ff);
  overflow:hidden}
.qn-rp-model-photo img{display:block;max-width:100%;
  width:100%;height:100%;object-fit:contain}
.qn-rp-model-details{display:flex;flex-direction:column;flex:1;
  gap:6px;min-width:0}
.qn-rp-model-details strong{font:800 12.7px/1.4 Manrope,"DM Sans",sans-serif;color:#163c67}
.qn-rp-model-details small{font:650 10px/1.4 "DM Sans",sans-serif;
  color:#547697;overflow-wrap:anywhere}
.qn-rp-model-arrow{color:#1479da;font-size:19px;margin-left:auto}
.qn-rp-model-card[hidden],.qn-rp-model-group[hidden],
.qn-rp-empty-search[hidden]{display:none!important}
.qn-rp-empty-search{padding:16px;color:#536e89;background:#eff7ff;border-radius:10px}
.qn-rp-selected{display:flex;align-items:center;gap:22px;padding:19px 25px;
  margin:14px 0 28px;border:1px solid #d8e8fa;border-radius:17px;
  background:linear-gradient(110deg,#f6fbff,#eaf5ff)}
.qn-rp-selected-photo{display:grid;place-items:center;flex:0 0 132px;
  width:132px;height:154px;padding:10px;border-radius:12px;
  border:1px solid #e0eaf9;background:#fff}
.qn-rp-selected-photo img{height:100%;width:100%;object-fit:contain}
.qn-rp-selected-info{display:flex;flex-direction:column;gap:8px;min-width:0}
.qn-rp-selected-kicker{color:#0b72d6;font-size:10px;letter-spacing:1.2px;font-weight:900}
.qn-rp-selected-info strong{color:#143e67;
  font:850 clamp(20px,2.5vw,31px)/1.25 Manrope,"DM Sans",sans-serif}
.qn-rp-selected-info p{margin:0;color:#56728f;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.qn-rp-products{margin:12px 0 26px}
.qn-rp-products h2{font:850 20px/1.4 Manrope,"DM Sans",sans-serif;color:#173d6a}
.qn-rp-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.qn-rp-product{display:flex;flex-direction:column;gap:9px;
  border:1px solid #dce8f5;border-radius:14px;padding:15px;
  color:#163d66!important;text-decoration:none!important}
.qn-rp-product-photo{display:grid;place-items:center;height:140px}
.qn-rp-product-photo img{max-height:135px;object-fit:contain}
.qn-rp-product strong{font-size:13px;color:#153d68}
.qn-rp-product-price{font-size:16px;color:#0b6bd4;font-weight:850}
.qn-rp-product-button{font-size:12px;color:#0872da;font-weight:800}
.qn-rp-back{display:inline-flex;align-items:center;gap:7px;
  padding:12px 16px;margin:8px 0 25px;background:#eef7ff;
  color:#0a64c7!important;font-size:12px;font-weight:850;
  border:1px solid #cfe5fc;border-radius:10px;text-decoration:none!important}
.qn-rp-footnote{margin:20px 0 0;padding:13px 16px;
  border:1px solid #dceaf8;border-radius:11px;
  color:#617c97;background:#f9fcff;font-size:11.5px;line-height:1.7}
@media(max-width:1050px){
  .qn-rp-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qn-rp-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qn-rp-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .qn-rp-brand-grid{gap:10px}
  .qn-rp-brand-card{padding:14px;min-height:160px;gap:11px}
  .qn-rp-brand-art{height:75px;min-height:75px}
  .qn-rp-brand-name{font-size:17px}
  .qn-rp-heading h1{font-size:27px}
  .qn-rp-series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .qn-rp-series-card{padding:13px;min-height:151px}
  .qn-rp-series-card strong{font-size:13px}
  .qn-rp-model-grid{grid-template-columns:1fr;gap:9px}
  .qn-rp-model-card{min-height:99px;gap:12px;padding:9px}
  .qn-rp-model-photo{width:72px;height:83px;flex-basis:72px}
  .qn-rp-selected{padding:13px;gap:13px}
  .qn-rp-selected-photo{flex-basis:98px;width:98px;height:114px}
  .qn-rp-selected-info strong{font-size:18px}
  .qn-rp-status small{margin-left:0}
}
@media(max-width:390px){
  .qn-rp-brand-card{min-height:160px;padding:12px}
  .qn-rp-selected{flex-direction:column;text-align:center}
  .qn-rp-selected-photo{flex-basis:auto}
  .qn-rp-products-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .qn-rp-hub *{transition:none!important;transform:none!important}
}
