/* QuickNord Tablettilbehør independent Apple iPad model catalogue. */
.qn-tab-hub {
  --qn-tab-blue:#0874ed;--qn-tab-dark:#123963;--qn-tab-border:#dfebf8;
  max-width:1290px;margin:0 auto;padding:0 0 55px;
  font-family:"DM Sans",sans-serif;color:#173b65;
}
.qn-tab-hub * {box-sizing:border-box}
.qn-tab-crumbs {display:flex;flex-wrap:wrap;align-items:center;gap:9px;
  margin:0 0 26px;color:#7188a0;font-size:12px;font-weight:650}
.qn-tab-crumbs a {color:#456b94;text-decoration:none}
.qn-tab-crumbs a:hover {color:#0673dc}
.qn-tab-crumbs span[aria-current] {color:#086bd1;font-weight:800}
.qn-tab-heading {margin:0 0 28px}
.qn-tab-kicker {color:#0a73e3;font-size:11px;line-height:1.45;
  font-weight:900;letter-spacing:2px}
.qn-tab-heading h1 {font:850 clamp(28px,3.5vw,43px)/1.18 Manrope,"DM Sans",sans-serif;
  margin:8px 0 11px;letter-spacing:-1.15px;color:#0b2d5a}
.qn-tab-heading p {max-width:800px;color:#69819a;font-size:14.5px;
  line-height:1.75;margin:0}

/* Only Apple and Samsung choices in the root. */
.qn-tab-brand-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:870px;gap:16px;margin:20px 0 30px}
.qn-tab-brand-card {
  display:flex;flex-direction:column;gap:13px;min-width:0;min-height:270px;
  padding:23px;border:1px solid #dceafb;border-radius:20px;
  color:#163d6c!important;text-decoration:none!important;
  background:linear-gradient(148deg,#fff,#f8fcff 66%,#edf6ff);
  box-shadow:0 4px 15px rgba(14,70,133,.06);
  transition:transform .2s,box-shadow .2s,border-color .2s;
}
.qn-tab-brand-card:hover {transform:translateY(-3px);
  border-color:#96c9ff;box-shadow:0 13px 29px rgba(14,86,161,.13)}
.qn-tab-brand-photo {display:grid;place-items:center;width:100%;height:104px;
  border-radius:15px;border:1px solid #e0edfb;
  background:radial-gradient(ellipse,#fff 25%,#edf7ff);overflow:hidden}
.qn-tab-brand-photo img {display:block;width:76px;height:84px;
  object-fit:contain;filter:invert(28%) sepia(82%) saturate(2114%) hue-rotate(197deg) brightness(96%) contrast(103%)}
.qn-tab-brand-card--samsung .qn-tab-brand-photo img {width:170px;height:91px}
.qn-tab-brand-photo svg {width:37px;height:43px;color:#0874ed}
.qn-tab-brand-card strong {font:850 20px/1.25 Manrope,"DM Sans",sans-serif;color:#143c67}
.qn-tab-brand-note {font-size:12px;color:#7690a8;font-weight:700}
.qn-tab-brand-action {margin-top:auto;display:flex;align-items:center;
  justify-content:space-between;color:#0a6bd5;font-size:12px;font-weight:850}
.qn-tab-brand-action span {font-size:22px;font-weight:500}

/* Samsung reserved: intentionally no models, prices, or fake tablet data. */
.qn-tab-placeholder {display:flex;flex-direction:column;align-items:center;gap:12px;
  max-width:650px;padding:36px 22px;margin:10px 0 25px;
  border:1px dashed #bfdafa;border-radius:17px;text-align:center;
  background:linear-gradient(145deg,#fafdff,#edf7ff)}
.qn-tab-placeholder-icon {display:grid;place-items:center;width:64px;height:64px;
  border:1px solid #d6e8fc;border-radius:16px;background:#fff;color:#0a71d5}
.qn-tab-placeholder-icon svg {width:35px;height:40px}
.qn-tab-placeholder strong {color:#123968;font:850 19px Manrope,"DM Sans",sans-serif}
.qn-tab-placeholder p {margin:0;color:#64829f;line-height:1.6;font-size:14px}

/* Connection and model search. */
.qn-tab-status {display:flex;align-items:center;flex-wrap:wrap;gap:10px;
  min-height:46px;padding:11px 14px;margin:0 0 24px;
  border:1px solid #d8eafa;border-radius:12px;background:#f8fcff;
  color:#3c668c;font-size:12px;font-weight:750}
.qn-tab-status-dot {flex:0 0 8px;width:8px;height:8px;border-radius:50%;
  background:#43ae7e;box-shadow:0 0 0 3px rgba(67,174,126,.13)}
.qn-tab-status small {margin-left:auto;color:#0a70d6;font-size:12px;font-weight:800}
.qn-tab-notice {padding:25px;margin:5px 0 23px;border:1px dashed #bad6f1;
  border-radius:14px;background:#f5faff;color:#5b7597;line-height:1.7}
.qn-tab-notice strong {display:block;color:#153e6a;font-size:16px}
.qn-tab-notice p {margin:8px 0 0}
.qn-tab-search-wrap {display:flex;align-items:center;flex-wrap:wrap;gap:12px;
  margin:14px 0 28px}
.qn-tab-search-wrap label {flex:1 0 100%;display:block;color:#264b73;font-size:13px;font-weight:850}
.qn-tab-search-field {display:flex;align-items:center;gap:12px;width:min(530px,100%);
  min-height:52px;padding:0 15px;border:1px solid #cfe4f8;border-radius:13px;
  background:#fff;color:#0871d8;box-shadow:0 3px 11px rgba(11,80,145,.045)}
.qn-tab-search-field:focus-within {border-color:#5baeff;box-shadow:0 0 0 3px #d9edff}
.qn-tab-search-field svg {flex:0 0 20px}
.qn-tab-search-field input {flex:1;min-width:0;width:100%;padding:12px 0;
  border:0;outline:0;color:#173b63;background:transparent;font-size:14px}
.qn-tab-search-field input::placeholder {color:#90a9c0}
.qn-tab-result-count {margin-left:auto;color:#63809c;font-size:12px;font-weight:750}

/* Model cards – same visual language as phone picker, independent code. */
.qn-tab-model-groups {display:flex;flex-direction:column;gap:29px;margin:0 0 26px}
.qn-tab-model-group h2 {display:flex;align-items:center;gap:14px;
  margin:0 0 15px;color:#17416f;font:850 18px/1.35 Manrope,"DM Sans",sans-serif}
.qn-tab-model-group h2:after {content:"";height:1px;flex:1;
  background:linear-gradient(90deg,#d5e8fa,transparent)}
.qn-tab-model-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.qn-tab-model-card {
  display:flex;align-items:center;gap:12px;min-width:0;min-height:134px;
  padding:12px;border:1px solid #dceafa;border-radius:16px;
  color:#19416b!important;text-decoration:none!important;
  background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 3px 11px rgba(14,62,123,.05);
  transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}
.qn-tab-model-card:hover {transform:translateY(-3px);border-color:#93c9fd;
  background:linear-gradient(145deg,#fff,#edf7ff);
  box-shadow:0 11px 26px rgba(10,92,177,.12)}
.qn-tab-model-photo {display:grid;place-items:center;flex:0 0 96px;
  width:96px;height:108px;padding:7px;border:1px solid #e5effa;
  border-radius:12px;background:radial-gradient(circle,#fff 25%,#f1f8ff);overflow:hidden}
.qn-tab-model-photo img {display:block;width:100%;height:100%;object-fit:contain}
.qn-tab-model-data {flex:1 1 0;min-width:0;display:flex;flex-direction:column;
  justify-content:center;align-items:flex-start;gap:8px}
.qn-tab-model-data strong {color:#163d66;font:850 13.5px/1.4 Manrope,"DM Sans",sans-serif}
.qn-tab-model-data small {color:#6f88a3;font:650 11px/1.5 "DM Sans",sans-serif;
  overflow-wrap:anywhere}
.qn-tab-card-arrow {margin-left:auto;font-size:25px;color:#097ce8}
.qn-tab-empty-search {padding:17px;border:1px dashed #bddaf4;
  border-radius:12px;background:#f5faff;color:#50749a}
.qn-tab-empty-search[hidden] {display:none!important}

/* Selected iPad and real products only. */
.qn-tab-selected {display:flex;align-items:center;gap:24px;margin:10px 0 29px;
  padding:20px 26px;background:linear-gradient(115deg,#f4faff,#eaf5ff);
  border:1px solid #d4e7fa;border-radius:19px}
.qn-tab-selected-image {display:grid;place-items:center;flex:0 0 175px;
  width:175px;height:186px;padding:10px;border:1px solid #dfeaf6;border-radius:14px;background:#fff}
.qn-tab-selected-image img {display:block;width:100%;height:100%;object-fit:contain}
.qn-tab-selected-data {flex:1;min-width:0}
.qn-tab-selected-kicker {display:block;margin-bottom:8px;color:#0e74dc;
  font-size:10px;font-weight:900;letter-spacing:1.8px}
.qn-tab-selected-data strong {display:block;color:#153b65;
  font:850 clamp(22px,2.6vw,32px)/1.25 Manrope,"DM Sans",sans-serif}
.qn-tab-selected-data p {color:#587a9c;font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.qn-tab-selected-data p b {color:#183e6b}
.qn-tab-products {margin:12px 0 27px}
.qn-tab-products h2 {margin:0 0 17px;color:#153e68;
  font:850 21px/1.35 Manrope,"DM Sans",sans-serif}
.qn-tab-empty-products {padding:20px;border:1px solid #deebfa;border-radius:13px;
  background:#f7fbff;color:#627e9c;line-height:1.7}
.qn-tab-products-list h3 {color:#153d66;font-size:14px}
.qn-tab-back {display:inline-flex;align-items:center;gap:9px;margin:7px 0 20px;
  padding:10px 14px;border:1px solid #d4e6f9;border-radius:10px;background:#eff7ff;
  color:#0769cf!important;text-decoration:none!important;font-size:12px;font-weight:850}
.qn-tab-back:hover {background:#e2f2ff}
.qn-tab-footnote {padding:13px 15px;margin:12px 0 0;border:1px solid #dce9f7;
  border-radius:10px;background:#fbfdff;color:#667f9a;font-size:11.5px;line-height:1.65}
@media(max-width:1100px){
  .qn-tab-model-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:630px){
  .qn-tab-hub {padding-bottom:37px}
  .qn-tab-brand-grid {gap:10px}
  .qn-tab-brand-card {padding:14px;min-height:223px;gap:12px}
  .qn-tab-brand-photo {height:87px}
  .qn-tab-brand-card strong {font-size:17px}
  .qn-tab-brand-card--samsung .qn-tab-brand-photo img {max-width:133px}
  .qn-tab-model-grid {grid-template-columns:1fr;gap:9px}
  .qn-tab-model-card {min-height:109px;padding:10px}
  .qn-tab-model-photo {flex-basis:85px;width:85px;height:90px}
  .qn-tab-model-data strong {font-size:13px}
  .qn-tab-heading h1 {font-size:27px}
  .qn-tab-selected {padding:15px;gap:13px}
  .qn-tab-selected-image {flex-basis:105px;width:105px;height:130px}
  .qn-tab-selected-data strong {font-size:19px}
  .qn-tab-status small {margin-left:0}
}
@media(max-width:390px){
  .qn-tab-brand-card {padding:11px;min-height:212px}
  .qn-tab-brand-photo {height:73px}
  .qn-tab-selected {display:block}
  .qn-tab-selected-image {margin:0 auto 14px}
}
@media(prefers-reduced-motion:reduce){
  .qn-tab-hub *{transition:none!important;transform:none!important}
}