:root{--cream:#f4ead9;--brown:#3b2418;--rust:#d1572c;--mint:#a7d7c5}*{box-sizing:border-box;margin:0}body{background:var(--cream);color:var(--brown);font-family:Inter,sans-serif}a{color:inherit}.logo,h1,h2,h3{font-family:Syne,sans-serif}.nav{justify-content:space-between;align-items:center;padding:22px 48px;display:flex}.logo{font-size:24px;font-weight:800}.logo,.nav-links a{text-decoration:none}.nav-links a{margin-left:28px;font-weight:500}.nav-links a.router-link-exact-active{text-underline-offset:6px;text-decoration:underline}.cart{background:var(--brown);color:var(--cream);padding:10px 18px}.btn,.cart{border-radius:99px}.btn{background:var(--cream);color:var(--brown);font:inherit;cursor:pointer;border:0;padding:16px 28px;font-weight:700;text-decoration:none;transition:transform .2s;display:inline-block}.btn:hover{transform:rotate(-2deg)scale(1.04)}.btn-dark{background:var(--brown);color:var(--cream)}.section{padding:48px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.card{border:2px solid var(--brown);background:#fff8ec;border-radius:26px;padding:26px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.card:hover{box-shadow:6px 6px 0 var(--brown);transform:translate(-4px,-4px)}.card h3{margin:8px 0;font-size:24px}.card p{opacity:.75;font-size:14px}.tags{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.tags span{border:1px solid var(--brown);border-radius:99px;padding:4px 10px;font-size:12px}.footer{border-top:2px solid var(--brown);justify-content:space-between;padding:32px 48px;font-size:14px;display:flex}@media (width<=860px){.footer,.nav,.section{padding-left:16px;padding-right:16px}.nav-links a:not(.cart){display:none}}