/* PRONYX navigation refinement: 8 balanced groups, fluid layout, no empty fifth cell. */
@media (min-width: 768px) {
  #px-mega .px-mega__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    background: #f5f7fa;
    border: 0;
    padding: 16px;
    align-items: stretch;
  }
  #px-mega .px-mega__tile {
    min-width: 0;
    min-height: 154px;
    padding: 18px 18px 16px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-shadow: 0 1px 2px rgba(16,41,70,.025);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
  }
  #px-mega .px-mega__tile:hover,
  #px-mega .px-mega__tile:focus-within {
    border-color: #9eb5cf;
    box-shadow: 0 8px 20px rgba(16,41,70,.08);
  }
  #px-mega .px-mega__tile .px-mega__head {
    display:flex;
    gap:11px;
    align-items:center;
    padding: 0 0 11px;
    margin: 0;
    min-height: 42px;
    border-bottom: 1px solid #edf0f5;
    color: #102f51;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.38;
    text-decoration: none;
  }
  #px-mega .px-mega__thumb {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border-radius: 8px!important;
    color: #133d68;
    background: #eef4fa!important;
    display:grid;
    place-items:center;
  }
  #px-mega .px-mega__thumb svg {width:21px;height:21px}
  #px-mega .px-mega__heading{min-width:0;overflow-wrap:normal;word-break:normal}
  #px-mega .px-mega__heading-arrow{margin-left:auto;font-size:22px;font-weight:400;color:#7189a4;transition:transform .2s}
  #px-mega .px-mega__tile:hover .px-mega__heading-arrow{transform:translateX(3px)}
  #px-mega .px-mega__links{display:flex;flex-direction:column;align-items:stretch;gap:2px}
  #px-mega .px-mega__links a{
    display:block;
    padding:5px 8px;
    margin-left:-8px;
    border-radius:5px;
    color:#355675;
    font-size:12.5px;
    line-height:1.45;
    text-decoration:none;
    transition:background-color .16s ease,color .16s ease
  }
  #px-mega .px-mega__links a:hover,
  #px-mega .px-mega__links a:focus-visible {background:#f1f6fb;color:#0b2e50;text-decoration:none}
  #px-mega .px-mega__side {
    grid-column: 1 / -1;
    min-height: 62px;
    padding: 12px 18px;
    margin-top: 0;
    border-radius: 9px;
    gap: 12px 22px;
  }
  #px-mega .px-mega__side .px-mega__all {border-radius:5px}
}
@media (min-width:768px) and (max-width:1100px) {
  #px-mega .px-mega__grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px}
  #px-mega .px-mega__tile {padding:15px;min-height:155px}
}
@media (min-width:768px) and (max-width:850px) {
  #px-mega .px-mega__grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  #px-mega .px-mega__side {grid-template-columns:1fr}
  #px-mega .px-mega__side .px-mega__brands{grid-column:1;grid-row:auto}
  #px-mega .px-mega__side .px-mega__all{grid-column:1;justify-self:start}
}
@media (prefers-reduced-motion: reduce) {
  #px-mega .px-mega__tile,#px-mega .px-mega__heading-arrow,#px-mega .px-mega__links a{transition:none}
}