/* AliExpress Marketplace Styles */
:root {
  --ali-primary: #FF4747;
  --ali-dark: #E43225;
  --ali-accent: #FF6B35;
  --ali-bg: #FFF5F5;
  --ali-text: #333333;
}

.ali-product-card { border-color: var(--ali-primary); }
.ali-product-card:hover { box-shadow: 0 4px 12px rgba(255, 71, 71, 0.15); }
.ali-discount-badge { background: var(--ali-primary); color: #fff; }
.ali-view-deal-btn { background: var(--ali-primary); color: #fff; }
.ali-view-deal-btn:hover { background: var(--ali-dark); }

.ali-commission-badge {
  display: inline-block;
  font-size: 0.75rem;
  padding: 2px 8px;
  border-radius: 4px;
  background: #FFF0E6;
  color: var(--ali-accent);
  margin-bottom: 8px;
}

.ali-search .search-input:focus { border-color: var(--ali-primary); box-shadow: 0 0 0 3px rgba(255, 71, 71, 0.1); }
.ali-section-title { color: var(--ali-dark); border-bottom: 3px solid var(--ali-primary); display: inline-block; padding-bottom: 4px; }

.ali-cta-btn {
  display: inline-block;
  background: var(--ali-primary);
  color: #fff;
  padding: 12px 32px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s;
}
.ali-cta-btn:hover { background: var(--ali-dark); }

.ali-section { background: var(--ali-bg); padding: 16px; border-radius: 12px; margin-bottom: 12px; }
.ali-shop-cta { margin-bottom: 8px; }
.ali-product-card .now-price { color: var(--ali-primary); font-weight: 700; }
.ali-product-card .save-percent { color: var(--ali-dark); }

/* Promotions grid */
.ali-promos-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 16px;
  margin-top: 16px;
}
.ali-promo-card {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  min-height: 80px;
  background: linear-gradient(135deg, var(--ali-primary), var(--ali-accent));
  color: #fff;
  padding: 16px 20px;
  border-radius: 12px;
  text-decoration: none;
  text-align: center;
  transition: transform 0.2s, box-shadow 0.2s;
}
.ali-promo-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(255, 71, 71, 0.3);
}
.ali-promo-card h3 { margin: 0; font-size: 0.95rem; font-weight: 600; line-height: 1.3; }

/* Search hero AliExpress theme — compact */
.ali-search-hero {
  background: var(--ali-bg);
  padding: 16px 0 12px;
}
.ali-search-hero h1 { font-size: 1.4rem; margin-bottom: 4px; }
.ali-search-hero .search-hero-subtitle { margin-bottom: 12px; font-size: 0.9rem; }
.ali-search-btn { background: var(--ali-primary); color: #fff; }
.ali-search-btn:hover { background: var(--ali-dark); }
.ali-search-input:focus { border-color: var(--ali-primary); box-shadow: 0 0 0 3px rgba(255, 71, 71, 0.1); }

/* See All button */
.ali-see-all { text-align: center; margin-top: 12px; }
.ali-see-all-btn {
  display: inline-block;
  color: var(--ali-primary);
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none;
  padding: 8px 20px;
  border: 2px solid var(--ali-primary);
  border-radius: 8px;
  transition: background 0.2s, color 0.2s;
}
.ali-see-all-btn:hover { background: var(--ali-primary); color: #fff; }

/* Deals grid (vertical, not horizontal scroll) */
.ali-deals-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
}

/* Back link */
.ali-back-link {
  display: inline-block;
  color: var(--ali-primary);
  text-decoration: none;
  font-size: 0.85rem;
  margin-top: 8px;
}
.ali-back-link:hover { text-decoration: underline; }

/* Load more */
.ali-load-more { text-align: center; margin: 24px 0; }
.ali-loading-text { color: var(--ali-text); font-size: 0.9rem; }

/* Product detail page */
.ali-back-nav { padding: 8px 0; }
.ali-product-detail { max-width: 800px; margin: 0 auto; }

.ali-pd-image { text-align: center; margin-bottom: 16px; }
.ali-pd-main-img { max-width: 100%; max-height: 400px; object-fit: contain; border-radius: 8px; }
.ali-pd-thumbs { display: flex; gap: 8px; justify-content: center; margin-top: 8px; overflow-x: auto; }
.ali-thumb-btn {
  border: 2px solid transparent; background: none; padding: 2px; border-radius: 6px; cursor: pointer;
  flex-shrink: 0; width: 56px; height: 56px;
}
.ali-thumb-btn:hover { border-color: var(--ali-primary); }
.ali-thumb-btn img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }

.ali-pd-info { padding: 0 4px; }
.ali-pd-title { font-size: 1.2rem; font-weight: 700; margin: 0 0 8px; line-height: 1.4; }
.ali-pd-shop { font-size: 0.85rem; color: var(--text-secondary); margin: 0 0 8px; }
.ali-pd-shop a { color: var(--ali-primary); text-decoration: none; }
.ali-pd-shop a:hover { text-decoration: underline; }

.ali-pd-rating { display: flex; align-items: center; gap: 6px; font-size: 0.9rem; margin-bottom: 12px; }
.ali-stars { color: var(--rating-gold); }
.ali-pd-orders { color: var(--text-secondary); }

.ali-pd-price { display: flex; align-items: baseline; gap: 10px; margin-bottom: 16px; flex-wrap: wrap; }
.ali-pd-sale-price { font-size: 1.8rem; font-weight: 800; color: var(--ali-primary); }
.ali-pd-orig-price { font-size: 1rem; color: var(--text-secondary); }
.ali-pd-discount {
  font-size: 0.85rem; font-weight: 600; color: #fff; background: var(--ali-primary);
  padding: 2px 8px; border-radius: 4px;
}

.ali-pd-actions { margin-bottom: 16px; }
.ali-buy-btn {
  display: block; width: 100%; text-align: center;
  background: var(--ali-primary); color: #fff;
  padding: 14px 24px; border-radius: 8px;
  font-size: 1.1rem; font-weight: 700;
  text-decoration: none; transition: background 0.2s;
}
.ali-buy-btn:hover { background: var(--ali-dark); }

.ali-pd-category { font-size: 0.8rem; color: var(--text-secondary); margin: 8px 0; }

/* Marketplace links in header */
.marketplace-link {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 0.85rem;
  color: var(--ali-text);
  transition: background 0.2s;
}
.marketplace-link:hover { background: rgba(0,0,0,0.05); }
.marketplace-link.active { font-weight: 600; background: rgba(0,0,0,0.08); }
