/***** Olika block för synlighet *****/

/* Headers */
.visibility-header,
.visibility-header h2, 
.visibility-header p {
	margin-bottom: 5px; 
}
.visibility-header-title {
	font-size: 30px;
	line-height: 1.2;
	font-weight: 600 !important;
	color: #51bcb8;
	font-family: 'Poppins',sans-serif;
}
.visibility-header-title::after {
	display: none; 
}
.visibility-header p::after {
	content: "\f054";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    color: #469d9a;
    font-size: 12px;
    margin-left: 4px;
}
.visibility-header-title-product-page {
	font-size: 24px; 
}

/* Brand block */
.visibility-brands {
	gap: 4em; 
}

/* Product list block */
.visibility-product-list ul {
	display: flex; 
}
.visibility-product-list ul li {
	width: 100% !important;
	margin: 5px 5px 5px 5px !important; 
}
.visibility-product-list ul li .variations_form {
	padding: 0px 10px 10px 10px !important;
}
.visibility-product-list ul li .quantity,
.visibility-product-list ul li .minus,
.visibility-product-list ul li .plus {
	display: none !important; 
}
.visibility-product-list .product-tag-container-bottom {
	top: 145px; 
}
.visibility-product-list.product-page {
	padding-bottom: 60px; 
}
.visibility-product-list.product-page table.variations .value {
	margin-bottom: 0 !important;
}

/* Popup */
#popup {
	position: fixed; 
	bottom: -254px;
	width: 100%;
	z-index: 9999;
}
#popup .popup-content {
	margin: 0 auto; 
	/*max-width: 1024px;*/
	max-width: 700px;
}
#popup .popup-content i {
	display: block;
    text-align: right;
    margin-right: -15px;
    margin-bottom: -7px;
    position: relative;
    color: #000000;
    font-size: 25px;
	cursor: pointer;
}

@media only screen and (max-width: 1064px) {
	/* Product list block */
	.visibility-product-list ul {
		overflow: scroll; 
	}
	.visibility-product-list ul li {
		min-width: 22%;
	}
} 

@media only screen and (max-width: 768px) {
	/* Headers */
	.visibility-header {
		gap: 0.5em; 
	}
	.visibility-header p {
		text-align: left; 
	}
	
	/* Brand block */
	.visibility-brands {
		flex-wrap: wrap !important;
		gap: 0em 2em;
	}
	.visibility-brands .wp-block-column {
		max-width: 26%;
	}
	
	/* Product list block */
	.visibility-product-list ul {
		overflow: scroll; 
	}
	.visibility-product-list ul li {
		min-width: 42%;
	}
	.visibility-product-list .product-tag-container-bottom {
		top: 110px; 
	}
	
	/* Popup */
	#popup .popup-content {
		/*width: 70%;*/
		width: 60%;
	}
}