Testing to relocate CSS according to new App dir functionality

components/product/price.tsx

@@ -1,12 +1,14 @@
 const Price = ({
+  className,
   amount,
   currencyCode,
   ...props
 }: {
   amount: string;
   currencyCode: string | 'SEK' | 'GPB';
+  className?: string;
 } & React.ComponentProps<'p'>) => (
-  <p suppressHydrationWarning={true} {...props}>
+  <p className={className} suppressHydrationWarning={true} {...props}>
     
     {`${new Intl.NumberFormat(undefined, {
       style: 'currency',

components/product/product-view.tsx

@@ -30,7 +30,7 @@ export default function ProductView({product, relatedProducts }: ProductViewProp
                 hasDots={false}
                 gliderClasses={'lg:px-8 2xl:px-16'}
                 slidesToScroll={1}
-                slidesToShow={1.025}
+                slidesToShow={images.length > 1 ? 1.0125 : 1}
                 responsive={{
                   breakpoint: 1024,
                   settings: {