/**********
 * Tillval block
 * (produkttillval)
 * 
 * ************/

.genesis-custom-block.tillval{
	margin: 50px auto 50px auto;
}

.genesis-custom-block.tillval p.ingress{
	font-size: 16px;
}

@media screen and (min-width:1000px){
	.genesis-custom-block.tillval p.ingress{
		max-width: 66%;
		}
}


.product-option-list{
	display: flex;
	gap: 2%;
	margin: 30px auto 50px auto;
	flex-wrap: wrap;
}

.product-option-list-item{
flex: 0 0 32%;
margin-bottom: 50px;
}

@media screen and (max-width: 1000px){
	.product-option-list-item{
flex: 0 0 49%;
}
}

.product-option-list-item div{
width: 100%;
padding-bottom: 90%;
background-size: cover;
background-position: center;	
}

.product-option-list-item h4{
	text-align: left;
	margin: 20px auto 17px auto;
	padding: 0 0 0 7px;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
}

.product-option-list-item p{
	font-size: 17px;
}

.product-option-list-item a{
	color: #000000;
	text-decoration: none;
}

span.accordion-addon{
	display: none;
}


/** MOBILE ACCORDION ***/

@media screen and (max-width: 800px){

	span.accordion-addon{
		display: block;
		cursor: pointer;
	}

	.product-option-list-item span, .product-option-list-item.active span{
		transition: -webkit-transform .25s linear;
			transition: transform .25s linear;
			transition: transform .25s linear, -webkit-transform .25s linear;
			-webkit-transition: -webkit-transform .25s linear;
		}	

	.product-option-list-item h4{
		max-width: calc(100vw - 45px);
		margin-left: 0;
	}

	span.accordion-addon{
		position: absolute;
		top: 15px;
		right: 5px;
		font-size: 30px;
		font-weight: 500;
	}

	span.accordion-addon.accordion-min{
		opacity: 0;
	}

	span.accordion-addon.accordion-max{
		opacity: 1;
	}

	.product-option-list-item div, .product-option-list-item p{
		display: none;
	}

	.product-option-list-item{
		position: relative;
		background-color: #F4F4F5;
		flex: 0 0 100%;
		margin: 5px 0 5px 0;
	}


	/** product-addon-list-item active **/


	.product-option-list-item.active{
		padding-top: 50px;
	}

	.product-option-list-item.active span.accordion-addon.accordion-min{
		opacity: 1;
		transform: rotate(180deg);
	}

	.product-option-list-item.active span.accordion-addon.accordion-max{
		opacity: 0;
		transform: rotate(180deg);
	}

	.product-option-list-item.active div, .product-option-list-item.active p{
		display: block;
		
	}


} /*max-width*/