:root{--bg: #edebe2;--bg-muted: oklab(from var(--bg) calc(l - 0.05) a b);--ink: #181818;--muted: #666;--brand: #6D5F52;--card: #fff;--chip: #e9e3cf;--radius: 20px;--shadow: 0 8px 32px rgba(0, 0, 0, 0.08)}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;background-color:var(--bg);margin:1%}h1,h2,h3,p,a{color:var(--brand)}.content{width:40%;margin:30px auto 0}@media(width < 2100px){.navbar,.content{width:80%}}.navbar{display:flex;align-items:center;justify-content:space-between;width:40%;margin:auto;height:60px;border-bottom:1px solid var(--bg-muted);gap:10px;position:relative}.navbar .brand{display:flex;align-items:center;gap:10px}.navbar .brand img{width:50px;height:50px;border-radius:50%}.navbar .brand span{font-weight:bold;font-size:x-large}.hamburger{width:30px;cursor:pointer;display:block}.hamburger .bar{height:3px;width:100%;background-color:var(--brand);margin:5px 0;transition:.3s}.hamburger.active .bar:nth-child(1){transform:rotate(45deg) translate(6px, 6px)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:rotate(-45deg) translate(6px, -6px)}.nav-menu{list-style:none;background-color:#333;display:none;flex-direction:column;position:absolute;top:60px;right:15px;transform:translateX(50%);opacity:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);z-index:1000}.nav-menu li{border-top:1px solid #444}.nav-menu li a{color:#fff;text-decoration:none;display:block;padding:12px 20px;text-align:center}.nav-menu.active{display:flex;animation:transparency .3s ease-out;opacity:1}.product-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem;list-style:none;padding:0}.product-card{display:flex;flex-direction:column;align-items:center;border:2px solid var(--bg-muted);border-radius:10px;padding:1rem;width:70%;margin:auto;background-color:var(--card);box-shadow:var(--shadow);overflow:hidden}.product-card img{object-fit:cover;object-position:center;display:block;aspect-ratio:1.6;width:100%;height:100%}@keyframes transparency{from{opacity:0}to{opacity:1}}@media(width < 1000px){body{font-size:x-small}.product-list{grid-template-columns:1fr}.navbar{width:80%}}/*# sourceMappingURL=main.css.map */