Ecopets CSS

<style>
body, .content-wrapper {background-color: #e9e6dc;}
/* main */

#header, .navigation-in {background-color: transparent; border-color: transparent;}
.navigation-buttons a[data-target="search"] {background-color: #999999;}
.navigation-buttons a[data-target="login"] {background-color: #cccccc;}
.navigation-buttons a[data-target="cart"] {background-color: #2bcf9d;}
.navigation-buttons a[data-target="cart"]:hover, .navigation-buttons a[data-target="login"]:hover, .navigation-buttons a[data-target="search"]:hover, .navigation-buttons a[data-target="navigation"]:hover {background-color: #732281;}
.top-products-wrapper {display:none;}
.navigation-buttons a {border-radius: 0px 0px 10px 10px; border-color: transparent;}
.navigation-in>ul>li {border-radius: 0px 0px 10px 10px; border-color: transparent;background-color: #eae7dc;}
.navigation-in>ul>li a b, .navigation-in>ul>li>a {color: #231f20;}
.navigation-in>ul>li, .navigation-buttons a[data-target="login"], .navigation-buttons a[data-target="search"], .navigation-buttons a[data-target="cart"] {margin-right: 5px;}

@media (min-width: 992px) {
.navigation-in ul.menu-level-2 {border-radius: 0px 0px 10px 10px; background-color: #999999 !important; color: #fff !important; border-color: transparent;}
}
/* header */

.products-block > div .p > a img {border-radius: 10px; opacity: 0.8;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.products-block > div .p > a img:hover {opacity: 1;}
.products-block > div .p .name {font-size: 20px;}
.btn, a.btn {border-radius: 10px;}

.banner-wrapper a img {border-radius: 10px;}
/* category */

.flag.flag-action {background-color: #732281;}
.flag.flag-new {background-color: #2bcf9d;}
.flag.flag-tip {background-color: #2b88cf;}
.flag.flag-freeshipping {background-color: #2bcf9d;}
.flag.flag-discount {background-color: #732281;}

.flags-default .flag {padding: 10px; border-radius: 10px;}
.flags-default .flag::before, .flags-default .flag:after {display: none;}
.flags {left: 10px; top: 10px;}
.flags.flags-extra {bottom: 10px; right: 10px;}
/* flags */

/* */
/* */
/* */
/* */
/* */
</style>

 

 

 

 

+ na titulní stránku:

 

<style><!--
@media (max-width: 992px) {
#header {position: relative;z-index: 1;}
#content-wrapper {margin-top: -60px}
}
@media (min-width: 992px) {
#header {position: relative;z-index: 1;}
#content-wrapper {margin-top: -80px}
}
--></style>