паспорт товара

front/src/pages/ItemPage/ItemPage.module.css

@@ -0,0 +1,93 @@
+.page {
+  background: #f5f5f5;
+  min-height: 100vh;
+}
+
+.top {
+  background: #000;
+  padding: 15px 40px;
+}
+
+.back {
+  color: white;
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-weight: 600;
+}
+
+.hero {
+  display: flex;
+  min-height: 500px;
+}
+
+.left {
+  flex: 1;
+  background: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.left img {
+  max-width: 400px;
+}
+
+.right {
+  flex: 1;
+  background: linear-gradient(
+      rgba(0, 0, 0, 0.7),
+      rgba(0, 0, 0, 0.7)
+    ),
+    url("/bg.jpg");
+  color: white;
+  padding: 80px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.breadcrumbs {
+  color: #f5c400;
+  margin-bottom: 20px;
+}
+
+.download {
+  margin-top: 30px;
+  background: #f5c400;
+  border: none;
+  padding: 15px 40px;
+  border-radius: 30px;
+  font-weight: bold;
+  cursor: pointer;
+}
+
+.tabs {
+  display: flex;
+  border-top: 1px solid #ddd;
+}
+
+.tabs button {
+  flex: 1;
+  padding: 20px;
+  border: none;
+  background: #eee;
+  cursor: pointer;
+}
+
+.active {
+  background: white;
+  font-weight: bold;
+}
+
+.content {
+  padding: 40px;
+  background: white;
+}
+
+.attrRow {
+  display: flex;
+  justify-content: space-between;
+  padding: 10px 0;
+  border-bottom: 1px solid #eee;
+}