/* QuickNord / category shelf – modern blue-and-white icon cards.
   Affects ONLY the main product menu. Min konto and Kurv remain unchanged. */
.qn-nav.qn-nav--store {
  background:linear-gradient(180deg,#f6faff 0%,#eff6ff 100%);
  border-top:1px solid #e6f0fb;
  border-bottom:1px solid #d9e9fa;
  box-shadow:inset 0 1px 0 #ffffff,0 8px 22px rgba(20,74,137,.035);
}
.qn-nav .qn-menu-shell {min-height:0;padding-top:10px;padding-bottom:10px}
.qn-nav .qn-menu-shell .qn-main-menu {
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr)) minmax(112px,1.07fr);
  align-items:stretch;
  gap:8px;
  width:100%;
  margin:0;
  padding:0;
  list-style:none;
}
.qn-nav .qn-menu-shell .qn-main-menu>li {
  min-width:0;
  width:auto;
  margin:0;
  padding:0;
}
.qn-nav .qn-menu-shell .qn-main-menu>li:not(:last-child)>a {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:100%;
  height:100%;
  min-height:94px;
  padding:10px 4px 12px;
  position:relative;
  border:1px solid #e1ebf7;
  border-radius:14px;
  background:linear-gradient(165deg,#ffffff 0%,#fafcff 100%);
  box-shadow:0 2px 5px rgba(25,65,112,.045);
  color:#15385f;
  font-family:Manrope,'DM Sans',sans-serif;
  font-size:clamp(10.7px,1.03vw,12.4px);
  line-height:1.32;
  font-weight:800;
  letter-spacing:-.015em;
  white-space:normal;
  overflow-wrap:break-word;
  text-align:center;
  text-decoration:none;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease,color .18s ease;
}
.qn-nav .qn-menu-shell .qn-main-menu>li:not(:last-child)>a::after {
  content:"";
  display:block;
  position:absolute;
  bottom:0;
  left:25%;
  right:25%;
  width:auto;
  height:3px;
  border-radius:3px 3px 0 0;
  background:linear-gradient(90deg,#38c9ff,#0874ed);
  opacity:0;
  transform:scaleX(.55);
  transition:opacity .18s ease,transform .18s ease;
}
.qn-nav .qn-menu-shell .qn-main-menu .qn-cat-symbol {
  flex:0 0 39px;
  width:39px;
  height:39px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:linear-gradient(150deg,#eef8ff 0%,#e4f0ff 100%);
  color:#0c76df;
  box-shadow:inset 0 0 0 1px #dbeeff;
  transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.qn-nav .qn-menu-shell .qn-cat-symbol svg {
  display:block;
  width:25px;
  height:25px;
  overflow:visible;
}
.qn-nav .qn-menu-shell .qn-main-menu>li:not(:last-child)>a:hover,
.qn-nav .qn-menu-shell .qn-main-menu>li.current-menu-item:not(:last-child)>a,
.qn-nav .qn-menu-shell .qn-main-menu>li.current-menu-ancestor:not(:last-child)>a {
  background:linear-gradient(155deg,#ffffff 0%,#e9f5ff 100%);
  color:#065fc3;
  border-color:#a7d6ff;
  box-shadow:0 10px 22px rgba(22,103,191,.12);
  transform:translateY(-2px);
}
.qn-nav .qn-menu-shell .qn-main-menu>li:not(:last-child)>a:hover::after,
.qn-nav .qn-menu-shell .qn-main-menu>li.current-menu-item:not(:last-child)>a::after,
.qn-nav .qn-menu-shell .qn-main-menu>li.current-menu-ancestor:not(:last-child)>a::after {
  opacity:1;transform:scaleX(1);
}
.qn-nav .qn-menu-shell .qn-main-menu>li:not(:last-child)>a:hover .qn-cat-symbol,
.qn-nav .qn-menu-shell .qn-main-menu>li.current-menu-item:not(:last-child)>a .qn-cat-symbol,
.qn-nav .qn-menu-shell .qn-main-menu>li.current-menu-ancestor:not(:last-child)>a .qn-cat-symbol {
  color:#fff;
  background:linear-gradient(145deg,#25b7f7 0%,#0874ed 100%);
  box-shadow:0 4px 11px rgba(8,116,237,.2);
  transform:translateY(-1px);
}
/* Reparation stays a distinct CTA instead of looking like every other card. */
.qn-nav .qn-menu-shell .qn-main-menu>li:last-child {
  display:flex;
  align-items:stretch;
  min-width:0;
  margin:0;
}
.qn-nav .qn-menu-shell .qn-main-menu>li:last-child>a {
  display:flex;
  flex-direction:column;
  position:relative;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:100%;
  min-height:94px;
  padding:10px 7px 12px;
  border:1px solid #e1ebf7;
  border-radius:14px;
  color:#0765cb;
  background:linear-gradient(165deg,#ffffff 0%,#fafcff 100%);
  font-family:Manrope,'DM Sans',sans-serif;
  font-size:clamp(11px,1vw,13px);
  font-weight:800;
  text-align:center;
  white-space:normal;
  box-shadow:0 2px 5px rgba(25,65,112,.045);
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.qn-nav .qn-menu-shell .qn-main-menu>li:last-child>a::after {
  content:"↗";
  position:absolute;
  top:8px;
  right:9px;
  font-size:13px;
  line-height:1;
  margin:0;
}
.qn-nav .qn-menu-shell .qn-main-menu>li:last-child>a .qn-cat-symbol {
  background:linear-gradient(145deg,#ffffff,#ebf6ff);
  color:#0867cb;
  box-shadow:inset 0 0 0 1px #d4eaff,0 2px 5px rgba(10,87,175,.07);
}
.qn-nav .qn-menu-shell .qn-main-menu>li:last-child>a:hover .qn-cat-symbol {
  color:#ffffff;
  background:linear-gradient(145deg,#25b7f7,#0874ed);
  box-shadow:0 4px 11px rgba(8,116,237,.2);
}
.qn-nav .qn-menu-shell .qn-main-menu>li:last-child>a:hover {
  background:linear-gradient(155deg,#ffffff 0%,#e9f5ff 100%);
  border-color:#a7d6ff;
  box-shadow:0 10px 22px rgba(22,103,191,.12);
  transform:translateY(-2px);
}
.qn-nav .qn-menu-shell .qn-main-menu>li>a:focus-visible {
  outline:3px solid #0874ed;
  outline-offset:2px;
}
@media(max-width:1050px) {
  .qn-nav .qn-menu-shell {
    padding-top:0;
    padding-bottom:0;
  }
  .qn-nav .qn-menu-shell .qn-main-menu {display:none;}
  .qn-nav .qn-menu-shell.is-open .qn-main-menu {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:5px 0 15px;
  }
  .qn-nav .qn-menu-shell .qn-main-menu>li:not(:last-child)>a {
    min-height:82px;
    padding:11px 5px;
    font-size:12px;
  }
  .qn-nav .qn-menu-shell .qn-main-menu>li:last-child {grid-column:1/-1;}
  .qn-nav .qn-menu-shell .qn-main-menu>li:last-child>a {
    min-height:88px;
    font-size:13px;
  }
  .qn-nav .qn-menu-shell .qn-main-menu .qn-cat-symbol {
    width:37px;height:37px;flex-basis:37px;
  }
  .qn-nav .qn-menu-shell .qn-cat-symbol svg {width:24px;height:24px;}
}
@media(max-width:480px) {
  .qn-nav .qn-menu-shell .qn-main-menu {gap:7px;}
  .qn-nav .qn-menu-shell .qn-main-menu>li:not(:last-child)>a {
    min-height:88px;
    font-size:11.5px;
  }
}
@media(prefers-reduced-motion:reduce) {
  .qn-nav .qn-menu-shell .qn-main-menu a,
  .qn-nav .qn-menu-shell .qn-cat-symbol {transition:none!important;transform:none!important;}
}