Music page
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<meta name="Generator" content="Cocoa HTML Writer">
<meta name="CocoaVersion" content="2299.6">
<style type="text/css">
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Times; -webkit-text-stroke: #000000}
span.s1 {font-kerning: none}
span.s2 {font: 12.0px 'Apple Color Emoji'; font-kerning: none}
td.td1 {width: 778.0px; margin: 0.5px 0.5px 0.5px 0.5px; padding: 1.0px 1.0px 1.0px 1.0px}
</style>
</head>
<body>
<table cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="middle" class="td1">
<p class="p1"><span class="s1"><div id="root"><div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events: none;"><ol tabindex="-1" data-lov-id="src/components/ui/toaster.tsx:30:6" data-lov-name="ToastViewport" data-component-path="src/components/ui/toaster.tsx" data-component-line="30" data-component-file="toaster.tsx" data-component-name="ToastViewport" data-component-content="%7B%7D" class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]"></ol></div><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section><div data-lov-id="src/pages/MusicCollection.tsx:153:4" data-lov-name="div" data-component-path="src/pages/MusicCollection.tsx" data-component-line="153" data-component-file="MusicCollection.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22min-h-screen%20bg-background%22%7D" class="min-h-screen bg-background"><section data-lov-id="src/components/MusicHero.tsx:8:4" data-lov-name="section" data-component-path="src/components/MusicHero.tsx" data-component-line="8" data-component-file="MusicHero.tsx" data-component-name="section" data-component-content="%7B%22className%22%3A%22relative%20min-h-%5B70vh%5D%20flex%20items-center%20justify-center%20overflow-hidden%22%7D" class="relative min-h-[70vh] flex items-center justify-center overflow-hidden"><div data-lov-id="src/components/MusicHero.tsx:10:6" data-lov-name="div" data-component-path="src/components/MusicHero.tsx" data-component-line="10" data-component-file="MusicHero.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22absolute%20inset-0%22%7D" class="absolute inset-0"><img data-lov-id="src/components/MusicHero.tsx:11:8" data-lov-name="img" data-component-path="src/components/MusicHero.tsx" data-component-line="11" data-component-file="MusicHero.tsx" data-component-name="img" data-component-content="%7B%22className%22%3A%22w-full%20h-full%20object-cover%22%7D" src="/assets/music-hero-axtmEg50.jpg" alt="Music merchandise collection" class="w-full h-full object-cover"><div data-lov-id="src/components/MusicHero.tsx:16:8" data-lov-name="div" data-component-path="src/components/MusicHero.tsx" data-component-line="16" data-component-file="MusicHero.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22absolute%20inset-0%20bg-gradient-to-r%20from-background%2F90%20via-background%2F60%20to-background%2F90%22%7D" class="absolute inset-0 bg-gradient-to-r from-background/90 via-background/60 to-background/90"></div><div data-lov-id="src/components/MusicHero.tsx:17:8" data-lov-name="div" data-component-path="src/components/MusicHero.tsx" data-component-line="17" data-component-file="MusicHero.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22absolute%20inset-0%20bg-gradient-to-t%20from-background%20via-transparent%20to-transparent%22%7D" class="absolute inset-0 bg-gradient-to-t from-background via-transparent to-transparent"></div></div><div data-lov-id="src/components/MusicHero.tsx:21:6" data-lov-name="div" data-component-path="src/components/MusicHero.tsx" data-component-line="21" data-component-file="MusicHero.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22absolute%20top-20%20left-20%20animate-float%22%7D" class="absolute top-20 left-20 animate-float"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-music w-8 h-8 text-music-primary opacity-30" data-lov-id="src/components/MusicHero.tsx:22:8" data-lov-name="Music" data-component-path="src/components/MusicHero.tsx" data-component-line="22" data-component-file="MusicHero.tsx" data-component-name="Music" data-component-content="%7B%22className%22%3A%22w-8%20h-8%20text-music-primary%20opacity-30%22%7D"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg></div><div data-lov-id="src/components/MusicHero.tsx:24:6" data-lov-name="div" data-component-path="src/components/MusicHero.tsx" data-component-line="24" data-component-file="MusicHero.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22absolute%20top-40%20right-32%20animate-float%22%7D" class="absolute top-40 right-32 animate-float" style="animation-delay: 1s;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-music w-6 h-6 text-music-secondary opacity-40" data-lov-id="src/components/MusicHero.tsx:25:8" data-lov-name="Music" data-component-path="src/components/MusicHero.tsx" data-component-line="25" data-component-file="MusicHero.tsx" data-component-name="Music" data-component-content="%7B%22className%22%3A%22w-6%20h-6%20text-music-secondary%20opacity-40%22%7D"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg></div><div data-lov-id="src/components/MusicHero.tsx:27:6" data-lov-name="div" data-component-path="src/components/MusicHero.tsx" data-component-line="27" data-component-file="MusicHero.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22absolute%20bottom-32%20left-40%20animate-float%22%7D" class="absolute bottom-32 left-40 animate-float" style="animation-delay: 2s;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-7 h-7 text-music-accent opacity-35" data-lov-id="src/components/MusicHero.tsx:28:8" data-lov-name="Star" data-component-path="src/components/MusicHero.tsx" data-component-line="28" data-component-file="MusicHero.tsx" data-component-name="Star" data-component-content="%7B%22className%22%3A%22w-7%20h-7%20text-music-accent%20opacity-35%22%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><div data-lov-id="src/components/MusicHero.tsx:32:6" data-lov-name="div" data-component-path="src/components/MusicHero.tsx" data-component-line="32" data-component-file="MusicHero.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22relative%20z-10%20text-center%20max-w-4xl%20mx-auto%20px-6%22%7D" class="relative z-10 text-center max-w-4xl mx-auto px-6"><div data-lov-id="src/components/MusicHero.tsx:33:8" data-lov-name="Badge" data-component-path="src/components/MusicHero.tsx" data-component-line="33" data-component-file="MusicHero.tsx" data-component-name="Badge" data-component-content="%7B%22text%22%3A%22New%20Arrivals%20Weekly%22%2C%22className%22%3A%22mb-6%20bg-music-primary%2F20%20text-music-primary%20border-music-primary%2F30%20animate-glow%22%7D" class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 hover:bg-secondary/80 mb-6 bg-music-primary/20 text-music-primary border-music-primary/30 animate-glow"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-4 h-4 mr-2" data-lov-id="src/components/MusicHero.tsx:34:10" data-lov-name="Zap" data-component-path="src/components/MusicHero.tsx" data-component-line="34" data-component-file="MusicHero.tsx" data-component-name="Zap" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20mr-2%22%7D"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg>New Arrivals Weekly</div><h1 data-lov-id="src/components/MusicHero.tsx:38:8" data-lov-name="h1" data-component-path="src/components/MusicHero.tsx" data-component-line="38" data-component-file="MusicHero.tsx" data-component-name="h1" data-component-content="%7B%22className%22%3A%22text-5xl%20md%3Atext-7xl%20font-concert%20font-bold%20mb-6%20leading-tight%22%7D" class="text-5xl md:text-7xl font-concert font-bold mb-6 leading-tight"><span data-lov-id="src/components/MusicHero.tsx:39:10" data-lov-name="span" data-component-path="src/components/MusicHero.tsx" data-component-line="39" data-component-file="MusicHero.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22Concert-Ready%22%2C%22className%22%3A%22bg-gradient-to-r%20from-music-primary%20via-music-secondary%20to-music-accent%20bg-clip-text%20text-transparent%22%7D" class="bg-gradient-to-r from-music-primary via-music-secondary to-music-accent bg-clip-text text-transparent">Concert-Ready</span><br data-lov-id="src/components/MusicHero.tsx:42:10" data-lov-name="br" data-component-path="src/components/MusicHero.tsx" data-component-line="42" data-component-file="MusicHero.tsx" data-component-name="br" data-component-content="%7B%7D"><span data-lov-id="src/components/MusicHero.tsx:43:10" data-lov-name="span" data-component-path="src/components/MusicHero.tsx" data-component-line="43" data-component-file="MusicHero.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22Tees%20%26%20Hoodies%22%2C%22className%22%3A%22text-foreground%22%7D" class="text-foreground">Tees &amp; Hoodies</span></h1><p data-lov-id="src/components/MusicHero.tsx:48:8" data-lov-name="p" data-component-path="src/components/MusicHero.tsx" data-component-line="48" data-component-file="MusicHero.tsx" data-component-name="p" data-component-content="%7B%22text%22%3A%22for%20Aussie%20Music%20Fans%22%2C%22className%22%3A%22text-xl%20md%3Atext-2xl%20text-muted-foreground%20mb-8%20max-w-2xl%20mx-auto%20leading-relaxed%22%7D" class="text-xl md:text-2xl text-muted-foreground mb-8 max-w-2xl mx-auto leading-relaxed">for Aussie Music Fans</p><div data-lov-id="src/components/MusicHero.tsx:52:8" data-lov-name="div" data-component-path="src/components/MusicHero.tsx" data-component-line="52" data-component-file="MusicHero.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20flex-col%20sm%3Aflex-row%20gap-4%20justify-center%20items-center%22%7D" class="flex flex-col sm:flex-row gap-4 justify-center items-center"><button data-lov-id="src/components/MusicHero.tsx:53:10" data-lov-name="Button" data-component-path="src/components/MusicHero.tsx" data-component-line="53" data-component-file="MusicHero.tsx" data-component-name="Button" data-component-content="%7B%22text%22%3A%22Shop%20the%20Drop%22%2C%22className%22%3A%22bg-gradient-to-r%20from-music-primary%20to-music-secondary%20hover%3Afrom-music-secondary%20hover%3Ato-music-primary%20text-lg%20px-8%20py-6%20shadow-lg%20hover%3Ashadow-xl%20transition-all%20duration-300%20animate-slide-up%22%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 h-11 rounded-md bg-gradient-to-r from-music-primary to-music-secondary hover:from-music-secondary hover:to-music-primary text-lg px-8 py-6 shadow-lg hover:shadow-xl transition-all duration-300 animate-slide-up">Shop the Drop</button><button data-lov-id="src/components/MusicHero.tsx:59:10" data-lov-name="Button" data-component-path="src/components/MusicHero.tsx" data-component-line="59" data-component-file="MusicHero.tsx" data-component-name="Button" data-component-content="%7B%22text%22%3A%22Browse%20Artists%22%2C%22className%22%3A%22border-music-primary%20text-music-primary%20hover%3Abg-music-primary%20hover%3Atext-primary-foreground%20text-lg%20px-8%20py-6%20transition-all%20duration-300%22%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border bg-background h-11 rounded-md border-music-primary text-music-primary hover:bg-music-primary hover:text-primary-foreground text-lg px-8 py-6 transition-all duration-300">Browse Artists</button></div><div data-lov-id="src/components/MusicHero.tsx:69:8" data-lov-name="div" data-component-path="src/components/MusicHero.tsx" data-component-line="69" data-component-file="MusicHero.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22mt-12%20flex%20flex-wrap%20justify-center%20items-center%20gap-8%20text-sm%20text-muted-foreground%22%7D" class="mt-12 flex flex-wrap justify-center items-center gap-8 text-sm text-muted-foreground"><div data-lov-id="src/components/MusicHero.tsx:70:10" data-lov-name="div" data-component-path="src/components/MusicHero.tsx" data-component-line="70" data-component-file="MusicHero.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-2%22%7D" class="flex items-center gap-2"><div data-lov-id="src/components/MusicHero.tsx:71:12" data-lov-name="Badge" data-component-path="src/components/MusicHero.tsx" data-component-line="71" data-component-file="MusicHero.tsx" data-component-name="Badge" data-component-content="%7B%22text%22%3A%22%E2%9C%A8%20Custom-Printed%20in%20Australia%22%2C%22className%22%3A%22border-music-accent%20text-music-accent%22%7D" class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-music-accent text-music-accent"></span><span class="s2">✨</span><span class="s1"> Custom-Printed in Australia</div></div><div data-lov-id="src/components/MusicHero.tsx:75:10" data-lov-name="div" data-component-path="src/components/MusicHero.tsx" data-component-line="75" data-component-file="MusicHero.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-2%22%7D" class="flex items-center gap-2"><div data-lov-id="src/components/MusicHero.tsx:76:12" data-lov-name="Badge" data-component-path="src/components/MusicHero.tsx" data-component-line="76" data-component-file="MusicHero.tsx" data-component-name="Badge" data-component-content="%7B%22text%22%3A%22%F0%9F%8E%B5%20Artist-Inspired%20Looks%22%2C%22className%22%3A%22border-music-secondary%20text-music-secondary%22%7D" class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-music-secondary text-music-secondary"></span><span class="s2">🎵</span><span class="s1"> Artist-Inspired Looks</div></div><div data-lov-id="src/components/MusicHero.tsx:80:10" data-lov-name="div" data-component-path="src/components/MusicHero.tsx" data-component-line="80" data-component-file="MusicHero.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-2%22%7D" class="flex items-center gap-2"><div data-lov-id="src/components/MusicHero.tsx:81:12" data-lov-name="Badge" data-component-path="src/components/MusicHero.tsx" data-component-line="81" data-component-file="MusicHero.tsx" data-component-name="Badge" data-component-content="%7B%22text%22%3A%22%E2%9A%A1%20Ships%20Fast!%22%2C%22className%22%3A%22border-music-gold%20text-music-gold%22%7D" class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-music-gold text-music-gold"></span><span class="s2">⚡</span><span class="s1"> Ships Fast!</div></div></div></div></section><section data-lov-id="src/components/FeaturedArtists.tsx:61:4" data-lov-name="section" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="61" data-component-file="FeaturedArtists.tsx" data-component-name="section" data-component-content="%7B%22className%22%3A%22py-16%22%7D" class="py-16"><div data-lov-id="src/components/FeaturedArtists.tsx:62:6" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="62" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22container%20mx-auto%20px-6%22%7D" class="container mx-auto px-6"><div data-lov-id="src/components/FeaturedArtists.tsx:63:8" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="63" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22text-center%20mb-12%22%7D" class="text-center mb-12"><div data-lov-id="src/components/FeaturedArtists.tsx:64:10" data-lov-name="Badge" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="64" data-component-file="FeaturedArtists.tsx" data-component-name="Badge" data-component-content="%7B%22text%22%3A%22%F0%9F%8E%B5%20Featured%20Artists%22%2C%22className%22%3A%22mb-4%20bg-music-secondary%2F20%20text-music-secondary%20border-music-secondary%2F30%22%7D" class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 hover:bg-primary/80 mb-4 bg-music-secondary/20 text-music-secondary border-music-secondary/30"></span><span class="s2">🎵</span><span class="s1"> Featured Artists</div><h2 data-lov-id="src/components/FeaturedArtists.tsx:67:10" data-lov-name="h2" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="67" data-component-file="FeaturedArtists.tsx" data-component-name="h2" data-component-content="%7B%22text%22%3A%22Shop%20by%20Artists%22%2C%22className%22%3A%22text-3xl%20md%3Atext-4xl%20font-concert%20font-bold%20mb-4%22%7D" class="text-3xl md:text-4xl font-concert font-bold mb-4">Shop by <span data-lov-id="src/components/FeaturedArtists.tsx:68:20" data-lov-name="span" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="68" data-component-file="FeaturedArtists.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22Your%20Favorite%22%2C%22className%22%3A%22text-music-primary%22%7D" class="text-music-primary">Your Favorite</span> Artists</h2><p data-lov-id="src/components/FeaturedArtists.tsx:70:10" data-lov-name="p" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="70" data-component-file="FeaturedArtists.tsx" data-component-name="p" data-component-content="%7B%22text%22%3A%22Discover%20merchandise%20from%20the%20hottest%20artists%20in%20the%20music%20scene%22%2C%22className%22%3A%22text-muted-foreground%20max-w-2xl%20mx-auto%22%7D" class="text-muted-foreground max-w-2xl mx-auto">Discover merchandise from the hottest artists in the music scene</p></div><div data-lov-id="src/components/FeaturedArtists.tsx:75:8" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="75" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22grid%20grid-cols-2%20md%3Agrid-cols-3%20lg%3Agrid-cols-6%20gap-4%20mb-8%22%7D" class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4 mb-8"><div data-lov-id="src/components/FeaturedArtists.tsx:77:12" data-lov-name="Card" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="77" data-component-file="FeaturedArtists.tsx" data-component-name="Card" data-component-content="%7B%22className%22%3A%22group%20relative%20overflow-hidden%20border-border%2F50%20hover%3Aborder-music-primary%2F50%20transition-all%20duration-300%20cursor-pointer%20hover%3Ascale-105%22%7D" class="rounded-lg border bg-card text-card-foreground shadow-sm group relative overflow-hidden border-border/50 hover:border-music-primary/50 transition-all duration-300 cursor-pointer hover:scale-105"><div data-lov-id="src/components/FeaturedArtists.tsx:81:14" data-lov-name="CardContent" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="81" data-component-file="FeaturedArtists.tsx" data-component-name="CardContent" data-component-content="%7B%22className%22%3A%22p-0%22%7D" class="p-0"><div data-lov-id="src/components/FeaturedArtists.tsx:82:16" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="82" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22relative%20aspect-square%22%7D" class="relative aspect-square"><img data-lov-id="src/components/FeaturedArtists.tsx:84:18" data-lov-name="img" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="84" data-component-file="FeaturedArtists.tsx" data-component-name="img" data-component-content="%7B%22className%22%3A%22w-full%20h-full%20object-cover%20transition-transform%20duration-500%20group-hover%3Ascale-110%22%7D" src="https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=400&amp;h=400&amp;fit=crop" alt="Ed Sheeran" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div data-lov-id="src/components/FeaturedArtists.tsx:91:18" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="91" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%7D" class="absolute inset-0 bg-gradient-to-br from-orange-500 to-red-600 opacity-80 group-hover:opacity-70 transition-opacity"></div><div data-lov-id="src/components/FeaturedArtists.tsx:94:18" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="94" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22absolute%20inset-0%20p-4%20flex%20flex-col%20justify-between%20text-white%22%7D" class="absolute inset-0 p-4 flex flex-col justify-between text-white"><div data-lov-id="src/components/FeaturedArtists.tsx:95:20" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="95" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20justify-between%20items-start%22%7D" class="flex justify-between items-start"><div data-lov-id="src/components/FeaturedArtists.tsx:97:24" data-lov-name="Badge" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="97" data-component-file="FeaturedArtists.tsx" data-component-name="Badge" data-component-content="%7B%22text%22%3A%22Hot%22%2C%22className%22%3A%22bg-music-gold%2F20%20text-music-gold%20border-music-gold%2F30%22%7D" class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 hover:bg-primary/80 bg-music-gold/20 text-music-gold border-music-gold/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up w-3 h-3 mr-1" data-lov-id="src/components/FeaturedArtists.tsx:98:26" data-lov-name="TrendingUp" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="98" data-component-file="FeaturedArtists.tsx" data-component-name="TrendingUp" data-component-content="%7B%22className%22%3A%22w-3%20h-3%20mr-1%22%7D"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg>Hot</div></div><div data-lov-id="src/components/FeaturedArtists.tsx:104:20" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="104" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22text-center%22%7D" class="text-center"><h3 data-lov-id="src/components/FeaturedArtists.tsx:105:22" data-lov-name="h3" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="105" data-component-file="FeaturedArtists.tsx" data-component-name="h3" data-component-content="%7B%22className%22%3A%22font-bold%20text-lg%20mb-1%22%7D" class="font-bold text-lg mb-1">Ed Sheeran</h3><p data-lov-id="src/components/FeaturedArtists.tsx:106:22" data-lov-name="p" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="106" data-component-file="FeaturedArtists.tsx" data-component-name="p" data-component-content="%7B%22text%22%3A%22items%22%2C%22className%22%3A%22text-white%2F80%20text-sm%22%7D" class="text-white/80 text-sm">12 items</p></div></div><div data-lov-id="src/components/FeaturedArtists.tsx:113:18" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="113" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22absolute%20inset-0%20bg-black%2F20%20opacity-0%20group-hover%3Aopacity-100%20transition-opacity%20flex%20items-center%20justify-center%22%7D" class="absolute inset-0 bg-black/20 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-8 h-8 text-white transform translate-x-2 group-hover:translate-x-0 transition-transform" data-lov-id="src/components/FeaturedArtists.tsx:114:20" data-lov-name="ArrowRight" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="114" data-component-file="FeaturedArtists.tsx" data-component-name="ArrowRight" data-component-content="%7B%22className%22%3A%22w-8%20h-8%20text-white%20transform%20translate-x-2%20group-hover%3Atranslate-x-0%20transition-transform%22%7D"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div></div><div data-lov-id="src/components/FeaturedArtists.tsx:77:12" data-lov-name="Card" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="77" data-component-file="FeaturedArtists.tsx" data-component-name="Card" data-component-content="%7B%22className%22%3A%22group%20relative%20overflow-hidden%20border-border%2F50%20hover%3Aborder-music-primary%2F50%20transition-all%20duration-300%20cursor-pointer%20hover%3Ascale-105%22%7D" class="rounded-lg border bg-card text-card-foreground shadow-sm group relative overflow-hidden border-border/50 hover:border-music-primary/50 transition-all duration-300 cursor-pointer hover:scale-105"><div data-lov-id="src/components/FeaturedArtists.tsx:81:14" data-lov-name="CardContent" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="81" data-component-file="FeaturedArtists.tsx" data-component-name="CardContent" data-component-content="%7B%22className%22%3A%22p-0%22%7D" class="p-0"><div data-lov-id="src/components/FeaturedArtists.tsx:82:16" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="82" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22relative%20aspect-square%22%7D" class="relative aspect-square"><img data-lov-id="src/components/FeaturedArtists.tsx:84:18" data-lov-name="img" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="84" data-component-file="FeaturedArtists.tsx" data-component-name="img" data-component-content="%7B%22className%22%3A%22w-full%20h-full%20object-cover%20transition-transform%20duration-500%20group-hover%3Ascale-110%22%7D" src="https://images.unsplash.com/photo-1516280440614-37939bbacd81?w=400&amp;h=400&amp;fit=crop" alt="Lady Gaga" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div data-lov-id="src/components/FeaturedArtists.tsx:91:18" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="91" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%7D" class="absolute inset-0 bg-gradient-to-br from-pink-500 to-purple-600 opacity-80 group-hover:opacity-70 transition-opacity"></div><div data-lov-id="src/components/FeaturedArtists.tsx:94:18" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="94" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22absolute%20inset-0%20p-4%20flex%20flex-col%20justify-between%20text-white%22%7D" class="absolute inset-0 p-4 flex flex-col justify-between text-white"><div data-lov-id="src/components/FeaturedArtists.tsx:95:20" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="95" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20justify-between%20items-start%22%7D" class="flex justify-between items-start"></div><div data-lov-id="src/components/FeaturedArtists.tsx:104:20" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="104" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22text-center%22%7D" class="text-center"><h3 data-lov-id="src/components/FeaturedArtists.tsx:105:22" data-lov-name="h3" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="105" data-component-file="FeaturedArtists.tsx" data-component-name="h3" data-component-content="%7B%22className%22%3A%22font-bold%20text-lg%20mb-1%22%7D" class="font-bold text-lg mb-1">Lady Gaga</h3><p data-lov-id="src/components/FeaturedArtists.tsx:106:22" data-lov-name="p" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="106" data-component-file="FeaturedArtists.tsx" data-component-name="p" data-component-content="%7B%22text%22%3A%22items%22%2C%22className%22%3A%22text-white%2F80%20text-sm%22%7D" class="text-white/80 text-sm">8 items</p></div></div><div data-lov-id="src/components/FeaturedArtists.tsx:113:18" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="113" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22absolute%20inset-0%20bg-black%2F20%20opacity-0%20group-hover%3Aopacity-100%20transition-opacity%20flex%20items-center%20justify-center%22%7D" class="absolute inset-0 bg-black/20 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-8 h-8 text-white transform translate-x-2 group-hover:translate-x-0 transition-transform" data-lov-id="src/components/FeaturedArtists.tsx:114:20" data-lov-name="ArrowRight" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="114" data-component-file="FeaturedArtists.tsx" data-component-name="ArrowRight" data-component-content="%7B%22className%22%3A%22w-8%20h-8%20text-white%20transform%20translate-x-2%20group-hover%3Atranslate-x-0%20transition-transform%22%7D"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div></div><div data-lov-id="src/components/FeaturedArtists.tsx:77:12" data-lov-name="Card" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="77" data-component-file="FeaturedArtists.tsx" data-component-name="Card" data-component-content="%7B%22className%22%3A%22group%20relative%20overflow-hidden%20border-border%2F50%20hover%3Aborder-music-primary%2F50%20transition-all%20duration-300%20cursor-pointer%20hover%3Ascale-105%22%7D" class="rounded-lg border bg-card text-card-foreground shadow-sm group relative overflow-hidden border-border/50 hover:border-music-primary/50 transition-all duration-300 cursor-pointer hover:scale-105"><div data-lov-id="src/components/FeaturedArtists.tsx:81:14" data-lov-name="CardContent" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="81" data-component-file="FeaturedArtists.tsx" data-component-name="CardContent" data-component-content="%7B%22className%22%3A%22p-0%22%7D" class="p-0"><div data-lov-id="src/components/FeaturedArtists.tsx:82:16" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="82" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22relative%20aspect-square%22%7D" class="relative aspect-square"><img data-lov-id="src/components/FeaturedArtists.tsx:84:18" data-lov-name="img" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="84" data-component-file="FeaturedArtists.tsx" data-component-name="img" data-component-content="%7B%22className%22%3A%22w-full%20h-full%20object-cover%20transition-transform%20duration-500%20group-hover%3Ascale-110%22%7D" src="https://images.unsplash.com/photo-1501386761578-eac5c94b800a?w=400&amp;h=400&amp;fit=crop" alt="Coldplay" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div data-lov-id="src/components/FeaturedArtists.tsx:91:18" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="91" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%7D" class="absolute inset-0 bg-gradient-to-br from-blue-500 to-indigo-600 opacity-80 group-hover:opacity-70 transition-opacity"></div><div data-lov-id="src/components/FeaturedArtists.tsx:94:18" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="94" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22absolute%20inset-0%20p-4%20flex%20flex-col%20justify-between%20text-white%22%7D" class="absolute inset-0 p-4 flex flex-col justify-between text-white"><div data-lov-id="src/components/FeaturedArtists.tsx:95:20" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="95" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20justify-between%20items-start%22%7D" class="flex justify-between items-start"><div data-lov-id="src/components/FeaturedArtists.tsx:97:24" data-lov-name="Badge" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="97" data-component-file="FeaturedArtists.tsx" data-component-name="Badge" data-component-content="%7B%22text%22%3A%22Hot%22%2C%22className%22%3A%22bg-music-gold%2F20%20text-music-gold%20border-music-gold%2F30%22%7D" class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 hover:bg-primary/80 bg-music-gold/20 text-music-gold border-music-gold/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up w-3 h-3 mr-1" data-lov-id="src/components/FeaturedArtists.tsx:98:26" data-lov-name="TrendingUp" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="98" data-component-file="FeaturedArtists.tsx" data-component-name="TrendingUp" data-component-content="%7B%22className%22%3A%22w-3%20h-3%20mr-1%22%7D"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg>Hot</div></div><div data-lov-id="src/components/FeaturedArtists.tsx:104:20" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="104" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22text-center%22%7D" class="text-center"><h3 data-lov-id="src/components/FeaturedArtists.tsx:105:22" data-lov-name="h3" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="105" data-component-file="FeaturedArtists.tsx" data-component-name="h3" data-component-content="%7B%22className%22%3A%22font-bold%20text-lg%20mb-1%22%7D" class="font-bold text-lg mb-1">Coldplay</h3><p data-lov-id="src/components/FeaturedArtists.tsx:106:22" data-lov-name="p" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="106" data-component-file="FeaturedArtists.tsx" data-component-name="p" data-component-content="%7B%22text%22%3A%22items%22%2C%22className%22%3A%22text-white%2F80%20text-sm%22%7D" class="text-white/80 text-sm">15 items</p></div></div><div data-lov-id="src/components/FeaturedArtists.tsx:113:18" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="113" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22absolute%20inset-0%20bg-black%2F20%20opacity-0%20group-hover%3Aopacity-100%20transition-opacity%20flex%20items-center%20justify-center%22%7D" class="absolute inset-0 bg-black/20 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-8 h-8 text-white transform translate-x-2 group-hover:translate-x-0 transition-transform" data-lov-id="src/components/FeaturedArtists.tsx:114:20" data-lov-name="ArrowRight" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="114" data-component-file="FeaturedArtists.tsx" data-component-name="ArrowRight" data-component-content="%7B%22className%22%3A%22w-8%20h-8%20text-white%20transform%20translate-x-2%20group-hover%3Atranslate-x-0%20transition-transform%22%7D"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div></div><div data-lov-id="src/components/FeaturedArtists.tsx:77:12" data-lov-name="Card" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="77" data-component-file="FeaturedArtists.tsx" data-component-name="Card" data-component-content="%7B%22className%22%3A%22group%20relative%20overflow-hidden%20border-border%2F50%20hover%3Aborder-music-primary%2F50%20transition-all%20duration-300%20cursor-pointer%20hover%3Ascale-105%22%7D" class="rounded-lg border bg-card text-card-foreground shadow-sm group relative overflow-hidden border-border/50 hover:border-music-primary/50 transition-all duration-300 cursor-pointer hover:scale-105"><div data-lov-id="src/components/FeaturedArtists.tsx:81:14" data-lov-name="CardContent" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="81" data-component-file="FeaturedArtists.tsx" data-component-name="CardContent" data-component-content="%7B%22className%22%3A%22p-0%22%7D" class="p-0"><div data-lov-id="src/components/FeaturedArtists.tsx:82:16" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="82" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22relative%20aspect-square%22%7D" class="relative aspect-square"><img data-lov-id="src/components/FeaturedArtists.tsx:84:18" data-lov-name="img" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="84" data-component-file="FeaturedArtists.tsx" data-component-name="img" data-component-content="%7B%22className%22%3A%22w-full%20h-full%20object-cover%20transition-transform%20duration-500%20group-hover%3Ascale-110%22%7D" src="https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=400&amp;h=400&amp;fit=crop" alt="Taylor Swift" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div data-lov-id="src/components/FeaturedArtists.tsx:91:18" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="91" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%7D" class="absolute inset-0 bg-gradient-to-br from-purple-500 to-pink-600 opacity-80 group-hover:opacity-70 transition-opacity"></div><div data-lov-id="src/components/FeaturedArtists.tsx:94:18" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="94" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22absolute%20inset-0%20p-4%20flex%20flex-col%20justify-between%20text-white%22%7D" class="absolute inset-0 p-4 flex flex-col justify-between text-white"><div data-lov-id="src/components/FeaturedArtists.tsx:95:20" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="95" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20justify-between%20items-start%22%7D" class="flex justify-between items-start"><div data-lov-id="src/components/FeaturedArtists.tsx:97:24" data-lov-name="Badge" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="97" data-component-file="FeaturedArtists.tsx" data-component-name="Badge" data-component-content="%7B%22text%22%3A%22Hot%22%2C%22className%22%3A%22bg-music-gold%2F20%20text-music-gold%20border-music-gold%2F30%22%7D" class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 hover:bg-primary/80 bg-music-gold/20 text-music-gold border-music-gold/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up w-3 h-3 mr-1" data-lov-id="src/components/FeaturedArtists.tsx:98:26" data-lov-name="TrendingUp" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="98" data-component-file="FeaturedArtists.tsx" data-component-name="TrendingUp" data-component-content="%7B%22className%22%3A%22w-3%20h-3%20mr-1%22%7D"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg>Hot</div></div><div data-lov-id="src/components/FeaturedArtists.tsx:104:20" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="104" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22text-center%22%7D" class="text-center"><h3 data-lov-id="src/components/FeaturedArtists.tsx:105:22" data-lov-name="h3" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="105" data-component-file="FeaturedArtists.tsx" data-component-name="h3" data-component-content="%7B%22className%22%3A%22font-bold%20text-lg%20mb-1%22%7D" class="font-bold text-lg mb-1">Taylor Swift</h3><p data-lov-id="src/components/FeaturedArtists.tsx:106:22" data-lov-name="p" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="106" data-component-file="FeaturedArtists.tsx" data-component-name="p" data-component-content="%7B%22text%22%3A%22items%22%2C%22className%22%3A%22text-white%2F80%20text-sm%22%7D" class="text-white/80 text-sm">18 items</p></div></div><div data-lov-id="src/components/FeaturedArtists.tsx:113:18" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="113" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22absolute%20inset-0%20bg-black%2F20%20opacity-0%20group-hover%3Aopacity-100%20transition-opacity%20flex%20items-center%20justify-center%22%7D" class="absolute inset-0 bg-black/20 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-8 h-8 text-white transform translate-x-2 group-hover:translate-x-0 transition-transform" data-lov-id="src/components/FeaturedArtists.tsx:114:20" data-lov-name="ArrowRight" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="114" data-component-file="FeaturedArtists.tsx" data-component-name="ArrowRight" data-component-content="%7B%22className%22%3A%22w-8%20h-8%20text-white%20transform%20translate-x-2%20group-hover%3Atranslate-x-0%20transition-transform%22%7D"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div></div><div data-lov-id="src/components/FeaturedArtists.tsx:77:12" data-lov-name="Card" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="77" data-component-file="FeaturedArtists.tsx" data-component-name="Card" data-component-content="%7B%22className%22%3A%22group%20relative%20overflow-hidden%20border-border%2F50%20hover%3Aborder-music-primary%2F50%20transition-all%20duration-300%20cursor-pointer%20hover%3Ascale-105%22%7D" class="rounded-lg border bg-card text-card-foreground shadow-sm group relative overflow-hidden border-border/50 hover:border-music-primary/50 transition-all duration-300 cursor-pointer hover:scale-105"><div data-lov-id="src/components/FeaturedArtists.tsx:81:14" data-lov-name="CardContent" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="81" data-component-file="FeaturedArtists.tsx" data-component-name="CardContent" data-component-content="%7B%22className%22%3A%22p-0%22%7D" class="p-0"><div data-lov-id="src/components/FeaturedArtists.tsx:82:16" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="82" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22relative%20aspect-square%22%7D" class="relative aspect-square"><img data-lov-id="src/components/FeaturedArtists.tsx:84:18" data-lov-name="img" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="84" data-component-file="FeaturedArtists.tsx" data-component-name="img" data-component-content="%7B%22className%22%3A%22w-full%20h-full%20object-cover%20transition-transform%20duration-500%20group-hover%3Ascale-110%22%7D" src="https://images.unsplash.com/photo-1516280440614-37939bbacd81?w=400&amp;h=400&amp;fit=crop" alt="Billie Eilish" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div data-lov-id="src/components/FeaturedArtists.tsx:91:18" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="91" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%7D" class="absolute inset-0 bg-gradient-to-br from-green-500 to-emerald-600 opacity-80 group-hover:opacity-70 transition-opacity"></div><div data-lov-id="src/components/FeaturedArtists.tsx:94:18" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="94" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22absolute%20inset-0%20p-4%20flex%20flex-col%20justify-between%20text-white%22%7D" class="absolute inset-0 p-4 flex flex-col justify-between text-white"><div data-lov-id="src/components/FeaturedArtists.tsx:95:20" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="95" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20justify-between%20items-start%22%7D" class="flex justify-between items-start"></div><div data-lov-id="src/components/FeaturedArtists.tsx:104:20" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="104" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22text-center%22%7D" class="text-center"><h3 data-lov-id="src/components/FeaturedArtists.tsx:105:22" data-lov-name="h3" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="105" data-component-file="FeaturedArtists.tsx" data-component-name="h3" data-component-content="%7B%22className%22%3A%22font-bold%20text-lg%20mb-1%22%7D" class="font-bold text-lg mb-1">Billie Eilish</h3><p data-lov-id="src/components/FeaturedArtists.tsx:106:22" data-lov-name="p" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="106" data-component-file="FeaturedArtists.tsx" data-component-name="p" data-component-content="%7B%22text%22%3A%22items%22%2C%22className%22%3A%22text-white%2F80%20text-sm%22%7D" class="text-white/80 text-sm">9 items</p></div></div><div data-lov-id="src/components/FeaturedArtists.tsx:113:18" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="113" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22absolute%20inset-0%20bg-black%2F20%20opacity-0%20group-hover%3Aopacity-100%20transition-opacity%20flex%20items-center%20justify-center%22%7D" class="absolute inset-0 bg-black/20 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-8 h-8 text-white transform translate-x-2 group-hover:translate-x-0 transition-transform" data-lov-id="src/components/FeaturedArtists.tsx:114:20" data-lov-name="ArrowRight" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="114" data-component-file="FeaturedArtists.tsx" data-component-name="ArrowRight" data-component-content="%7B%22className%22%3A%22w-8%20h-8%20text-white%20transform%20translate-x-2%20group-hover%3Atranslate-x-0%20transition-transform%22%7D"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div></div><div data-lov-id="src/components/FeaturedArtists.tsx:77:12" data-lov-name="Card" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="77" data-component-file="FeaturedArtists.tsx" data-component-name="Card" data-component-content="%7B%22className%22%3A%22group%20relative%20overflow-hidden%20border-border%2F50%20hover%3Aborder-music-primary%2F50%20transition-all%20duration-300%20cursor-pointer%20hover%3Ascale-105%22%7D" class="rounded-lg border bg-card text-card-foreground shadow-sm group relative overflow-hidden border-border/50 hover:border-music-primary/50 transition-all duration-300 cursor-pointer hover:scale-105"><div data-lov-id="src/components/FeaturedArtists.tsx:81:14" data-lov-name="CardContent" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="81" data-component-file="FeaturedArtists.tsx" data-component-name="CardContent" data-component-content="%7B%22className%22%3A%22p-0%22%7D" class="p-0"><div data-lov-id="src/components/FeaturedArtists.tsx:82:16" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="82" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22relative%20aspect-square%22%7D" class="relative aspect-square"><img data-lov-id="src/components/FeaturedArtists.tsx:84:18" data-lov-name="img" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="84" data-component-file="FeaturedArtists.tsx" data-component-name="img" data-component-content="%7B%22className%22%3A%22w-full%20h-full%20object-cover%20transition-transform%20duration-500%20group-hover%3Ascale-110%22%7D" src="https://images.unsplash.com/photo-1501386761578-eac5c94b800a?w=400&amp;h=400&amp;fit=crop" alt="Katy Perry" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div data-lov-id="src/components/FeaturedArtists.tsx:91:18" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="91" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%7D" class="absolute inset-0 bg-gradient-to-br from-cyan-500 to-blue-600 opacity-80 group-hover:opacity-70 transition-opacity"></div><div data-lov-id="src/components/FeaturedArtists.tsx:94:18" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="94" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22absolute%20inset-0%20p-4%20flex%20flex-col%20justify-between%20text-white%22%7D" class="absolute inset-0 p-4 flex flex-col justify-between text-white"><div data-lov-id="src/components/FeaturedArtists.tsx:95:20" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="95" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20justify-between%20items-start%22%7D" class="flex justify-between items-start"></div><div data-lov-id="src/components/FeaturedArtists.tsx:104:20" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="104" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22text-center%22%7D" class="text-center"><h3 data-lov-id="src/components/FeaturedArtists.tsx:105:22" data-lov-name="h3" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="105" data-component-file="FeaturedArtists.tsx" data-component-name="h3" data-component-content="%7B%22className%22%3A%22font-bold%20text-lg%20mb-1%22%7D" class="font-bold text-lg mb-1">Katy Perry</h3><p data-lov-id="src/components/FeaturedArtists.tsx:106:22" data-lov-name="p" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="106" data-component-file="FeaturedArtists.tsx" data-component-name="p" data-component-content="%7B%22text%22%3A%22items%22%2C%22className%22%3A%22text-white%2F80%20text-sm%22%7D" class="text-white/80 text-sm">6 items</p></div></div><div data-lov-id="src/components/FeaturedArtists.tsx:113:18" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="113" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22absolute%20inset-0%20bg-black%2F20%20opacity-0%20group-hover%3Aopacity-100%20transition-opacity%20flex%20items-center%20justify-center%22%7D" class="absolute inset-0 bg-black/20 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-8 h-8 text-white transform translate-x-2 group-hover:translate-x-0 transition-transform" data-lov-id="src/components/FeaturedArtists.tsx:114:20" data-lov-name="ArrowRight" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="114" data-component-file="FeaturedArtists.tsx" data-component-name="ArrowRight" data-component-content="%7B%22className%22%3A%22w-8%20h-8%20text-white%20transform%20translate-x-2%20group-hover%3Atranslate-x-0%20transition-transform%22%7D"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div></div></div><div data-lov-id="src/components/FeaturedArtists.tsx:122:8" data-lov-name="div" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="122" data-component-file="FeaturedArtists.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22text-center%22%7D" class="text-center"><button data-lov-id="src/components/FeaturedArtists.tsx:123:10" data-lov-name="Button" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="123" data-component-file="FeaturedArtists.tsx" data-component-name="Button" data-component-content="%7B%22text%22%3A%22View%20All%20Artists%22%2C%22className%22%3A%22border-music-primary%20text-music-primary%20hover%3Abg-music-primary%20hover%3Atext-primary-foreground%22%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border bg-background h-11 rounded-md px-8 border-music-primary text-music-primary hover:bg-music-primary hover:text-primary-foreground">View All Artists<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 ml-2" data-lov-id="src/components/FeaturedArtists.tsx:125:12" data-lov-name="ArrowRight" data-component-path="src/components/FeaturedArtists.tsx" data-component-line="125" data-component-file="FeaturedArtists.tsx" data-component-name="ArrowRight" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20ml-2%22%7D"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div></section><div data-lov-id="src/pages/MusicCollection.tsx:161:6" data-lov-name="div" data-component-path="src/pages/MusicCollection.tsx" data-component-line="161" data-component-file="MusicCollection.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22container%20mx-auto%20px-6%20py-8%22%7D" class="container mx-auto px-6 py-8"><div data-lov-id="src/pages/MusicCollection.tsx:162:8" data-lov-name="div" data-component-path="src/pages/MusicCollection.tsx" data-component-line="162" data-component-file="MusicCollection.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20gap-8%22%7D" class="flex gap-8"><div data-lov-id="src/components/FilterSidebar.tsx:56:4" data-lov-name="div" data-component-path="src/components/FilterSidebar.tsx" data-component-line="56" data-component-file="FilterSidebar.tsx" data-component-name="div" data-component-content="%7B%7D" class="fixed inset-y-0 left-0 z-50 w-80 bg-background border-r transform transition-transform duration-300 lg:relative lg:translate-x-0 -translate-x-full"><div data-lov-id="src/components/FilterSidebar.tsx:59:6" data-lov-name="Card" data-component-path="src/components/FilterSidebar.tsx" data-component-line="59" data-component-file="FilterSidebar.tsx" data-component-name="Card" data-component-content="%7B%22className%22%3A%22h-full%20border-none%20rounded-none%22%7D" class="border bg-card text-card-foreground shadow-sm h-full border-none rounded-none"><div data-lov-id="src/components/FilterSidebar.tsx:60:8" data-lov-name="CardHeader" data-component-path="src/components/FilterSidebar.tsx" data-component-line="60" data-component-file="FilterSidebar.tsx" data-component-name="CardHeader" data-component-content="%7B%22className%22%3A%22border-b%22%7D" class="flex flex-col space-y-1.5 p-6 border-b"><div data-lov-id="src/components/FilterSidebar.tsx:61:10" data-lov-name="div" data-component-path="src/components/FilterSidebar.tsx" data-component-line="61" data-component-file="FilterSidebar.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20justify-between%22%7D" class="flex items-center justify-between"><div data-lov-id="src/components/FilterSidebar.tsx:62:12" data-lov-name="div" data-component-path="src/components/FilterSidebar.tsx" data-component-line="62" data-component-file="FilterSidebar.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-2%22%7D" class="flex items-center gap-2"><h3 data-lov-id="src/components/FilterSidebar.tsx:63:14" data-lov-name="CardTitle" data-component-path="src/components/FilterSidebar.tsx" data-component-line="63" data-component-file="FilterSidebar.tsx" data-component-name="CardTitle" data-component-content="%7B%22text%22%3A%22Filters%22%2C%22className%22%3A%22flex%20items-center%20gap-2%22%7D" class="text-2xl font-semibold leading-none tracking-tight flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-filter w-5 h-5 text-music-primary" data-lov-id="src/components/FilterSidebar.tsx:64:16" data-lov-name="Filter" data-component-path="src/components/FilterSidebar.tsx" data-component-line="64" data-component-file="FilterSidebar.tsx" data-component-name="Filter" data-component-content="%7B%22className%22%3A%22w-5%20h-5%20text-music-primary%22%7D"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon></svg>Filters</h3></div><div data-lov-id="src/components/FilterSidebar.tsx:73:12" data-lov-name="div" data-component-path="src/components/FilterSidebar.tsx" data-component-line="73" data-component-file="FilterSidebar.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-2%22%7D" class="flex items-center gap-2"><button data-lov-id="src/components/FilterSidebar.tsx:84:14" data-lov-name="Button" data-component-path="src/components/FilterSidebar.tsx" data-component-line="84" data-component-file="FilterSidebar.tsx" data-component-name="Button" data-component-content="%7B%22className%22%3A%22lg%3Ahidden%22%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3 lg:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-4 h-4" data-lov-id="src/components/FilterSidebar.tsx:90:16" data-lov-name="X" data-component-path="src/components/FilterSidebar.tsx" data-component-line="90" data-component-file="FilterSidebar.tsx" data-component-name="X" data-component-content="%7B%22className%22%3A%22w-4%20h-4%22%7D"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button></div></div></div><div data-lov-id="src/components/FilterSidebar.tsx:96:8" data-lov-name="CardContent" data-component-path="src/components/FilterSidebar.tsx" data-component-line="96" data-component-file="FilterSidebar.tsx" data-component-name="CardContent" data-component-content="%7B%22className%22%3A%22p-6%20space-y-6%20overflow-y-auto%22%7D" class="p-6 space-y-6 overflow-y-auto"><div data-lov-id="src/components/FilterSidebar.tsx:98:10" data-lov-name="div" data-component-path="src/components/FilterSidebar.tsx" data-component-line="98" data-component-file="FilterSidebar.tsx" data-component-name="div" data-component-content="%7B%7D"><h3 data-lov-id="src/components/FilterSidebar.tsx:99:12" data-lov-name="h3" data-component-path="src/components/FilterSidebar.tsx" data-component-line="99" data-component-file="FilterSidebar.tsx" data-component-name="h3" data-component-content="%7B%22text%22%3A%22Artist%22%2C%22className%22%3A%22font-semibold%20mb-3%20text-foreground%22%7D" class="font-semibold mb-3 text-foreground">Artist</h3><div data-lov-id="src/components/FilterSidebar.tsx:100:12" data-lov-name="div" data-component-path="src/components/FilterSidebar.tsx" data-component-line="100" data-component-file="FilterSidebar.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22space-y-3%22%7D" class="space-y-3"><div data-lov-id="src/components/FilterSidebar.tsx:102:16" data-lov-name="div" data-component-path="src/components/FilterSidebar.tsx" data-component-line="102" data-component-file="FilterSidebar.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20space-x-2%22%7D" class="flex items-center space-x-2"><button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on" data-lov-id="src/components/FilterSidebar.tsx:103:18" data-lov-name="Checkbox" data-component-path="src/components/FilterSidebar.tsx" data-component-line="103" data-component-file="FilterSidebar.tsx" data-component-name="Checkbox" data-component-content="%7B%22className%22%3A%22border-music-primary%20data-%5Bstate%3Dchecked%5D%3Abg-music-primary%22%7D" class="peer h-4 w-4 shrink-0 rounded-sm border ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary-foreground border-music-primary data-[state=checked]:bg-music-primary" id="artist-Ed Sheeran"></button><label data-lov-id="src/components/FilterSidebar.tsx:109:18" data-lov-name="label" data-component-path="src/components/FilterSidebar.tsx" data-component-line="109" data-component-file="FilterSidebar.tsx" data-component-name="label" data-component-content="%7B%22className%22%3A%22flex-1%20flex%20items-center%20justify-between%20text-sm%20font-medium%20leading-none%20peer-disabled%3Acursor-not-allowed%20peer-disabled%3Aopacity-70%20cursor-pointer%22%7D" for="artist-Ed Sheeran" class="flex-1 flex items-center justify-between text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer"><span data-lov-id="src/components/FilterSidebar.tsx:113:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="113" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%7D">Ed Sheeran</span><span data-lov-id="src/components/FilterSidebar.tsx:114:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="114" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22(%20)%22%2C%22className%22%3A%22text-muted-foreground%22%7D" class="text-muted-foreground">(12)</span></label></div><div data-lov-id="src/components/FilterSidebar.tsx:102:16" data-lov-name="div" data-component-path="src/components/FilterSidebar.tsx" data-component-line="102" data-component-file="FilterSidebar.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20space-x-2%22%7D" class="flex items-center space-x-2"><button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on" data-lov-id="src/components/FilterSidebar.tsx:103:18" data-lov-name="Checkbox" data-component-path="src/components/FilterSidebar.tsx" data-component-line="103" data-component-file="FilterSidebar.tsx" data-component-name="Checkbox" data-component-content="%7B%22className%22%3A%22border-music-primary%20data-%5Bstate%3Dchecked%5D%3Abg-music-primary%22%7D" class="peer h-4 w-4 shrink-0 rounded-sm border ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary-foreground border-music-primary data-[state=checked]:bg-music-primary" id="artist-Lady Gaga"></button><label data-lov-id="src/components/FilterSidebar.tsx:109:18" data-lov-name="label" data-component-path="src/components/FilterSidebar.tsx" data-component-line="109" data-component-file="FilterSidebar.tsx" data-component-name="label" data-component-content="%7B%22className%22%3A%22flex-1%20flex%20items-center%20justify-between%20text-sm%20font-medium%20leading-none%20peer-disabled%3Acursor-not-allowed%20peer-disabled%3Aopacity-70%20cursor-pointer%22%7D" for="artist-Lady Gaga" class="flex-1 flex items-center justify-between text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer"><span data-lov-id="src/components/FilterSidebar.tsx:113:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="113" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%7D">Lady Gaga</span><span data-lov-id="src/components/FilterSidebar.tsx:114:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="114" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22(%20)%22%2C%22className%22%3A%22text-muted-foreground%22%7D" class="text-muted-foreground">(8)</span></label></div><div data-lov-id="src/components/FilterSidebar.tsx:102:16" data-lov-name="div" data-component-path="src/components/FilterSidebar.tsx" data-component-line="102" data-component-file="FilterSidebar.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20space-x-2%22%7D" class="flex items-center space-x-2"><button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on" data-lov-id="src/components/FilterSidebar.tsx:103:18" data-lov-name="Checkbox" data-component-path="src/components/FilterSidebar.tsx" data-component-line="103" data-component-file="FilterSidebar.tsx" data-component-name="Checkbox" data-component-content="%7B%22className%22%3A%22border-music-primary%20data-%5Bstate%3Dchecked%5D%3Abg-music-primary%22%7D" class="peer h-4 w-4 shrink-0 rounded-sm border ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary-foreground border-music-primary data-[state=checked]:bg-music-primary" id="artist-Coldplay"></button><label data-lov-id="src/components/FilterSidebar.tsx:109:18" data-lov-name="label" data-component-path="src/components/FilterSidebar.tsx" data-component-line="109" data-component-file="FilterSidebar.tsx" data-component-name="label" data-component-content="%7B%22className%22%3A%22flex-1%20flex%20items-center%20justify-between%20text-sm%20font-medium%20leading-none%20peer-disabled%3Acursor-not-allowed%20peer-disabled%3Aopacity-70%20cursor-pointer%22%7D" for="artist-Coldplay" class="flex-1 flex items-center justify-between text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer"><span data-lov-id="src/components/FilterSidebar.tsx:113:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="113" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%7D">Coldplay</span><span data-lov-id="src/components/FilterSidebar.tsx:114:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="114" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22(%20)%22%2C%22className%22%3A%22text-muted-foreground%22%7D" class="text-muted-foreground">(15)</span></label></div><div data-lov-id="src/components/FilterSidebar.tsx:102:16" data-lov-name="div" data-component-path="src/components/FilterSidebar.tsx" data-component-line="102" data-component-file="FilterSidebar.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20space-x-2%22%7D" class="flex items-center space-x-2"><button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on" data-lov-id="src/components/FilterSidebar.tsx:103:18" data-lov-name="Checkbox" data-component-path="src/components/FilterSidebar.tsx" data-component-line="103" data-component-file="FilterSidebar.tsx" data-component-name="Checkbox" data-component-content="%7B%22className%22%3A%22border-music-primary%20data-%5Bstate%3Dchecked%5D%3Abg-music-primary%22%7D" class="peer h-4 w-4 shrink-0 rounded-sm border ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary-foreground border-music-primary data-[state=checked]:bg-music-primary" id="artist-Katy Perry"></button><label data-lov-id="src/components/FilterSidebar.tsx:109:18" data-lov-name="label" data-component-path="src/components/FilterSidebar.tsx" data-component-line="109" data-component-file="FilterSidebar.tsx" data-component-name="label" data-component-content="%7B%22className%22%3A%22flex-1%20flex%20items-center%20justify-between%20text-sm%20font-medium%20leading-none%20peer-disabled%3Acursor-not-allowed%20peer-disabled%3Aopacity-70%20cursor-pointer%22%7D" for="artist-Katy Perry" class="flex-1 flex items-center justify-between text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer"><span data-lov-id="src/components/FilterSidebar.tsx:113:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="113" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%7D">Katy Perry</span><span data-lov-id="src/components/FilterSidebar.tsx:114:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="114" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22(%20)%22%2C%22className%22%3A%22text-muted-foreground%22%7D" class="text-muted-foreground">(6)</span></label></div><div data-lov-id="src/components/FilterSidebar.tsx:102:16" data-lov-name="div" data-component-path="src/components/FilterSidebar.tsx" data-component-line="102" data-component-file="FilterSidebar.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20space-x-2%22%7D" class="flex items-center space-x-2"><button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on" data-lov-id="src/components/FilterSidebar.tsx:103:18" data-lov-name="Checkbox" data-component-path="src/components/FilterSidebar.tsx" data-component-line="103" data-component-file="FilterSidebar.tsx" data-component-name="Checkbox" data-component-content="%7B%22className%22%3A%22border-music-primary%20data-%5Bstate%3Dchecked%5D%3Abg-music-primary%22%7D" class="peer h-4 w-4 shrink-0 rounded-sm border ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary-foreground border-music-primary data-[state=checked]:bg-music-primary" id="artist-Taylor Swift"></button><label data-lov-id="src/components/FilterSidebar.tsx:109:18" data-lov-name="label" data-component-path="src/components/FilterSidebar.tsx" data-component-line="109" data-component-file="FilterSidebar.tsx" data-component-name="label" data-component-content="%7B%22className%22%3A%22flex-1%20flex%20items-center%20justify-between%20text-sm%20font-medium%20leading-none%20peer-disabled%3Acursor-not-allowed%20peer-disabled%3Aopacity-70%20cursor-pointer%22%7D" for="artist-Taylor Swift" class="flex-1 flex items-center justify-between text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer"><span data-lov-id="src/components/FilterSidebar.tsx:113:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="113" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%7D">Taylor Swift</span><span data-lov-id="src/components/FilterSidebar.tsx:114:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="114" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22(%20)%22%2C%22className%22%3A%22text-muted-foreground%22%7D" class="text-muted-foreground">(18)</span></label></div><div data-lov-id="src/components/FilterSidebar.tsx:102:16" data-lov-name="div" data-component-path="src/components/FilterSidebar.tsx" data-component-line="102" data-component-file="FilterSidebar.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20space-x-2%22%7D" class="flex items-center space-x-2"><button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on" data-lov-id="src/components/FilterSidebar.tsx:103:18" data-lov-name="Checkbox" data-component-path="src/components/FilterSidebar.tsx" data-component-line="103" data-component-file="FilterSidebar.tsx" data-component-name="Checkbox" data-component-content="%7B%22className%22%3A%22border-music-primary%20data-%5Bstate%3Dchecked%5D%3Abg-music-primary%22%7D" class="peer h-4 w-4 shrink-0 rounded-sm border ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary-foreground border-music-primary data-[state=checked]:bg-music-primary" id="artist-Billie Eilish"></button><label data-lov-id="src/components/FilterSidebar.tsx:109:18" data-lov-name="label" data-component-path="src/components/FilterSidebar.tsx" data-component-line="109" data-component-file="FilterSidebar.tsx" data-component-name="label" data-component-content="%7B%22className%22%3A%22flex-1%20flex%20items-center%20justify-between%20text-sm%20font-medium%20leading-none%20peer-disabled%3Acursor-not-allowed%20peer-disabled%3Aopacity-70%20cursor-pointer%22%7D" for="artist-Billie Eilish" class="flex-1 flex items-center justify-between text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer"><span data-lov-id="src/components/FilterSidebar.tsx:113:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="113" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%7D">Billie Eilish</span><span data-lov-id="src/components/FilterSidebar.tsx:114:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="114" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22(%20)%22%2C%22className%22%3A%22text-muted-foreground%22%7D" class="text-muted-foreground">(9)</span></label></div><div data-lov-id="src/components/FilterSidebar.tsx:102:16" data-lov-name="div" data-component-path="src/components/FilterSidebar.tsx" data-component-line="102" data-component-file="FilterSidebar.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20space-x-2%22%7D" class="flex items-center space-x-2"><button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on" data-lov-id="src/components/FilterSidebar.tsx:103:18" data-lov-name="Checkbox" data-component-path="src/components/FilterSidebar.tsx" data-component-line="103" data-component-file="FilterSidebar.tsx" data-component-name="Checkbox" data-component-content="%7B%22className%22%3A%22border-music-primary%20data-%5Bstate%3Dchecked%5D%3Abg-music-primary%22%7D" class="peer h-4 w-4 shrink-0 rounded-sm border ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary-foreground border-music-primary data-[state=checked]:bg-music-primary" id="artist-The Weeknd"></button><label data-lov-id="src/components/FilterSidebar.tsx:109:18" data-lov-name="label" data-component-path="src/components/FilterSidebar.tsx" data-component-line="109" data-component-file="FilterSidebar.tsx" data-component-name="label" data-component-content="%7B%22className%22%3A%22flex-1%20flex%20items-center%20justify-between%20text-sm%20font-medium%20leading-none%20peer-disabled%3Acursor-not-allowed%20peer-disabled%3Aopacity-70%20cursor-pointer%22%7D" for="artist-The Weeknd" class="flex-1 flex items-center justify-between text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer"><span data-lov-id="src/components/FilterSidebar.tsx:113:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="113" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%7D">The Weeknd</span><span data-lov-id="src/components/FilterSidebar.tsx:114:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="114" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22(%20)%22%2C%22className%22%3A%22text-muted-foreground%22%7D" class="text-muted-foreground">(7)</span></label></div><div data-lov-id="src/components/FilterSidebar.tsx:102:16" data-lov-name="div" data-component-path="src/components/FilterSidebar.tsx" data-component-line="102" data-component-file="FilterSidebar.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20space-x-2%22%7D" class="flex items-center space-x-2"><button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on" data-lov-id="src/components/FilterSidebar.tsx:103:18" data-lov-name="Checkbox" data-component-path="src/components/FilterSidebar.tsx" data-component-line="103" data-component-file="FilterSidebar.tsx" data-component-name="Checkbox" data-component-content="%7B%22className%22%3A%22border-music-primary%20data-%5Bstate%3Dchecked%5D%3Abg-music-primary%22%7D" class="peer h-4 w-4 shrink-0 rounded-sm border ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary-foreground border-music-primary data-[state=checked]:bg-music-primary" id="artist-Ariana Grande"></button><label data-lov-id="src/components/FilterSidebar.tsx:109:18" data-lov-name="label" data-component-path="src/components/FilterSidebar.tsx" data-component-line="109" data-component-file="FilterSidebar.tsx" data-component-name="label" data-component-content="%7B%22className%22%3A%22flex-1%20flex%20items-center%20justify-between%20text-sm%20font-medium%20leading-none%20peer-disabled%3Acursor-not-allowed%20peer-disabled%3Aopacity-70%20cursor-pointer%22%7D" for="artist-Ariana Grande" class="flex-1 flex items-center justify-between text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer"><span data-lov-id="src/components/FilterSidebar.tsx:113:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="113" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%7D">Ariana Grande</span><span data-lov-id="src/components/FilterSidebar.tsx:114:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="114" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22(%20)%22%2C%22className%22%3A%22text-muted-foreground%22%7D" class="text-muted-foreground">(11)</span></label></div></div></div><div data-orientation="horizontal" role="none" data-lov-id="src/components/FilterSidebar.tsx:121:10" data-lov-name="Separator" data-component-path="src/components/FilterSidebar.tsx" data-component-line="121" data-component-file="FilterSidebar.tsx" data-component-name="Separator" data-component-content="%7B%7D" class="shrink-0 bg-border h-[1px] w-full"></div><div data-lov-id="src/components/FilterSidebar.tsx:124:10" data-lov-name="div" data-component-path="src/components/FilterSidebar.tsx" data-component-line="124" data-component-file="FilterSidebar.tsx" data-component-name="div" data-component-content="%7B%7D"><h3 data-lov-id="src/components/FilterSidebar.tsx:125:12" data-lov-name="h3" data-component-path="src/components/FilterSidebar.tsx" data-component-line="125" data-component-file="FilterSidebar.tsx" data-component-name="h3" data-component-content="%7B%22text%22%3A%22Product%20Type%22%2C%22className%22%3A%22font-semibold%20mb-3%20text-foreground%22%7D" class="font-semibold mb-3 text-foreground">Product Type</h3><div data-lov-id="src/components/FilterSidebar.tsx:126:12" data-lov-name="div" data-component-path="src/components/FilterSidebar.tsx" data-component-line="126" data-component-file="FilterSidebar.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22space-y-3%22%7D" class="space-y-3"><div data-lov-id="src/components/FilterSidebar.tsx:128:16" data-lov-name="div" data-component-path="src/components/FilterSidebar.tsx" data-component-line="128" data-component-file="FilterSidebar.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20space-x-2%22%7D" class="flex items-center space-x-2"><button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on" data-lov-id="src/components/FilterSidebar.tsx:129:18" data-lov-name="Checkbox" data-component-path="src/components/FilterSidebar.tsx" data-component-line="129" data-component-file="FilterSidebar.tsx" data-component-name="Checkbox" data-component-content="%7B%22className%22%3A%22border-music-primary%20data-%5Bstate%3Dchecked%5D%3Abg-music-primary%22%7D" class="peer h-4 w-4 shrink-0 rounded-sm border ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary-foreground border-music-primary data-[state=checked]:bg-music-primary" id="type-T-Shirt"></button><label data-lov-id="src/components/FilterSidebar.tsx:135:18" data-lov-name="label" data-component-path="src/components/FilterSidebar.tsx" data-component-line="135" data-component-file="FilterSidebar.tsx" data-component-name="label" data-component-content="%7B%22className%22%3A%22flex-1%20flex%20items-center%20justify-between%20text-sm%20font-medium%20leading-none%20peer-disabled%3Acursor-not-allowed%20peer-disabled%3Aopacity-70%20cursor-pointer%22%7D" for="type-T-Shirt" class="flex-1 flex items-center justify-between text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer"><span data-lov-id="src/components/FilterSidebar.tsx:139:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="139" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%7D">T-Shirt</span><span data-lov-id="src/components/FilterSidebar.tsx:140:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="140" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22(%20)%22%2C%22className%22%3A%22text-muted-foreground%22%7D" class="text-muted-foreground">(45)</span></label></div><div data-lov-id="src/components/FilterSidebar.tsx:128:16" data-lov-name="div" data-component-path="src/components/FilterSidebar.tsx" data-component-line="128" data-component-file="FilterSidebar.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20space-x-2%22%7D" class="flex items-center space-x-2"><button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on" data-lov-id="src/components/FilterSidebar.tsx:129:18" data-lov-name="Checkbox" data-component-path="src/components/FilterSidebar.tsx" data-component-line="129" data-component-file="FilterSidebar.tsx" data-component-name="Checkbox" data-component-content="%7B%22className%22%3A%22border-music-primary%20data-%5Bstate%3Dchecked%5D%3Abg-music-primary%22%7D" class="peer h-4 w-4 shrink-0 rounded-sm border ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary-foreground border-music-primary data-[state=checked]:bg-music-primary" id="type-Hoodie"></button><label data-lov-id="src/components/FilterSidebar.tsx:135:18" data-lov-name="label" data-component-path="src/components/FilterSidebar.tsx" data-component-line="135" data-component-file="FilterSidebar.tsx" data-component-name="label" data-component-content="%7B%22className%22%3A%22flex-1%20flex%20items-center%20justify-between%20text-sm%20font-medium%20leading-none%20peer-disabled%3Acursor-not-allowed%20peer-disabled%3Aopacity-70%20cursor-pointer%22%7D" for="type-Hoodie" class="flex-1 flex items-center justify-between text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer"><span data-lov-id="src/components/FilterSidebar.tsx:139:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="139" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%7D">Hoodie</span><span data-lov-id="src/components/FilterSidebar.tsx:140:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="140" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22(%20)%22%2C%22className%22%3A%22text-muted-foreground%22%7D" class="text-muted-foreground">(28)</span></label></div><div data-lov-id="src/components/FilterSidebar.tsx:128:16" data-lov-name="div" data-component-path="src/components/FilterSidebar.tsx" data-component-line="128" data-component-file="FilterSidebar.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20space-x-2%22%7D" class="flex items-center space-x-2"><button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on" data-lov-id="src/components/FilterSidebar.tsx:129:18" data-lov-name="Checkbox" data-component-path="src/components/FilterSidebar.tsx" data-component-line="129" data-component-file="FilterSidebar.tsx" data-component-name="Checkbox" data-component-content="%7B%22className%22%3A%22border-music-primary%20data-%5Bstate%3Dchecked%5D%3Abg-music-primary%22%7D" class="peer h-4 w-4 shrink-0 rounded-sm border ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary-foreground border-music-primary data-[state=checked]:bg-music-primary" id="type-Tank Top"></button><label data-lov-id="src/components/FilterSidebar.tsx:135:18" data-lov-name="label" data-component-path="src/components/FilterSidebar.tsx" data-component-line="135" data-component-file="FilterSidebar.tsx" data-component-name="label" data-component-content="%7B%22className%22%3A%22flex-1%20flex%20items-center%20justify-between%20text-sm%20font-medium%20leading-none%20peer-disabled%3Acursor-not-allowed%20peer-disabled%3Aopacity-70%20cursor-pointer%22%7D" for="type-Tank Top" class="flex-1 flex items-center justify-between text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer"><span data-lov-id="src/components/FilterSidebar.tsx:139:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="139" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%7D">Tank Top</span><span data-lov-id="src/components/FilterSidebar.tsx:140:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="140" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22(%20)%22%2C%22className%22%3A%22text-muted-foreground%22%7D" class="text-muted-foreground">(12)</span></label></div><div data-lov-id="src/components/FilterSidebar.tsx:128:16" data-lov-name="div" data-component-path="src/components/FilterSidebar.tsx" data-component-line="128" data-component-file="FilterSidebar.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20space-x-2%22%7D" class="flex items-center space-x-2"><button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on" data-lov-id="src/components/FilterSidebar.tsx:129:18" data-lov-name="Checkbox" data-component-path="src/components/FilterSidebar.tsx" data-component-line="129" data-component-file="FilterSidebar.tsx" data-component-name="Checkbox" data-component-content="%7B%22className%22%3A%22border-music-primary%20data-%5Bstate%3Dchecked%5D%3Abg-music-primary%22%7D" class="peer h-4 w-4 shrink-0 rounded-sm border ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary-foreground border-music-primary data-[state=checked]:bg-music-primary" id="type-Long Sleeve"></button><label data-lov-id="src/components/FilterSidebar.tsx:135:18" data-lov-name="label" data-component-path="src/components/FilterSidebar.tsx" data-component-line="135" data-component-file="FilterSidebar.tsx" data-component-name="label" data-component-content="%7B%22className%22%3A%22flex-1%20flex%20items-center%20justify-between%20text-sm%20font-medium%20leading-none%20peer-disabled%3Acursor-not-allowed%20peer-disabled%3Aopacity-70%20cursor-pointer%22%7D" for="type-Long Sleeve" class="flex-1 flex items-center justify-between text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer"><span data-lov-id="src/components/FilterSidebar.tsx:139:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="139" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%7D">Long Sleeve</span><span data-lov-id="src/components/FilterSidebar.tsx:140:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="140" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22(%20)%22%2C%22className%22%3A%22text-muted-foreground%22%7D" class="text-muted-foreground">(18)</span></label></div><div data-lov-id="src/components/FilterSidebar.tsx:128:16" data-lov-name="div" data-component-path="src/components/FilterSidebar.tsx" data-component-line="128" data-component-file="FilterSidebar.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20space-x-2%22%7D" class="flex items-center space-x-2"><button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on" data-lov-id="src/components/FilterSidebar.tsx:129:18" data-lov-name="Checkbox" data-component-path="src/components/FilterSidebar.tsx" data-component-line="129" data-component-file="FilterSidebar.tsx" data-component-name="Checkbox" data-component-content="%7B%22className%22%3A%22border-music-primary%20data-%5Bstate%3Dchecked%5D%3Abg-music-primary%22%7D" class="peer h-4 w-4 shrink-0 rounded-sm border ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary-foreground border-music-primary data-[state=checked]:bg-music-primary" id="type-Bracelet"></button><label data-lov-id="src/components/FilterSidebar.tsx:135:18" data-lov-name="label" data-component-path="src/components/FilterSidebar.tsx" data-component-line="135" data-component-file="FilterSidebar.tsx" data-component-name="label" data-component-content="%7B%22className%22%3A%22flex-1%20flex%20items-center%20justify-between%20text-sm%20font-medium%20leading-none%20peer-disabled%3Acursor-not-allowed%20peer-disabled%3Aopacity-70%20cursor-pointer%22%7D" for="type-Bracelet" class="flex-1 flex items-center justify-between text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer"><span data-lov-id="src/components/FilterSidebar.tsx:139:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="139" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%7D">Bracelet</span><span data-lov-id="src/components/FilterSidebar.tsx:140:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="140" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22(%20)%22%2C%22className%22%3A%22text-muted-foreground%22%7D" class="text-muted-foreground">(8)</span></label></div><div data-lov-id="src/components/FilterSidebar.tsx:128:16" data-lov-name="div" data-component-path="src/components/FilterSidebar.tsx" data-component-line="128" data-component-file="FilterSidebar.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20space-x-2%22%7D" class="flex items-center space-x-2"><button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on" data-lov-id="src/components/FilterSidebar.tsx:129:18" data-lov-name="Checkbox" data-component-path="src/components/FilterSidebar.tsx" data-component-line="129" data-component-file="FilterSidebar.tsx" data-component-name="Checkbox" data-component-content="%7B%22className%22%3A%22border-music-primary%20data-%5Bstate%3Dchecked%5D%3Abg-music-primary%22%7D" class="peer h-4 w-4 shrink-0 rounded-sm border ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary-foreground border-music-primary data-[state=checked]:bg-music-primary" id="type-Tote Bag"></button><label data-lov-id="src/components/FilterSidebar.tsx:135:18" data-lov-name="label" data-component-path="src/components/FilterSidebar.tsx" data-component-line="135" data-component-file="FilterSidebar.tsx" data-component-name="label" data-component-content="%7B%22className%22%3A%22flex-1%20flex%20items-center%20justify-between%20text-sm%20font-medium%20leading-none%20peer-disabled%3Acursor-not-allowed%20peer-disabled%3Aopacity-70%20cursor-pointer%22%7D" for="type-Tote Bag" class="flex-1 flex items-center justify-between text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer"><span data-lov-id="src/components/FilterSidebar.tsx:139:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="139" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%7D">Tote Bag</span><span data-lov-id="src/components/FilterSidebar.tsx:140:20" data-lov-name="span" data-component-path="src/components/FilterSidebar.tsx" data-component-line="140" data-component-file="FilterSidebar.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22(%20)%22%2C%22className%22%3A%22text-muted-foreground%22%7D" class="text-muted-foreground">(5)</span></label></div></div></div><div data-orientation="horizontal" role="none" data-lov-id="src/components/FilterSidebar.tsx:147:10" data-lov-name="Separator" data-component-path="src/components/FilterSidebar.tsx" data-component-line="147" data-component-file="FilterSidebar.tsx" data-component-name="Separator" data-component-content="%7B%7D" class="shrink-0 bg-border h-[1px] w-full"></div><div data-lov-id="src/components/FilterSidebar.tsx:150:10" data-lov-name="div" data-component-path="src/components/FilterSidebar.tsx" data-component-line="150" data-component-file="FilterSidebar.tsx" data-component-name="div" data-component-content="%7B%7D"><h3 data-lov-id="src/components/FilterSidebar.tsx:151:12" data-lov-name="h3" data-component-path="src/components/FilterSidebar.tsx" data-component-line="151" data-component-file="FilterSidebar.tsx" data-component-name="h3" data-component-content="%7B%22text%22%3A%22Size%22%2C%22className%22%3A%22font-semibold%20mb-3%20text-foreground%22%7D" class="font-semibold mb-3 text-foreground">Size</h3><div data-lov-id="src/components/FilterSidebar.tsx:152:12" data-lov-name="div" data-component-path="src/components/FilterSidebar.tsx" data-component-line="152" data-component-file="FilterSidebar.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22grid%20grid-cols-3%20gap-2%22%7D" class="grid grid-cols-3 gap-2"><button data-lov-id="src/components/FilterSidebar.tsx:154:16" data-lov-name="Button" data-component-path="src/components/FilterSidebar.tsx" data-component-line="154" data-component-file="FilterSidebar.tsx" data-component-name="Button" data-component-content="%7B%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3 border-music-primary/30 hover:border-music-primary">XS</button><button data-lov-id="src/components/FilterSidebar.tsx:154:16" data-lov-name="Button" data-component-path="src/components/FilterSidebar.tsx" data-component-line="154" data-component-file="FilterSidebar.tsx" data-component-name="Button" data-component-content="%7B%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3 border-music-primary/30 hover:border-music-primary">S</button><button data-lov-id="src/components/FilterSidebar.tsx:154:16" data-lov-name="Button" data-component-path="src/components/FilterSidebar.tsx" data-component-line="154" data-component-file="FilterSidebar.tsx" data-component-name="Button" data-component-content="%7B%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3 border-music-primary/30 hover:border-music-primary">M</button><button data-lov-id="src/components/FilterSidebar.tsx:154:16" data-lov-name="Button" data-component-path="src/components/FilterSidebar.tsx" data-component-line="154" data-component-file="FilterSidebar.tsx" data-component-name="Button" data-component-content="%7B%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3 border-music-primary/30 hover:border-music-primary">L</button><button data-lov-id="src/components/FilterSidebar.tsx:154:16" data-lov-name="Button" data-component-path="src/components/FilterSidebar.tsx" data-component-line="154" data-component-file="FilterSidebar.tsx" data-component-name="Button" data-component-content="%7B%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3 border-music-primary/30 hover:border-music-primary">XL</button><button data-lov-id="src/components/FilterSidebar.tsx:154:16" data-lov-name="Button" data-component-path="src/components/FilterSidebar.tsx" data-component-line="154" data-component-file="FilterSidebar.tsx" data-component-name="Button" data-component-content="%7B%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3 border-music-primary/30 hover:border-music-primary">XXL</button><button data-lov-id="src/components/FilterSidebar.tsx:154:16" data-lov-name="Button" data-component-path="src/components/FilterSidebar.tsx" data-component-line="154" data-component-file="FilterSidebar.tsx" data-component-name="Button" data-component-content="%7B%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3 border-music-primary/30 hover:border-music-primary">3XL</button></div></div></div></div></div><div data-lov-id="src/pages/MusicCollection.tsx:177:10" data-lov-name="div" data-component-path="src/pages/MusicCollection.tsx" data-component-line="177" data-component-file="MusicCollection.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex-1%22%7D" class="flex-1"><div data-lov-id="src/pages/MusicCollection.tsx:179:12" data-lov-name="div" data-component-path="src/pages/MusicCollection.tsx" data-component-line="179" data-component-file="MusicCollection.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20flex-col%20md%3Aflex-row%20gap-4%20mb-8%22%7D" class="flex flex-col md:flex-row gap-4 mb-8"><div data-lov-id="src/pages/MusicCollection.tsx:180:14" data-lov-name="div" data-component-path="src/pages/MusicCollection.tsx" data-component-line="180" data-component-file="MusicCollection.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex-1%20relative%22%7D" class="flex-1 relative"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-muted-foreground" data-lov-id="src/pages/MusicCollection.tsx:181:16" data-lov-name="Search" data-component-path="src/pages/MusicCollection.tsx" data-component-line="181" data-component-file="MusicCollection.tsx" data-component-name="Search" data-component-content="%7B%22className%22%3A%22absolute%20left-3%20top-1%2F2%20transform%20-translate-y-1%2F2%20w-4%20h-4%20text-muted-foreground%22%7D"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg><input data-lov-id="src/pages/MusicCollection.tsx:182:16" data-lov-name="Input" data-component-path="src/pages/MusicCollection.tsx" data-component-line="182" data-component-file="MusicCollection.tsx" data-component-name="Input" data-component-content="%7B%22placeholder%22%3A%22Search%20products%20or%20artists...%22%2C%22className%22%3A%22pl-10%20bg-background%20border-border%22%7D" class="flex h-10 w-full rounded-md border px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm pl-10 bg-background border-border" placeholder="Search products or artists..." value=""></div><div data-lov-id="src/pages/MusicCollection.tsx:190:14" data-lov-name="div" data-component-path="src/pages/MusicCollection.tsx" data-component-line="190" data-component-file="MusicCollection.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20gap-2%22%7D" class="flex gap-2"><button data-lov-id="src/pages/MusicCollection.tsx:191:16" data-lov-name="Button" data-component-path="src/pages/MusicCollection.tsx" data-component-line="191" data-component-file="MusicCollection.tsx" data-component-name="Button" data-component-content="%7B%22text%22%3A%22Filters%22%2C%22className%22%3A%22lg%3Ahidden%20border-music-primary%20text-music-primary%22%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3 lg:hidden border-music-primary text-music-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-filter w-4 h-4 mr-2" data-lov-id="src/pages/MusicCollection.tsx:197:18" data-lov-name="Filter" data-component-path="src/pages/MusicCollection.tsx" data-component-line="197" data-component-file="MusicCollection.tsx" data-component-name="Filter" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20mr-2%22%7D"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon></svg>Filters</button><button data-lov-id="src/pages/MusicCollection.tsx:208:20" data-lov-name="Button" data-component-path="src/pages/MusicCollection.tsx" data-component-line="208" data-component-file="MusicCollection.tsx" data-component-name="Button" data-component-content="%7B%22text%22%3A%22Sort%20by%3A%22%2C%22className%22%3A%22border-border%22%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3 border-border" type="button" id="radix-:r0:" aria-haspopup="menu" aria-expanded="false" data-state="closed">Sort by: Featured<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 ml-2" data-lov-id="src/pages/MusicCollection.tsx:210:22" data-lov-name="ChevronDown" data-component-path="src/pages/MusicCollection.tsx" data-component-line="210" data-component-file="MusicCollection.tsx" data-component-name="ChevronDown" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20ml-2%22%7D"><path d="m6 9 6 6 6-6"></path></svg></button><div data-lov-id="src/pages/MusicCollection.tsx:229:16" data-lov-name="div" data-component-path="src/pages/MusicCollection.tsx" data-component-line="229" data-component-file="MusicCollection.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20border%20border-border%20rounded-md%22%7D" class="flex border border-border rounded-md"><button data-lov-id="src/pages/MusicCollection.tsx:230:18" data-lov-name="Button" data-component-path="src/pages/MusicCollection.tsx" data-component-line="230" data-component-file="MusicCollection.tsx" data-component-name="Button" data-component-content="%7B%22className%22%3A%22rounded-r-none%22%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 h-9 rounded-md px-3 rounded-r-none"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grid3x3 w-4 h-4"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M3 15h18"></path><path d="M9 3v18"></path><path d="M15 3v18"></path></svg></button><button data-lov-id="src/pages/MusicCollection.tsx:238:18" data-lov-name="Button" data-component-path="src/pages/MusicCollection.tsx" data-component-line="238" data-component-file="MusicCollection.tsx" data-component-name="Button" data-component-content="%7B%22className%22%3A%22rounded-l-none%22%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3 rounded-l-none"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-list w-4 h-4" data-lov-id="src/pages/MusicCollection.tsx:244:20" data-lov-name="List" data-component-path="src/pages/MusicCollection.tsx" data-component-line="244" data-component-file="MusicCollection.tsx" data-component-name="List" data-component-content="%7B%22className%22%3A%22w-4%20h-4%22%7D"><path d="M3 12h.01"></path><path d="M3 18h.01"></path><path d="M3 6h.01"></path><path d="M8 12h13"></path><path d="M8 18h13"></path><path d="M8 6h13"></path></svg></button></div></div></div><div data-lov-id="src/pages/MusicCollection.tsx:251:12" data-lov-name="div" data-component-path="src/pages/MusicCollection.tsx" data-component-line="251" data-component-file="MusicCollection.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20justify-between%20mb-6%22%7D" class="flex items-center justify-between mb-6"><p data-lov-id="src/pages/MusicCollection.tsx:252:14" data-lov-name="p" data-component-path="src/pages/MusicCollection.tsx" data-component-line="252" data-component-file="MusicCollection.tsx" data-component-name="p" data-component-content="%7B%22text%22%3A%22Showing%20of%20products%22%2C%22className%22%3A%22text-muted-foreground%22%7D" class="text-muted-foreground">Showing 6 of 6 products</p></div><div data-lov-id="src/pages/MusicCollection.tsx:258:12" data-lov-name="div" data-component-path="src/pages/MusicCollection.tsx" data-component-line="258" data-component-file="MusicCollection.tsx" data-component-name="div" data-component-content="%7B%7D" class="grid gap-6 grid-cols-1 md:grid-cols-2 lg:grid-cols-3"><div data-lov-id="src/components/ProductCard.tsx:31:4" data-lov-name="Card" data-component-path="src/components/ProductCard.tsx" data-component-line="31" data-component-file="ProductCard.tsx" data-component-name="Card" data-component-content="%7B%22className%22%3A%22group%20relative%20overflow-hidden%20border-border%2F50%20hover%3Aborder-music-primary%2F50%20transition-all%20duration-300%20hover%3Ashadow-lg%20hover%3Ashadow-music-primary%2F20%22%7D" class="rounded-lg border bg-card text-card-foreground shadow-sm group relative overflow-hidden border-border/50 hover:border-music-primary/50 transition-all duration-300 hover:shadow-lg hover:shadow-music-primary/20"><div data-lov-id="src/components/ProductCard.tsx:36:6" data-lov-name="CardContent" data-component-path="src/components/ProductCard.tsx" data-component-line="36" data-component-file="ProductCard.tsx" data-component-name="CardContent" data-component-content="%7B%22className%22%3A%22p-0%22%7D" class="p-0"><div data-lov-id="src/components/ProductCard.tsx:38:8" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="38" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22relative%20aspect-square%20overflow-hidden%22%7D" class="relative aspect-square overflow-hidden"><img data-lov-id="src/components/ProductCard.tsx:39:10" data-lov-name="img" data-component-path="src/components/ProductCard.tsx" data-component-line="39" data-component-file="ProductCard.tsx" data-component-name="img" data-component-content="%7B%22className%22%3A%22w-full%20h-full%20object-cover%20transition-transform%20duration-500%20group-hover%3Ascale-110%22%7D" src="/assets/product-1-DesSnpS1.jpg" alt="Mathematics Tour Official Tee" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div data-lov-id="src/components/ProductCard.tsx:46:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="46" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%7D" class="absolute inset-0 bg-gradient-to-t from-background/80 via-transparent to-transparent transition-opacity duration-300 opacity-0"></div><div data-lov-id="src/components/ProductCard.tsx:51:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="51" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%7D" class="absolute top-4 right-4 flex flex-col gap-2 transition-all duration-300 translate-x-12 opacity-0"><button data-lov-id="src/components/ProductCard.tsx:54:12" data-lov-name="Button" data-component-path="src/components/ProductCard.tsx" data-component-line="54" data-component-file="ProductCard.tsx" data-component-name="Button" data-component-content="%7B%22className%22%3A%22w-10%20h-10%20rounded-full%20p-0%20bg-background%2F90%20hover%3Abg-music-primary%20hover%3Atext-primary-foreground%22%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-secondary-foreground w-10 h-10 rounded-full p-0 bg-background/90 hover:bg-music-primary hover:text-primary-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-4 h-4" data-lov-id="src/components/ProductCard.tsx:60:14" data-lov-name="Heart" data-component-path="src/components/ProductCard.tsx" data-component-line="60" data-component-file="ProductCard.tsx" data-component-name="Heart" data-component-content="%7B%7D"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><div data-lov-id="src/components/ProductCard.tsx:65:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="65" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22absolute%20top-4%20left-4%20flex%20flex-col%20gap-2%22%7D" class="absolute top-4 left-4 flex flex-col gap-2"><div data-lov-id="src/components/ProductCard.tsx:67:14" data-lov-name="Badge" data-component-path="src/components/ProductCard.tsx" data-component-line="67" data-component-file="ProductCard.tsx" data-component-name="Badge" data-component-content="%7B%22className%22%3A%22bg-music-primary%20text-primary-foreground%22%7D" class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent hover:bg-primary/80 bg-music-primary text-primary-foreground">Bestseller</div><div data-lov-id="src/components/ProductCard.tsx:72:14" data-lov-name="Badge" data-component-path="src/components/ProductCard.tsx" data-component-line="72" data-component-file="ProductCard.tsx" data-component-name="Badge" data-component-content="%7B%22text%22%3A%22Sale%22%2C%22className%22%3A%22bg-red-500%22%7D" class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent text-destructive-foreground hover:bg-destructive/80 bg-red-500">Sale</div></div><div data-lov-id="src/components/ProductCard.tsx:79:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="79" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%7D" class="absolute bottom-4 left-4 right-4 transition-all duration-300 translate-y-8 opacity-0"><button data-lov-id="src/components/ProductCard.tsx:82:12" data-lov-name="Button" data-component-path="src/components/ProductCard.tsx" data-component-line="82" data-component-file="ProductCard.tsx" data-component-name="Button" data-component-content="%7B%22text%22%3A%22Quick%20Shop%22%2C%22className%22%3A%22w-full%20bg-music-primary%20hover%3Abg-music-secondary%22%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-primary-foreground h-10 px-4 py-2 w-full bg-music-primary hover:bg-music-secondary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-cart w-4 h-4 mr-2" data-lov-id="src/components/ProductCard.tsx:83:14" data-lov-name="ShoppingCart" data-component-path="src/components/ProductCard.tsx" data-component-line="83" data-component-file="ProductCard.tsx" data-component-name="ShoppingCart" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20mr-2%22%7D"><circle cx="8" cy="21" r="1"></circle><circle cx="19" cy="21" r="1"></circle><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"></path></svg>Quick Shop</button></div></div><div data-lov-id="src/components/ProductCard.tsx:90:8" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="90" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22p-4%22%7D" class="p-4"><div data-lov-id="src/components/ProductCard.tsx:91:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="91" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-start%20justify-between%20mb-2%22%7D" class="flex items-start justify-between mb-2"><div data-lov-id="src/components/ProductCard.tsx:92:12" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="92" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex-1%22%7D" class="flex-1"><p data-lov-id="src/components/ProductCard.tsx:93:14" data-lov-name="p" data-component-path="src/components/ProductCard.tsx" data-component-line="93" data-component-file="ProductCard.tsx" data-component-name="p" data-component-content="%7B%22className%22%3A%22text-sm%20text-music-primary%20font-medium%22%7D" class="text-sm text-music-primary font-medium">Ed Sheeran</p><h3 data-lov-id="src/components/ProductCard.tsx:94:14" data-lov-name="h3" data-component-path="src/components/ProductCard.tsx" data-component-line="94" data-component-file="ProductCard.tsx" data-component-name="h3" data-component-content="%7B%22className%22%3A%22font-semibold%20text-foreground%20line-clamp-2%20group-hover%3Atext-music-primary%20transition-colors%22%7D" class="font-semibold text-foreground line-clamp-2 group-hover:text-music-primary transition-colors">Mathematics Tour Official Tee</h3></div></div><div data-lov-id="src/components/ProductCard.tsx:101:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="101" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-1%20mb-3%22%7D" class="flex items-center gap-1 mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-music-gold text-music-gold" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-music-gold text-music-gold" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-music-gold text-music-gold" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-music-gold text-music-gold" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 text-muted-foreground" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><span data-lov-id="src/components/ProductCard.tsx:112:12" data-lov-name="span" data-component-path="src/components/ProductCard.tsx" data-component-line="112" data-component-file="ProductCard.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22(%20)%22%2C%22className%22%3A%22text-xs%20text-muted-foreground%20ml-1%22%7D" class="text-xs text-muted-foreground ml-1">(124)</span></div><div data-lov-id="src/components/ProductCard.tsx:118:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="118" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-2%20mb-3%22%7D" class="flex items-center gap-2 mb-3"><span data-lov-id="src/components/ProductCard.tsx:119:12" data-lov-name="span" data-component-path="src/components/ProductCard.tsx" data-component-line="119" data-component-file="ProductCard.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22%24%22%2C%22className%22%3A%22text-lg%20font-bold%20text-foreground%22%7D" class="text-lg font-bold text-foreground">$45</span><span data-lov-id="src/components/ProductCard.tsx:123:14" data-lov-name="span" data-component-path="src/components/ProductCard.tsx" data-component-line="123" data-component-file="ProductCard.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22%24%22%2C%22className%22%3A%22text-sm%20text-muted-foreground%20line-through%22%7D" class="text-sm text-muted-foreground line-through">$55</span></div><div data-lov-id="src/components/ProductCard.tsx:130:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="130" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-1%22%7D" class="flex items-center gap-1"><div data-lov-id="src/components/ProductCard.tsx:132:14" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="132" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20rounded-full%20border%20border-border%22%7D" class="w-4 h-4 rounded-full border border-border" style="background-color: rgb(0, 0, 0);"></div><div data-lov-id="src/components/ProductCard.tsx:132:14" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="132" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20rounded-full%20border%20border-border%22%7D" class="w-4 h-4 rounded-full border border-border" style="background-color: rgb(255, 255, 255);"></div><div data-lov-id="src/components/ProductCard.tsx:132:14" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="132" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20rounded-full%20border%20border-border%22%7D" class="w-4 h-4 rounded-full border border-border" style="background-color: rgb(26, 26, 26);"></div><div data-lov-id="src/components/ProductCard.tsx:132:14" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="132" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20rounded-full%20border%20border-border%22%7D" class="w-4 h-4 rounded-full border border-border" style="background-color: rgb(74, 74, 74);"></div></div></div></div></div><div data-lov-id="src/components/ProductCard.tsx:31:4" data-lov-name="Card" data-component-path="src/components/ProductCard.tsx" data-component-line="31" data-component-file="ProductCard.tsx" data-component-name="Card" data-component-content="%7B%22className%22%3A%22group%20relative%20overflow-hidden%20border-border%2F50%20hover%3Aborder-music-primary%2F50%20transition-all%20duration-300%20hover%3Ashadow-lg%20hover%3Ashadow-music-primary%2F20%22%7D" class="rounded-lg border bg-card text-card-foreground shadow-sm group relative overflow-hidden border-border/50 hover:border-music-primary/50 transition-all duration-300 hover:shadow-lg hover:shadow-music-primary/20"><div data-lov-id="src/components/ProductCard.tsx:36:6" data-lov-name="CardContent" data-component-path="src/components/ProductCard.tsx" data-component-line="36" data-component-file="ProductCard.tsx" data-component-name="CardContent" data-component-content="%7B%22className%22%3A%22p-0%22%7D" class="p-0"><div data-lov-id="src/components/ProductCard.tsx:38:8" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="38" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22relative%20aspect-square%20overflow-hidden%22%7D" class="relative aspect-square overflow-hidden"><img data-lov-id="src/components/ProductCard.tsx:39:10" data-lov-name="img" data-component-path="src/components/ProductCard.tsx" data-component-line="39" data-component-file="ProductCard.tsx" data-component-name="img" data-component-content="%7B%22className%22%3A%22w-full%20h-full%20object-cover%20transition-transform%20duration-500%20group-hover%3Ascale-110%22%7D" src="/assets/product-2-DaVr28Ah.jpg" alt="Chromatica Ball Hoodie" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div data-lov-id="src/components/ProductCard.tsx:46:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="46" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%7D" class="absolute inset-0 bg-gradient-to-t from-background/80 via-transparent to-transparent transition-opacity duration-300 opacity-0"></div><div data-lov-id="src/components/ProductCard.tsx:51:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="51" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%7D" class="absolute top-4 right-4 flex flex-col gap-2 transition-all duration-300 translate-x-12 opacity-0"><button data-lov-id="src/components/ProductCard.tsx:54:12" data-lov-name="Button" data-component-path="src/components/ProductCard.tsx" data-component-line="54" data-component-file="ProductCard.tsx" data-component-name="Button" data-component-content="%7B%22className%22%3A%22w-10%20h-10%20rounded-full%20p-0%20bg-background%2F90%20hover%3Abg-music-primary%20hover%3Atext-primary-foreground%22%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-secondary-foreground w-10 h-10 rounded-full p-0 bg-background/90 hover:bg-music-primary hover:text-primary-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-4 h-4" data-lov-id="src/components/ProductCard.tsx:60:14" data-lov-name="Heart" data-component-path="src/components/ProductCard.tsx" data-component-line="60" data-component-file="ProductCard.tsx" data-component-name="Heart" data-component-content="%7B%7D"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><div data-lov-id="src/components/ProductCard.tsx:65:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="65" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22absolute%20top-4%20left-4%20flex%20flex-col%20gap-2%22%7D" class="absolute top-4 left-4 flex flex-col gap-2"><div data-lov-id="src/components/ProductCard.tsx:67:14" data-lov-name="Badge" data-component-path="src/components/ProductCard.tsx" data-component-line="67" data-component-file="ProductCard.tsx" data-component-name="Badge" data-component-content="%7B%22className%22%3A%22bg-music-primary%20text-primary-foreground%22%7D" class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent hover:bg-primary/80 bg-music-primary text-primary-foreground">New</div></div><div data-lov-id="src/components/ProductCard.tsx:79:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="79" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%7D" class="absolute bottom-4 left-4 right-4 transition-all duration-300 translate-y-8 opacity-0"><button data-lov-id="src/components/ProductCard.tsx:82:12" data-lov-name="Button" data-component-path="src/components/ProductCard.tsx" data-component-line="82" data-component-file="ProductCard.tsx" data-component-name="Button" data-component-content="%7B%22text%22%3A%22Quick%20Shop%22%2C%22className%22%3A%22w-full%20bg-music-primary%20hover%3Abg-music-secondary%22%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-primary-foreground h-10 px-4 py-2 w-full bg-music-primary hover:bg-music-secondary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-cart w-4 h-4 mr-2" data-lov-id="src/components/ProductCard.tsx:83:14" data-lov-name="ShoppingCart" data-component-path="src/components/ProductCard.tsx" data-component-line="83" data-component-file="ProductCard.tsx" data-component-name="ShoppingCart" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20mr-2%22%7D"><circle cx="8" cy="21" r="1"></circle><circle cx="19" cy="21" r="1"></circle><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"></path></svg>Quick Shop</button></div></div><div data-lov-id="src/components/ProductCard.tsx:90:8" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="90" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22p-4%22%7D" class="p-4"><div data-lov-id="src/components/ProductCard.tsx:91:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="91" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-start%20justify-between%20mb-2%22%7D" class="flex items-start justify-between mb-2"><div data-lov-id="src/components/ProductCard.tsx:92:12" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="92" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex-1%22%7D" class="flex-1"><p data-lov-id="src/components/ProductCard.tsx:93:14" data-lov-name="p" data-component-path="src/components/ProductCard.tsx" data-component-line="93" data-component-file="ProductCard.tsx" data-component-name="p" data-component-content="%7B%22className%22%3A%22text-sm%20text-music-primary%20font-medium%22%7D" class="text-sm text-music-primary font-medium">Lady Gaga</p><h3 data-lov-id="src/components/ProductCard.tsx:94:14" data-lov-name="h3" data-component-path="src/components/ProductCard.tsx" data-component-line="94" data-component-file="ProductCard.tsx" data-component-name="h3" data-component-content="%7B%22className%22%3A%22font-semibold%20text-foreground%20line-clamp-2%20group-hover%3Atext-music-primary%20transition-colors%22%7D" class="font-semibold text-foreground line-clamp-2 group-hover:text-music-primary transition-colors">Chromatica Ball Hoodie</h3></div></div><div data-lov-id="src/components/ProductCard.tsx:101:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="101" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-1%20mb-3%22%7D" class="flex items-center gap-1 mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-music-gold text-music-gold" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-music-gold text-music-gold" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-music-gold text-music-gold" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-music-gold text-music-gold" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 text-muted-foreground" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><span data-lov-id="src/components/ProductCard.tsx:112:12" data-lov-name="span" data-component-path="src/components/ProductCard.tsx" data-component-line="112" data-component-file="ProductCard.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22(%20)%22%2C%22className%22%3A%22text-xs%20text-muted-foreground%20ml-1%22%7D" class="text-xs text-muted-foreground ml-1">(89)</span></div><div data-lov-id="src/components/ProductCard.tsx:118:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="118" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-2%20mb-3%22%7D" class="flex items-center gap-2 mb-3"><span data-lov-id="src/components/ProductCard.tsx:119:12" data-lov-name="span" data-component-path="src/components/ProductCard.tsx" data-component-line="119" data-component-file="ProductCard.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22%24%22%2C%22className%22%3A%22text-lg%20font-bold%20text-foreground%22%7D" class="text-lg font-bold text-foreground">$75</span></div><div data-lov-id="src/components/ProductCard.tsx:130:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="130" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-1%22%7D" class="flex items-center gap-1"><div data-lov-id="src/components/ProductCard.tsx:132:14" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="132" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20rounded-full%20border%20border-border%22%7D" class="w-4 h-4 rounded-full border border-border" style="background-color: rgb(255, 105, 180);"></div><div data-lov-id="src/components/ProductCard.tsx:132:14" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="132" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20rounded-full%20border%20border-border%22%7D" class="w-4 h-4 rounded-full border border-border" style="background-color: rgb(0, 0, 0);"></div><div data-lov-id="src/components/ProductCard.tsx:132:14" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="132" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20rounded-full%20border%20border-border%22%7D" class="w-4 h-4 rounded-full border border-border" style="background-color: rgb(255, 255, 255);"></div><div data-lov-id="src/components/ProductCard.tsx:132:14" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="132" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20rounded-full%20border%20border-border%22%7D" class="w-4 h-4 rounded-full border border-border" style="background-color: rgb(128, 0, 128);"></div></div></div></div></div><div data-lov-id="src/components/ProductCard.tsx:31:4" data-lov-name="Card" data-component-path="src/components/ProductCard.tsx" data-component-line="31" data-component-file="ProductCard.tsx" data-component-name="Card" data-component-content="%7B%22className%22%3A%22group%20relative%20overflow-hidden%20border-border%2F50%20hover%3Aborder-music-primary%2F50%20transition-all%20duration-300%20hover%3Ashadow-lg%20hover%3Ashadow-music-primary%2F20%22%7D" class="rounded-lg border bg-card text-card-foreground shadow-sm group relative overflow-hidden border-border/50 hover:border-music-primary/50 transition-all duration-300 hover:shadow-lg hover:shadow-music-primary/20"><div data-lov-id="src/components/ProductCard.tsx:36:6" data-lov-name="CardContent" data-component-path="src/components/ProductCard.tsx" data-component-line="36" data-component-file="ProductCard.tsx" data-component-name="CardContent" data-component-content="%7B%22className%22%3A%22p-0%22%7D" class="p-0"><div data-lov-id="src/components/ProductCard.tsx:38:8" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="38" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22relative%20aspect-square%20overflow-hidden%22%7D" class="relative aspect-square overflow-hidden"><img data-lov-id="src/components/ProductCard.tsx:39:10" data-lov-name="img" data-component-path="src/components/ProductCard.tsx" data-component-line="39" data-component-file="ProductCard.tsx" data-component-name="img" data-component-content="%7B%22className%22%3A%22w-full%20h-full%20object-cover%20transition-transform%20duration-500%20group-hover%3Ascale-110%22%7D" src="/assets/product-3-fTFRYa3a.jpg" alt="Music of the Spheres Tee" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div data-lov-id="src/components/ProductCard.tsx:46:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="46" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%7D" class="absolute inset-0 bg-gradient-to-t from-background/80 via-transparent to-transparent transition-opacity duration-300 opacity-0"></div><div data-lov-id="src/components/ProductCard.tsx:51:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="51" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%7D" class="absolute top-4 right-4 flex flex-col gap-2 transition-all duration-300 translate-x-12 opacity-0"><button data-lov-id="src/components/ProductCard.tsx:54:12" data-lov-name="Button" data-component-path="src/components/ProductCard.tsx" data-component-line="54" data-component-file="ProductCard.tsx" data-component-name="Button" data-component-content="%7B%22className%22%3A%22w-10%20h-10%20rounded-full%20p-0%20bg-background%2F90%20hover%3Abg-music-primary%20hover%3Atext-primary-foreground%22%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-secondary-foreground w-10 h-10 rounded-full p-0 bg-background/90 hover:bg-music-primary hover:text-primary-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-4 h-4" data-lov-id="src/components/ProductCard.tsx:60:14" data-lov-name="Heart" data-component-path="src/components/ProductCard.tsx" data-component-line="60" data-component-file="ProductCard.tsx" data-component-name="Heart" data-component-content="%7B%7D"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><div data-lov-id="src/components/ProductCard.tsx:65:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="65" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22absolute%20top-4%20left-4%20flex%20flex-col%20gap-2%22%7D" class="absolute top-4 left-4 flex flex-col gap-2"></div><div data-lov-id="src/components/ProductCard.tsx:79:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="79" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%7D" class="absolute bottom-4 left-4 right-4 transition-all duration-300 translate-y-8 opacity-0"><button data-lov-id="src/components/ProductCard.tsx:82:12" data-lov-name="Button" data-component-path="src/components/ProductCard.tsx" data-component-line="82" data-component-file="ProductCard.tsx" data-component-name="Button" data-component-content="%7B%22text%22%3A%22Quick%20Shop%22%2C%22className%22%3A%22w-full%20bg-music-primary%20hover%3Abg-music-secondary%22%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-primary-foreground h-10 px-4 py-2 w-full bg-music-primary hover:bg-music-secondary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-cart w-4 h-4 mr-2" data-lov-id="src/components/ProductCard.tsx:83:14" data-lov-name="ShoppingCart" data-component-path="src/components/ProductCard.tsx" data-component-line="83" data-component-file="ProductCard.tsx" data-component-name="ShoppingCart" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20mr-2%22%7D"><circle cx="8" cy="21" r="1"></circle><circle cx="19" cy="21" r="1"></circle><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"></path></svg>Quick Shop</button></div></div><div data-lov-id="src/components/ProductCard.tsx:90:8" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="90" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22p-4%22%7D" class="p-4"><div data-lov-id="src/components/ProductCard.tsx:91:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="91" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-start%20justify-between%20mb-2%22%7D" class="flex items-start justify-between mb-2"><div data-lov-id="src/components/ProductCard.tsx:92:12" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="92" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex-1%22%7D" class="flex-1"><p data-lov-id="src/components/ProductCard.tsx:93:14" data-lov-name="p" data-component-path="src/components/ProductCard.tsx" data-component-line="93" data-component-file="ProductCard.tsx" data-component-name="p" data-component-content="%7B%22className%22%3A%22text-sm%20text-music-primary%20font-medium%22%7D" class="text-sm text-music-primary font-medium">Coldplay</p><h3 data-lov-id="src/components/ProductCard.tsx:94:14" data-lov-name="h3" data-component-path="src/components/ProductCard.tsx" data-component-line="94" data-component-file="ProductCard.tsx" data-component-name="h3" data-component-content="%7B%22className%22%3A%22font-semibold%20text-foreground%20line-clamp-2%20group-hover%3Atext-music-primary%20transition-colors%22%7D" class="font-semibold text-foreground line-clamp-2 group-hover:text-music-primary transition-colors">Music of the Spheres Tee</h3></div></div><div data-lov-id="src/components/ProductCard.tsx:101:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="101" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-1%20mb-3%22%7D" class="flex items-center gap-1 mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-music-gold text-music-gold" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-music-gold text-music-gold" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-music-gold text-music-gold" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-music-gold text-music-gold" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 text-muted-foreground" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><span data-lov-id="src/components/ProductCard.tsx:112:12" data-lov-name="span" data-component-path="src/components/ProductCard.tsx" data-component-line="112" data-component-file="ProductCard.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22(%20)%22%2C%22className%22%3A%22text-xs%20text-muted-foreground%20ml-1%22%7D" class="text-xs text-muted-foreground ml-1">(156)</span></div><div data-lov-id="src/components/ProductCard.tsx:118:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="118" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-2%20mb-3%22%7D" class="flex items-center gap-2 mb-3"><span data-lov-id="src/components/ProductCard.tsx:119:12" data-lov-name="span" data-component-path="src/components/ProductCard.tsx" data-component-line="119" data-component-file="ProductCard.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22%24%22%2C%22className%22%3A%22text-lg%20font-bold%20text-foreground%22%7D" class="text-lg font-bold text-foreground">$42</span></div><div data-lov-id="src/components/ProductCard.tsx:130:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="130" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-1%22%7D" class="flex items-center gap-1"><div data-lov-id="src/components/ProductCard.tsx:132:14" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="132" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20rounded-full%20border%20border-border%22%7D" class="w-4 h-4 rounded-full border border-border" style="background-color: rgb(0, 0, 0);"></div><div data-lov-id="src/components/ProductCard.tsx:132:14" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="132" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20rounded-full%20border%20border-border%22%7D" class="w-4 h-4 rounded-full border border-border" style="background-color: rgb(0, 102, 204);"></div><div data-lov-id="src/components/ProductCard.tsx:132:14" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="132" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20rounded-full%20border%20border-border%22%7D" class="w-4 h-4 rounded-full border border-border" style="background-color: rgb(255, 255, 255);"></div><div data-lov-id="src/components/ProductCard.tsx:132:14" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="132" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20rounded-full%20border%20border-border%22%7D" class="w-4 h-4 rounded-full border border-border" style="background-color: rgb(255, 255, 0);"></div></div></div></div></div><div data-lov-id="src/components/ProductCard.tsx:31:4" data-lov-name="Card" data-component-path="src/components/ProductCard.tsx" data-component-line="31" data-component-file="ProductCard.tsx" data-component-name="Card" data-component-content="%7B%22className%22%3A%22group%20relative%20overflow-hidden%20border-border%2F50%20hover%3Aborder-music-primary%2F50%20transition-all%20duration-300%20hover%3Ashadow-lg%20hover%3Ashadow-music-primary%2F20%22%7D" class="rounded-lg border bg-card text-card-foreground shadow-sm group relative overflow-hidden border-border/50 hover:border-music-primary/50 transition-all duration-300 hover:shadow-lg hover:shadow-music-primary/20"><div data-lov-id="src/components/ProductCard.tsx:36:6" data-lov-name="CardContent" data-component-path="src/components/ProductCard.tsx" data-component-line="36" data-component-file="ProductCard.tsx" data-component-name="CardContent" data-component-content="%7B%22className%22%3A%22p-0%22%7D" class="p-0"><div data-lov-id="src/components/ProductCard.tsx:38:8" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="38" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22relative%20aspect-square%20overflow-hidden%22%7D" class="relative aspect-square overflow-hidden"><img data-lov-id="src/components/ProductCard.tsx:39:10" data-lov-name="img" data-component-path="src/components/ProductCard.tsx" data-component-line="39" data-component-file="ProductCard.tsx" data-component-name="img" data-component-content="%7B%22className%22%3A%22w-full%20h-full%20object-cover%20transition-transform%20duration-500%20group-hover%3Ascale-110%22%7D" src="/assets/product-4-B3WBdRGa.jpg" alt="Eras Tour Concert Tee" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div data-lov-id="src/components/ProductCard.tsx:46:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="46" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%7D" class="absolute inset-0 bg-gradient-to-t from-background/80 via-transparent to-transparent transition-opacity duration-300 opacity-0"></div><div data-lov-id="src/components/ProductCard.tsx:51:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="51" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%7D" class="absolute top-4 right-4 flex flex-col gap-2 transition-all duration-300 translate-x-12 opacity-0"><button data-lov-id="src/components/ProductCard.tsx:54:12" data-lov-name="Button" data-component-path="src/components/ProductCard.tsx" data-component-line="54" data-component-file="ProductCard.tsx" data-component-name="Button" data-component-content="%7B%22className%22%3A%22w-10%20h-10%20rounded-full%20p-0%20bg-background%2F90%20hover%3Abg-music-primary%20hover%3Atext-primary-foreground%22%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-secondary-foreground w-10 h-10 rounded-full p-0 bg-background/90 hover:bg-music-primary hover:text-primary-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-4 h-4" data-lov-id="src/components/ProductCard.tsx:60:14" data-lov-name="Heart" data-component-path="src/components/ProductCard.tsx" data-component-line="60" data-component-file="ProductCard.tsx" data-component-name="Heart" data-component-content="%7B%7D"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><div data-lov-id="src/components/ProductCard.tsx:65:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="65" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22absolute%20top-4%20left-4%20flex%20flex-col%20gap-2%22%7D" class="absolute top-4 left-4 flex flex-col gap-2"><div data-lov-id="src/components/ProductCard.tsx:67:14" data-lov-name="Badge" data-component-path="src/components/ProductCard.tsx" data-component-line="67" data-component-file="ProductCard.tsx" data-component-name="Badge" data-component-content="%7B%22className%22%3A%22bg-music-primary%20text-primary-foreground%22%7D" class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent hover:bg-primary/80 bg-music-primary text-primary-foreground">Limited</div><div data-lov-id="src/components/ProductCard.tsx:72:14" data-lov-name="Badge" data-component-path="src/components/ProductCard.tsx" data-component-line="72" data-component-file="ProductCard.tsx" data-component-name="Badge" data-component-content="%7B%22text%22%3A%22Sale%22%2C%22className%22%3A%22bg-red-500%22%7D" class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent text-destructive-foreground hover:bg-destructive/80 bg-red-500">Sale</div></div><div data-lov-id="src/components/ProductCard.tsx:79:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="79" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%7D" class="absolute bottom-4 left-4 right-4 transition-all duration-300 translate-y-8 opacity-0"><button data-lov-id="src/components/ProductCard.tsx:82:12" data-lov-name="Button" data-component-path="src/components/ProductCard.tsx" data-component-line="82" data-component-file="ProductCard.tsx" data-component-name="Button" data-component-content="%7B%22text%22%3A%22Quick%20Shop%22%2C%22className%22%3A%22w-full%20bg-music-primary%20hover%3Abg-music-secondary%22%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-primary-foreground h-10 px-4 py-2 w-full bg-music-primary hover:bg-music-secondary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-cart w-4 h-4 mr-2" data-lov-id="src/components/ProductCard.tsx:83:14" data-lov-name="ShoppingCart" data-component-path="src/components/ProductCard.tsx" data-component-line="83" data-component-file="ProductCard.tsx" data-component-name="ShoppingCart" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20mr-2%22%7D"><circle cx="8" cy="21" r="1"></circle><circle cx="19" cy="21" r="1"></circle><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"></path></svg>Quick Shop</button></div></div><div data-lov-id="src/components/ProductCard.tsx:90:8" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="90" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22p-4%22%7D" class="p-4"><div data-lov-id="src/components/ProductCard.tsx:91:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="91" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-start%20justify-between%20mb-2%22%7D" class="flex items-start justify-between mb-2"><div data-lov-id="src/components/ProductCard.tsx:92:12" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="92" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex-1%22%7D" class="flex-1"><p data-lov-id="src/components/ProductCard.tsx:93:14" data-lov-name="p" data-component-path="src/components/ProductCard.tsx" data-component-line="93" data-component-file="ProductCard.tsx" data-component-name="p" data-component-content="%7B%22className%22%3A%22text-sm%20text-music-primary%20font-medium%22%7D" class="text-sm text-music-primary font-medium">Taylor Swift</p><h3 data-lov-id="src/components/ProductCard.tsx:94:14" data-lov-name="h3" data-component-path="src/components/ProductCard.tsx" data-component-line="94" data-component-file="ProductCard.tsx" data-component-name="h3" data-component-content="%7B%22className%22%3A%22font-semibold%20text-foreground%20line-clamp-2%20group-hover%3Atext-music-primary%20transition-colors%22%7D" class="font-semibold text-foreground line-clamp-2 group-hover:text-music-primary transition-colors">Eras Tour Concert Tee</h3></div></div><div data-lov-id="src/components/ProductCard.tsx:101:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="101" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-1%20mb-3%22%7D" class="flex items-center gap-1 mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-music-gold text-music-gold" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-music-gold text-music-gold" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-music-gold text-music-gold" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-music-gold text-music-gold" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 text-muted-foreground" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><span data-lov-id="src/components/ProductCard.tsx:112:12" data-lov-name="span" data-component-path="src/components/ProductCard.tsx" data-component-line="112" data-component-file="ProductCard.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22(%20)%22%2C%22className%22%3A%22text-xs%20text-muted-foreground%20ml-1%22%7D" class="text-xs text-muted-foreground ml-1">(203)</span></div><div data-lov-id="src/components/ProductCard.tsx:118:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="118" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-2%20mb-3%22%7D" class="flex items-center gap-2 mb-3"><span data-lov-id="src/components/ProductCard.tsx:119:12" data-lov-name="span" data-component-path="src/components/ProductCard.tsx" data-component-line="119" data-component-file="ProductCard.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22%24%22%2C%22className%22%3A%22text-lg%20font-bold%20text-foreground%22%7D" class="text-lg font-bold text-foreground">$48</span><span data-lov-id="src/components/ProductCard.tsx:123:14" data-lov-name="span" data-component-path="src/components/ProductCard.tsx" data-component-line="123" data-component-file="ProductCard.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22%24%22%2C%22className%22%3A%22text-sm%20text-muted-foreground%20line-through%22%7D" class="text-sm text-muted-foreground line-through">$58</span></div><div data-lov-id="src/components/ProductCard.tsx:130:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="130" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-1%22%7D" class="flex items-center gap-1"><div data-lov-id="src/components/ProductCard.tsx:132:14" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="132" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20rounded-full%20border%20border-border%22%7D" class="w-4 h-4 rounded-full border border-border" style="background-color: rgb(255, 182, 193);"></div><div data-lov-id="src/components/ProductCard.tsx:132:14" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="132" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20rounded-full%20border%20border-border%22%7D" class="w-4 h-4 rounded-full border border-border" style="background-color: rgb(0, 0, 0);"></div><div data-lov-id="src/components/ProductCard.tsx:132:14" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="132" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20rounded-full%20border%20border-border%22%7D" class="w-4 h-4 rounded-full border border-border" style="background-color: rgb(255, 255, 255);"></div><div data-lov-id="src/components/ProductCard.tsx:132:14" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="132" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20rounded-full%20border%20border-border%22%7D" class="w-4 h-4 rounded-full border border-border" style="background-color: rgb(128, 0, 128);"></div></div></div></div></div><div data-lov-id="src/components/ProductCard.tsx:31:4" data-lov-name="Card" data-component-path="src/components/ProductCard.tsx" data-component-line="31" data-component-file="ProductCard.tsx" data-component-name="Card" data-component-content="%7B%22className%22%3A%22group%20relative%20overflow-hidden%20border-border%2F50%20hover%3Aborder-music-primary%2F50%20transition-all%20duration-300%20hover%3Ashadow-lg%20hover%3Ashadow-music-primary%2F20%22%7D" class="rounded-lg border bg-card text-card-foreground shadow-sm group relative overflow-hidden border-border/50 hover:border-music-primary/50 transition-all duration-300 hover:shadow-lg hover:shadow-music-primary/20"><div data-lov-id="src/components/ProductCard.tsx:36:6" data-lov-name="CardContent" data-component-path="src/components/ProductCard.tsx" data-component-line="36" data-component-file="ProductCard.tsx" data-component-name="CardContent" data-component-content="%7B%22className%22%3A%22p-0%22%7D" class="p-0"><div data-lov-id="src/components/ProductCard.tsx:38:8" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="38" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22relative%20aspect-square%20overflow-hidden%22%7D" class="relative aspect-square overflow-hidden"><img data-lov-id="src/components/ProductCard.tsx:39:10" data-lov-name="img" data-component-path="src/components/ProductCard.tsx" data-component-line="39" data-component-file="ProductCard.tsx" data-component-name="img" data-component-content="%7B%22className%22%3A%22w-full%20h-full%20object-cover%20transition-transform%20duration-500%20group-hover%3Ascale-110%22%7D" src="/assets/product-5-Day_Byqx.jpg" alt="Happier Than Ever Hoodie" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div data-lov-id="src/components/ProductCard.tsx:46:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="46" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%7D" class="absolute inset-0 bg-gradient-to-t from-background/80 via-transparent to-transparent transition-opacity duration-300 opacity-0"></div><div data-lov-id="src/components/ProductCard.tsx:51:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="51" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%7D" class="absolute top-4 right-4 flex flex-col gap-2 transition-all duration-300 translate-x-12 opacity-0"><button data-lov-id="src/components/ProductCard.tsx:54:12" data-lov-name="Button" data-component-path="src/components/ProductCard.tsx" data-component-line="54" data-component-file="ProductCard.tsx" data-component-name="Button" data-component-content="%7B%22className%22%3A%22w-10%20h-10%20rounded-full%20p-0%20bg-background%2F90%20hover%3Abg-music-primary%20hover%3Atext-primary-foreground%22%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-secondary-foreground w-10 h-10 rounded-full p-0 bg-background/90 hover:bg-music-primary hover:text-primary-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-4 h-4" data-lov-id="src/components/ProductCard.tsx:60:14" data-lov-name="Heart" data-component-path="src/components/ProductCard.tsx" data-component-line="60" data-component-file="ProductCard.tsx" data-component-name="Heart" data-component-content="%7B%7D"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><div data-lov-id="src/components/ProductCard.tsx:65:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="65" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22absolute%20top-4%20left-4%20flex%20flex-col%20gap-2%22%7D" class="absolute top-4 left-4 flex flex-col gap-2"></div><div data-lov-id="src/components/ProductCard.tsx:79:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="79" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%7D" class="absolute bottom-4 left-4 right-4 transition-all duration-300 translate-y-8 opacity-0"><button data-lov-id="src/components/ProductCard.tsx:82:12" data-lov-name="Button" data-component-path="src/components/ProductCard.tsx" data-component-line="82" data-component-file="ProductCard.tsx" data-component-name="Button" data-component-content="%7B%22text%22%3A%22Quick%20Shop%22%2C%22className%22%3A%22w-full%20bg-music-primary%20hover%3Abg-music-secondary%22%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-primary-foreground h-10 px-4 py-2 w-full bg-music-primary hover:bg-music-secondary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-cart w-4 h-4 mr-2" data-lov-id="src/components/ProductCard.tsx:83:14" data-lov-name="ShoppingCart" data-component-path="src/components/ProductCard.tsx" data-component-line="83" data-component-file="ProductCard.tsx" data-component-name="ShoppingCart" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20mr-2%22%7D"><circle cx="8" cy="21" r="1"></circle><circle cx="19" cy="21" r="1"></circle><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"></path></svg>Quick Shop</button></div></div><div data-lov-id="src/components/ProductCard.tsx:90:8" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="90" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22p-4%22%7D" class="p-4"><div data-lov-id="src/components/ProductCard.tsx:91:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="91" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-start%20justify-between%20mb-2%22%7D" class="flex items-start justify-between mb-2"><div data-lov-id="src/components/ProductCard.tsx:92:12" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="92" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex-1%22%7D" class="flex-1"><p data-lov-id="src/components/ProductCard.tsx:93:14" data-lov-name="p" data-component-path="src/components/ProductCard.tsx" data-component-line="93" data-component-file="ProductCard.tsx" data-component-name="p" data-component-content="%7B%22className%22%3A%22text-sm%20text-music-primary%20font-medium%22%7D" class="text-sm text-music-primary font-medium">Billie Eilish</p><h3 data-lov-id="src/components/ProductCard.tsx:94:14" data-lov-name="h3" data-component-path="src/components/ProductCard.tsx" data-component-line="94" data-component-file="ProductCard.tsx" data-component-name="h3" data-component-content="%7B%22className%22%3A%22font-semibold%20text-foreground%20line-clamp-2%20group-hover%3Atext-music-primary%20transition-colors%22%7D" class="font-semibold text-foreground line-clamp-2 group-hover:text-music-primary transition-colors">Happier Than Ever Hoodie</h3></div></div><div data-lov-id="src/components/ProductCard.tsx:101:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="101" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-1%20mb-3%22%7D" class="flex items-center gap-1 mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-music-gold text-music-gold" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-music-gold text-music-gold" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-music-gold text-music-gold" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-music-gold text-music-gold" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 text-muted-foreground" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><span data-lov-id="src/components/ProductCard.tsx:112:12" data-lov-name="span" data-component-path="src/components/ProductCard.tsx" data-component-line="112" data-component-file="ProductCard.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22(%20)%22%2C%22className%22%3A%22text-xs%20text-muted-foreground%20ml-1%22%7D" class="text-xs text-muted-foreground ml-1">(92)</span></div><div data-lov-id="src/components/ProductCard.tsx:118:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="118" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-2%20mb-3%22%7D" class="flex items-center gap-2 mb-3"><span data-lov-id="src/components/ProductCard.tsx:119:12" data-lov-name="span" data-component-path="src/components/ProductCard.tsx" data-component-line="119" data-component-file="ProductCard.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22%24%22%2C%22className%22%3A%22text-lg%20font-bold%20text-foreground%22%7D" class="text-lg font-bold text-foreground">$68</span></div><div data-lov-id="src/components/ProductCard.tsx:130:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="130" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-1%22%7D" class="flex items-center gap-1"><div data-lov-id="src/components/ProductCard.tsx:132:14" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="132" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20rounded-full%20border%20border-border%22%7D" class="w-4 h-4 rounded-full border border-border" style="background-color: rgb(144, 238, 144);"></div><div data-lov-id="src/components/ProductCard.tsx:132:14" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="132" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20rounded-full%20border%20border-border%22%7D" class="w-4 h-4 rounded-full border border-border" style="background-color: rgb(0, 0, 0);"></div><div data-lov-id="src/components/ProductCard.tsx:132:14" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="132" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20rounded-full%20border%20border-border%22%7D" class="w-4 h-4 rounded-full border border-border" style="background-color: rgb(255, 255, 255);"></div><div data-lov-id="src/components/ProductCard.tsx:132:14" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="132" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20rounded-full%20border%20border-border%22%7D" class="w-4 h-4 rounded-full border border-border" style="background-color: rgb(128, 128, 128);"></div></div></div></div></div><div data-lov-id="src/components/ProductCard.tsx:31:4" data-lov-name="Card" data-component-path="src/components/ProductCard.tsx" data-component-line="31" data-component-file="ProductCard.tsx" data-component-name="Card" data-component-content="%7B%22className%22%3A%22group%20relative%20overflow-hidden%20border-border%2F50%20hover%3Aborder-music-primary%2F50%20transition-all%20duration-300%20hover%3Ashadow-lg%20hover%3Ashadow-music-primary%2F20%22%7D" class="rounded-lg border bg-card text-card-foreground shadow-sm group relative overflow-hidden border-border/50 hover:border-music-primary/50 transition-all duration-300 hover:shadow-lg hover:shadow-music-primary/20"><div data-lov-id="src/components/ProductCard.tsx:36:6" data-lov-name="CardContent" data-component-path="src/components/ProductCard.tsx" data-component-line="36" data-component-file="ProductCard.tsx" data-component-name="CardContent" data-component-content="%7B%22className%22%3A%22p-0%22%7D" class="p-0"><div data-lov-id="src/components/ProductCard.tsx:38:8" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="38" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22relative%20aspect-square%20overflow-hidden%22%7D" class="relative aspect-square overflow-hidden"><img data-lov-id="src/components/ProductCard.tsx:39:10" data-lov-name="img" data-component-path="src/components/ProductCard.tsx" data-component-line="39" data-component-file="ProductCard.tsx" data-component-name="img" data-component-content="%7B%22className%22%3A%22w-full%20h-full%20object-cover%20transition-transform%20duration-500%20group-hover%3Ascale-110%22%7D" src="/assets/product-6-DKw12I8N.jpg" alt="Smile Album Tee" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"><div data-lov-id="src/components/ProductCard.tsx:46:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="46" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%7D" class="absolute inset-0 bg-gradient-to-t from-background/80 via-transparent to-transparent transition-opacity duration-300 opacity-0"></div><div data-lov-id="src/components/ProductCard.tsx:51:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="51" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%7D" class="absolute top-4 right-4 flex flex-col gap-2 transition-all duration-300 translate-x-12 opacity-0"><button data-lov-id="src/components/ProductCard.tsx:54:12" data-lov-name="Button" data-component-path="src/components/ProductCard.tsx" data-component-line="54" data-component-file="ProductCard.tsx" data-component-name="Button" data-component-content="%7B%22className%22%3A%22w-10%20h-10%20rounded-full%20p-0%20bg-background%2F90%20hover%3Abg-music-primary%20hover%3Atext-primary-foreground%22%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-secondary-foreground w-10 h-10 rounded-full p-0 bg-background/90 hover:bg-music-primary hover:text-primary-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-4 h-4" data-lov-id="src/components/ProductCard.tsx:60:14" data-lov-name="Heart" data-component-path="src/components/ProductCard.tsx" data-component-line="60" data-component-file="ProductCard.tsx" data-component-name="Heart" data-component-content="%7B%7D"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></button></div><div data-lov-id="src/components/ProductCard.tsx:65:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="65" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22absolute%20top-4%20left-4%20flex%20flex-col%20gap-2%22%7D" class="absolute top-4 left-4 flex flex-col gap-2"></div><div data-lov-id="src/components/ProductCard.tsx:79:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="79" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%7D" class="absolute bottom-4 left-4 right-4 transition-all duration-300 translate-y-8 opacity-0"><button data-lov-id="src/components/ProductCard.tsx:82:12" data-lov-name="Button" data-component-path="src/components/ProductCard.tsx" data-component-line="82" data-component-file="ProductCard.tsx" data-component-name="Button" data-component-content="%7B%22text%22%3A%22Quick%20Shop%22%2C%22className%22%3A%22w-full%20bg-music-primary%20hover%3Abg-music-secondary%22%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-primary-foreground h-10 px-4 py-2 w-full bg-music-primary hover:bg-music-secondary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-cart w-4 h-4 mr-2" data-lov-id="src/components/ProductCard.tsx:83:14" data-lov-name="ShoppingCart" data-component-path="src/components/ProductCard.tsx" data-component-line="83" data-component-file="ProductCard.tsx" data-component-name="ShoppingCart" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20mr-2%22%7D"><circle cx="8" cy="21" r="1"></circle><circle cx="19" cy="21" r="1"></circle><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"></path></svg>Quick Shop</button></div></div><div data-lov-id="src/components/ProductCard.tsx:90:8" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="90" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22p-4%22%7D" class="p-4"><div data-lov-id="src/components/ProductCard.tsx:91:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="91" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-start%20justify-between%20mb-2%22%7D" class="flex items-start justify-between mb-2"><div data-lov-id="src/components/ProductCard.tsx:92:12" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="92" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex-1%22%7D" class="flex-1"><p data-lov-id="src/components/ProductCard.tsx:93:14" data-lov-name="p" data-component-path="src/components/ProductCard.tsx" data-component-line="93" data-component-file="ProductCard.tsx" data-component-name="p" data-component-content="%7B%22className%22%3A%22text-sm%20text-music-primary%20font-medium%22%7D" class="text-sm text-music-primary font-medium">Katy Perry</p><h3 data-lov-id="src/components/ProductCard.tsx:94:14" data-lov-name="h3" data-component-path="src/components/ProductCard.tsx" data-component-line="94" data-component-file="ProductCard.tsx" data-component-name="h3" data-component-content="%7B%22className%22%3A%22font-semibold%20text-foreground%20line-clamp-2%20group-hover%3Atext-music-primary%20transition-colors%22%7D" class="font-semibold text-foreground line-clamp-2 group-hover:text-music-primary transition-colors">Smile Album Tee</h3></div></div><div data-lov-id="src/components/ProductCard.tsx:101:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="101" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-1%20mb-3%22%7D" class="flex items-center gap-1 mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-music-gold text-music-gold" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-music-gold text-music-gold" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-music-gold text-music-gold" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-music-gold text-music-gold" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 text-muted-foreground" data-lov-id="src/components/ProductCard.tsx:103:14" data-lov-name="Star" data-component-path="src/components/ProductCard.tsx" data-component-line="103" data-component-file="ProductCard.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><span data-lov-id="src/components/ProductCard.tsx:112:12" data-lov-name="span" data-component-path="src/components/ProductCard.tsx" data-component-line="112" data-component-file="ProductCard.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22(%20)%22%2C%22className%22%3A%22text-xs%20text-muted-foreground%20ml-1%22%7D" class="text-xs text-muted-foreground ml-1">(67)</span></div><div data-lov-id="src/components/ProductCard.tsx:118:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="118" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-2%20mb-3%22%7D" class="flex items-center gap-2 mb-3"><span data-lov-id="src/components/ProductCard.tsx:119:12" data-lov-name="span" data-component-path="src/components/ProductCard.tsx" data-component-line="119" data-component-file="ProductCard.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22%24%22%2C%22className%22%3A%22text-lg%20font-bold%20text-foreground%22%7D" class="text-lg font-bold text-foreground">$38</span></div><div data-lov-id="src/components/ProductCard.tsx:130:10" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="130" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-1%22%7D" class="flex items-center gap-1"><div data-lov-id="src/components/ProductCard.tsx:132:14" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="132" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20rounded-full%20border%20border-border%22%7D" class="w-4 h-4 rounded-full border border-border" style="background-color: rgb(255, 182, 193);"></div><div data-lov-id="src/components/ProductCard.tsx:132:14" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="132" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20rounded-full%20border%20border-border%22%7D" class="w-4 h-4 rounded-full border border-border" style="background-color: rgb(255, 255, 0);"></div><div data-lov-id="src/components/ProductCard.tsx:132:14" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="132" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20rounded-full%20border%20border-border%22%7D" class="w-4 h-4 rounded-full border border-border" style="background-color: rgb(255, 255, 255);"></div><div data-lov-id="src/components/ProductCard.tsx:132:14" data-lov-name="div" data-component-path="src/components/ProductCard.tsx" data-component-line="132" data-component-file="ProductCard.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-4%20h-4%20rounded-full%20border%20border-border%22%7D" class="w-4 h-4 rounded-full border border-border" style="background-color: rgb(255, 105, 180);"></div></div></div></div></div></div><div data-lov-id="src/pages/MusicCollection.tsx:269:12" data-lov-name="div" data-component-path="src/pages/MusicCollection.tsx" data-component-line="269" data-component-file="MusicCollection.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22text-center%20mt-12%22%7D" class="text-center mt-12"><button data-lov-id="src/pages/MusicCollection.tsx:270:14" data-lov-name="Button" data-component-path="src/pages/MusicCollection.tsx" data-component-line="270" data-component-file="MusicCollection.tsx" data-component-name="Button" data-component-content="%7B%22text%22%3A%22Load%20More%20Products%22%2C%22className%22%3A%22border-music-primary%20text-music-primary%20hover%3Abg-music-primary%20hover%3Atext-primary-foreground%22%7D" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border bg-background h-11 rounded-md px-8 border-music-primary text-music-primary hover:bg-music-primary hover:text-primary-foreground">Load More Products</button></div></div></div></div><section data-lov-id="src/components/ProofPoints.tsx:34:4" data-lov-name="section" data-component-path="src/components/ProofPoints.tsx" data-component-line="34" data-component-file="ProofPoints.tsx" data-component-name="section" data-component-content="%7B%22className%22%3A%22py-8%20bg-secondary%2F10%20border-y%20border-border%2F50%22%7D" class="py-8 bg-secondary/10 border-y border-border/50"><div data-lov-id="src/components/ProofPoints.tsx:35:6" data-lov-name="div" data-component-path="src/components/ProofPoints.tsx" data-component-line="35" data-component-file="ProofPoints.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22container%20mx-auto%20px-6%22%7D" class="container mx-auto px-6"><div data-lov-id="src/components/ProofPoints.tsx:36:8" data-lov-name="div" data-component-path="src/components/ProofPoints.tsx" data-component-line="36" data-component-file="ProofPoints.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22grid%20grid-cols-1%20md%3Agrid-cols-2%20lg%3Agrid-cols-4%20gap-4%22%7D" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4"><div data-lov-id="src/components/ProofPoints.tsx:40:14" data-lov-name="div" data-component-path="src/components/ProofPoints.tsx" data-component-line="40" data-component-file="ProofPoints.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-3%20p-4%20rounded-lg%20bg-background%2F50%20border%20border-border%2F30%20hover%3Aborder-music-primary%2F30%20transition-all%20duration-300%22%7D" class="flex items-center gap-3 p-4 rounded-lg bg-background/50 border border-border/30 hover:border-music-primary/30 transition-all duration-300"><div data-lov-id="src/components/ProofPoints.tsx:45:16" data-lov-name="div" data-component-path="src/components/ProofPoints.tsx" data-component-line="45" data-component-file="ProofPoints.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex-shrink-0%20w-10%20h-10%20flex%20items-center%20justify-center%20bg-music-primary%2F10%20rounded-full%22%7D" class="flex-shrink-0 w-10 h-10 flex items-center justify-center bg-music-primary/10 rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette w-5 h-5 text-music-primary" data-lov-id="src/components/ProofPoints.tsx:46:18" data-lov-name="IconComponent" data-component-path="src/components/ProofPoints.tsx" data-component-line="46" data-component-file="ProofPoints.tsx" data-component-name="IconComponent" data-component-content="%7B%22className%22%3A%22w-5%20h-5%20text-music-primary%22%7D"><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"></path></svg></div><div data-lov-id="src/components/ProofPoints.tsx:50:16" data-lov-name="div" data-component-path="src/components/ProofPoints.tsx" data-component-line="50" data-component-file="ProofPoints.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex-1%20min-w-0%22%7D" class="flex-1 min-w-0"><h3 data-lov-id="src/components/ProofPoints.tsx:51:18" data-lov-name="h3" data-component-path="src/components/ProofPoints.tsx" data-component-line="51" data-component-file="ProofPoints.tsx" data-component-name="h3" data-component-content="%7B%22className%22%3A%22font-semibold%20text-sm%20text-foreground%20mb-1%22%7D" class="font-semibold text-sm text-foreground mb-1">Made to Order</h3><p data-lov-id="src/components/ProofPoints.tsx:54:18" data-lov-name="p" data-component-path="src/components/ProofPoints.tsx" data-component-line="54" data-component-file="ProofPoints.tsx" data-component-name="p" data-component-content="%7B%22className%22%3A%22text-xs%20text-muted-foreground%20leading-tight%22%7D" class="text-xs text-muted-foreground leading-tight">Zero waste production</p></div></div><div data-lov-id="src/components/ProofPoints.tsx:40:14" data-lov-name="div" data-component-path="src/components/ProofPoints.tsx" data-component-line="40" data-component-file="ProofPoints.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-3%20p-4%20rounded-lg%20bg-background%2F50%20border%20border-border%2F30%20hover%3Aborder-music-primary%2F30%20transition-all%20duration-300%22%7D" class="flex items-center gap-3 p-4 rounded-lg bg-background/50 border border-border/30 hover:border-music-primary/30 transition-all duration-300"><div data-lov-id="src/components/ProofPoints.tsx:45:16" data-lov-name="div" data-component-path="src/components/ProofPoints.tsx" data-component-line="45" data-component-file="ProofPoints.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex-shrink-0%20w-10%20h-10%20flex%20items-center%20justify-center%20bg-music-primary%2F10%20rounded-full%22%7D" class="flex-shrink-0 w-10 h-10 flex items-center justify-center bg-music-primary/10 rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin w-5 h-5 text-music-primary" data-lov-id="src/components/ProofPoints.tsx:46:18" data-lov-name="IconComponent" data-component-path="src/components/ProofPoints.tsx" data-component-line="46" data-component-file="ProofPoints.tsx" data-component-name="IconComponent" data-component-content="%7B%22className%22%3A%22w-5%20h-5%20text-music-primary%22%7D"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg></div><div data-lov-id="src/components/ProofPoints.tsx:50:16" data-lov-name="div" data-component-path="src/components/ProofPoints.tsx" data-component-line="50" data-component-file="ProofPoints.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex-1%20min-w-0%22%7D" class="flex-1 min-w-0"><h3 data-lov-id="src/components/ProofPoints.tsx:51:18" data-lov-name="h3" data-component-path="src/components/ProofPoints.tsx" data-component-line="51" data-component-file="ProofPoints.tsx" data-component-name="h3" data-component-content="%7B%22className%22%3A%22font-semibold%20text-sm%20text-foreground%20mb-1%22%7D" class="font-semibold text-sm text-foreground mb-1">Printed in Australia</h3><p data-lov-id="src/components/ProofPoints.tsx:54:18" data-lov-name="p" data-component-path="src/components/ProofPoints.tsx" data-component-line="54" data-component-file="ProofPoints.tsx" data-component-name="p" data-component-content="%7B%22className%22%3A%22text-xs%20text-muted-foreground%20leading-tight%22%7D" class="text-xs text-muted-foreground leading-tight">100% Australian made</p></div></div><div data-lov-id="src/components/ProofPoints.tsx:40:14" data-lov-name="div" data-component-path="src/components/ProofPoints.tsx" data-component-line="40" data-component-file="ProofPoints.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-3%20p-4%20rounded-lg%20bg-background%2F50%20border%20border-border%2F30%20hover%3Aborder-music-primary%2F30%20transition-all%20duration-300%22%7D" class="flex items-center gap-3 p-4 rounded-lg bg-background/50 border border-border/30 hover:border-music-primary/30 transition-all duration-300"><div data-lov-id="src/components/ProofPoints.tsx:45:16" data-lov-name="div" data-component-path="src/components/ProofPoints.tsx" data-component-line="45" data-component-file="ProofPoints.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex-shrink-0%20w-10%20h-10%20flex%20items-center%20justify-center%20bg-music-primary%2F10%20rounded-full%22%7D" class="flex-shrink-0 w-10 h-10 flex items-center justify-center bg-music-primary/10 rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-5 h-5 text-music-primary" data-lov-id="src/components/ProofPoints.tsx:46:18" data-lov-name="IconComponent" data-component-path="src/components/ProofPoints.tsx" data-component-line="46" data-component-file="ProofPoints.tsx" data-component-name="IconComponent" data-component-content="%7B%22className%22%3A%22w-5%20h-5%20text-music-primary%22%7D"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></div><div data-lov-id="src/components/ProofPoints.tsx:50:16" data-lov-name="div" data-component-path="src/components/ProofPoints.tsx" data-component-line="50" data-component-file="ProofPoints.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex-1%20min-w-0%22%7D" class="flex-1 min-w-0"><h3 data-lov-id="src/components/ProofPoints.tsx:51:18" data-lov-name="h3" data-component-path="src/components/ProofPoints.tsx" data-component-line="51" data-component-file="ProofPoints.tsx" data-component-name="h3" data-component-content="%7B%22className%22%3A%22font-semibold%20text-sm%20text-foreground%20mb-1%22%7D" class="font-semibold text-sm text-foreground mb-1">Fan-Made, Not Official</h3><p data-lov-id="src/components/ProofPoints.tsx:54:18" data-lov-name="p" data-component-path="src/components/ProofPoints.tsx" data-component-line="54" data-component-file="ProofPoints.tsx" data-component-name="p" data-component-content="%7B%22className%22%3A%22text-xs%20text-muted-foreground%20leading-tight%22%7D" class="text-xs text-muted-foreground leading-tight">Independent creators</p></div></div><div data-lov-id="src/components/ProofPoints.tsx:40:14" data-lov-name="div" data-component-path="src/components/ProofPoints.tsx" data-component-line="40" data-component-file="ProofPoints.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-3%20p-4%20rounded-lg%20bg-background%2F50%20border%20border-border%2F30%20hover%3Aborder-music-primary%2F30%20transition-all%20duration-300%22%7D" class="flex items-center gap-3 p-4 rounded-lg bg-background/50 border border-border/30 hover:border-music-primary/30 transition-all duration-300"><div data-lov-id="src/components/ProofPoints.tsx:45:16" data-lov-name="div" data-component-path="src/components/ProofPoints.tsx" data-component-line="45" data-component-file="ProofPoints.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex-shrink-0%20w-10%20h-10%20flex%20items-center%20justify-center%20bg-music-primary%2F10%20rounded-full%22%7D" class="flex-shrink-0 w-10 h-10 flex items-center justify-center bg-music-primary/10 rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-5 h-5 text-music-primary" data-lov-id="src/components/ProofPoints.tsx:46:18" data-lov-name="IconComponent" data-component-path="src/components/ProofPoints.tsx" data-component-line="46" data-component-file="ProofPoints.tsx" data-component-name="IconComponent" data-component-content="%7B%22className%22%3A%22w-5%20h-5%20text-music-primary%22%7D"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><div data-lov-id="src/components/ProofPoints.tsx:50:16" data-lov-name="div" data-component-path="src/components/ProofPoints.tsx" data-component-line="50" data-component-file="ProofPoints.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex-1%20min-w-0%22%7D" class="flex-1 min-w-0"><h3 data-lov-id="src/components/ProofPoints.tsx:51:18" data-lov-name="h3" data-component-path="src/components/ProofPoints.tsx" data-component-line="51" data-component-file="ProofPoints.tsx" data-component-name="h3" data-component-content="%7B%22className%22%3A%22font-semibold%20text-sm%20text-foreground%20mb-1%22%7D" class="font-semibold text-sm text-foreground mb-1">Premium Quality</h3><p data-lov-id="src/components/ProofPoints.tsx:54:18" data-lov-name="p" data-component-path="src/components/ProofPoints.tsx" data-component-line="54" data-component-file="ProofPoints.tsx" data-component-name="p" data-component-content="%7B%22className%22%3A%22text-xs%20text-muted-foreground%20leading-tight%22%7D" class="text-xs text-muted-foreground leading-tight">Lifetime guarantee</p></div></div></div></div></section><section data-lov-id="src/components/ReviewsCarousel.tsx:67:4" data-lov-name="section" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="67" data-component-file="ReviewsCarousel.tsx" data-component-name="section" data-component-content="%7B%22className%22%3A%22py-16%20bg-secondary%2F30%22%7D" class="py-16 bg-secondary/30"><div data-lov-id="src/components/ReviewsCarousel.tsx:68:6" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="68" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22container%20mx-auto%20px-6%22%7D" class="container mx-auto px-6"><div data-lov-id="src/components/ReviewsCarousel.tsx:69:8" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="69" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22text-center%20mb-12%22%7D" class="text-center mb-12"><div data-lov-id="src/components/ReviewsCarousel.tsx:70:10" data-lov-name="Badge" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="70" data-component-file="ReviewsCarousel.tsx" data-component-name="Badge" data-component-content="%7B%22text%22%3A%22%E2%AD%90%20Fan%20Reviews%22%2C%22className%22%3A%22mb-4%20bg-music-primary%2F20%20text-music-primary%20border-music-primary%2F30%22%7D" class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 hover:bg-primary/80 mb-4 bg-music-primary/20 text-music-primary border-music-primary/30"></span><span class="s2">⭐</span><span class="s1"> Fan Reviews</div><h2 data-lov-id="src/components/ReviewsCarousel.tsx:73:10" data-lov-name="h2" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="73" data-component-file="ReviewsCarousel.tsx" data-component-name="h2" data-component-content="%7B%22text%22%3A%22What%20Our%20Say%22%2C%22className%22%3A%22text-3xl%20md%3Atext-4xl%20font-concert%20font-bold%20mb-4%22%7D" class="text-3xl md:text-4xl font-concert font-bold mb-4">What Our <span data-lov-id="src/components/ReviewsCarousel.tsx:74:21" data-lov-name="span" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="74" data-component-file="ReviewsCarousel.tsx" data-component-name="span" data-component-content="%7B%22text%22%3A%22Music%20Fans%22%2C%22className%22%3A%22text-music-primary%22%7D" class="text-music-primary">Music Fans</span> Say</h2><p data-lov-id="src/components/ReviewsCarousel.tsx:76:10" data-lov-name="p" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="76" data-component-file="ReviewsCarousel.tsx" data-component-name="p" data-component-content="%7B%22text%22%3A%22Real%20reviews%20from%20real%20music%20lovers%20across%20Australia%22%2C%22className%22%3A%22text-muted-foreground%20max-w-2xl%20mx-auto%22%7D" class="text-muted-foreground max-w-2xl mx-auto">Real reviews from real music lovers across Australia</p></div><div data-lov-id="src/components/ReviewsCarousel.tsx:81:8" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="81" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22relative%20max-w-4xl%20mx-auto%22%7D" class="relative max-w-4xl mx-auto"><div data-lov-id="src/components/ReviewsCarousel.tsx:82:10" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="82" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22overflow-hidden%22%7D" class="overflow-hidden"><div data-lov-id="src/components/ReviewsCarousel.tsx:83:12" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="83" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20transition-transform%20duration-500%20ease-in-out%22%7D" class="flex transition-transform duration-500 ease-in-out" style="transform: translateX(-200%);"><div data-lov-id="src/components/ReviewsCarousel.tsx:88:16" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="88" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-full%20flex-shrink-0%20px-4%22%7D" class="w-full flex-shrink-0 px-4"><div data-lov-id="src/components/ReviewsCarousel.tsx:89:18" data-lov-name="Card" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="89" data-component-file="ReviewsCarousel.tsx" data-component-name="Card" data-component-content="%7B%22className%22%3A%22bg-card%2F50%20backdrop-blur%20border-border%2F50%22%7D" class="rounded-lg border text-card-foreground shadow-sm bg-card/50 backdrop-blur border-border/50"><div data-lov-id="src/components/ReviewsCarousel.tsx:90:20" data-lov-name="CardContent" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="90" data-component-file="ReviewsCarousel.tsx" data-component-name="CardContent" data-component-content="%7B%22className%22%3A%22p-8%22%7D" class="p-8"><div data-lov-id="src/components/ReviewsCarousel.tsx:91:22" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="91" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-start%20gap-4%22%7D" class="flex items-start gap-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote w-8 h-8 text-music-primary opacity-50 flex-shrink-0 mt-1" data-lov-id="src/components/ReviewsCarousel.tsx:92:24" data-lov-name="Quote" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="92" data-component-file="ReviewsCarousel.tsx" data-component-name="Quote" data-component-content="%7B%22className%22%3A%22w-8%20h-8%20text-music-primary%20opacity-50%20flex-shrink-0%20mt-1%22%7D"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><div data-lov-id="src/components/ReviewsCarousel.tsx:93:24" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="93" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex-1%22%7D" class="flex-1"><div data-lov-id="src/components/ReviewsCarousel.tsx:94:26" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="94" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-1%20mb-3%22%7D" class="flex items-center gap-1 mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-music-gold text-music-gold" data-lov-id="src/components/ReviewsCarousel.tsx:96:30" data-lov-name="Star" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="96" data-component-file="ReviewsCarousel.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-music-gold text-music-gold" data-lov-id="src/components/ReviewsCarousel.tsx:96:30" data-lov-name="Star" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="96" data-component-file="ReviewsCarousel.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-music-gold text-music-gold" data-lov-id="src/components/ReviewsCarousel.tsx:96:30" data-lov-name="Star" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="96" data-component-file="ReviewsCarousel.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-music-gold text-music-gold" data-lov-id="src/components/ReviewsCarousel.tsx:96:30" data-lov-name="Star" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="96" data-component-file="ReviewsCarousel.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-music-gold text-music-gold" data-lov-id="src/components/ReviewsCarousel.tsx:96:30" data-lov-name="Star" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="96" data-component-file="ReviewsCarousel.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><p data-lov-id="src/components/ReviewsCarousel.tsx:107:26" data-lov-name="p" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="107" data-component-file="ReviewsCarousel.tsx" data-component-name="p" data-component-content="%7B%22text%22%3A%22%5C%22%20%5C%22%22%2C%22className%22%3A%22text-foreground%20text-lg%20leading-relaxed%20mb-6%22%7D" class="text-foreground text-lg leading-relaxed mb-6">"The Ed Sheeran tee is amazing quality! Perfect fit and the print hasn't faded after multiple washes. Will definitely order again!"</p><div data-lov-id="src/components/ReviewsCarousel.tsx:111:26" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="111" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20justify-between%22%7D" class="flex items-center justify-between"><div data-lov-id="src/components/ReviewsCarousel.tsx:112:28" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="112" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-3%22%7D" class="flex items-center gap-3"><img data-lov-id="src/components/ReviewsCarousel.tsx:113:30" data-lov-name="img" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="113" data-component-file="ReviewsCarousel.tsx" data-component-name="img" data-component-content="%7B%22className%22%3A%22w-10%20h-10%20rounded-full%22%7D" src="https://images.unsplash.com/photo-1494790108755-2616b612b4e0?w=50&amp;h=50&amp;fit=crop&amp;crop=face" alt="Sarah M." class="w-10 h-10 rounded-full"><div data-lov-id="src/components/ReviewsCarousel.tsx:118:30" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="118" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%7D"><div data-lov-id="src/components/ReviewsCarousel.tsx:119:32" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="119" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-2%22%7D" class="flex items-center gap-2"><span data-lov-id="src/components/ReviewsCarousel.tsx:120:34" data-lov-name="span" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="120" data-component-file="ReviewsCarousel.tsx" data-component-name="span" data-component-content="%7B%22className%22%3A%22font-semibold%20text-foreground%22%7D" class="font-semibold text-foreground">Sarah M.</span><div data-lov-id="src/components/ReviewsCarousel.tsx:124:36" data-lov-name="Badge" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="124" data-component-file="ReviewsCarousel.tsx" data-component-name="Badge" data-component-content="%7B%22text%22%3A%22Verified%20Purchase%22%2C%22className%22%3A%22text-xs%20bg-green-500%2F20%20text-green-400%20border-green-500%2F30%22%7D" class="inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 hover:bg-secondary/80 text-xs bg-green-500/20 text-green-400 border-green-500/30">Verified Purchase</div></div><p data-lov-id="src/components/ReviewsCarousel.tsx:129:32" data-lov-name="p" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="129" data-component-file="ReviewsCarousel.tsx" data-component-name="p" data-component-content="%7B%22className%22%3A%22text-sm%20text-muted-foreground%22%7D" class="text-sm text-muted-foreground">Ed Sheeran Concert Tee</p></div></div></div></div></div></div></div></div><div data-lov-id="src/components/ReviewsCarousel.tsx:88:16" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="88" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-full%20flex-shrink-0%20px-4%22%7D" class="w-full flex-shrink-0 px-4"><div data-lov-id="src/components/ReviewsCarousel.tsx:89:18" data-lov-name="Card" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="89" data-component-file="ReviewsCarousel.tsx" data-component-name="Card" data-component-content="%7B%22className%22%3A%22bg-card%2F50%20backdrop-blur%20border-border%2F50%22%7D" class="rounded-lg border text-card-foreground shadow-sm bg-card/50 backdrop-blur border-border/50"><div data-lov-id="src/components/ReviewsCarousel.tsx:90:20" data-lov-name="CardContent" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="90" data-component-file="ReviewsCarousel.tsx" data-component-name="CardContent" data-component-content="%7B%22className%22%3A%22p-8%22%7D" class="p-8"><div data-lov-id="src/components/ReviewsCarousel.tsx:91:22" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="91" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-start%20gap-4%22%7D" class="flex items-start gap-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote w-8 h-8 text-music-primary opacity-50 flex-shrink-0 mt-1" data-lov-id="src/components/ReviewsCarousel.tsx:92:24" data-lov-name="Quote" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="92" data-component-file="ReviewsCarousel.tsx" data-component-name="Quote" data-component-content="%7B%22className%22%3A%22w-8%20h-8%20text-music-primary%20opacity-50%20flex-shrink-0%20mt-1%22%7D"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><div data-lov-id="src/components/ReviewsCarousel.tsx:93:24" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="93" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex-1%22%7D" class="flex-1"><div data-lov-id="src/components/ReviewsCarousel.tsx:94:26" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="94" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-1%20mb-3%22%7D" class="flex items-center gap-1 mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-music-gold text-music-gold" data-lov-id="src/components/ReviewsCarousel.tsx:96:30" data-lov-name="Star" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="96" data-component-file="ReviewsCarousel.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-music-gold text-music-gold" data-lov-id="src/components/ReviewsCarousel.tsx:96:30" data-lov-name="Star" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="96" data-component-file="ReviewsCarousel.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-music-gold text-music-gold" data-lov-id="src/components/ReviewsCarousel.tsx:96:30" data-lov-name="Star" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="96" data-component-file="ReviewsCarousel.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-music-gold text-music-gold" data-lov-id="src/components/ReviewsCarousel.tsx:96:30" data-lov-name="Star" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="96" data-component-file="ReviewsCarousel.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-music-gold text-music-gold" data-lov-id="src/components/ReviewsCarousel.tsx:96:30" data-lov-name="Star" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="96" data-component-file="ReviewsCarousel.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><p data-lov-id="src/components/ReviewsCarousel.tsx:107:26" data-lov-name="p" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="107" data-component-file="ReviewsCarousel.tsx" data-component-name="p" data-component-content="%7B%22text%22%3A%22%5C%22%20%5C%22%22%2C%22className%22%3A%22text-foreground%20text-lg%20leading-relaxed%20mb-6%22%7D" class="text-foreground text-lg leading-relaxed mb-6">"Fast shipping and exactly as described. The Coldplay hoodie is super comfortable and looks incredible. Love the design!"</p><div data-lov-id="src/components/ReviewsCarousel.tsx:111:26" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="111" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20justify-between%22%7D" class="flex items-center justify-between"><div data-lov-id="src/components/ReviewsCarousel.tsx:112:28" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="112" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-3%22%7D" class="flex items-center gap-3"><img data-lov-id="src/components/ReviewsCarousel.tsx:113:30" data-lov-name="img" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="113" data-component-file="ReviewsCarousel.tsx" data-component-name="img" data-component-content="%7B%22className%22%3A%22w-10%20h-10%20rounded-full%22%7D" src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=50&amp;h=50&amp;fit=crop&amp;crop=face" alt="Jake T." class="w-10 h-10 rounded-full"><div data-lov-id="src/components/ReviewsCarousel.tsx:118:30" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="118" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%7D"><div data-lov-id="src/components/ReviewsCarousel.tsx:119:32" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="119" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-2%22%7D" class="flex items-center gap-2"><span data-lov-id="src/components/ReviewsCarousel.tsx:120:34" data-lov-name="span" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="120" data-component-file="ReviewsCarousel.tsx" data-component-name="span" data-component-content="%7B%22className%22%3A%22font-semibold%20text-foreground%22%7D" class="font-semibold text-foreground">Jake T.</span><div data-lov-id="src/components/ReviewsCarousel.tsx:124:36" data-lov-name="Badge" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="124" data-component-file="ReviewsCarousel.tsx" data-component-name="Badge" data-component-content="%7B%22text%22%3A%22Verified%20Purchase%22%2C%22className%22%3A%22text-xs%20bg-green-500%2F20%20text-green-400%20border-green-500%2F30%22%7D" class="inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 hover:bg-secondary/80 text-xs bg-green-500/20 text-green-400 border-green-500/30">Verified Purchase</div></div><p data-lov-id="src/components/ReviewsCarousel.tsx:129:32" data-lov-name="p" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="129" data-component-file="ReviewsCarousel.tsx" data-component-name="p" data-component-content="%7B%22className%22%3A%22text-sm%20text-muted-foreground%22%7D" class="text-sm text-muted-foreground">Coldplay Universe Hoodie</p></div></div></div></div></div></div></div></div><div data-lov-id="src/components/ReviewsCarousel.tsx:88:16" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="88" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-full%20flex-shrink-0%20px-4%22%7D" class="w-full flex-shrink-0 px-4"><div data-lov-id="src/components/ReviewsCarousel.tsx:89:18" data-lov-name="Card" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="89" data-component-file="ReviewsCarousel.tsx" data-component-name="Card" data-component-content="%7B%22className%22%3A%22bg-card%2F50%20backdrop-blur%20border-border%2F50%22%7D" class="rounded-lg border text-card-foreground shadow-sm bg-card/50 backdrop-blur border-border/50"><div data-lov-id="src/components/ReviewsCarousel.tsx:90:20" data-lov-name="CardContent" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="90" data-component-file="ReviewsCarousel.tsx" data-component-name="CardContent" data-component-content="%7B%22className%22%3A%22p-8%22%7D" class="p-8"><div data-lov-id="src/components/ReviewsCarousel.tsx:91:22" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="91" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-start%20gap-4%22%7D" class="flex items-start gap-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote w-8 h-8 text-music-primary opacity-50 flex-shrink-0 mt-1" data-lov-id="src/components/ReviewsCarousel.tsx:92:24" data-lov-name="Quote" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="92" data-component-file="ReviewsCarousel.tsx" data-component-name="Quote" data-component-content="%7B%22className%22%3A%22w-8%20h-8%20text-music-primary%20opacity-50%20flex-shrink-0%20mt-1%22%7D"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><div data-lov-id="src/components/ReviewsCarousel.tsx:93:24" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="93" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex-1%22%7D" class="flex-1"><div data-lov-id="src/components/ReviewsCarousel.tsx:94:26" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="94" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-1%20mb-3%22%7D" class="flex items-center gap-1 mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-music-gold text-music-gold" data-lov-id="src/components/ReviewsCarousel.tsx:96:30" data-lov-name="Star" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="96" data-component-file="ReviewsCarousel.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-music-gold text-music-gold" data-lov-id="src/components/ReviewsCarousel.tsx:96:30" data-lov-name="Star" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="96" data-component-file="ReviewsCarousel.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-music-gold text-music-gold" data-lov-id="src/components/ReviewsCarousel.tsx:96:30" data-lov-name="Star" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="96" data-component-file="ReviewsCarousel.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-music-gold text-music-gold" data-lov-id="src/components/ReviewsCarousel.tsx:96:30" data-lov-name="Star" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="96" data-component-file="ReviewsCarousel.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-music-gold text-music-gold" data-lov-id="src/components/ReviewsCarousel.tsx:96:30" data-lov-name="Star" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="96" data-component-file="ReviewsCarousel.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><p data-lov-id="src/components/ReviewsCarousel.tsx:107:26" data-lov-name="p" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="107" data-component-file="ReviewsCarousel.tsx" data-component-name="p" data-component-content="%7B%22text%22%3A%22%5C%22%20%5C%22%22%2C%22className%22%3A%22text-foreground%20text-lg%20leading-relaxed%20mb-6%22%7D" class="text-foreground text-lg leading-relaxed mb-6">"Three2Tango has the best music merch in Australia! Quality is top-notch and they always have the latest artist designs."</p><div data-lov-id="src/components/ReviewsCarousel.tsx:111:26" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="111" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20justify-between%22%7D" class="flex items-center justify-between"><div data-lov-id="src/components/ReviewsCarousel.tsx:112:28" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="112" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-3%22%7D" class="flex items-center gap-3"><img data-lov-id="src/components/ReviewsCarousel.tsx:113:30" data-lov-name="img" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="113" data-component-file="ReviewsCarousel.tsx" data-component-name="img" data-component-content="%7B%22className%22%3A%22w-10%20h-10%20rounded-full%22%7D" src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=50&amp;h=50&amp;fit=crop&amp;crop=face" alt="Emma L." class="w-10 h-10 rounded-full"><div data-lov-id="src/components/ReviewsCarousel.tsx:118:30" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="118" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%7D"><div data-lov-id="src/components/ReviewsCarousel.tsx:119:32" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="119" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-2%22%7D" class="flex items-center gap-2"><span data-lov-id="src/components/ReviewsCarousel.tsx:120:34" data-lov-name="span" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="120" data-component-file="ReviewsCarousel.tsx" data-component-name="span" data-component-content="%7B%22className%22%3A%22font-semibold%20text-foreground%22%7D" class="font-semibold text-foreground">Emma L.</span><div data-lov-id="src/components/ReviewsCarousel.tsx:124:36" data-lov-name="Badge" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="124" data-component-file="ReviewsCarousel.tsx" data-component-name="Badge" data-component-content="%7B%22text%22%3A%22Verified%20Purchase%22%2C%22className%22%3A%22text-xs%20bg-green-500%2F20%20text-green-400%20border-green-500%2F30%22%7D" class="inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 hover:bg-secondary/80 text-xs bg-green-500/20 text-green-400 border-green-500/30">Verified Purchase</div></div><p data-lov-id="src/components/ReviewsCarousel.tsx:129:32" data-lov-name="p" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="129" data-component-file="ReviewsCarousel.tsx" data-component-name="p" data-component-content="%7B%22className%22%3A%22text-sm%20text-muted-foreground%22%7D" class="text-sm text-muted-foreground">Lady Gaga Chromatica Tee</p></div></div></div></div></div></div></div></div><div data-lov-id="src/components/ReviewsCarousel.tsx:88:16" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="88" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22w-full%20flex-shrink-0%20px-4%22%7D" class="w-full flex-shrink-0 px-4"><div data-lov-id="src/components/ReviewsCarousel.tsx:89:18" data-lov-name="Card" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="89" data-component-file="ReviewsCarousel.tsx" data-component-name="Card" data-component-content="%7B%22className%22%3A%22bg-card%2F50%20backdrop-blur%20border-border%2F50%22%7D" class="rounded-lg border text-card-foreground shadow-sm bg-card/50 backdrop-blur border-border/50"><div data-lov-id="src/components/ReviewsCarousel.tsx:90:20" data-lov-name="CardContent" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="90" data-component-file="ReviewsCarousel.tsx" data-component-name="CardContent" data-component-content="%7B%22className%22%3A%22p-8%22%7D" class="p-8"><div data-lov-id="src/components/ReviewsCarousel.tsx:91:22" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="91" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-start%20gap-4%22%7D" class="flex items-start gap-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote w-8 h-8 text-music-primary opacity-50 flex-shrink-0 mt-1" data-lov-id="src/components/ReviewsCarousel.tsx:92:24" data-lov-name="Quote" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="92" data-component-file="ReviewsCarousel.tsx" data-component-name="Quote" data-component-content="%7B%22className%22%3A%22w-8%20h-8%20text-music-primary%20opacity-50%20flex-shrink-0%20mt-1%22%7D"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><div data-lov-id="src/components/ReviewsCarousel.tsx:93:24" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="93" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex-1%22%7D" class="flex-1"><div data-lov-id="src/components/ReviewsCarousel.tsx:94:26" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="94" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-1%20mb-3%22%7D" class="flex items-center gap-1 mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-music-gold text-music-gold" data-lov-id="src/components/ReviewsCarousel.tsx:96:30" data-lov-name="Star" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="96" data-component-file="ReviewsCarousel.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-music-gold text-music-gold" data-lov-id="src/components/ReviewsCarousel.tsx:96:30" data-lov-name="Star" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="96" data-component-file="ReviewsCarousel.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-music-gold text-music-gold" data-lov-id="src/components/ReviewsCarousel.tsx:96:30" data-lov-name="Star" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="96" data-component-file="ReviewsCarousel.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-music-gold text-music-gold" data-lov-id="src/components/ReviewsCarousel.tsx:96:30" data-lov-name="Star" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="96" data-component-file="ReviewsCarousel.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-music-gold text-music-gold" data-lov-id="src/components/ReviewsCarousel.tsx:96:30" data-lov-name="Star" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="96" data-component-file="ReviewsCarousel.tsx" data-component-name="Star" data-component-content="%7B%7D"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><p data-lov-id="src/components/ReviewsCarousel.tsx:107:26" data-lov-name="p" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="107" data-component-file="ReviewsCarousel.tsx" data-component-name="p" data-component-content="%7B%22text%22%3A%22%5C%22%20%5C%22%22%2C%22className%22%3A%22text-foreground%20text-lg%20leading-relaxed%20mb-6%22%7D" class="text-foreground text-lg leading-relaxed mb-6">"Been a customer for 2 years now. Consistently great quality and customer service. My go-to for all concert gear!"</p><div data-lov-id="src/components/ReviewsCarousel.tsx:111:26" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="111" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20justify-between%22%7D" class="flex items-center justify-between"><div data-lov-id="src/components/ReviewsCarousel.tsx:112:28" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="112" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-3%22%7D" class="flex items-center gap-3"><img data-lov-id="src/components/ReviewsCarousel.tsx:113:30" data-lov-name="img" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="113" data-component-file="ReviewsCarousel.tsx" data-component-name="img" data-component-content="%7B%22className%22%3A%22w-10%20h-10%20rounded-full%22%7D" src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=50&amp;h=50&amp;fit=crop&amp;crop=face" alt="Mike R." class="w-10 h-10 rounded-full"><div data-lov-id="src/components/ReviewsCarousel.tsx:118:30" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="118" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%7D"><div data-lov-id="src/components/ReviewsCarousel.tsx:119:32" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="119" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20items-center%20gap-2%22%7D" class="flex items-center gap-2"><span data-lov-id="src/components/ReviewsCarousel.tsx:120:34" data-lov-name="span" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="120" data-component-file="ReviewsCarousel.tsx" data-component-name="span" data-component-content="%7B%22className%22%3A%22font-semibold%20text-foreground%22%7D" class="font-semibold text-foreground">Mike R.</span><div data-lov-id="src/components/ReviewsCarousel.tsx:124:36" data-lov-name="Badge" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="124" data-component-file="ReviewsCarousel.tsx" data-component-name="Badge" data-component-content="%7B%22text%22%3A%22Verified%20Purchase%22%2C%22className%22%3A%22text-xs%20bg-green-500%2F20%20text-green-400%20border-green-500%2F30%22%7D" class="inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 hover:bg-secondary/80 text-xs bg-green-500/20 text-green-400 border-green-500/30">Verified Purchase</div></div><p data-lov-id="src/components/ReviewsCarousel.tsx:129:32" data-lov-name="p" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="129" data-component-file="ReviewsCarousel.tsx" data-component-name="p" data-component-content="%7B%22className%22%3A%22text-sm%20text-muted-foreground%22%7D" class="text-sm text-muted-foreground">Multiple purchases</p></div></div></div></div></div></div></div></div></div></div><div data-lov-id="src/components/ReviewsCarousel.tsx:145:10" data-lov-name="div" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="145" data-component-file="ReviewsCarousel.tsx" data-component-name="div" data-component-content="%7B%22className%22%3A%22flex%20justify-center%20gap-2%20mt-8%22%7D" class="flex justify-center gap-2 mt-8"><button data-lov-id="src/components/ReviewsCarousel.tsx:147:14" data-lov-name="button" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="147" data-component-file="ReviewsCarousel.tsx" data-component-name="button" data-component-content="%7B%7D" class="w-3 h-3 rounded-full transition-colors bg-muted-foreground/30 hover:bg-muted-foreground/50"></button><button data-lov-id="src/components/ReviewsCarousel.tsx:147:14" data-lov-name="button" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="147" data-component-file="ReviewsCarousel.tsx" data-component-name="button" data-component-content="%7B%7D" class="w-3 h-3 rounded-full transition-colors bg-muted-foreground/30 hover:bg-muted-foreground/50"></button><button data-lov-id="src/components/ReviewsCarousel.tsx:147:14" data-lov-name="button" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="147" data-component-file="ReviewsCarousel.tsx" data-component-name="button" data-component-content="%7B%7D" class="w-3 h-3 rounded-full transition-colors bg-music-primary"></button><button data-lov-id="src/components/ReviewsCarousel.tsx:147:14" data-lov-name="button" data-component-path="src/components/ReviewsCarousel.tsx" data-component-line="147" data-component-file="ReviewsCarousel.tsx" data-component-name="button" data-component-content="%7B%7D" class="w-3 h-3 rounded-full transition-colors bg-muted-foreground/30 hover:bg-muted-foreground/50"></button></div></div></div></section></div></div></span></p>
</td>
</tr>
</tbody>
</table>
</body>
</html>