<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*font-family: 'Poppins', sans-serif;
 font-family: 'Roboto', sans-serif;
 font-family: 'Work Sans', sans-serif;
*/
/*variable*/
:root {
	--main-href-color: #ab1820;
	--main-text-color: #3a3a3a;
	--main-hometext-color: #f7f5ed;
	--main-second-color: #f9f7ef;
	--main-border-color: #e2d9be;
}
html {
   scroll-behavior: smooth;
}
body{
   color:var(--main-text-color);
   font-weight:300;
}
p, ul li, ol li{
   color:var(--main-text-color);
   font-size: 16px;
   font-weight: 300;
}
:focus{
   outline:none;
}
.external-fonts-loaded h1, .external-fonts-loaded h2, .external-fonts-loaded h3, .external-fonts-loaded h4, .external-fonts-loaded h5, .external-fonts-loaded h6, .external-fonts-loaded .h1, .external-fonts-loaded .h2, .external-fonts-loaded .h3, .external-fonts-loaded .h4, .external-fonts-loaded .h5, .external-fonts-loaded .h6, .external-fonts-loaded .cart-table .main-link, .external-fonts-loaded .cart-related-name, .blank-mode h1, .blank-mode h2, .blank-mode h3, .blank-mode h4, .blank-mode h5, .blank-mode h6, .blank-mode .h1, .blank-mode .h2, .blank-mode .h3, .blank-mode .h4, .blank-mode .h5, .blank-mode .h6, .blank-mode .cart-table .main-link, .blank-mode .cart-related-name{
   color:var(--main-text-color);
   font-weight: 600;
   font-family: 'Work Sans', sans-serif;
}
#cboxOverlay{
   background-color:var(--main-text-color);
}
/*hlášky*/
.messages {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	max-width: 700px;
	width: 100%;
	background-color: transparent;
	left: 50px;
	bottom: 50px;
	top: auto;
	right: auto;
}
.messages .msg-wrapper {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	max-width: 700px;
	width: 100%;
	background-color: transparent;
	left: 50px;
	bottom: 50px;
	top: auto;
	right: auto;
}
@media(max-width:767px){
	.messages .msg-wrapper, .messages{
	   left:0;
	   bottom:0;
	   max-width:100%;
   }
}
.messages .container {
	width: 100%;
}
.messages .msg {
	background-color: #fff !important;
	border: 0 !important;
	color: #000;
	font-size: 18px;
	font-weight: 500;
	position: relative;
	padding-left: 87px;
}
@media(max-width:479px){
	.messages .msg{
	   font-size:16px;
   }
}
.messages .msg a {
	color: #000;
	text-decoration: underline;
}
.messages .msg a:hover {
	text-decoration: none;
}
.messages .msg::before {
	width: 7px;
	height: 68px;
	border-radius: 5px;
	content: "";
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
}
.messages .msg::after {
	position: absolute;
	left: 50px;
	top: 50%;
	transform: translateY(-50%);
	content: "";
	width: 27px;
	height: 27px;
}
.messages .msg.msg-success::before, .messages .msg.msg-notice::before {
	background-color: #269c2c;
}
.messages .msg.msg-success::after, .messages .msg.msg-notice::after {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='SVGDoc' width='27' height='27' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:avocode='https://avocode.com/' viewBox='0 0 27 27'%3E%3Cdefs%3E%3C/defs%3E%3Cdesc%3EGenerated with Avocode.%3C/desc%3E%3Cg%3E%3Cg%3E%3Ctitle%3Echeck-10%3C/title%3E%3Cg%3E%3Ctitle%3EShape%3C/title%3E%3Cpath d='M11.86624,19.64039l-5.91179,-5.91173l2.2371,-2.2371l3.7782,3.77821l7.58495,-6.89513l2.12894,2.34062zM13.5,0c-7.41498,0 -13.5,6.08502 -13.5,13.5c0,7.41498 6.08502,13.5 13.5,13.5c7.41498,0 13.5,-6.08502 13.5,-13.5c0,-7.41498 -6.08502,-13.5 -13.5,-13.5z' fill='%23269C2C' fill-opacity='1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.messages .msg.msg-error::before {
	background-color: #ab1820;
}
.messages .msg.msg-error::after {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='SVGDoc' width='27' height='27' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:avocode='https://avocode.com/' viewBox='0 0 27 27'%3E%3Cdefs%3E%3C/defs%3E%3Cdesc%3EGenerated with Avocode.%3C/desc%3E%3Cg%3E%3Cg%3E%3Ctitle%3Eexclamation%3C/title%3E%3Cg%3E%3Ctitle%3EShape%3C/title%3E%3Cpath d='M14.63559,16.86746c0,0.62084 -0.50535,1.12469 -1.13052,1.12469c-0.62517,0 -1.13052,-0.50385 -1.13052,-1.12469v-11.24705c0,-0.62084 0.50536,-1.12469 1.13052,-1.12469c0.62518,0 1.13052,0.50385 1.13052,1.12469zM13.50501,22.50433c-0.62406,0 -1.13052,-0.50422 -1.13052,-1.12552c0,-0.6213 0.50646,-1.12552 1.13052,-1.12552c0.62406,0 1.13052,0.50422 1.13052,1.12552c0,0.6213 -0.50646,1.12552 -1.13052,1.12552zM23.05023,3.94981c-5.26641,-5.26641 -13.834,-5.26641 -19.10042,0c-5.26641,5.26526 -5.26641,13.83512 0,19.10042c2.63266,2.63377 6.09142,3.94954 9.55019,3.94954c3.45876,0 6.91758,-1.31577 9.55018,-3.94954c5.26642,-5.2653 5.26642,-13.83516 0.00005,-19.10042z' fill='%23ab1820' fill-opacity='1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.messages .msg.msg-warning::before, .messages .msg.msg-info::before {
	background-color: #4a5395;
}
.messages .msg.msg-warning::after, .messages .msg.msg-info::after {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='SVGDoc' width='27' height='27' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:avocode='https://avocode.com/' viewBox='0 0 27 27'%3E%3Cdefs%3E%3C/defs%3E%3Cdesc%3EGenerated with Avocode.%3C/desc%3E%3Cg%3E%3Cg%3E%3Ctitle%3Einfo-2%3C/title%3E%3Cg%3E%3Ctitle%3EShape%3C/title%3E%3Cpath d='M13.50031,9.61854c-0.81743,0 -1.4571,-0.60417 -1.4571,-1.27949c0,-0.67526 0.63972,-1.26167 1.4571,-1.26167c0.79967,0 1.43944,0.58641 1.43944,1.26167c0,0.67532 -0.63983,1.27949 -1.43944,1.27949zM14.89636,18.85892c0,0.42651 -0.62421,0.85292 -1.39111,0.85292c-0.80258,0 -1.37323,-0.42641 -1.37323,-0.85292v-6.77041c0,-0.49755 0.5707,-0.83526 1.37323,-0.83526c0.7669,0 1.39111,0.33771 1.39111,0.83526zM13.5,0c-7.46144,0 -13.5,6.03788 -13.5,13.5c0,7.46133 6.03788,13.5 13.5,13.5c7.46144,0 13.5,-6.03787 13.5,-13.5c0,-7.46133 -6.03787,-13.5 -13.5,-13.5z' fill='%234a5395' fill-opacity='1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
/*nákup bez registrace*/
.buyreg{
   margin-top: 35px;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.buyreg a{
   text-align: center;
   padding:15px 5px;
   font-size: 15px;
   width: 32%;
   border: 2px solid #eae4d5;
   font-weight: 600;
   color:#000;
}
.buyreg a:hover, .activbuy{
   background-color: #eae4d5;
}
@media(max-width: 991px){
	.buyreg{
	   padding: 0 10px;
   }
}
@media(max-width: 511px){
	.buyreg a{
	   padding: 5px;
	   min-height: 50px;
	   align-items: center;
	   display: flex;
	   align-items: center;
	   justify-content: center;
   }
}
/*tabulka v košíku*/
.cart-items .cart-item div.cart-item-name&gt;a{
	font-weight: 500;
   text-transform: initial;
}
.cart-items .cart-item&gt;div{
   border:0;
}
.order-summary-inner .cart-items:nth-child(2)&gt;div{
   background-color:#f9f9f9;
	border: 1px solid #dadada;
   padding:10px 5px;
   margin-top:-1px;
}
.cart-table tr.headertab{
   margin-bottom:20px;
}
.cart-table tr.headertab:first-child&gt;td{
   border-top-style:none;
   color:#000;
   font-weight:700;
}
.headertab td:nth-child(1){
   width:86px;
}
.headertab td:nth-child(2){
   width:246px;
}
.headertab td:nth-child(3){
   width:184px;
   text-align:center;
}
.headertab td:nth-child(4){
   width:68px;
   text-align:center;
}
.headertab td:nth-child(5){
   width:100px;
   text-align:center;
}
.headertab td:nth-child(6){
   width:100px;
   text-align:center;
   padding-right:30px;
}
.in-kosik .unit-value{
   text-transform:lowercase;
}
.p-total .price-final{
   color:#000;
}
.cart-table tbody{
   display:flex;
   flex-direction:column;
}
.removeable{
   margin-bottom:20px;
   width:100%;
}
@media(min-width:768px){
	.removeable td{
	   border-style:solid none;
	   border-color:#dadada;
	   border-width:1px;
	   background:#f9f9f9!important;
   }
	.removeable td:nth-child(1){
	   border-left:1px solid #dadada;
   }
	.cart-table tr&gt;td.p-total:nth-last-child(-n+1){
	   border-right:1px solid #dadada;
	   border-right-style:solid;
   }
	.cart-table tr:first-child&gt;td{
	   border-top-style:solid;
	   border-color:#dadada;
	   border-width:1px;
   }
	.cart-table tr td{
	   border-right-style:none;
   }
	.cart-table tr&gt;td.p-total{
	   width:100px;
   }
	.cart-table .p-price{
	   width:100px;
   }
	.cart-table .p-availability{
	   width:184px;
   }
	.cart-table .p-name{
	   width:246px;
   }
}
@media(min-width:768px) and (max-width:1439px){
	.headertab td:nth-child(3), .cart-table .p-availability{
	   width:132px;
	   text-align:left;
   }
	.headertab td:nth-child(4), .headertab td:nth-child(5){
	   text-align:left;
   }
}
@media(min-width:768px) and (max-width:1199px){
	.headertab td:nth-child(3), .cart-table .p-availability{
	   width:75px;
   }
	.headertab td:nth-child(2){
	   width:154px;
   }
}
@media(min-width:768px) and (max-width:991px){
	.headertab td:nth-child(2){
	   width:246px;
   }
	.cart-table tbody{
	   margin-left:40px;
   }
}
@media(max-width:767px){
	.cart-table{
	   width:calc(100% - 10px);
   }
	.headertab{
	   display:none!important;
   }
	.cart-table tbody{
	   margin-left:10px;
   }
	.cart-table tr{
	   padding-top:10px;
   }
	.cart-table tr, .cart-table tr td{
	   background-color:#f9f9f9;
   }
	.cart-table tr, .cart-table tr:last-child{
	   border-style:solid;
	   border-color:#dadada;
	   border-width:1px;
   }
}
.in-krok-1 .co-box, .in-krok-1 .cart-item&gt;div{
   border: 0;
}
.in-krok-1 .co-basic-information{
   padding:0;
   border-color:#fff;
   margin-top: 38px;
}
.co-box.co-payment-method{
   border:0;
   padding-top:10px;
}
.sublabel a:hover{
   text-decoration:none;
}
.sublabel a{
   text-decoration:underline;
   color:#333;
}
.co-box.co-delivery-method h4, .co-box.co-payment-method h4, .co-basic-information h4{
   font-size:23px;
   text-transform:initial;
   margin-left:0;
   padding-left:0;
   color:#000;
   display:flex;
   flex-wrap:wrap;
}
.co-basic-information h4::after{
   content:"1.";
   order:-2;
   margin-right:5px;
}
.co-box.co-delivery-method h4::after{
   content:"2.";
   order:-2;
   margin-right:5px;
}
.co-box.co-payment-method h4::after{
   content:"3.";
   order:-2;
   margin-right:5px;
}
.co-box.co-delivery-method h4::before, .co-box.co-payment-method h4::before, .co-basic-information h4::before {
   display:none;
}
.cart-content .radio-wrapper{
   padding:0;
}
.cart-content .radio-wrapper.active{
   background-color:#f9f9f9;
}
.payment-logo{
   order:-10;
   padding-right:5px;
   text-align:left;
}
.payment-logo img{
   max-height:20px;
}
.cart-content .radio-wrapper input[type="radio"]+label {
   display:flex;
   width:100%;
   margin-top:-1px;
   border: 1px solid #dadada;
   border-bottom:0;
   padding: 18px 16px 18px 32px;
   margin-right: 0;
}
.cart-content .radio-wrapper:nth-last-child(1) input[type="radio"]+label{
   border-bottom: 1px solid #dadada;
}
.radio-wrapper input[type="radio"] + label::before{
   left:8px;
   width:17px;
   height:17px;
   border-radius:17px;
   line-height:17px;
}
.radio-wrapper input[type="radio"]:checked + label::before{
   content:"\e913";
   font-family:"Shoptet";
   color:#fff;
   background-color:#269C2C;
   border:1px solid #269C2C;
   font-size:9px;
   text-align:center;
}
.radio-wrapper input[type="radio"]:checked + label::after {
   display:none;
   background-color: #269c2c;
}
.radio-wrapper.active label &gt; span b{
   color:#000;
}
.radio-wrapper.active .for-free{
   color:#000;
}
.payment-shipping-price{
   text-transform:initial;
}
.radio-wrapper.active label &gt; span b{
   text-transform:initial;
}
@media(min-width:992px){
	.co-box.co-delivery-method, .co-box.co-payment-method{
	   padding-left:0;
	   padding-right:0;
   }
}
@media(max-width:390px) {
	.payment-info{
	   padding-right:0;
   }
	.payment-logo{
	   width:50px;
   }
	.payment-info b{
	   padding-right:0;
   }
}
/*doprava*/
.flag.flag-freeshipping{
   background-color:#eae3cf;
   color:var(--main-text-color);
}
.flag.flag-freeshipping .icon-van::before{
   font-size:30px;
   margin-bottom:5px;
   display:block;
}
.flag.flag-freeshipping .flag-text{
   text-transform:initial;
}
/*košík*/
.stay-in-touch .form-group:nth-child(1){
   display:none;
}
.psdInfo{
   width:100%!important;
   border:0!important;
   text-align:left!important;
}
#payu_ .table-payu .last{
   width:50%!important;
   margin:0!important;
   border-radius:0!important;
   border:0!important;
}
#payu_ .table-payu tr:nth-last-child(1) td{
   border:0!important;
}
#payu_ .table-payu tr:nth-child(7) td:not(.radio):not(.icon) strong{
   color:#333!important;
   text-align:left;
}
#payu_ .table-payu tr:nth-child(7) td:not(.radio):not(.icon){
   width:47%!important;
   padding-left:10px;
   text-align:left!important;
   border:0!important;
   font-size:16px;
   color:#333;
}
#payu_ .table-payu tr{
   display:flex;
   flex-wrap:wrap;
   display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox
}
#payu_ .table-payu tr{
   width:100%;
}
#payu_ .table-payu td{
   border:0;
}
#payu_ input[type="radio"]:hover{
   cursor:pointer;
}
#payu_ input[type="radio"]:checked {
   box-shadow: 0 0 0 1px #333;
   border-radius:10px;
}
#payu_ .table-payu td.radio:nth-child(1) input[type="radio"]{
   padding: 0;
   margin-left: 11px;
   margin-top: -4px;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   width: 200px;
   height: 72px;
   border: 0;
   appearance: none;
}
#payu_ .table-payu td.radio:nth-child(3) input[type="radio"]{
   border: 0;
   appearance: none;
   position: absolute;
   width: 200px;
   height: 72px;
   padding: 0;
   margin-left: 11px;
   margin-top: -4px;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
}
#payu_ .table-payu tr:nth-child(1) td{
   border:0;
}
#payu_ .table-payu tr td.icon, #payu_ .table-payu tr:not(:nth-child(1)) td:not(.radio):not(.icon){
   width:200px;
   border-radius:10px;
   margin:5px;
   border: 1px solid #ecedef;
   text-align:center;
}
#payu-template{
   padding-top:10px;
}
#payu-template label{
   padding-bottom:2px;
}
#payu_ .table-payu tr:nth-child(1) td{
   padding-top:0;
}
.table-payu tr:nth-child(1) td strong{
   font-weight:400;
   font-size:14px;
   color:var(--main-text-color)!important;
	font-family: "Roboto",sans-serif!important
}
.table-payu tr:nth-child(1) td strong br{
   display:none;
}
#payu_ .table-payu{
   border:0!important;
}
.ordering-process .contact-box&gt;strong{
   margin-bottom:15px;
}
.extra a.btn, #continue-order-button, #orderFormButton, #submit-order{
   padding: 7px 17px;
   text-transform: initial;
   color: #ffffff;
   font-size: 16px;
   font-weight: 500;
   border-radius: 3px;
   background-color: var(--main-href-color);
   border-color: var(--main-href-color);
}
.extra a.btn:hover, #continue-order-button:hover, #orderFormButton:hover, #submit-order:hover{
   background-color: #fff;
   color: var(--main-href-color);
}
.cart-item-name a{
   color:var(--main-text-color);
}
.cart-item &gt; div.cart-item-amount{
   border-right:0;
}
.cart-item &gt; div.cart-item-name{
   border-right:0;
}
.unit-value{
   display:none;
}
.cart-item-amount::after{
   content:"x";
}
.ordering-process .contact-box ul li{
   display:none;
}
.ordering-process .contact-box ul li:nth-child(1){
   display:initial;
}
.ordering-process .contact-box ul li &gt; span.mail::before {
   width:35px;
   height:35px;
   line-height:35px;
   font-size:18px;
}
.ordering-process .contact-box ul li &gt; span{
   padding-left:50px;
}
.ordering-process .contact-box ul li &gt; span &gt; a{
   color:var(--main-text-color);
}
@media(min-width:991px) and (max-width:1199px){
	#payu_ .table-payu tr td.icon, #payu_ .table-payu tr:not(:nth-child(1)) td:not(.radio):not(.icon){
	   width:150px!important;
   }
	#payu_ .table-payu td.radio:nth-child(1) input[type="radio"], #payu_ .table-payu td.radio:nth-child(3) input[type="radio"]{
	   width:150px!important;
   }
	#payu_ .table-payu tr:not(:nth-child(1)) td:not(.radio):not(.icon).psdInfo{
	   width:100%!important;
   }
}
@media(min-width:400px) and (max-width:470px){
	#payu_ .table-payu tr td.icon, #payu_ .table-payu tr:not(:nth-child(1)) td:not(.radio):not(.icon){
	   width:150px!important;
   }
	#payu_ .table-payu td.radio:nth-child(1) input[type="radio"], #payu_ .table-payu td.radio:nth-child(3) input[type="radio"]{
	   width:150px!important;
   }
	#payu_ .table-payu tr:not(:nth-child(1)) td:not(.radio):not(.icon).psdInfo{
	   width:100%!important;
   }
}
@media(min-width:320px) and (max-width:403px){
	#payu_ .table-payu tr td.icon, #payu_ .table-payu tr:not(:nth-child(1)) td:not(.radio):not(.icon){
	   width:130px!important;
   }
	#payu_ .table-payu td.radio:nth-child(1) input[type="radio"], #payu_ .table-payu td.radio:nth-child(3) input[type="radio"]{
	   width:130px!important;
   }
	#payu_ .table-payu tr:not(:nth-child(1)) td:not(.radio):not(.icon).psdInfo{
	   width:100%!important;
   }
}
@media(min-width:300px) and (max-width:340px){
	#payu_ .table-payu tr td.icon, #payu_ .table-payu tr:not(:nth-child(1)) td:not(.radio):not(.icon){
	   width:110px!important;
   }
	#payu_ .table-payu td.radio:nth-child(1) input[type="radio"], #payu_ .table-payu td.radio:nth-child(3) input[type="radio"]{
	   width:110px!important;
   }
	#payu_ .table-payu tr:not(:nth-child(1)) td:not(.radio):not(.icon).psdInfo{
	   width:100%!important;
   }
}
/*vyhledávání*/
.search-whisperer .price{
   color:var(--main-text-color);
}
.in-vyhledavani aside{
   display:none;
}
.search-whisperer .p-info span.p-name{
   color:#000;
   font-weight:600;
}
/*detail*/
.btn.btn-default.p-all:hover{
   background-image: linear-gradient(180deg, #222222 0%, #222222 100%);
}
.btn.btn-default.p-all{
   text-transform:initial;
   border-radius: 2px;
   border: 0;
   text-transform: initial;
   padding: 12px 20px;
   background-image: linear-gradient(180deg, #5f5f5f 0%, #222222 100%);
   color: #ffffff;
   font-family: 'Work Sans', sans-serif;
   font-size: 16px;
   font-weight: 600;
}
#content .p-detail .products-related.products-additional{
   border-right:1px solid var(--main-border-color)!important;
}
.browse-p .p-prev, .browse-p .p-next{
   z-index:999;
   position:absolute;
   width: 45px;
   border:0;
   height: 45px;
   border-radius: 2px;
   background-color: #eae3cf;
}
.browse-p .p-prev:hover, .browse-p .p-next:hover{
   background:var(--main-text-color);
}
.browse-p .p-prev:hover::before, .browse-p .p-next:hover::before{
   color:#fff;
}
.browse-p .p-prev::before, .browse-p .p-next::before{
   color:var(--main-text-color);
   line-height:45px;
}
.browse-p .p-prev::before{
   content: '\e910';
   font-family:shoptet;
   display: inline-block;
   transform: rotate(180deg);
}
.browse-p .p-next::before{
   content: '\e910';
   font-family:shoptet;
}
.browse-p .p-prev{
   left:-70px;
}
.browse-p .p-next{
   right:-70px;
}
#content .p-detail .products-related-header span{
   position:relative;
   padding-bottom:10px;
}
#content .p-detail .products-related-header span::after{
   left:50%;
   transform:translateX(-50%);
   width: 100%;
   max-width:131px;
   content: "";
   bottom: 0;
   height: 3px;
   border-radius: 2px;
   background-color: #f3f0e8;
   position: absolute;
}
#content .p-detail .products-related-header{
   text-align:center;
   color:var(--main-text-color);
   font-family: 'Work Sans', sans-serif;
   font-size: 34px;
   font-weight: 600;
}
.products-related .p .availability{
   display:block;
}
.basic-description table tr th{
   padding:5px 15px;
}
.basic-description h3:nth-child(1){
   display:none;
}
.description-inner{
   padding:0;
}
.shp-tabs-row .shp-tabs-holder{
   border-bottom:2px solid #f3f0e8;
}
.shp-tabs-holder ul.shp-tabs li a{
   border:0;
   background-color:#fff;
   color: var(--main-text-color);
   font-family: 'Work Sans', sans-serif;
   font-size: 18px;
   font-weight: 300;
}
.shp-tabs-holder ul.shp-tabs li.active a{
   font-weight:600;
   position:relative;
}
.shp-tabs-holder ul.shp-tabs li.active a::after{
   height: 2px;
   background-color: #ab1820;
   width:100%;
   left:0;
   position:absolute;
   content:"";
   bottom:-2px;
}
.shp-tabs-holder, .shp-tabs{
   background-color:#fff;
   border-color:#fff;
}
.quantity .increase::before{
   content:"+";
   font-family: 'Work Sans', sans-serif;
}
.quantity .decrease::before{
   content:"-";
   font-family: 'Work Sans', sans-serif;
}
.quantity, .quantity .increase, .quantity .decrease{
   border-color:#e6dfce;
   background-color:#fff;
   border-radius:2px;
}
.quantity input{
   border-radius:2px;
   color: var(--main-text-color);
   width:40px;
   font-family: 'Work Sans', sans-serif;
   font-size: 16px;
   font-weight: 300;
}
.variant-cart button[type="submit"]:hover{
   color:var(--main-href-color);
   background-color:#fff;
   border:1px solid var(--main-href-color);
}
.variant-cart button[type="submit"]{
   width: 50px;
   border:1px solid var(--main-href-color);
   height: 48px;
   border-radius: 2px;
   color:#fff;
   background-color: var(--main-href-color);
}
.variant-cart .btn.btn-cart::before, .variant-cart a.btn.btn-cart::before, .variant-cart .btn.add-to-cart-button::before, .variant-cart a.btn.add-to-cart-button::before{
   content: "\f101";
   font-family: flaticon;
}
#choose-variant{
   font-size:0;
   line-height:1;
   padding:12px 30px;
}
#choose-variant:hover{
   color:var(--main-href-color);
   background-color:#fff;
}
#choose-variant:after{
   font-size: 16px;
   text-transform:initial;
   content:"Vybrat variantu";
   font-weight: 600;
   line-height:1;
}
.p-detail-inner-header h1{
   font-size: 34px;
   font-weight: 600;
   margin-top:0;
   margin-bottom:20px;
}
.p-info-wrapper{
   display:flex;
   flex-direction:column;
}
.p-detail-inner-header {
   order:-20;
}
.p-short-description{
   order:-19;
}
.kosik{
   order:-18;
   padding:22px 16px;
   background-color: #f7f5ed;
   text-align:right;
   margin:42px 0 20px 0;
}
#variants{
   order:-17;
}
.p-image{
   position:relative;
}
.p-image .flags-default{
   display:flex;
   flex-direction:column;
   position:absolute;
   top:0;
   left:0;
}
.flags-inline .flag{
   margin-left:0;
}
#variants::before{
   content:"Varianty:";
   font-size: 16px;
   font-weight: 300;
   display:block;
   padding:0 0 20px 0;
   border-bottom:1px solid #f3f0e8;
}
.variant-table .table-row, .variant-table .table-row:last-child{
   padding:20px 0;
   border-bottom:1px solid #f3f0e8;
}
.variant-table .table-row:first-child{
   padding-top:20px;
}
.variant-name{
   color: var(--main-text-color);
   font-family: 'Work Sans', sans-serif;
   font-size: 20px;
   font-weight: 600;
}
.p-info-wrapper .price-final{
   color: var(--main-text-color);
   font-family: 'Work Sans', sans-serif;
   font-size: 24px;
   font-weight: 600;
}
.flags-extra .price-standard{
   display:none;
}
.p-info-wrapper&gt;p{
   display:none;
}
.social-buttons-wrapper{
   display:none;
}
#content .p-detail{
   display: flex;
   flex-direction: column;
}
#content .p-detail .products-related-header{
   order: 30;
}
#content .p-detail .products-related.products-additional{
   order: 31;
}
#content .p-detail .browse-p{
   order: 32;
}
.shp-tabs-row a[href$="#productDiscussion"] {
   display: none !important;
}
.p-image-wrapper .flags-extra .flag{
   width:63px;
   height:63px;
}
.p-final-price-wrapper .price-save{
   display:none;
}
.kosik {
   display:flex;
   justify-content:space-between;
   align-items:center;
}
.p-info-wrapper .p-final-price-wrapper, .p-info-wrapper .add-to-cart{
   margin-bottom:0;
}
.p-info-wrapper .availability-value{
   order:-18;
}
.p-info-wrapper .availability-value, .p-info-wrapper .detail-parameters{
   margin-bottom:0;
}
.availability-value{
   font-size: 16px;
   font-weight: 600;
}
.btn.btn-cart::before, a.btn.btn-cart::before, .btn.add-to-cart-button::before, a.btn.add-to-cart-button::before{
   content: "\f101";
   font-family: flaticon;
}
.add-to-cart button[type="submit"]{
   font-size: 16px;
   text-transform: initial;
   font-weight: 600;
   margin-left:10px;
}
.add-to-cart button[type="submit"]:hover{
   color:var(--main-href-color);
   background-color:#fff;
   border:1px solid var(--main-href-color);
}
.p-detail .add-to-cart .quantity{
   border-style:solid;
}
.extended-description h3{
   display:none;
}
.extended-description table{
   width:100%;
}
.extended-description table tr:nth-child(odd) th, .extended-description table tr:nth-child(odd) td {
   background-color: #f7f5ed;
}
.detail-parameters tr:last-child th, .detail-parameters tr:last-child td, .extended-description table th, .extended-description table tr td {
   padding:16px 25px;
}
.extended-description table th, .extended-description table tr td{
   color:var(--main-text-color);
   font-family: 'Work Sans', sans-serif;
   font-size: 16px;
   font-weight: 300;
}
.extended-description table th{
   font-weight:600;
}
/*sidebar*/
.sidebar{
   background-color:#fff;
}
.filters-wrapper, .filter-sections{
   background-color:var(--main-hometext-color);
}
.sidebar-inner{
   padding:0;
}
.box.box-sm.box-filters{
   padding:0 0 0 20px;
}
.filters {
   padding:24px 16px;
}
input[type="checkbox"]+label::before{
   width: 24px;
   height: 24px;
   border-radius: 2px;
   border: 1px solid #e2d9b8;
}
input[type="checkbox"]+label{
   padding-left:32px;
   color: #1a1a1a;
   font-family: 'Work Sans', sans-serif;
   font-size: 14px;
   font-weight: 300;
}
.filter-section div{
   margin-bottom:10px;
}
.filter-count, .filter-total-count{
   display:none;
}
.filter-section h4:hover{
   cursor:pointer;
}
.filter-section h4{
   margin-bottom:0;
   padding:0;
   position:relative;
   text-transform:initial;
   color: #1a1a1a;
   font-family: 'Work Sans', sans-serif;
   font-size: 14px;
   font-weight: 300;
   padding:13px 12px;
}
.filter-section h4::after{
   content: "\f105";
   font-family:flaticon;
   position:absolute;
   right:0;
   height:100%;
   top:0;
   width:42px;
   border-left: 1px solid #e9e0ca;
   line-height:42px;
   text-align:center;
   font-size:10px;
}
.filter-sections{
   padding-left:0;
   padding-right:0;
}
#category-filter-hover .filter-section:not(.slider-wrapper){
   padding:0;
   box-shadow: 0 2px 2px #e1dfd7;
   border: 1px solid #e9e0ca;
   background-image: linear-gradient(180deg, #ffffff 0%, #fcfbf9 100%);
}
#category-filter-hover .filter-section:not(.otevreny) form {
   display: none;
}
.filter-section form {
   max-height: 250px;
   overflow: auto;
   width: 100%;
}
.filter-section form::-webkit-scrollbar{
   width: 15px;
}
.filter-section form::-webkit-scrollbar-track{
   box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.14);
   border-radius: 8px;
   background-color: #e7e7e7;
}
.filter-section form::-webkit-scrollbar-thumb{
   border-radius: 8px;
   background-color: #5c5c5c;
   border:4px solid #e7e7e7;
}
.fieldsetinner{
   display:flex;
   flex-direction:column;
}
#category-filter-hover .filter-section.otevreny form{
   padding:15px 25px 15px 12px;
}
#category-filter-hover .filter-section.otevreny h4{
   border-bottom:1px solid #e9e0ca;
}
input[type="checkbox"]:checked+label::before{
   border-color: #e2d9b8;
}
input[type="checkbox"]:checked+label::after{
   background-color:#fff;
   content:"\e913";
   font-family:shoptet;
   color:var(--main-text-color);
   width:unset;
   height:unset;
   font-size:10px;
   left:5px;
}
#category-filter-hover .filter-section.filter-section-count{
   box-shadow:none;
   border:0;
   background-image:none;
   background:transparent;
}
#clear-filters{
   margin:19px 0 0 0;
   text-align:right;
}
#clear-filters a{
   color:var(--main-text-color);
   text-transform:none;
}
#clear-filters a:hover{
   text-decoration:underline;
}
#clear-filters a::after{
   display:none;
}
.ui-slider, .slider-content{
   border-radius:6px;
}
.ui-slider .ui-slider-range{
   border-radius: 6px;
   background-color:var(--main-text-color);
}
.ui-slider-horizontal .ui-slider-handle:last-child::after{
   content: "do"
}
.ui-slider-horizontal .ui-slider-handle::after{
   left: 0px;
   top:0;
   width:28px;
   height:28px;
   content: "od";
   background-color:var(--main-href-color);
   color: #fff;
   font-size: 14px;
   font-weight: 300
}
.ui-slider-horizontal .ui-slider-handle{
   top:-9px;
   line-height:26px;
   text-align:center;
   width: 28px;
   height: 28px;
   background-color:var(--main-href-color);
}
.slider-wrapper{
   display:flex;
   flex-wrap:wrap;
   width:100%;
}
.slider-wrapper h4{
   order:-10;
   width:100%;
}
.slider-wrapper .slider-content{
   order:-9;
   width:100%;
}
.slider-header{
   width:100%;
}
.slider-wrapper h4{
   padding:0;
   margin-bottom:34px;
   font-family: 'Work Sans', sans-serif;
   text-transform:initial;
   font-size: 16px;
   font-weight: 500;
   color:var(--main-text-color);
}
.slider-wrapper h4::after{
   display:none;
}
.filter-section.slider-wrapper div{
   margin-bottom:0;
}
.filter-section.slider-wrapper div.slider-content{
   margin-bottom:20px;
}
/*categorie*/
.products-inline &gt; div .p .p-in .p-in-in .name{
   color:var(--main-text-color);
   font-weight:600;
   font-size:19px;
}
.products-inline &gt; div .p .price strong{
   font-weight:300;
}
.category-title{
   font-size: 34px;
   margin:0 0 17px 0;
}
.products-block.products&gt;div{
   border: 1px solid var(--main-border-color)!important;
   padding:0;
}
.category-header{
   background-color:#fff;
}
.category-header div, .category-header input[type="radio"]+label{
   border:0;
   padding:0;
   margin-right:50px;
   font-family: 'Work Sans', sans-serif;
   font-size: 16px;
   color:var(--main-text-color);
   font-weight: 300;
}
.category-header div{
   margin-right:0;
}
.category-header input[type="radio"]:checked+label{
   color:var(--main-text-color);
   font-weight:600;
}
.pagination-wrapper .pagination-loader{
   width:100%;
   order:10;
}
#content .btn.unveil-button{
   border-radius: 2px;
   border:0;
   text-transform:initial;
   padding: 12px 43px;
   background-image: linear-gradient(180deg, #5f5f5f 0%, #222222 100%);
   display:inline-block;
   color: #ffffff;
	font-family: 'Work Sans', sans-serif;
   font-size: 16px;
   font-weight: 600;
}
#content .btn.unveil-button:hover{
   background-image:linear-gradient(180deg, #222222 0%, #222222 100%)
}
.pagination-top strong{
   text-transform:initial;
   color:var(--main-text-color);
}
.pagination-top&gt;a{
   min-width:unset;
   width:unset;
   height:unset;
   background-color:#fff;
}
.pagination&gt;a{
   width: 35px;
   height: 35px;
   border: 1px solid var(--main-border-color);
   border-radius:0;
   background-color:#fff;
}
.pagination&gt;strong.current{
   color: #1a1a1a;
   font-weight:600;
   background-color: #f5f2e8;
   border-radius:0;
   border: 1px solid var(--main-border-color);
}
.pagination{
   display:flex;
   justify-content:flex-end;
}
.pagination&gt;a.prev{
   order:-10;
}
.pagination&gt;a.next{
   order:10;
}
/*subkategoirie*/
.subcategories li{
   width:33.3333333%;
}
.subcategories li a{
   border: 2px solid #eae4d5;
   height:55px;
}
.subcategories li a::before{
   color: #fea817;
   font-size:11px;
}
.subcategories li a .text{
   max-height:55px;
   font-size: 16px;
   font-weight: 500;
   color:var(--main-text-color);
}
/*drobečky*/
.breadcrumbs-wrapper{
   margin-bottom:34px;
   background-color: var(--main-second-color);
   ;
   box-shadow: 0 6px 16px #f2ede3;
}
.breadcrumbs{
   padding:0 15px;
   background-color:transparent;
   border:0;
   color:var(--main-text-color);
}
.breadcrumbs&gt;span&gt;a, .breadcrumbs&gt;span&gt;span{
   padding:10px 20px 10px 10px;
   color:var(--main-text-color);
   font-family: 'Work Sans', sans-serif;
   font-size: 14px;
   font-weight: 300;
}
.breadcrumbs&gt;span&gt;a{
   text-decoration:underline;
}
.breadcrumbs&gt;span&gt;a:hover{
   text-decoration:none;
}
.breadcrumbs&gt;span#navigation-first&gt;a&gt;span::after{
   content:"Hlavní strana";
   font-size:14px;
}
.breadcrumbs&gt;span#navigation-first&gt;a&gt;span{
   font-size:0;
}
.breadcrumbs&gt;span&gt;a::before{
   width:unset;
   height:unset;
   content: '\e910';
   background-color:unset;
   transform:translateY(-50%);
   top:50%;
   font-size:10px;
   margin-top:1px;
   font-family: shoptet;
}
.breadcrumbs&gt;span&gt;a::after{
   display:none;
}
/*header*/
.navigation-in .has-third-level div &gt; ul a{
   color:var(--main-text-color);
}
.navigation-in a{
   color:var(--main-text-color);
}
.search #formSearchForm button[type="submit"]{
   border:1px solid var(--main-text-color);
   line-height:1;
   color:#fff;
   font-size:0;
   width: 115px;
   height: 45px;
   border-radius: 2px;
   background-color:var(--main-text-color);
}
.search #formSearchForm button[type="submit"]:hover{
   background-color:#fff;
   color:var(--main-text-color);
}
.search #formSearchForm button[type="submit"]::after{
   text-transform:initial;
   content:"Vyhledat";
   font-size: 15px;
   font-weight: 600;
}
input[type="search"].form-control{
   padding-left:45px;
   background:url(/user/documents/upload/sablona-nemazat/bgsearch.png) no-repeat center left 11px;
   height: 45px;
   box-shadow: inset 0 4px 9px #f3eee2;
   border-radius: 3px;
   border: 2px solid #f3f0e8;
   background-color: #ffffff;
}
.header-top .btn.cart-count i{
   line-height:23px;
   top: 65px;
   left: 27px;
   font-style:initial;
   background-color:var(--main-text-color);
   position:absolute;
   border-radius:23px;
   width: 23px;
   height: 23px;
   color: #ffffff;
   font-family: 'Work Sans', sans-serif;
   font-size: 15px;
   font-weight: 400;
}
.header-top .btn.cart-count:not(.full)::after{
   line-height:23px;
   top: 65px;
   left: 27px;
   content:"0";
   background-color:var(--main-text-color);
   position:absolute;
   border-radius:23px;
   width: 23px;
   height: 23px;
   color: #ffffff;
   font-family: 'Work Sans', sans-serif;
   font-size: 15px;
   font-weight: 400;
}
.top-navigation-bar{
   display:none;
}
#header .navigation-buttons&gt;a.cart-count{
   display:none;
}
.responsive-tools&gt;.dropdown{
   order: 7;
   margin-right: 5px;
}
.responsive-tools&gt;.dropdown button{
   border: 0;
   background-color: #fff;
   color: #000;
}
.responsive-tools&gt;.dropdown button::after{
   content: '\e910';
   display: inline-block;
   transform: rotate(90deg);
   font-family: Shoptet;
   font-size:12px;
}
.responsive-tools&gt;.dropdown span{
   display: none;
}
.responsive-tools&gt;a[data-target="login"]::before{
   content: "\f104";
   font-family:flaticon;
   color:var(--main-text-color);
}
.header-top .btn.cart-count::before{
   margin-right:0;
   content: "\f101";
   font-family:flaticon;
}
a.project-email::before{
   content: "\f10d";
   font-family:flaticon;
   color:var(--main-href-color);
   font-size:17px;
}
span.facebook a:hover::before{
   background-color:var(--main-href-color);
}
span.facebook a::before{
   left: 0;
   content: '\e900';
   font-family: shoptet;
   font-size: 22px;
   font-weight: 400;
   width: 31px;
   line-height: 40px;
   text-align: center;
   height: 31px;
   background-color: #3b5998;
   position: absolute;
   border-radius: 4px;
   color: #fff;
   text-align: right;
}
span.facebook a{
   font-size:0;
}
.header-top .btn.cart-count .cart-price{
   display:none!important;
}
/*slider*/
.content-wrapper.homepage-box.before-carousel{
   border:0;
   padding:0;
   margin:0;
   background-color:#fff;
}
.content-wrapper.homepage-box.before-carousel .col-sm-8{
   padding:29px 0 48px 0;
   background:url('/user/documents/upload/sablona-nemazat/bgslider.png'), var(--main-second-color);
   ;
   background-repeat:no-repeat;
   background-position:center bottom;
}
.content-wrapper.homepage-box.before-carousel .container{
   width:100%;
}
@media (max-width: 768px){
	.banners-row .col-sm-8 .item&gt;span,
	#footer .contact-box ul {
		flex-direction: column;
	}
	.caption{
		margin-right:0px !important;
	 }
	 .rozcestnik span {
		font-size: 13px !important;
	 }
	 .responsive-tools span.facebook a::before {
		position: relative;
		left: auto !important;
		font-size: 29px !important;
	 }
}
.caption{
   max-width:405px;
   margin-right:148px;
}
.caption p{
   margin-bottom:0;
   font-size: 38px;
   font-weight: 300;
   color:var(--main-text-color);
   line-height:1.3;
}
.banners-row .col-sm-8{
   width:100%;
}
.banners-row .col-sm-8 .item&gt;span{
   padding:14px;
   display:flex;
   align-items:center;
   justify-content:center;
   max-width:1300px;
   margin:0px auto;
   background:url('/user/documents/upload/sablona-nemazat/bgsliderinner.png') no-repeat center bottom;
   background-size:cover;
}
.banners-row .col-sm-4{
   width:100%;
   padding-right:20px;
}
.next-to-carousel-banners{
   max-width:1300px;
   padding:0;
   margin:0px auto;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after{
   margin-left:0;
}
/*usp*/
@media (max-width: 768px){
	.usp-wrap{
		flex-wrap: wrap;
   }
}
.usp-wrap{
   display:flex;
   justify-content:space-between;
}
.usp {
   padding:10px 15px;
   display:flex;
   align-items:center;
   max-width:285px;
}
.usp p{
   margin-bottom:0;
   margin-left:17px;
}
.usp .flaticon-package::before{
   font-size:52px;
}
.usp .flaticon-like::before{
   font-size:45px;
}
.usp .flaticon-award::before{
   font-size:53px;
}
.usp .flaticon-fast-time::before{
   font-size:56px;
}
/*rozcestník*/
.banners-row .banner-wrapper+.banner-wrapper{
   margin-top:10px;
   margin-bottom:10px;
}
.rozcestnik-wrap{
   display:flex;
   justify-content:space-between;
   flex-wrap:wrap;
}
.rozcestnik{
   margin-bottom:20px;
   padding:4px;
   width:24%;
   position:relative;
   border-radius: 5px;
   background-color: #e7e7e7;
}
.rozcestnik a{
   width:100%;
   text-align:center;
}
.rozcestnik span{
   left:0;
   position:absolute;
   top:50%;
   transform:translateY(-50%);
   width:100%;
   text-align:center;
   font-size: 24px;
   color:var(--main-text-color);
   font-weight: 500;
}
.rozcestnik::after{
   content:"";
   position:absolute;
   height: 5px;
   border-radius: 0 0 5px 5px;
   background-color:var(--main-href-color);
   bottom:0;
   left:0;
   width:100%;
}
/*štítky*/
.products-block .p .flags-default{
   top:6px;
   left:-18px;
}
.flag.flag-new{
   color: #7a551b;
   background-color: #ffdba3;
}
.flag.flag-action{
   background-color: #b6eebe;
   color: #0d6628;
}
.flag{
   font-size: 14px;
   font-weight: 500;
   border-radius: 0 20px 20px 0;
   padding: 5px 11px;
}
.flag.flag-discount{
   width:56px;
   height:56px;
   line-height:56px;
   background-color:#ffdba3;
}
.flag.flag-discount .price-save{
   color:#7a551b;
}
.flag.flag-tip{
   background-color:#fea817;
}
/*produkty*/
.products-block .p-bottom .prices{
   flex-basis:40%;
   min-height:44px;
   display:flex;
   flex-direction:column;
   justify-content:flex-end;
   align-items:flex-start;
}
.products-block .p-bottom .p-tools{
   flex-basis:60%;
}
button.slick-arrow{
   z-index:999;
   position:absolute;
   top:50%;
   transform: translateY(-50%);
   width: 45px;
   border:0;
   height: 45px;
   border-radius: 2px;
   background-color: #eae3cf;
}
button.slick-arrow:hover{
   background:var(--main-text-color);
}
button.slick-arrow.slick-prev:hover::before, button.slick-arrow.slick-next:hover::before{
   color:#eae3cf;
}
button.slick-arrow.slick-prev::before, button.slick-arrow.slick-next::before{
   color:var(--main-text-color);
}
button.slick-arrow.slick-prev::before{
   content: '\e910';
   font-family:shoptet;
   display: inline-block;
   transform: rotate(180deg);
}
button.slick-arrow.slick-next::before{
   content: '\e910';
   font-family:shoptet;
}
button.slick-arrow.slick-prev{
   left:-70px;
}
button.slick-arrow.slick-next{
   right:-70px;
}
.in-index .products-block&gt;div{
   width:100%;
   padding:0;
   border:0;
}
.newproducts{
   margin:29px 0 37px 0;
}
.newproducts a{
   border-radius: 2px;
   padding: 12px 43px;
   background-image: linear-gradient(180deg, #5f5f5f 0%, #222222 100%);
   display:inline-block;
   color: #ffffff;
	font-family: 'Work Sans', sans-serif;
   font-size: 16px;
   font-weight: 600;
}
.newproducts a:hover{
   background-image:linear-gradient(180deg, #222222 0%, #222222 100%)
}
.products-block.products .p{
   padding:14px 18px;
}
.products-block.products .p .name{
   color: #000102;
   font-size: 17px;
   font-weight: 300;
}
.slick-initialized .slick-slide{
   border: 1px solid var(--main-border-color);
}
.products-block .ratings-wrapper .availability{
   text-align:left;
   font-size: 15px;
   font-weight:400;
}
.products-block .ratings-wrapper .availability span[style="color:#0f990c"]::before{
   content:"\e913";
   font-family:shoptet;
   font-size:10px;
}
.products-block .ratings-wrapper{
   min-height:unset;
}
.products-block.products .p .price strong{
   color: #414141;
   font-size: 22px;
   font-weight: 700;
}
.products-block .p-bottom .p-tools a[title="Detail"], .products-block .p-bottom .p-tools button[type="submit"]{
   padding: 7px 17px;
   text-transform:initial;
   color: #ffffff;
   font-size: 16px;
   font-weight: 500;
   border-radius: 3px;
   background-color:var(--main-href-color);
   border-color:var(--main-href-color);
}
.products-block .p-bottom .p-tools a[title="Detail"]:hover, .products-block .p-bottom .p-tools button[type="submit"]:hover{
   background-color:#fff;
   color:var(--main-href-color);
}
.products-block .p-bottom .p-tools a[title="Detail"]::before{
   content: "\f100";
   font-family:flaticon;
   margin-right:8px;
}
.products-block .p-bottom .p-tools button[type="submit"]::before{
   content: "\f101";
   font-family:flaticon;
   margin-right:8px;
}
/*nadpis produkty*/
h4.homepage-group-title, .h4.homepage-group-title{
   font-size: 34px;
   font-weight: 600;
   margin:36px 0;
}
h4.homepage-group-title span::after, .h4.homepage-group-title span::after{
   left:0;
   width:100%;
   content:"";
   bottom:0;
   height: 3px;
   border-radius: 2px;
   background-color: #f3f0e8;
   position:absolute;
}
h4.homepage-group-title span, .h4.homepage-group-title span{
   padding-bottom:10px;
   position:relative;
}
/*homepage text*/
.homepage-box.welcome-wrapper{
   margin:0;
   padding:0;
   background-color:#fff;
   border:0;
}
.welcome div, .welcome h1 {
   max-width:100%;
}
.welcome{
   padding-right:23px;
}
.welcome h1{
   color: var(--main-text-color);
   font-size: 32px;
   font-weight: 600
}
.welcome-wrapper .welcome-wrapper {
   display:flex;
   align-items:center;
   background-color: var(--main-hometext-color);
   padding:57px 88px 63px 92px;
   margin-top:20px;
}
.content-wrapper.latest-contribution-box {
   display:none;
}
/*footer*/
.custom-footer{
   border:0;
   margin-top:0;
}
footer#footer{
   background:url('/user/documents/upload/sablona-nemazat/bgfooter.png') no-repeat center center;
}
footer#footer&gt;.container{
   background:transparent;
}
#footer .site-name{
   display:none;
}
.custom-footer{
   padding:63px 0 0 0;
}
.custom-footer&gt;div:nth-child(1){
   margin-bottom:45px;
   padding:38px 0 36px 0;
   width:100%;
   border-style:solid none;
   border-color:#f3f0e8;
   border-width:2px;
}
.custom-footer&gt;div:nth-child(1) h4{
   display:none;
}
#footer .contact-box{
   min-height:unset;
}
#footer .contact-box ul{
   display:flex;
   align-items:center;
   justify-content:space-between;
   max-width:690px;
   width:100%;
   margin:0px auto;
}
footer#footer h4{
   margin:0 0 34px 0;
   font-size: 22px;
   text-transform:initial;
}
#footer .contact-box a{
   color:var(--main-text-color);
   font-size: 18px;
   font-weight: 600;
   font-family: 'Work Sans', sans-serif;
}
#footer .password-helper a, #footer .news-item-widget a, #footer ul a{
   color:var(--main-text-color);
   font-size: 16px;
   font-weight: 300;
   font-family: 'Work Sans', sans-serif;
}
#footer .contact-box a::after{
   color:var(--main-text-color);
   font-size: 16px;
   display:block;
   font-weight: 300;
}
.copyright, #signature, #signature a{
   color:var(--main-text-color);
   font-size: 16px;
   font-weight: 300;
   font-family: 'Work Sans', sans-serif;
}
#signature a{
   text-decoration:underline;
}
#signature a:hover{
   text-decoration:none;
}
#signature img{
   width:15px;
}
.footer-bottom{
   padding:15px 0;
   border-top:2px solid #dededc;
   margin-top:90px;
}
.footer-rows+.footer-bottom{
   border-top-style:solid;
}
.contact-box ul li&gt;span.mail::before{
   content: "\f10d";
   font-size:30px;
}
.contact-box ul li&gt;span.cellphone::before{
	content: "\f10e";
   font-size:25px;
}
.contact-box ul li&gt;span::before{
   color:var(--main-href-color);
   line-height:64px;
   border-radius:64px;
   transform:translateY(-50%);
   font-family:flaticon;
   width: 64px;
   height: 64px;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
   background-color: #ffffff;
}
.contact-box ul li&gt;span{
   padding-left:77px;
}
.contact-box ul li&gt;span&gt;a{
   line-height:1;
}
#footer .news-item-widget a{
   position:relative;
   padding-left:14px;
}
#footer .news-item-widget a:hover{
   text-decoration:none;
   color:var(--main-href-color);
}
#footer .news-item-widget a::before{
   content:"";
   width: 5px;
   position:absolute;
   left:0;
   top:50%;
   transform:translateY(-50%);
   height: 5px;
   background-color: #ab1820;
   border-radius:5px;
}
footer#footer p{
   color:var(--main-text-color);
   font-size: 16px;
   font-weight: 300;
}
footer#footer p a{
   color:var(--main-text-color);
   font-size: 16px;
   font-weight: 300;
   text-decoration:underline;
}
footer#footer p a:hover{
   text-decoration:none;
   color:var(--main-href-color);
}
footer#footer ul li:nth-last-child(1){
   display:none;
}
@media(min-width:768px){
	.submenu-visible .navigation-in&gt;ul&gt;li.ext.exp&gt;ul{
	   box-shadow: 0 22px 54px rgba(0, 0, 0, 0.09);
	   border: 1px solid #ecedef;
   }
	.navigation-in&gt;ul&gt;li.ext&gt;ul&gt;li&gt;div{
	   width:100%;
   }
	.navigation-in&gt;ul&gt;li.ext&gt;ul&gt;li{
	   border-color:#ecedef;
	   border-width:1px;
	   padding-left:15px;
   }
	.navigation-in&gt;ul&gt;li.ext&gt;ul&gt;li&gt;div&gt;ul{
	   display:none;
   }
   /*.submenu-visible .navigation-in&gt;ul&gt;li.ext.exp&gt;ul{
	   padding:20px 15px;
   }
   */
	.navigation-in&gt;ul&gt;li.ext&gt;ul&gt;li&gt;a.menu-image{
	   display:none;
   }
	.navigation-in ul.menu-level-2 a{
	   color:var(--main-text-color);
   }
	.menu-helper &gt; ul{
	   top: calc(50% + 30px);
   }
	.menu-helper{
	   height:60px;
	   background-color:#eae3cf;
	   top:120px;
	   right:20px;
   }
	.menu-helper::after, .menu-trigger::after{
	   background-color:#eae3cf;
	   color:var(--main-text-color);
   }
	.header-top .btn.cart-count::before{
	   font-size:24px;
	   color:#fff;
	   line-height:45px;
	   width: 45px;
	   border-radius:45px;
	   height: 45px;
	   background-color: #ab1820;
   }
	.responsive-tools&gt;a[data-target="login"]:hover::after{
	   text-decoration:none;
   }
	.responsive-tools&gt;a.project-email{
	   font-size: 18px;
	   color:var(--main-text-color);
	   font-weight: 600;
   }
	.responsive-tools&gt;a[data-target="login"]:hover{
	   background-color:#fff;
   }
	.responsive-tools .facebook{
	   width:31px;
	   height:31px;
	   position:relative;
   }
	.responsive-tools&gt;a{
	   width:unset;
	   height:unset;
   }
	.responsive-tools a.cart-count{
	   order:10;
   }
	.responsive-tools&gt;a[data-target="login"]{
	   order:9;
   }
	.fitted .navigation-in ul{
	   display:block;
   }
	.navigation-in&gt;ul&gt;li{
	   display:inline-block;
   }
	.navigation-in&gt;ul&gt;li.menu-item-29, .navigation-in&gt;ul&gt;li.menu-item-1028{
	   float: right;
   }
	.navigation-in&gt;ul&gt;li.menu-item-29&gt;a&gt;b, .navigation-in&gt;ul&gt;li.menu-item-1028&gt;a&gt;b{
	   font-weight:400;
   }
	.responsive-tools&gt;a[data-target="search"], .responsive-tools&gt;a[data-target="navigation"]{
	   display:none;
   }
	.responsive-tools{
	   padding:0;
	   display:flex;
	   align-items:center;
	   justify-content:flex-end;
   }
	.navigation-in&gt;ul&gt;li&gt;a{
	   font-size: 17px;
	   color:var(--main-text-color);
   }
	.navigation-in&gt;ul&gt;li&gt;a&gt;b{
	   font-weight:500;
   }
	.navigation-in{
	   background-color:#fff;
	   border-top:2px solid #f3f0e8;
   }
	.navigation-in&gt;ul&gt;li{
	   border-color:#fff;
   }
	#navigation{
	   height:60px;
	   margin:0;
   }
	.navigation-in&gt;ul&gt;li&gt;a{
	   line-height: 42px;
   }
	#header .site-name{
	   padding:12px 0;
   }
	#header .site-name a img{
	   max-height:75px;
   }
	.header-top{
	   height:auto;
	   padding:0;
	   display:flex;
	   justify-content:space-between;
   }
	.header-top&gt;div{
	   flex:auto;
   }
}
@media(min-width:768px) and (max-width:857px){
	button.slick-arrow.slick-prev{
	   left:-20px;
   }
	button.slick-arrow.slick-next{
	   right:-20px;
   }
	.browse-p .p-next{
	   right:-20px;
   }
	.browse-p .p-prev{
	   left:-20px;
   }
}
@media(min-width:768px) and (max-width:991px){
	.sidebar{
	   width:230px;
   }
}
@media(min-width:768px) and (max-width:1199px){
	.navigation-in&gt;ul&gt;li.ext&gt;ul&gt;li:nth-child(-n+4){
	   border-style:none solid solid none;
   }
	.navigation-in&gt;ul&gt;li.ext&gt;ul&gt;li:nth-child(-n+1){
	   border-left-style:none;
   }
	.navigation-in&gt;ul&gt;li.ext&gt;ul&gt;li:not(:nth-child(-n+4)){
	   border-style:none solid solid none;
   }
	.navigation-in&gt;ul&gt;li.ext&gt;ul&gt;li:nth-child(5){
	   border-left-style:none;
   }
}
@media(min-width:992px) and (max-width:1085px){
	.browse-p .p-next{
	   right:-20px;
   }
	.browse-p .p-prev{
	   left:-20px;
   }
}
@media(min-width:992px) and (max-width:1286px){
	button.slick-arrow.slick-prev{
	   left:-20px;
   }
	button.slick-arrow.slick-next{
	   right:-20px;
   }
}
@media(min-width:1199px) and (max-width:1286px){
	.browse-p .p-next{
	   right:-20px;
   }
	.browse-p .p-prev{
	   left:-20px;
   }
}
@media(min-width:992px) and (max-width:1199px){
	.variant-table .table-row .table-col.price{
	   width:130px;
   }
	.one-column-body .variant-table .table-row .table-col.cart{
	   width:140px;
   }
	.one-column-body .variant-table .table-row .table-col.variant-name-wrapper{
	   width:calc(100% - 270px);
   }
	.p-image-wrapper{
	   width:50%;
   }
	.p-info-wrapper{
	   width:50%;
   }
	.basic-description{
	   flex: 1 1 auto;
	   width: 66.666666%;
	   padding-right: 40px;
   }
	.extended-description{
	   flex: 0 1 auto;
	   width: 33.333333%;
	   padding-left: 10px;
   }
}
@media(min-width:992px){
	.p-detail&gt;.p-detail-inner&gt;.p-detail-inner-header{
	   display:none;
   }
	.responsive-tools&gt;a[data-target="login"]::after{
	   display:block;
	   content:"Přihlášení";
	   font-size: 14px;
	   font-weight: 300;
	   font-family: 'Work Sans', sans-serif;
	   color:var(--main-text-color);
	   text-decoration:underline;
   }
	.responsive-tools&gt;a[data-target="login"]{
	   background-color:#fff;
	   display:flex;
	   justify-content:center;
	   align-items:center;
	   flex-direction:column;
	   border-color:#f3f0e8;
	   border-width:2px;
	   border-style:none none none solid;
	   position:relative;
	   width:120px;
	   height:120px;
   }
	#header .cart-count{
	   border-color:#f3f0e8;
	   border-width:2px;
	   border-style:none solid;
	   position:relative;
	   width:120px;
	   height:120px;
	   line-height:120px;
   }
	.responsive-tools .instagram{
	   margin-left: 10px;
		margin-right: 5px;
   }
	.responsive-tools .facebook {
	   margin-left: 5px;
		margin-right: 10px; 
   }
}
	@media(min-width:1200px){
		.header-top&gt;div.search{
		   width:420px;
	   }
		.navigation-in&gt;ul&gt;li.ext&gt;ul&gt;li:nth-child(-n+4){
		   border-style:none solid solid none;
	   }
		.navigation-in&gt;ul&gt;li.ext&gt;ul&gt;li:nth-child(-n+1){
		   border-left-style:none;
	   }
		.navigation-in&gt;ul&gt;li.ext&gt;ul&gt;li:not(:nth-child(-n+4)){
		   border-style:none solid solid none;
	   }
		.navigation-in&gt;ul&gt;li.ext&gt;ul&gt;li:nth-child(5){
		   border-left-style:none;
	   }
		.navigation-in&gt;ul&gt;li.ext&gt;ul&gt;li:nth-child(4n), .navigation-in&gt;ul&gt;li.ext&gt;ul&gt;li:nth-last-child(1){
		   border-right-style:none;
	   }
   }
	@media (min-width: 1440px){
		.homepage-box.welcome-wrapper .container{
		   width:1480px;
	   }
		.container{
		   width:1300px;
	   }
   }
	@media(max-width:1439px){
		.in-index .products-block &gt; div{
		   border-right:1px solid var(--main-border-color);
	   }
   }
	@media(max-width:1199px){
		.products-related.products-block .ratings-wrapper{
		   min-height:52px;
	   }
		.products-related.products-block .p-bottom .prices{
		   justify-content:flex-end;
		   align-items:center;
	   }
		.products-related.products-block .pr-action{
		   text-align:center;
	   }
		.pagination-wrapper .pagination{
		   justify-content:center;
	   }
		.footer-bottom{
		   margin-top:20px;
	   }
		.custom-footer &gt; div{
		   width:25%;
	   }
		.welcome-wrapper .welcome-wrapper&gt;img{
		   max-width:400px;
	   }
		.welcome-wrapper .welcome-wrapper{
		   padding:20px 35px;
	   }
		.subcategories li{
		   width:50%;
	   }
		.category-header div{
		   display:none;
	   }
   }
	@media(max-width:991px){
		.p-info-wrapper&gt;.p-detail-inner-header{
		   display:none;
	   }
		.breadcrumbs-wrapper{
		   padding:10px 0;
	   }
		.breadcrumbs &gt; span &gt; a{
		   position:relative;
	   }
		.breadcrumbs &gt; span &gt; a::before{
		   position:absolute;
		   right:0;
	   }
		.breadcrumbs{
		   display:inline-flex;
		   flex-wrap:wrap;
		   padding: 0;
	   }
		.menu-helper{
		   top:104px;
	   }
		.category-header input[type="radio"] + label{
		   margin-right:16px;
	   }
		.content-wrapper.homepage-box.before-carousel .col-sm-8{
		   padding:0;
		   background:none;
	   }
		.caption{
		   width:100%;
		   margin-right:0;
		   max-width:unset;
	   }
		.banners-row .col-sm-8 .item &gt; span{
		   flex-direction:column;
	   }
		.banners-row .col-sm-8 .item &gt; span img{
		   max-height:300px;
		   margin-top:25px;
	   }
		.responsive-tools &gt; a[data-target="login"]{
		   margin-right:10px;
	   }
		.header-top .btn.cart-count:not(.full)::after, .header-top .btn.cart-count i {
		   top:29px;
		   left:-9px;
	   }
		.navigation-buttons a[data-target="login"]{
		   background-color:#fff;
	   }
		.navigation-buttons a[data-target="login"]:hover{
		   background-color:#fff;
	   }
		.responsive-tools &gt; a.project-email span{
		   display:none;
	   }
		.responsive-tools .facebook{
		   margin:0 10px;
	   }
		.products-block.products .p .name{
		   text-align:center;
	   }
		.products-block .ratings-wrapper .availability{
		   text-align:center;
	   }
		.products-block .p-bottom .prices{
		   justify-content:flex-end;
		   align-items:center;
		   margin-bottom:10px;
		   flex-basis:100%;
	   }
		.products-block .p-bottom .p-tools{
		   flex-basis:100%;
		   text-align:center;
	   }
		footer#footer h4{
		   margin:15px 0 20px 0;
	   }
		.custom-footer &gt; div{
		   width:50%;
	   }
		.welcome{
		   padding-right:0;
	   }
		.welcome-wrapper .welcome-wrapper{
		   flex-direction:column;
		   padding:35px 0;
	   }
		.homepage-box.welcome-wrapper{
		   background-color:var(--main-hometext-color);
	   }
		.footer-bottom{
		   display:flex;
		   flex-direction:column-reverse;
	   }
		#signature {
		   flex:auto;
	   }
		footer#footer{
		   background-position:center bottom;
	   }
   }
	@media(max-width:767px){
		.breadcrumbs-wrapper .container{
		   padding: 0 10px;
	   }
		.responsive-tools&gt;.dropdown{
		   order: 0;
	   }
		.basic-description&gt;div{
		   overflow:auto;
	   }
		.filters-visible .filtrot{
		   margin-top:20px
	   }
		.filtrot{
		   margin-bottom:20px;
	   }
		.filtrot a{
		   border-radius: 2px;
		   border:0;
		   text-transform:initial;
		   padding: 12px 43px;
		   background-image: linear-gradient(180deg, #5f5f5f 0%, #222222 100%);
		   display:inline-block;
		   color: #ffffff;
			font-family: 'Work Sans', sans-serif;
		   font-size: 16px;
		   font-weight: 600;
	   }
		.filtrot a:hover{
		   background-image:linear-gradient(180deg, #222222 0%, #222222 100%)
	   }
		.type-category main#content{
		   display:flex;
		   flex-direction:column;
	   }
		.type-category .category-title{
		   order:-20;
	   }
		.subcategories {
		   order:-19;
	   }
		.filters-wrapper, #filters, .box-filters{
		   order:-18;
	   }
		.navigation-buttons a[data-target="search"]::before{
		   content: "\f100";
		   font-family:flaticon;
		   color:var(--main-text-color);
		   font-size:20px;
	   }
		.navigation-buttons a[data-target="search"]:hover, .navigation-buttons a[data-target="search"]{
		   background-color:#fff;
	   }
		#header .cart-count{
		   margin-right:10px;
	   }
		.header-top .btn.cart-count::before {
		   position:relative;
		   top:10px;
	   }
		.navigation-window-visible .navigation-buttons a[data-target="navigation"]:hover, .navigation-window-visible .navigation-buttons a[data-target="navigation"]{
		   background-color:#eae3cf;
	   }
		.navigation-window-visible .navigation-buttons a[data-target="navigation"]::before{
		   content:'\e912';
		   font-family:shoptet;
	   }
		.navigation-close{
		   display:none;
	   }
		.navigation-in ul li a&gt;b{
		   font-weight:600;
	   }
		.navigation-in ul li a{
		   font-size:16px;
	   }
		.navigation-window-visible #navigation{
		   width:100%;
		   height:calc(100% - 66px);
		   top:auto;
		   padding-bottom:0;
	   }
		a.project-email{
		   display:none;
	   }
		.navigation-buttons a[data-target="navigation"]:hover{
		   background-color:#eae3cf;
	   }
		.navigation-buttons a[data-target="navigation"]::before{
		   margin-right:5px;
		   width:auto;
		   height:auto;
		   background-color:transparent;
		   color:var(--main-text-color);
	   }
		.navigation-buttons a[data-target="navigation"]{
		   order:10;
		   position:initial;
		   background-color: #eae3cf;
		   width:auto;
		   height:auto;
		   padding:5px 10px;
		   display:flex;
		   justify-content:space-between;
		   align-items:center;
		   bottom:0;
	   }
		.navigation-buttons a[data-target="navigation"]::after{
		   font-family: 'Work Sans', sans-serif;
		   content:"Menu";
		   color:var(--main-text-color);
		   font-size: 14px;
		   font-weight: 600;
		   letter-spacing: -0.06px;
	   }
		.ordering-process .responsive-tools &gt; a[data-target="navigation"]{
		   position:initial;
		   width:auto;
		   height:auto;
		   line-height:unset;
	   }
		body:not(.in-kosik) .back-shopping-link{
		   display:none;
	   }
		.ordering-process .responsive-tools &gt; a[data-target="navigation"]{
		   position:initial;
		   width:auto;
		   height:auto;
		   line-height:unset;
	   }
		.ordering-process .back-shopping-link .next-step-back::before, .next-step-back::before{
		   top:auto;
		   width:auto;
	   }
		.ordering-process .back-shopping-link .next-step-back, .next-step-back{
		   width:100%;
		   height:auto;
		   justify-content:center;
		   display:flex;
		   align-items:center;
		   text-indent: 0;
		   background-color:#f9f9f9;
		   position:relative;
	   }
		.ordering-process .back-shopping-link{
		   margin-bottom:25px;
	   }
		.ordering-process a.next-step-back{
		   color: #000000;
		   font-size: 14px;
		   font-weight: 400;
		   text-transform: initial;
		   position:relative;
	   }
		.ordering-process a.next-step-back::before {
		   content: '\e910';
		   font-family: shoptet;
		   display: inline-block;
		   transform: rotate(-180deg);
		   margin-right: 10px;
		   font-size: 10px;
		   position: relative;
		   top:1px;
	   }
		.ordering-process a.next-step-back:hover{
		   text-decoration:none;
	   }
		.in-kosik #cart-wrapper&gt;.back-shopping-link{
		   display:none;
	   }
		body:not(.in-kosik) .next-step {
		   margin-top:22px;
		   margin-bottom:0;
	   }
		body .next-step{
		   flex-direction:column-reverse;
	   }
		.ordering-process .site-name{
		   display:initial;
	   }
		ol.cart-header li.active {
		   text-align:center;
	   }
		ol.cart-header{
		   position:initial;
	   }
		header#header{
		   margin:10px 0;
	   }
		#header .cart-count{
		   position:relative;
		   right:auto;
		   top:auto;
	   }
		.header-top{
		   display:flex;
		   flex-wrap:wrap;
		   justify-content:space-between;
		   align-items:center;
	   }
		.header-top&gt;div.search{
		   order:10;
		   width:100%;
	   }
		.responsive-tools .facebook{
		   display:none;
	   }
		.caption p{
		   font-size:25px;
	   }
		.rozcestnik{
		   width:49%;
	   }
		.usp{
		   width:50%;
		   max-width:unset;
	   }
		.usp-wrap{
		   flex-wrap:wrap;
	   }
		button.slick-arrow.slick-prev{
		   left:0px;
	   }
		button.slick-arrow.slick-next{
		   right:0px;
	   }
		.custom-footer &gt; div:nth-child(1){
		   padding:38px 10px;
	   }
		.banner{
		   min-height:unset;
		   margin-bottom:0;
	   }
		.copyright{
		   margin-bottom:0;
	   }
		button.slick-arrow{
		   width:25px;
	   }
		button.slick-arrow.slick-prev{
		   border-radius:0 25px 25px 0;
		   text-align: left;
		   padding: 3px;
	   }
		button.slick-arrow.slick-next{
		   border-radius:25px 0px 0px 25px;
	   }
   }
	@media(max-width:479px){
		.navigation-buttons a[data-target="navigation"]::after {
		   display:none;
	   }
		.type-detail .breadcrumbs&gt;span:nth-last-child(-n+1){
		   display:none;
	   }
		.type-detail .breadcrumbs&gt;span:nth-last-child(-n+2) a::before{
		   display:none;
	   }
		.p-info-wrapper .p-final-price-wrapper{
		   text-align:center;
	   }
		.kosik{
		   flex-direction:column;
	   }
		.usp{
		   width:100%;
		   padding:0 5px
	   }
		.rozcestnik{
		   width:100%;
	   }
		footer#footer &gt; .container.footer-bottom{
		   padding:15px 10px;
	   }
		.welcome-wrapper .welcome-wrapper &gt; img{
		   width:100%;
	   }
		.custom-footer &gt; div{
		   width:100%;
	   }
		#footer .contact-box ul{
		   flex-direction:column;
	   }
		.contact-box ul li &gt; span::before {
		   width:32px;
		   height:32px;
		   line-height:32px;
		   font-size:20px;
	   }
		.contact-box ul li &gt; span.tel::before, .contact-box ul li &gt; span.mail::before{
		   font-size:15px;
	   }
		.contact-box ul li{
		   width:215px;
		   padding:10px 0;
	   }
		.contact-box ul li &gt; span {
		   padding-left: 46px;
	   }
		.custom-footer &gt; div:nth-child(1){
		   padding:18px 10px;
		   margin-bottom:0;
	   }
		.custom-footer{
		   padding-top:40px;
	   }
   }
	@media(max-width: 360px){
		.responsive-tools &gt; a[data-target="login"]{
		   margin-right: 0;
	   }
   }
	@media(max-width:350px){
		#header .site-name a img{
		   max-height:50px;
	   }
   }
	@media(max-width:336px){
		#header .container{
		   padding-left: 8px;
		   padding-right: 8px;
	   }
   }
	@media(max-width:330px){
		.navigation-buttons a[data-target="navigation"]::before {
		   margin-right:0;
	   }
		.p-info-wrapper .add-to-cart{
		   flex-direction:column;
	   }
		.add-to-cart button[type="submit"]{
		   margin-left:0;
		   margin-top:10px;
	   }
   }
	.c-contacts__block .facebook{
	   position: relative;
	   top: 5px;
   }
	.friends {
		margin: 20px 0;
   }
	.friends p {
		font-weight: 700;
		font-size: 16px;
		color: #000;
		margin: 0;
   }
	.friends .friendsInner {
		display: flex;
		flex-wrap: wrap;
		width: calc(100% + 10px);
		margin: 0 -5px;
   }
	.friends .friendsInner .product {
		position: relative;
		width: calc(50% - 10px);
		padding: 5px;
		border: 1px solid #dadada;
		margin: 5px;
		cursor: pointer;
   }
	@media (min-width: 400px) {
		.friends .friendsInner .product {
			width: calc(33.3333% - 10px);
	   }
   }
	@media (min-width: 480px) {
		.friends .friendsInner .product {
			width: calc(25% - 10px);
	   }
   }
	@media (min-width: 1200px) {
		.friends .friendsInner .product {
			width: calc(20% - 10px);
	   }
   }
	@media (min-width: 1440px) {
		.friends .friendsInner .product {
			width: calc(16.6666% - 10px);
	   }
   }
	.friends .friendsInner .product:hover {
		border-color: var(--color-primary);
   }
	.friends .friendsInner .product.active::before {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		content: "\e913";
		font-family: "Shoptet";
		z-index: 2;
		color: #000;
   }
	.friends .friendsInner .product.active a {
		z-index: 1;
		background: rgba(255, 255, 255, 0.5);
   }
	.friends .friendsInner .product a {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
   }

   </pre></body></html>