/*------------------------ SHOP ----------------------------------*/

.trgovina-zgoraj {
	padding: 0;
	text-align: center;
}

.trgovina-zgoraj h1 {
	font-size: 2.5vw;
	margin-bottom: 4vw;
	text-transform: uppercase;
}

.trgovina-zgoraj p {
	line-height: 1.5;
}

.trgovina-vec {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.trgovina-vec button {
	border: none;
	width: 100%;
	padding: unset;
}

.trgovina-vec button:hover {
	color: unset;
	background-color: unset;
}

.trgovina-crta {
	width: 49%;
	border-top: 0.2vw solid #235d39;
}

.trgovina-odpri {
	width: 2%;
	text-align: center;
}

.trgovina-opis {
	padding: 2vw 4vw 0 4vw;
}

.trgovina-opis p {
	line-height: 1.5;
	margin-bottom: 1vw;
}

#h-shop-more-div {
	display: none;
}

.trgovina-prednosti {
	display: flex;
	flex-wrap: wrap;
	padding: 4vw 3vw 0 3vw;
}

.trgovina-prednosti div {
	padding: 0 7.5vw;
	width: 25%;
	text-align: center;
}

.trgovina-prednosti img {
	display: inline;
	width: 3vw;
}

.trgovina-prednosti p {
	font-family: "hempika-bold";
	color: #235d39;
	line-height: 1.25;
}

.trgovina .products {
	display: flex;
	flex-wrap: wrap;
	padding: 1vw 3vw 0 3vw;
}

.trgovina .product {
	width: 25%;
}

.trgovina .h-product-wrapper {
	margin: 2vw 1vw;
}

.trgovina .h-product-wrapper .screen-reader-text {
	display: none;
}

.trgovina .product h2 {
	padding: 2vw 2vw 1vw 2vw;
	font-size: 1.25vw;
	text-transform: uppercase;
	border: solid #235d39;
	border-width: 0 0.2vw 0 0.2vw;
}

.trgovina .product p {
	line-height: 1.5;
	padding: 0 2vw 2vw 2vw;
	font-size: 0.75vw;
	border: solid #235d39;
	border-width: 0 0.2vw 0 0.2vw;
}

.trgovina .price {
	font-size: 1.25vw; /* nepotrebn css */
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border: solid #235d39;
	float: left;
	height: 4vw;
	width: calc(100% - 4vw);
	padding-left: 2vw;
	border-width: 0.2vw 0 0.2vw 0.2vw;
}

.h-from {
	font-family: hempika-light;
	color: #000000;
	font-size: 0.75vw;
	display: block;
	padding-right: 0.25vw;
}

.trgovina .button {
	width: 4vw;
	height: 4vw;
	display: block;
	border: solid #235d39 0.2vw;
	float: right;
	font-size: 0vw;
	background-image: url("https://hempika.com/wp-content/themes/hemp-master/custom/img/add-green.svg");
	background-repeat: no-repeat;
	background-size: cover;
}

.trgovina .product img {
	padding-top: 3vw;
	border: solid #235d39;
	border-width: 0.2vw 0.2vw 0 0.2vw;
}

.trgovina .product .button:hover {
	background-image: url("https://hempika.com/wp-content/themes/hemp-master/custom/img/add-white.svg");
}

.trgovina .kratek {
	padding: 0;
}

.trgovina .kolicina, .trgovina .izberi {
	display: none;
}

/* MOBILE */

@media only screen and (max-width: 768px) {

.trgovina-zgoraj {
	padding: 0;
}

.trgovina-zgoraj h1 {
	font-size: 6vw;
	margin-bottom: 12vw;
}

.trgovina-crta {
	width: 45%;
	border-top: 0.8vw solid #235d39;
}

.trgovina-odpri {
	width: 10%;
}

.trgovina-opis {
	padding: 3vw 4vw 0 4vw;
}

.trgovina-opis p {
	margin-bottom: 4vw;
}

.trgovina-prednosti {
	padding: 12vw 5vw 0vw 5vw;
}

.trgovina-prednosti div {
	padding: 5vw 10vw;
	width: 50%;
}

.trgovina-prednosti img {
	width: 10vw;
}

.trgovina-prednosti p {
	font-size: 3vw;
}

/* products */

.trgovina .products {
	padding: 10vw 2vw 0 2vw;
}

.trgovina .product {
	width: 100%;
}

.trgovina .h-product-wrapper {
	padding: 2vw;
	margin: 2vw 0;
}

.trgovina .product h2 {
	padding: 8vw 8vw 4vw 8vw;
	font-size: 6vw;
	border-width: 0 0.8vw 0 0.8vw;
	text-align: center;
}

.trgovina .product p {
	padding: 0 8vw 8vw 8vw;
	font-size: 4vw;
	border-width: 0 0.8vw 0 0.8vw;
}

.trgovina .price {
	font-size: 6vw;
	height: 20vw;
	width: calc(100% - 20vw);
	padding-left: 8vw;
	border-width: 0.8vw 0 0.8vw 0.8vw;
}

.h-from {
	font-size: 4vw;
	padding-right: 2vw;
}

.trgovina .button {
	width: 20vw;
	height: 20vw;
	border: solid #235d39 0.8vw;
}

.trgovina .product img {
	padding: 8vw 8vw 0 8vw;
	border-width: 0.8vw 0.8vw 0 0.8vw;
}

.kratek {
	text-align: center;
}
}