.ts-wrapper{
	font-family: 'Zearat Mono', monospace;
	background-color: transparent;
	border: none;
	left: -5.7rem;
}

.ts-control{
	border-radius: 0 !important;
	padding-top: 1.5% !important;
    padding-bottom: 1.5% !important;
    box-shadow: -1px -1px 1px #000 !important;
	scale:70%;
	font-size: inherit !important;
	
}

.ts-control > .dropdown-arrow {
  display: none !important;
  
}

.ts-control::after {
	content: "";
	position: absolute;
	right: -14.4rem;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;  
	height: 100%;  background: url("../ico/dropdown-arrow.png") no-repeat center;
	background-size: contain;
	pointer-events: none;
}

.ts-control:hover{
    background-color: rgb(237,237,237)!important;
}

.ts-dropdown{
	position: absolute!important;
    top: 2.1rem!important;
    left: 5.6rem!important;
    width: 66.3%!important;
    z-index: 10!important;
    border: 1px solid #d0d0d0!important;
    background: #e9e8ed!important;
    margin: 0.25rem 0 0!important;
    border-top: 0 none!important;
    border-radius: 15px!important;
}

.ts-dropdown .option{
	margin: 0.5rem;
}

.ts-dropdown .option.active {
	background-color:#e1e0e6!important;
}

.ts-dropdown .option:hover {
	background-color:#e1e0e6!important;
}

div.products.row{
	display: flex;
	flex-direction: row;
	justify-content: center;
	min-width: 232.19px;
	min-height: 311.75px;
}

.js-product-miniature {
	min-height: 311.75px;
}

div.products.row .js-product {
	 flex: 0 0 25%;
}


@media (max-width: 1200px) {
  .ts-control{
	  left:1rem;
  }
  
  .ts-control::after {
	  right: -11.7rem;
  }
  
  div.products.row .js-product{
		flex: 0 0 48%;
}
}

@media (max-width: 992px) {
    .ts-control{
	  left:2rem;
  }
  
  .ts-control::after {
	  right: -8.1rem;
  }
  
	div.products.row .js-product{
		flex: 0 0 48%;
	}
}

@media (max-width: 768px) {
	.ts-control::after {
	  right: -13.5rem;
	}
	
	.ts-dropdown{
		left:7.4rem!important;
	}
	

}

@media (max-width: 576px) {
	
	.ts-control{
		position: relative;
	}
	
	.ts-control::after{
		position:absolute;
		right:0;
		width: 2.6em;
		height: 2em;
	}
	
	/* .ts-dropdown{ */
		/* position:absolute; */
		/* top: 100% !important;      /* zaraz pod inputem */ */
		/* left: 2rem !important;         /* wyrównanie do lewej krawędzi wrappera */ */
		/* width: 100% !important; */
	/* } */
	/* .ts-control::after { */
	  /* right: -13.5rem; */
	/* } */
}