diff --git a/src/components/home/BeforeAfterGallery.tsx b/src/components/home/BeforeAfterGallery.tsx
index e902b10..5fe82c0 100644
--- a/src/components/home/BeforeAfterGallery.tsx
+++ b/src/components/home/BeforeAfterGallery.tsx
@@ -104,7 +104,7 @@ function BeforeAfterSlider({ result }: { result: typeof results[0] }) {
         <div className="flex items-center gap-1.5">
           <div className="flex">
             {[1, 2, 3, 4, 5].map((star) => (
-              <svg key={star} className="w-4 h-4 fill-gold text-gold" viewBox="0 0 24 24">
+              <svg key={star} className="w-4 h-4 fill-[#FFD700] text-[#FFD700]" viewBox="0 0 24 24">
                 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" />
               </svg>
             ))}
diff --git a/src/components/home/HeroVideo.tsx b/src/components/home/HeroVideo.tsx
index 2f3bea6..aec6938 100644
--- a/src/components/home/HeroVideo.tsx
+++ b/src/components/home/HeroVideo.tsx
@@ -59,7 +59,7 @@ export default function HeroVideo() {
           >
             <div className="flex">
               {[1, 2, 3, 4, 5].map((star) => (
-                <svg key={star} className="w-4 h-4 fill-gold text-gold" viewBox="0 0 24 24">
+                <svg key={star} className="w-4 h-4 fill-[#FFD700] text-[#FFD700]" viewBox="0 0 24 24">
                   <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" />
                 </svg>
               ))}
diff --git a/src/components/product/ProductCard.tsx b/src/components/product/ProductCard.tsx
index 7b6bc10..ce3a9da 100644
--- a/src/components/product/ProductCard.tsx
+++ b/src/components/product/ProductCard.tsx
@@ -33,7 +33,7 @@ export default function ProductCard({ product, index = 0, locale = "SR" }: Produ
               src={image}
               alt={localized.name}
               fill
-              className="object-contain transition-transform duration-700 ease-out group-hover:scale-105"
+              className="object-cover transition-transform duration-700 ease-out group-hover:scale-105"
               sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw"
             />
           ) : (
diff --git a/src/components/product/ProductDetail.tsx b/src/components/product/ProductDetail.tsx
index c7db13b..27eb980 100644
--- a/src/components/product/ProductDetail.tsx
+++ b/src/components/product/ProductDetail.tsx
@@ -171,7 +171,7 @@ export default function ProductDetail({ product, relatedProducts, locale = "SR"
                         src={image.url}
                         alt={image.alt || localized.name}
                         fill
-                        className="object-contain"
+                        className="object-cover"
                         sizes="80px"
                       />
                     </button>
@@ -179,25 +179,18 @@ export default function ProductDetail({ product, relatedProducts, locale = "SR"
                 </div>
               )}
 
-              {/* Main Image */}
-              <div className="flex-1 relative aspect-square bg-[#f8f9fa] overflow-hidden">
+{/* Main Image */}
+              <div className="relative aspect-square bg-[#f8f9fa] overflow-hidden">
                 {images[selectedImage] && (
                   <Image
                     src={images[selectedImage].url}
                     alt={images[selectedImage].alt || localized.name}
                     fill
-                    className="object-contain"
+                    className="object-cover"
                     priority
                     sizes="(max-width: 1024px) 100vw, 50vw"
                   />
                 )}
-                
-                {/* Award Badge - Optional */}
-                <div className="absolute top-4 left-4">
-                  <div className="bg-black text-white text-[10px] uppercase tracking-[0.1em] px-3 py-1.5">
-                    {locale === "EN" ? "Bestseller" : "Najprodavanije"}
-                  </div>
-                </div>
               </div>
             </motion.div>
 
diff --git a/src/components/product/ProductReviews.tsx b/src/components/product/ProductReviews.tsx
index 944886c..1984f89 100644
--- a/src/components/product/ProductReviews.tsx
+++ b/src/components/product/ProductReviews.tsx
@@ -65,7 +65,7 @@ function ReviewCard({ review }: { review: typeof reviews[0] }) {
     <div className="flex-shrink-0 w-80 bg-white p-6 rounded-2xl shadow-sm border border-[#f0ede8] mx-3">
       <div className="flex items-center gap-1 mb-3">
         {[1, 2, 3, 4, 5].map((star) => (
-          <svg key={star} className="w-4 h-4 fill-gold text-gold" viewBox="0 0 24 24">
+          <svg key={star} className="w-4 h-4 fill-[#FFD700] text-[#FFD700]" viewBox="0 0 24 24">
             <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" />
           </svg>
         ))}
@@ -107,7 +107,7 @@ export default function ProductReviews({ locale = "SR", productName = "this prod
             <div>
               <div className="flex gap-0.5">
                 {[1, 2, 3, 4, 5].map((star) => (
-                  <svg key={star} className="w-5 h-5 fill-gold text-gold" viewBox="0 0 24 24">
+                  <svg key={star} className="w-5 h-5 fill-[#FFD700] text-[#FFD700]" viewBox="0 0 24 24">
                     <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" />
                   </svg>
                 ))}