/* ===== Kategorie-Icons — runde Kategorie-Icons mit Beschriftung ===== */
.opc-icnav{width:100%;max-width:1320px;margin:0 auto;padding:14px 16px;}
.opc-icnav__headline{font-family:'Outfit','Montserrat',sans-serif;font-size:20px;font-weight:800;color:#1a1a1a;margin:0 0 16px;text-align:center;}

/* GRID: 6 per row on desktop, 3 per row on mobile */
.opc-icnav__list{
  list-style:none;margin:0;padding:4px 0;
  display:grid;grid-template-columns:repeat(6,1fr);
  gap:var(--opc-icnav-gap,24px);align-items:start;justify-items:center;
}
@media(max-width:767px){
  .opc-icnav__list{grid-template-columns:repeat(3,1fr);}
}

.opc-icnav__item{width:100%;display:flex;justify-content:center;}
.opc-icnav__link{display:flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none;
  width:var(--opc-icnav-size,110px);max-width:100%;transition:transform .2s ease;}
@media(max-width:767px){.opc-icnav__link{width:var(--opc-icnav-size-xs,76px);}}
.opc-icnav__link:hover{transform:translateY(-3px);text-decoration:none;}

.opc-icnav__media{
  width:var(--opc-icnav-size,110px);height:var(--opc-icnav-size,110px);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:#f4f5f6;border:1px solid #ececec;transition:box-shadow .2s ease,border-color .2s ease;
}
@media(max-width:767px){.opc-icnav__media{width:var(--opc-icnav-size-xs,76px);height:var(--opc-icnav-size-xs,76px);}}
.opc-icnav__link:hover .opc-icnav__media{box-shadow:0 10px 26px rgba(0,0,0,.12);border-color:#d8dbde;}

/* shapes */
.opc-icnav--circle  .opc-icnav__media{border-radius:50%;}
.opc-icnav--rounded .opc-icnav__media{border-radius:18px;}
.opc-icnav--square  .opc-icnav__media{border-radius:0;}

/* image fit */
.opc-icnav__img{width:100%;height:100%;display:block;}
.opc-icnav--fit-cover   .opc-icnav__img{object-fit:cover;}
.opc-icnav--fit-contain .opc-icnav__img{object-fit:contain;padding:18%;}

.opc-icnav__label{
  font-family:'Outfit','Montserrat',sans-serif;text-align:center;line-height:1.25;
  font-size:var(--opc-icnav-lbl-size,15px);color:var(--opc-icnav-lbl-color,#1a1a1a);font-weight:600;
}