/* =====================================================================
   BASHA NOTES — قسم المذكرات على الصفحة الرئيسية
   ===================================================================== */

.bs-notes{ scroll-margin-top:140px; }

.bs-notes__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:22px;
}

.bs-note{
  display:grid;
  grid-template-rows:auto 1fr;
  background:var(--card-bg);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-soft);
  overflow:hidden;
  transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
.bs-note:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-strong);
}

.bs-note__media{
  aspect-ratio:3/4;
  background:var(--grad-brand);
  overflow:hidden;
}
.bs-note__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.bs-note__fallback{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:#fff;
}

.bs-note__body{
  display:grid;
  gap:8px;
  padding:16px 18px 18px;
  align-content:start;
}
.bs-note__name{
  margin:0;
  font-family:var(--font-display);
  font-size:1.18rem;
  font-weight:700;
  color:var(--text-strong);
  line-height:1.6;
}
.bs-note__desc{
  margin:0;
  color:var(--muted);
  font-size:.92rem;
  font-weight:600;
  line-height:1.8;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.bs-note__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:6px;
  flex-wrap:wrap;
}
.bs-note__price{
  font-weight:800;
  color:var(--accent);
  font-size:1.05rem;
}

.bs-notes__empty{
  display:grid;
  justify-items:center;
  gap:10px;
  max-width:520px;
  margin-inline:auto;
  padding:42px 28px;
  text-align:center;
  border-radius:var(--radius-lg);
  background:var(--card-bg);
  border:1px dashed var(--border-strong);
}
.bs-notes__emptyIco{
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  border-radius:50%;
  background:var(--surface-strong);
  color:var(--accent);
}
.bs-notes__emptyTitle{
  margin:6px 0 0;
  font-family:var(--font-display);
  font-size:1.35rem;
  font-weight:700;
  color:var(--text-strong);
}
.bs-notes__emptyHint{
  margin:0;
  color:var(--muted);
  font-weight:600;
}

@media (max-width:640px){
  .bs-notes__grid{ grid-template-columns:1fr 1fr; gap:12px; }
  .bs-note__body{ padding:12px; }
  .bs-note__name{ font-size:1rem; }
}