/* Recently viewed + top banner + ask button. Uses the A2Z theme colours. */
#a2z-recent { margin: 16px 0; padding: 0 16px; }
#a2z-recent h3 { margin: 0 0 8px; font-size: 16px; color: #6B1E3C; }
.a2z-recent-row { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 6px; scroll-snap-type: x proximity; }
.a2z-recent-card { flex: 0 0 160px; scroll-snap-align: start; display: flex; flex-direction: column; gap: 4px;
  padding: 10px; border: 1px solid #eadde2; border-radius: 8px; background: #fff; color: inherit; text-decoration: none; }
.a2z-recent-card strong { font-size: 13px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.a2z-recent-card span { color: #6B1E3C; font-weight: 700; }
.a2z-recent-card small { color: #777; }

.a2z-topbanner { position: fixed; left: 0; right: 0; top: 0; z-index: 9999; display: flex; align-items: center; gap: 12px;
  padding: 10px 16px; background: #6B1E3C; color: #fff; font-size: 14px;
  transform: translateY(-110%); transition: transform .3s ease; }
.a2z-topbanner.show { transform: translateY(0); }
.a2z-topbanner span { flex: 1; }
.a2z-topbanner a { background: #E8A33D; color: #2b2b2b; font-weight: 700; text-decoration: none; padding: 6px 12px; border-radius: 6px; white-space: nowrap; }
.a2z-topbanner button { background: transparent; border: 0; color: #fff; font-size: 22px; line-height: 1; cursor: pointer; }
@media (prefers-reduced-motion: reduce) { .a2z-topbanner { transition: none; } }

[data-a2z-ask] { border: 2px solid #6B1E3C; background: #fff; color: #6B1E3C; font-weight: 700;
  padding: 10px 16px; border-radius: 8px; cursor: pointer; }
[data-a2z-ask]:disabled { opacity: .7; cursor: default; }