edit css

themes/contrib/estore/css/styles.css

-#f3c09a@charset "UTF-8";
+@charset "UTF-8";
 /*!
  * Bootstrap v3.3.7 (http://getbootstrap.com)
  * Copyright 2011-2016 Twitter, Inc.
@@ -516,9 +516,11 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li {
     margin-right: 40px
   }
 }
+
 .block-views-blockfaq-block-1 {
   margin-bottom: 50px;
 }
+
 .block-views-blockfaq-block-1 .accordion {
   background-color: #eee;
   color: #444;
@@ -536,24 +538,31 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li {
   transition: 0.4s;
   border-radius: 4px;
 }
+
 .acc-bottom {
   margin-bottom: 10px;
 }
+
 .block-views-blockfaq-block-1 .accordion:hover {
-background-color: #e0dede;
+  background-color: #e0dede;
 }
-.block-views-blockfaq-block-1 .active ,.block-views-blockfaq-block-1 .active.accordion:hover {
+
+.block-views-blockfaq-block-1 .active, .block-views-blockfaq-block-1 .active.accordion:hover {
   background-color: #c40316;
 }
+
 .block-views-blockfaq-block-1 .active {
   background-color: #c40316;
 }
-.block-views-blockfaq-block-1 .active a , .block-views-blockfaq-block-1 .active.accordion:after{
+
+.block-views-blockfaq-block-1 .active a, .block-views-blockfaq-block-1 .active.accordion:after {
   color: white !important
 }
+
 .block-views-blockfaq-block-1 .accordion a {
   color: black;
 }
+
 .block-views-blockfaq-block-1 .accordion:after {
   content: '\002B';
   color: #777;
@@ -574,6 +583,7 @@ background-color: #e0dede;
   transition: max-height 0.2s ease-out;
   box-shadow: none;
 }
+
 @media (min-width: 768px) {
   .webform-flex--container {
     width: 91% !important
@@ -1038,6 +1048,43 @@ header.navbar .block-search-navigation .search-icon {
   display: none;
 }
 
+.region-middle-bottom-header .form-group {
+  display: block !important;
+  /* position: relative; */
+}
+
+.region-middle-bottom-header input {
+  border: 2.5px solid #e94537;
+  /* background: #fcdb99; */
+  width: 100% !important;
+  height: 56px;
+  color: #333;
+  font-size: 14px;
+  font-weight: 400;
+  padding: 0 145px 0 20px;
+  border-radius: 6px;
+}
+
+.region-middle-bottom-header button {
+  font-size: 14px;
+  text-transform: uppercase;
+  border: 0;
+  position: absolute;
+  top: 0px;
+  bottom: -2px;
+  right: -13px;
+  background: #e94537;
+  color: #fff;
+  font-weight: 600;
+  padding: 0 20px;
+  min-width: 110px;
+  border-radius: 0 5px 5px 0;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+  max-height: 50px;
+  max-height: 56px;
+}
+
 /* invi 1440 */
 @media (max-width: 1200px) {
   header.navbar .main-menu ul.menu li a {
@@ -1123,6 +1170,7 @@ header.navbar .block-search-navigation .search-icon {
     justify-content: center;
   }
 }
+
 @media (max-width: 1150px) {
   .middle-header-wrapper .region-right-middle-header .cart-block-wrapper a.cart-icon {
     width: 35px !important;
@@ -1131,6 +1179,7 @@ header.navbar .block-search-navigation .search-icon {
     margin: 0 !important;
     padding: 0 !important;
   }
+
   .img-logo .logo-top {
     height: 13px !important;
     width: 42px !important;
@@ -1138,23 +1187,26 @@ header.navbar .block-search-navigation .search-icon {
     border: red 2px solid;
     position: absolute;
     top: -8px;
-}
-.img-logo .logo-center {
+  }
+
+  .img-logo .logo-center {
     height: 45px !important;
     width: 42px !important;
   }
-  .middle-header-wrapper .region-left-middle-header .branding-block .logo img.logo_img{
+
+  .middle-header-wrapper .region-left-middle-header .branding-block .logo img.logo_img {
     height: 35px !important;
     width: 35px !important;
   }
+
   .img-logo .logo-bottom {
     height: 20px !important;
     width: 42px !important;
+  }
 }
-}
+
 /* invi 991 response */
 @media (max-width: 991px) {
-
   .region-right-middle-header .block-views-blocklist-social-block-social {
     display: none;
     width: 0 !important
@@ -12328,12 +12380,18 @@ article.commerce-product.full .product-right {
   flex-direction: column;
 }
 
+.region-sidebar-second article.commerce-product .product-title {
+  display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+    text-decoration: none;
+}
 .region-sidebar-second article.commerce-product .product-price {
-  position: absolute;
-  bottom: 11px;
-  left: 84px;
+  left: 23px;
+position: relative;
+top: 10px;
 }
-
 /* */
 .product-left .field--name-field-images .field--item:nth-child(1) img {
   width: 100% !important;

themes/contrib/estore/templates/commerce/commerce-product--teaser-micro.html.twig

@@ -22,7 +22,9 @@
 <article{{ attributes.addClass('commerce-product', 'teaser-micro') }}>
   <a href="{{ product_url }}">
     {{ product.field_images[0] }}
-    <div class="product-title">{{ product.title }}</div>
   </a>
-  <div class="product-price clearfix">{{ product.variation_price }}</div>
+  <div class="product">
+    <div class="product-title">{{ product.title }}</div>
+    <div class="product-price clearfix">{{ product.variation_price }}</div>
+  </div>
 </article>