/* Live Shopping Widget Styles (scoped) */
.live-shopping-widget * { box-sizing: border-box !important; }
.live-shopping-widget { background: #000 !important; color: #fff !important; padding: 20px !important; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; }
.live-shopping-widget h2 { margin: 20px 0 10px !important; font-size: 24px !important; }

.live-shopping-product-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important; gap: 20px !important; margin-top: 20px !important; }

.live-shopping-product-card { background: #1a1a1a !important; border-radius: 8px !important; overflow: hidden !important; cursor: pointer !important; transition: transform 0.2s !important; }
.live-shopping-product-card:hover { transform: translateY(-4px) !important; }

.live-shopping-product-image { width: 100% !important; aspect-ratio: 1 !important; object-fit: cover !important; display: block !important; }

.live-shopping-product-info { padding: 15px !important; }
.live-shopping-product-title { font-weight: 600 !important; margin-bottom: 8px !important; }

.live-shopping-product-price { font-size: 18px !important; color: var(--ls-accent, #9b87f5) !important; font-weight: bold !important; }

.live-shopping-add-btn { width: 100% !important; padding: 12px !important; margin-top: 12px !important; background: var(--ls-accent, #9b87f5) !important; color: #fff !important; border: none !important; border-radius: 6px !important; cursor: pointer !important; font-weight: 600 !important; font-size: 14px !important; }
.live-shopping-add-btn:hover { opacity: 0.9 !important; }

.live-shopping-featured { grid-column: 1 / -1 !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 20px !important; background: #1a1a1a !important; border-radius: 12px !important; overflow: hidden !important; }

.live-shopping-video-container { position: relative !important; width: 100% !important; padding-bottom: 56.25% !important; background: #000 !important; border-radius: 8px !important; overflow: hidden !important; }
.live-shopping-video-container iframe { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; border: none !important; }

@media (max-width: 768px) {
  .live-shopping-featured { grid-template-columns: 1fr !important; }
  .live-shopping-product-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important; gap: 12px !important; }
}