diff --git a/src/App.jsx b/src/App.jsx
index 3a4f3b2..a9d96e6 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,9 +1,11 @@
-import './App.css'
+// изменяем импорт
+import styles from './App.module.css'
 
 function Product() {
 	return (
 		<>
-			<p className='product'>Товар</p>
+			{/* вытаскиваем класс product из объекта styles */}
+			<p className={styles.product}>Товар</p>
 		</>
 	)
 }
diff --git a/src/App.css b/src/App.module.css
similarity index 100%
rename from src/App.css
rename to src/App.module.css