/* QuickNord Mobiltilbehør category hub - six requested accessory types only. */
.qn-ma-hub{max-width:1290px;margin:0 auto;padding:0 0 55px;
  --qn-ma-blue:#0874ed;--qn-ma-navy:#133c68;
  font-family:"DM Sans",sans-serif;color:#183b64}
.qn-ma-hub *{box-sizing:border-box}
.qn-ma-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:9px;
  margin:0 0 27px;color:#748ca5;font-size:12px;font-weight:650}
.qn-ma-crumbs a{color:#496a90;text-decoration:none}
.qn-ma-crumbs a:hover{color:#0c70d8}
.qn-ma-crumbs [aria-current]{color:#0a72dd;font-weight:800}
.qn-ma-heading{margin:0 0 27px}
.qn-ma-kicker{color:#0874ed;font:850 11px/1.4 "DM Sans",sans-serif;letter-spacing:2.2px}
.qn-ma-heading h1{margin:8px 0 11px;color:#0b305e;
  font:850 clamp(28px,3.5vw,43px)/1.22 Manrope,"DM Sans",sans-serif;letter-spacing:-1.3px}
.qn-ma-heading p{margin:0;max-width:740px;color:#6a8199;
  font-size:14.5px;line-height:1.65}

/* Modern accessory option cards: no external stock pictures. */
.qn-ma-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;margin:23px 0 30px}
.qn-ma-option{display:flex;flex-direction:column;gap:14px;position:relative;
  min-height:231px;min-width:0;padding:19px;
  text-decoration:none!important;color:#183e6b!important;
  background:linear-gradient(145deg,#fff,#f9fcff 68%,#eef7ff);
  border:1px solid #dceafb;border-radius:18px;
  box-shadow:0 5px 16px rgba(13,71,143,.05);
  transition:transform .18s,border-color .18s,box-shadow .18s}
.qn-ma-option:hover{transform:translateY(-4px);border-color:#9acaff;
  box-shadow:0 13px 29px rgba(9,92,180,.14)}
.qn-ma-option:focus-visible,.qn-ma-other-links a:focus-visible{
  outline:3px solid #83c5ff;outline-offset:2px}
.qn-ma-option-icon{display:grid;place-items:center;
  width:70px;height:70px;flex:0 0 70px;
  border-radius:17px;color:#0879e4;
  background:linear-gradient(140deg,#f0f8ff,#deefff);
  border:1px solid #d5e7fc;box-shadow:inset 0 1px 0 #fff}
.qn-ma-option-icon svg{width:38px;height:38px}
.qn-ma-option-body{display:flex;flex-direction:column;gap:7px;padding-right:10px}
.qn-ma-option-body strong{color:#143c6b;
  font:850 16px/1.38 Manrope,"DM Sans",sans-serif}
.qn-ma-option-body small{color:#728ca7;font-size:11.5px;font-weight:650;line-height:1.5}
.qn-ma-option-arrow{position:absolute;bottom:17px;right:18px;
  font-size:22px;color:#0f7bdd;line-height:1}

/* Individual accessory type detail. */
.qn-ma-category-head{display:flex;align-items:center;gap:16px;
  padding:18px 22px;margin:9px 0 27px;
  border:1px solid #d6eafa;border-radius:18px;
  background:linear-gradient(110deg,#f6fbff,#eaf5ff)}
.qn-ma-category-icon{flex:0 0 73px;display:grid;place-items:center;
  width:73px;height:73px;border:1px solid #e0ecfb;border-radius:16px;
  background:#fff;color:#0774e5}
.qn-ma-category-icon svg{width:36px;height:36px}
.qn-ma-category-head div{display:flex;flex-direction:column;gap:6px;min-width:0}
.qn-ma-category-head div>span{color:#0e75dc;font-size:10px;font-weight:850;letter-spacing:1.8px}
.qn-ma-category-head strong{color:#113c6b;font:850 21px/1.3 Manrope,"DM Sans",sans-serif}
.qn-ma-products{margin:0 0 24px}
.qn-ma-products h2{margin:0 0 18px;color:#1a456f;font:850 21px Manrope,"DM Sans",sans-serif}
.qn-ma-empty-products{padding:26px;border:1px dashed #c3daf3;border-radius:15px;
  background:#f8fcff;color:#627d97;line-height:1.7}
.qn-ma-empty-products strong{display:block;color:#143e68;font-size:17px;font-weight:850}
.qn-ma-empty-products p{margin:8px 0 0;font-size:13.5px}
.qn-ma-product-grid h3{color:#173f68;font-size:14px}
.qn-ma-back{display:inline-flex;align-items:center;gap:8px;
  padding:10px 14px;margin:5px 0 20px;border:1px solid #d5e8fa;
  border-radius:10px;background:#eff7ff;color:#0968ce!important;
  text-decoration:none!important;font-size:12px;font-weight:850}
.qn-ma-back:hover{background:#e5f3ff}
.qn-ma-other{margin:16px 0 10px}
.qn-ma-other h2{font:850 17px/1.4 Manrope,"DM Sans",sans-serif;color:#173d64;margin:0 0 13px}
.qn-ma-other-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.qn-ma-other-links a{display:flex;align-items:center;justify-content:space-between;gap:9px;
  min-width:0;padding:13px;border:1px solid #e0edfa;border-radius:11px;
  text-decoration:none!important;color:#1b4874!important;
  font-size:12px;font-weight:800;background:#fbfdff}
.qn-ma-other-links a:hover{background:#edf7ff;border-color:#b2d6fc}
.qn-ma-other-links a span{font-size:18px;color:#0c71da}
.qn-ma-footnote{margin:26px 0 0;padding:13px 15px;background:#f9fcff;
  border:1px solid #dfebfa;border-radius:10px;
  font-size:11.6px;color:#69819a;line-height:1.65}
@media(max-width:1050px){
  .qn-ma-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qn-ma-other-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .qn-ma-option-grid{gap:10px}
  .qn-ma-option{min-height:204px;padding:14px;gap:11px}
  .qn-ma-option-icon{width:57px;height:57px;flex-basis:57px;border-radius:14px}
  .qn-ma-option-icon svg{width:30px;height:30px}
  .qn-ma-option-body strong{font-size:13.6px}
  .qn-ma-option-body small{font-size:10.5px}
  .qn-ma-option-arrow{font-size:19px;right:13px;bottom:12px}
  .qn-ma-category-head{padding:14px}
  .qn-ma-category-icon{width:57px;height:57px;flex-basis:57px}
  .qn-ma-category-head strong{font-size:18px}
  .qn-ma-heading h1{font-size:28px}
  .qn-ma-other-links{grid-template-columns:1fr}
}
@media(max-width:370px){
  .qn-ma-option{padding:11px;min-height:189px}
  .qn-ma-option-body strong{font-size:12px}
}
/* Actual QuickNord category illustrations from WordPress Media Library.
   Visual-only images; labels and product links remain unchanged. */
.qn-ma-option{
  display:grid;grid-template-columns:minmax(118px,143px) minmax(0,1fr);
  align-items:center;gap:15px;min-height:192px;
  padding:15px 18px;
}
.qn-ma-option-photo{
  display:grid;place-items:center;
  width:100%;height:156px;min-width:0;
  border:1px solid #e0edf9;border-radius:14px;
  overflow:hidden;background:linear-gradient(145deg,#fff,#f0f8ff);
}
.qn-ma-option-photo .qn-ma-option-img{
  display:block;width:100%;height:100%;object-fit:contain;
  padding:5px;transition:transform .2s ease;
}
.qn-ma-option:hover .qn-ma-option-img{transform:scale(1.055)}
.qn-ma-option-body{
  display:flex;flex-direction:column;justify-content:center;
  gap:8px;align-self:stretch;min-width:0;
  padding:8px 14px 19px 0;
}
.qn-ma-option-body strong{font-size:15.7px}
.qn-ma-option-body small{font-size:11.2px}
.qn-ma-option-arrow{right:16px;bottom:15px}
.qn-ma-category-head{gap:20px;min-height:150px}
.qn-ma-category-photo{
  flex:0 0 123px;display:grid;place-items:center;
  width:123px;height:123px;border-radius:15px;overflow:hidden;
  border:1px solid #dceafb;background:linear-gradient(145deg,#fff,#f0f8ff);
}
.qn-ma-category-img{
  display:block;width:100%;height:100%;object-fit:contain;padding:5px;
}
@media(max-width:1180px){
  .qn-ma-option{grid-template-columns:minmax(100px,118px) minmax(0,1fr);gap:11px;padding:12px;min-height:163px}
  .qn-ma-option-photo{height:126px}
  .qn-ma-option-body strong{font-size:14px}
}
@media(max-width:740px){
  .qn-ma-option{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-height:265px;padding:12px}
  .qn-ma-option-photo{height:155px;flex:0 0 155px}
  .qn-ma-option-body{align-self:auto;justify-content:flex-start;padding:0 10px 24px 3px;gap:5px}
  .qn-ma-option-body strong{font-size:13.5px}
  .qn-ma-option-body small{font-size:10.5px}
  .qn-ma-category-photo{flex:0 0 90px;width:90px;height:100px}
  .qn-ma-category-head{min-height:125px}
}
@media(max-width:420px){
  .qn-ma-option{min-height:235px;padding:9px;gap:8px}
  .qn-ma-option-photo{height:128px;flex-basis:128px}
  .qn-ma-option-body{padding:0 8px 22px 2px}
  .qn-ma-option-body strong{font-size:12.4px}
  .qn-ma-option-body small{font-size:10px}
  .qn-ma-category-photo{flex-basis:76px;width:76px;height:85px}
}
@media(prefers-reduced-motion:reduce){
  .qn-ma-hub *{transition:none!important;transform:none!important}
}