/* === KAPSAYICI (tablo hissi + sık grid) === */
.ars-recos{
  --ars-accent:#1d4ed8;  /* JS sekmeye göre değiştirir */
  margin:24px auto; background:#fff; border:1px solid #e5e7eb;
  border-radius:16px; overflow:hidden; max-width:1280px;
  box-shadow:0 4px 18px rgba(0,0,0,.04);
}
.ars-recos-head{ background:#f9fafb; border-bottom:1px solid #eee; padding:0; }
.ars-recos-table{ width:100%; border-collapse:collapse; }
.ars-recos-left{ padding:14px 18px; }
.ars-recos-right{ padding:14px 18px; text-align:right; white-space:nowrap; }

/* Başlık + slogan */
.ars-recos-title{ margin:0; font-size:20px; font-weight:800; color:#111827; }
.ars-recos-slogan{ margin-top:4px; font-size:14px; font-weight:600; color:var(--ars-accent); }
#ars-slogan.fade{ animation: arsFade .6s ease; }
@keyframes arsFade{ from{opacity:.2; transform:translateY(-2px)} to{opacity:1; transform:none} }

/* Sekmeler */
.ars-recos-tabs{ display:inline-flex; gap:10px; flex-wrap:wrap; }
.ars-recos-tab{
  border:1px solid #e5e7eb; background:#fff; padding:8px 14px; border-radius:999px;
  cursor:pointer; font-weight:700; font-size:14px; transition:.2s; color:#374151;
}
.ars-recos-tab:hover{ transform:translateY(-1px); border-color:var(--ars-accent); }
.ars-recos-tab.is-active{ background:var(--ars-accent); color:#fff; border-color:var(--ars-accent); box-shadow:0 8px 18px rgba(0,0,0,.08); }

/* Paneller + GRID */
.ars-recos-panels{ padding:16px; }
.ars-recos-panel{ display:none; }
.ars-recos-panel.is-active{ display:block; }
.ars-recos-grid{
  display:grid; grid-template-columns:repeat(5,1fr); gap:12px;
}
@media (max-width:1280px){ .ars-recos-grid{ grid-template-columns:repeat(4,1fr);} }
@media (max-width:1024px){ .ars-recos-grid{ grid-template-columns:repeat(3,1fr);} }
@media (max-width:640px) { .ars-recos-grid{ grid-template-columns:repeat(2,1fr);} }
.ars-recos-grid > *{ min-width:0; }

/* AMX kart temel (gerekirse burada dursun) */
.amx-card{ background:#fff; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; display:flex; flex-direction:column; transition:.2s; }
.amx-card:hover{ box-shadow:0 6px 14px rgba(0,0,0,.08); transform:translateY(-2px); }
.amx-thumb{ position:relative; display:block; aspect-ratio:4/3; overflow:hidden; }
.amx-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.amx-info{ padding:10px 12px; display:flex; flex-direction:column; gap:8px; flex:1; background:aqua;}
.amx-title{ font-size:15px; font-weight:700; line-height:1.3; margin:0; color:#111827; }
.amx-title a{ color:inherit; text-decoration:none; }
.amx-actions{ margin-top:auto; display:flex; gap:6px;}
.amx-btn{ flex:1; text-align:center; border:0; border-radius:8px; padding:8px; font-size:14px; font-weight:700; cursor:pointer; transition:.2s; }
.amx-btn.secondary{ background:#f3f4f6; color:#111827; text-decoration:none; }
.amx-btn.secondary:hover{ background:#e5e7eb; }

/* Boş mesaj */
.ars-empty-hint{ padding:14px; color:#6b7280; background:#f9fafb; border:1px dashed #e5e7eb; border-radius:12px; text-align:center; }