/* Mobile Search Overlay Styles */
.mobile-search-overlay { position: fixed; inset: 0; background: white; z-index: 2000; display: flex; flex-direction: column; transform: translateY(-100%); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.mobile-search-overlay.show { transform: translateY(0); }
.mobile-search-header { padding: 16px 20px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid var(--light-gray); background: white; }
.mobile-search-back { background: none; border: none; font-size: 24px; color: var(--black); padding: 0 8px; cursor: pointer; }
.mobile-search-input-wrapper { flex: 1; display: flex; align-items: center; background: var(--cream); border-radius: 8px; padding: 0 12px; height: 44px; position: relative; }
.mobile-search-input-icon { color: var(--gray); flex-shrink: 0; }
.mobile-search-input { flex: 1; border: none; background: transparent; padding: 0 12px; font-family: inherit; font-size: 15px; outline: none; width: 100%; }
.mobile-search-clear { background: none; border: none; font-size: 16px; color: var(--gray); cursor: pointer; padding: 0 8px; }

.mobile-search-content { flex: 1; overflow-y: auto; padding: 24px 20px; }
.search-section { margin-bottom: 32px; }
.search-section-title { font-size: 13px; font-weight: 800; margin-bottom: 16px; color: var(--gray); }

.search-categories-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.search-category-card { display: flex; align-items: center; gap: 12px; padding: 16px; border-radius: 12px; text-decoration: none; color: white; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.search-cat-icon { font-size: 24px; }
.search-cat-name { font-weight: 800; font-size: 14px; }

.search-trending-list { display: flex; flex-direction: column; gap: 8px; }
.search-trending-item { display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: var(--cream); border-radius: 8px; text-decoration: none; color: var(--black); transition: background 0.2s; }
.search-trending-item:hover { background: #EFEFEF; }
.trending-rank { font-family: 'Bebas Neue', 'Heebo', sans-serif; font-size: 20px; color: var(--pink); min-width: 20px; text-align: center; }
.trending-text { font-weight: 700; flex: 1; font-size: 14px; }
.trending-arrow { color: var(--gray); font-size: 16px; }

.search-quick-filters { display: flex; flex-wrap: wrap; gap: 10px; }
.search-quick-filter { padding: 10px 16px; border: 1px solid var(--light-gray); border-radius: 24px; text-decoration: none; color: var(--black); font-size: 13px; font-weight: 700; background: white; }
.search-quick-filter:hover { border-color: var(--pink); color: var(--pink); }

/* Live results area */
#searchProductResults { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }