new logo

src/layouts/_partials/logo-seul.njk

 <a class="logo solito" href="/">
 {% if assets.logosolito %}
-{{assets.logosolito | safe}}    
+{{assets.logonew | safe}}    
 {% else  %}
     <p class="site-title">{{site.name | safe}}</p>
 {% endif %}
-</a>
+</a>
\ No newline at end of file

src/layouts/_partials/logo.njk

 <a class="logo" href="/">
-{% if assets.logo %}
-{{assets.logo | safe}}    
-{% else  %}
-    <p class="site-title">{{site.name | safe}}</p>
-{% endif %}
-</a>
+    {% if assets.logo %}
+        {{ assets.logonew | safe }}
+    {% else %}
+        <p class="site-title">{{ site.name | safe }}</p>
+    {% endif %}
+</a>
\ No newline at end of file

static/css/theme-coko/main.css

@@ -107,6 +107,11 @@ aside {
   font-family: var(--font-interface);
   transition: background-color 1000ms;
 }
+
+.topbar .logo {
+  width: 190px;
+}
+
 .topbar a.logo.solito svg {
   max-width: 350px;
   padding-right: 1.5rem;
@@ -1043,7 +1048,7 @@ hr {
   display: grid;
   grid-template-columns: 100%;
   grid-template-rows: [icon-start] 100px [icon-end content-start] 1fr [content-end];
-  gap: .8em;
+  gap: 0.8em;
   min-width: 330px;
   max-width: 45%;
   flex: 1 1 0;
@@ -1061,13 +1066,13 @@ hr {
 
 .home .products-list .product-baseline {
   font-size: 1.4em;
-  line-height:1.1;
+  line-height: 1.1;
   text-wrap: balance;
   font-weight: 800;
   color: var(--color-main);
   text-align: center;
   max-width: 80%;
-  margin:auto;
+  margin: auto;
   margin-bottom: 1em;
 }