/* account layout (shared by orders / favorites / addresses) */
.ac-side{background:#fff;border-radius:28px;padding:1.2rem;position:sticky;top:96px}
.ac-user{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px dashed var(--clay);margin-bottom:.8rem}
.ac-user b{display:block;font-family:'Aref Ruqaa',serif;font-size:1.2rem;color:var(--lapis);line-height:1.4}
.ac-user small{color:var(--muted)}
.ac-nav{display:flex;flex-direction:column;gap:.3rem}
.ac-nav a{display:flex;align-items:center;gap:.7rem;padding:.65rem .9rem;border-radius:16px;color:var(--ink);transition:background .2s,color .2s}
.ac-nav a i{color:var(--turq);font-size:1.1rem}
.ac-nav a em{margin-inline-start:auto;font-style:normal;background:var(--paper);border-radius:12px;padding:0 .55rem;font-size:.78rem;color:var(--muted)}
.ac-nav a:hover{background:var(--sand)}
.ac-nav a.on{background:var(--ink);color:var(--lime)}
.ac-nav a.on i{color:var(--lime)}.ac-nav a.on em{background:rgba(255,255,255,.15);color:var(--lime)}
.ac-out{margin-top:.6rem;width:100%;border:0;background:none;display:flex;gap:.6rem;align-items:center;padding:.65rem .9rem;color:var(--pink);border-radius:16px}
.ac-out:hover{background:#fff0ff}
.ac-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 1rem;margin-bottom:1.1rem}
.ac-head h2{font-size:clamp(1.5rem,3vw,2rem);color:var(--lapis);margin:0}
.ac-tools{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.ac-count{color:var(--muted);margin-bottom:1rem}
.demo-note{font-size:.82rem;color:var(--muted);margin-top:1.2rem}.demo-note i{color:var(--turq)}
@media(max-width:991px){
  .ac-side{position:static;padding:.9rem}
  .ac-user{padding-bottom:.7rem;margin-bottom:.6rem}
  .ac-nav{flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:.4rem}
  .ac-nav::-webkit-scrollbar{display:none}
  .ac-nav a{white-space:nowrap;flex:none;padding:.5rem 1rem}
  .ac-out{width:auto;margin-top:.4rem;padding:.4rem .9rem}
}

/* favorites.html — page styles */
.ac-tools .btn i{margin-inline-end:.3rem}
#favGrid .p-card{background:#fff}
@media(max-width:575px){.ac-tools{width:100%;justify-content:space-between}}