/* ══════════════════════════════════════════
   BUTTONS
══════════════════════════════════════════ */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--f-ar,'Cairo',sans-serif);
  font-size:13px;font-weight:700;
  letter-spacing:0.3px;
  padding:13px 28px;
  border:none;border-radius:var(--r);
  transition:all .25s var(--ease);
  cursor:pointer;
  white-space:nowrap;
}
.btn-fill{background:var(--gold);color:#fff}
.btn-fill:hover{background:var(--gold2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,168,76,.3)}
.btn-ghost{background:none;border:2px solid var(--navy);color:var(--navy)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}
.btn-sm{padding:9px 18px;font-size:12px}
.btn-wa{background:#25D366;color:#fff;border-radius:var(--r)}
.btn-wa:hover{background:#1eb859;transform:translateY(-2px)}
.btn-outline-brand{background:none;border:2px solid var(--gold);color:var(--gold);border-radius:var(--r)}
.btn-outline-brand:hover{background:var(--gold);color:#fff}

/* ── View All (New Arrivals) — black/red, animated ── */
.btn-viewall{
  position:relative;
  overflow:hidden;
  background:var(--n-black,#111);
  color:#fff;
  border-radius:2px;
  z-index:1;
  animation:vaPulse 2.6s ease-in-out infinite;
}
.btn-viewall::before{
  content:'';
  position:absolute;
  inset:0;
  background:var(--n-red,#E4241D);
  transform:scaleX(0);
  transform-origin:right;
  transition:transform .4s var(--ease);
  z-index:-1;
}
.btn-viewall:hover{transform:translateY(-2px);animation-play-state:paused;box-shadow:0 10px 26px rgba(228,36,29,.3)}
.btn-viewall:hover::before{transform:scaleX(1)}

@keyframes vaPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(228,36,29,.35)}
  50%{box-shadow:0 0 0 8px rgba(228,36,29,0)}
}
@media (prefers-reduced-motion: reduce){
  .btn-viewall{animation:none}
}