
.abu-router-details {
  margin: 20px 0;
  padding: 20px;
  border: 1px solid rgba(218,177,75,.35);
  border-radius: 18px;
  background: rgba(12,17,29,.94);
  color: #f4e6c0;
  direction: rtl;
}
.abu-router-details h2 {
  color: #e8bc59;
  margin: 0 0 12px;
}
.abu-router-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
  gap: 12px;
}
.abu-router-card {
  border: 1px solid rgba(218,177,75,.25);
  border-radius: 14px;
  padding: 14px;
  background: rgba(255,255,255,.035);
}
.abu-router-card h3 {
  margin: 0 0 10px;
  color: #f0cc7c;
}
.abu-router-item {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 7px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.abu-router-item strong {
  color: #fff;
  direction: ltr;
}
@media(max-width:600px) {
  .abu-router-details {padding:12px}
  .abu-router-grid {grid-template-columns:1fr}
}
