criei duas pastas uma do Victor e do Gilbert, a do Victor eu desbloqueei os botões de compra e fiz a soma do carrinho

zara gilbert/main.js

@@ -0,0 +1,33 @@
+const menuOpen = document.getElementById('menu_open');
+const menuClose = document.getElementById('menu_close');
+const menuMobil = document.getElementById('menu_mobile');
+
+const nav = document.getElementById('nav');
+
+
+let isMenuOpen = false;
+
+function toogleMenu() {
+  if (isMenuOpen) {
+    menuOpen.classList.remove('hide');
+    menuClose.classList.add('hide');
+  }
+
+  else {
+    menuOpen.classList.add('hide');
+    menuClose.classList.remove('hide');
+  }
+
+  isMenuOpen = !isMenuOpen;
+
+  if (isMenuOpen) {
+    nav.style.display = 'block';
+  }
+
+  else {
+    nav.style.display = 'none';
+  }
+}
+
+menuMobil.addEventListener('click', toogleMenu);
+

zara gilbert/reset.css

@@ -0,0 +1,32 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}

zara gilbert/style.css

@@ -0,0 +1,284 @@
+body {
+  margin: 0;
+  background-color: #e2cebc;
+}
+
+.navbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 120px;
+  background-color: #ede3da;
+  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
+}
+
+#menu_mobile svg {
+  display: none;
+}
+
+nav {
+  display: flex;
+  gap: 34px;
+}
+
+nav a,
+nav button {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  color: #3c3a36;
+  text-decoration: none;
+  background-color: inherit;
+  text-transform: uppercase;
+  padding: 8px 12px;
+  border-radius: 4px;
+  cursor: pointer;
+
+  font-size: 14px;
+  font-weight: 500;
+  font-family: Inter, sans-serif;
+}
+
+nav a:hover,
+nav button:hover {
+  background-color: #3c3a360d;
+  transition: background-color 0.3s;
+}
+
+nav a.active,
+nav button.active {
+  background-color: #e2cebc;
+}
+
+.dropdown-menu {
+  display: none;
+}
+
+nav button {
+  border: none;
+}
+
+.shop-main {
+  display: flex;
+}
+
+.shop-main h2 {
+  font-size: 18px;
+  margin-bottom: 10px;
+  font-weight: bold;
+}
+
+.main-filter {
+  padding: 30px;
+}
+
+.main-filter section {
+  padding: 20px 0px;
+  width: max-content;
+}
+
+.main-filter .form-item {
+  margin-top: 5px;
+}
+
+.product-footer button {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  color: #3c3a36;
+  text-decoration: none;
+  background-color: inherit;
+  text-transform: uppercase;
+  padding: 8px 12px;
+  border-radius: 4px;
+  cursor: pointer;
+
+  font-size: 14px;
+  font-weight: 500;
+  font-family: Inter, sans-serif;
+}
+
+.product-footer button:hover {
+  background-color: #3c3a360d;
+  transition: background-color 0.3s;
+}
+
+.products-wapper {
+  margin-top: 50px;
+  display: flex;
+  flex-wrap: wrap;
+  grid-gap: 30px;
+  justify-content: center;
+}
+
+/* Section Product */
+.product-card {
+  display: flex;
+  flex-direction: column;
+  border: 1px #c0bcb9 solid;
+  border-radius: 13px;
+  width: 300px;
+}
+
+.product-image {
+  border-radius: 12px 12px 0 0;
+}
+
+.product-content {
+  display: flex;
+  flex-direction: column;
+  background-color: #ede3da;
+  padding: 20px 15px;
+  border-radius: 0 0 12px 12px;
+}
+
+.product-title {
+  font-size: 22px;
+  font-weight: bold;
+  color: #3c3a36;
+}
+
+.product-description {
+  font-size: 18px;
+  margin-top: 10px;
+  color: #5e5c59;
+}
+
+.product-variations {
+  font-size: 18px;
+  margin-top: 10px;
+  color: #5e5c59;
+  font-style: italic;
+}
+
+.product-price {
+  margin-top: 8px;
+  font-size: 22px;
+  font-weight: bold;
+}
+
+.product-image-wrapper {
+  display: flex;
+}
+
+.product-image-wrapper img {
+  width: 100%;
+  height: 400px;
+  object-fit: cover;
+}
+
+.product-footer {
+  display: flex;
+  justify-content: space-between;
+}
+
+.product-cart-button {
+  display: flex;
+  justify-content: center;
+  gap: 10px;
+}
+
+.product-cart-button svg {
+  width: 20px;
+}
+
+main {
+  padding: 40px;
+}
+
+.shop-title h1 {
+  font-size: 36px;
+  font-weight: bold;
+  margin-top: 10px;
+}
+
+.shop-title p {
+  margin-top: 10px;
+  font-size: 18px;
+  color: #5e5c59;
+}
+
+@media (max-width: 875px) {
+  .navbar {
+    position: relative;
+  }
+
+  nav {
+    display: none;
+    flex-direction: column;
+    position: absolute;
+    background-color: #ede3da;
+    left: 0px;
+    width: 100%;
+    top: 80px;
+    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
+    gap: 0px;
+  }
+
+  nav a,
+  nav button {
+    padding: 20px 0px;
+    font-size: 16px;
+  }
+
+  .navbar {
+    padding: 10px 30px;
+  }
+
+  #menu_mobile svg {
+    display: block;
+    width: 45px;
+  }
+
+  #menu_open {
+    animation: fade-out 1s;
+    transition: display 1s;
+  }
+
+  .hide {
+    display: none;
+  }
+
+  .logo svg {
+    width: 10rem;
+  }
+
+  nav a.active,
+  nav button.active {
+    background-color: inherit;
+  }
+
+  .dropdown {
+    display: flex;
+    justify-content: center;
+  }
+
+  main {
+    padding: 40px 10px;
+  }
+
+  .shop-title h1 {
+    font-size: 28px;
+  }
+
+  .shop-title p {
+    font-size: 16px;
+  }
+
+  .main-filter {
+    display: none;
+  }
+}
+
+header,footer {
+  width: 100%;
+  padding: 10px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #1f1d1d;
+  box-sizing: border-box;
+
+}