/* Myles Hustler Store 21 · V36: recently viewed strip, sticky add-to-cart (phones/tablets). */
.recent[hidden] { display: none; }
.recent-row { list-style: none; margin: 8px 0 0; padding: 0 0 8px; display: flex; gap: 12px; overflow-x: auto; scrollbar-width: thin; }
.recent-row a { display: flex; flex-direction: column; gap: 4px; width: 130px; text-decoration: none; color: var(--ivory); }
.recent-row img { width: 130px; height: 170px; object-fit: cover; border-radius: 12px; border: 1px solid rgba(212,175,55,.3); background: #fff; }
.recent-row span { font-size: 13px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.recent-row strong { color: var(--gold); font-size: 14px; }
.pd-sticky { position: fixed; left: 0; right: 0; bottom: 0; z-index: 80; display: flex; align-items: center; gap: 10px; padding: 8px 12px calc(8px + env(safe-area-inset-bottom));
  background: rgba(0,0,0,.96); border-top: 1px solid var(--gold); box-shadow: 0 -10px 30px rgba(0,0,0,.5); }
.pd-sticky[hidden] { display: none; }
.pd-sticky img { width: 44px; height: 58px; object-fit: cover; border-radius: 6px; flex: none; }
.pd-sticky-text { flex: 1; min-width: 0; display: flex; flex-direction: column; font-size: 13px; }
.pd-sticky-text strong { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pd-sticky-text span { color: var(--gold); font-weight: 800; }
.pd-sticky .btn { flex: none; min-height: 44px; }
@media (min-width: 900px) { .pd-sticky { display: none !important; } }
/* keep the WhatsApp button, chat and corner coupon above the sticky bar */
@media (max-width: 899px) {
  body:has(.pd-sticky:not([hidden])) .wa-float { bottom: 84px; }
  body:has(.pd-sticky:not([hidden])) .promo-corner { bottom: 150px; }
  body:has(.pd-sticky:not([hidden])) .chat-launch, body:has(.pd-sticky:not([hidden])) [data-chat] > button { bottom: 84px; }
}