MIJ 2.0 CSS + scripts

<link rel="stylesheet" type="text/css" href="https://code.kubanavratil.com/user/documents/upload/res2020/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="https://code.kubanavratil.com/user/documents/upload/res2020/owl.theme.default.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
</style>
<style>
::-webkit-scrollbar {
width: 0px;
}
.content-wrapper-in {
max-width: calc(100vw - 50px);
margin: auto;
}
#header {background-color: #fff;}
.navigation-in>ul>li>a, .navigation-in ul.menu-level-2 a, .menu-helper>span, .menu-helper > ul > li a, .navigation-buttons a[data-target="search"], .navigation-buttons a[data-target="cart"], .navigation-buttons a[data-target="login"], .navigation-buttons a[data-target="navigation"], .navigation-in>ul>li.exp>a {color: #000;}
.navigation-in>ul>li>a:hover, .navigation-in ul.menu-level-2 a:hover, .menu-helper>span:hover, .menu-helper > ul > li a:hover, .navigation-buttons a[data-target="search"]:hover, .navigation-buttons a[data-target="cart"]:hover, .navigation-buttons a[data-target="login"]:hover, .navigation-buttons a[data-target="navigation"]:hover {color: #e8d4cd;}
.navigation-in, .menu-helper>span, .navigation-buttons a[data-target="search"], .navigation-buttons a[data-target="login"], .navigation-buttons a[data-target="cart"], .navigation-buttons a[data-target="navigation"], .menu-helper>ul>li.exp>a, .menu-helper>ul>li.exp>ul>li, #header > .container, .navigation-in ul.menu-level-2, .menu-helper>ul {background-color: #f3f3f3; border-color: #f3f3f3;}
.navigation-buttons a[data-target="search"]:hover, .navigation-buttons a[data-target="cart"]:hover, .navigation-buttons a[data-target="login"]:hover, .navigation-buttons a[data-target="navigation"]:hover {background-color: #000; border-color: #000;}

.navigation-buttons a[data-target="cart"] {color: #000 !important;}
.navigation-in > ul > li:hover > a {color: #e3032d;}
.navigation-in ul li a b {font-weight: 300;text-transform: lowercase;}

 

#header {margin-top:25px;}
#header > .container {width: calc(100vw - 50px); padding: 0 25px;}

.content-wrapper-in {max-width: calc(100vw - 50px); margin: auto;}

@media (max-width: 480px) {
#header {margin-top:10px;}
.content-wrapper-in {max-width: calc(100vw - 20px); margin: auto;}
#header > .container {width: calc(100vw - 20px); padding: 0 25px;}
.navigation-buttons {margin-top: 10px;margin-right:10px;}
}
@media (max-width: 768px) {

}

@media (min-width: 768px) and (max-width: 992px) {
.navigation-buttons {margin-top: 25px;margin-right:25px;}
.navigation-window-visible .navigation-buttons {margin-right: 25px;}
.navigation-window-visible #navigation {margin-right: 25px;padding-top: 85px;}
}
@media (min-width: 992px) {
.navigation-buttons {margin-top: -25px;}
.navigation-buttons a {
background-color: transparent !important;
border-color: transparent !important;
width: 80px;
padding-top: 25px;
height: 105px;
line-height: 80px;
}
}

 

.navigation-buttons a:hover {background-color: #222 !important; color: #fff !important;}
.navigation-window-visible .navigation-buttons a[data-target="navigation"] {color: #fff; background-color: #222222;}

.banners-content.body-banners, .shp-tabs-row.responsive-nav {display: none;}
.banners-row {margin-left: 0px; margin-right: 0px;}
body.in-index .content {padding-left: 0; padding-right: 0;}
.index-content-wrapper {max-width: 100%;}
.homepage-texts-wrapper>div {margin: 0;}
</style>

 

<style>

/* Hodnoceni post-it */

body.in-hodnoceni-obchodu #content-wrapper {width: 100%;max-width: 1418px;margin:auto;}
body.in-hodnoceni-obchodu .content-inner > div > .vote-wrap {margin-top: 50px;}
.content-inner > .votes-wrap {display: flex; flex-wrap: wrap; justify-content: space-between;}
@media (max-width: 768px) {
.votes-wrap > .vote-wrap {width:100%;}
}
@media (min-width: 768px) and (max-width: 992px) {
.votes-wrap > .vote-wrap {width:50%;min-width: 360px;}
}

@media (min-width: 992px) {
.votes-wrap > .vote-wrap {width:30%;min-width: 360px;}
}

.vote-content {
margin: auto;
padding: 30px;
padding-bottom:80px;
background: #bacdb0;
width: 300px;
height: auto;
box-shadow: 3px 3px 3px 3px #0000001f;
position: relative;
}

.vote-content:after {
content: "";
position: absolute;
bottom: -2em;
left: 0;
right: 2em;
border-width: 1em;
border-style: solid;
border-color: #bacdb0;
}
.vote-content:before {
content: "";
position: absolute;
bottom: -2em;
right: 0;
border-width: 2em 2em 0 0;
border-style: solid;
border-color: #96ac8a transparent;
}

.votes-wrap > .vote-wrap:nth-child(odd) .votes-wrap.admin-response .vote-content {
-webkit-transform:rotate(8deg);
-o-transform:rotate(8deg);
-moz-transform:rotate(8deg);
}
.votes-wrap:not(.admin-response) > .vote-wrap:nth-child(even) > .vote-header + .vote-content,
.votes-wrap > .vote-wrap:nth-child(5n) .votes-wrap.admin-response .vote-content {
-webkit-transform:rotate(4deg);
-o-transform:rotate(4deg);
-moz-transform:rotate(4deg);
}
.votes-wrap:not(.admin-response) > .vote-wrap:nth-child(3n) > .vote-header + .vote-content,
.votes-wrap > .vote-wrap:nth-child(even) .votes-wrap.admin-response .vote-content {
-webkit-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
}
.votes-wrap:not(.admin-response) > .vote-wrap:nth-child(5n) > .vote-header + .vote-content,
.votes-wrap > .vote-wrap:nth-child(3n) .votes-wrap.admin-response .vote-content {
-webkit-transform:rotate(5deg);
-o-transform:rotate(5deg);
-moz-transform:rotate(5deg);
}

.votes-wrap.admin-response .vote-wrap { position: relative; top: -100px;}
.votes-wrap.admin-response .vote-header {display: none;}
.vote-wrap {border-color: transparent;}
.votes-wrap.admin-response .vote-content {background-color: #ffc4d1; height: auto; padding-bottom: 30px;}
.votes-wrap.admin-response .vote-content:after {border-color: #ffc4d1;}
.votes-wrap.admin-response .vote-content:before {border-color: #e39fae transparent;}

</style>

 

 

 

<script src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res2020/owl.carousel.min.js' type="text/javascript"></script>
<script>
  if ($('body').hasClass("in-index")) {
    document.write("<link rel='stylesheet' href='https://cdn.myshoptet.com/usr/api.dklab.cz/user/documents/_doplnky/slick/slick.css' />");
    document.write("<link rel='stylesheet' href='https://cdn.myshoptet.com/usr/api.dklab.cz/user/documents/_doplnky/slick/slick-theme.css?v=1.0' />");
    document.write("<link rel='stylesheet' href='https://cdn.myshoptet.com/usr/api.dklab.cz/user/documents/_doplnky/slick/slick-classic.css?v=1.0' />");
    document.write("<script src='https://cdn.myshoptet.com/usr/api.dklab.cz/user/documents/_doplnky/slick/slick.min.js'><\/script>");
    document.write("<script src='https://cdn.myshoptet.com/usr/api.dklab.cz/user/documents/_doplnky/slick/slick-classic.js'><\/script>");
  }
</script>