/* ══════════════════════════════════════════
   TOAST
══════════════════════════════════════════ */
.toast{
  position:fixed;bottom:24px;right:24px;z-index:10000;
  background:var(--navy);color:#fff;
  border-left:4px solid var(--gold);
  padding:14px 20px;
  font-family:var(--f-body);font-size:13px;font-weight:500;
  border-radius:var(--r);
  display:flex;align-items:center;gap:10px;
  transform:translateX(130%);
  transition:transform .35s var(--ease);
  box-shadow:0 8px 24px rgba(0,0,0,.15);
}
.toast.show{transform:translateX(0)}
.toast-ic{color:var(--gold)}

/* ══════════════════════════════════════════
   EMPTY STATE
══════════════════════════════════════════ */
.empty{text-align:center;padding:80px 40px;grid-column:1/-1}
.empty h2{font-family:var(--f-title,'Tajawal',sans-serif);font-size:28px;font-weight:800;color:var(--n-black);margin-bottom:10px}
.empty p{color:var(--n-gray);margin-bottom:24px;font-size:13px;font-family:var(--f-ar)}

/* ══════════════════════════════════════════
   IMAGE PLACEHOLDERS (skeleton loading)
══════════════════════════════════════════ */
.img-placeholder{
  position:absolute;inset:0;
  background:linear-gradient(110deg,var(--cream2) 30%,var(--parchment) 50%,var(--cream2) 70%);
  background-size:200% 100%;
  animation:skeleton 2.2s ease-in-out infinite;
  will-change:background-position;
}
@keyframes skeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}
.hero-placeholder{position:relative;height:100%;min-height:380px}
.philosophy-placeholder{position:relative;width:100%;aspect-ratio:3/4;min-height:380px}
.coll-placeholder{position:absolute;inset:0}
.gallery-placeholder{position:absolute;inset:0;width:100%;height:100%}