style(product-page): harmonize media section header icon with brand blue theme

frontend/application/components/ProductPage.tsx

@@ -780,13 +780,13 @@ export default function ProductPage({ productSlug }: { productSlug: string }) {
             {/* Multimedia & Scientific Documentation (Video, Podcast & PDF Catalog) */}
             {(product.videoUrl || product.podcastUrl || product.pdfUrl) && (
               <section className="bg-white border border-medical-gray-200 rounded-[2.5rem] p-8 md:p-10 shadow-md space-y-8 font-vazir" dir="rtl">
-                <div className="flex items-center gap-4 border-b border-medical-gray-100 pb-6">
-                  <div className="w-12 h-12 bg-purple-600 text-white rounded-2xl flex items-center justify-center shadow-lg">
-                    <Sparkles className="w-6 h-6" />
+                <div className="flex items-center gap-2.5 sm:gap-4 border-b border-medical-gray-100 pb-4 sm:pb-6">
+                  <div className="w-9 h-9 sm:w-12 sm:h-12 bg-canina-blue text-white rounded-xl sm:rounded-2xl flex items-center justify-center shadow-lg shrink-0">
+                    <Sparkles className="w-4 h-4 sm:w-6 sm:h-6" />
                   </div>
                   <div>
-                    <h3 className="text-2xl md:text-3xl font-black text-medical-gray-900 italic">رسانه و مستندات تخصصی محصول</h3>
-                    <p className="text-xs text-medical-gray-400 font-bold mt-1">ویدیو آموزشی، پادکست تحلیل علمی و دفترچه کاتالوگ کارخانه Canina</p>
+                    <h3 className="text-lg sm:text-2xl md:text-3xl font-black text-medical-gray-900 italic">رسانه و مستندات تخصصی محصول</h3>
+                    <p className="text-xs text-medical-gray-400 font-bold mt-0.5 sm:mt-1">ویدیو آموزشی، پادکست تحلیل علمی و دفترچه کاتالوگ کارخانه Canina</p>
                   </div>
                 </div>