body.locked {
	height: 100%;
	overflow: hidden;
}

.ais-Hits-list,
.ais-InfiniteHits-list {
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
	row-gap: 20px;
}

.image-failed {
	display: none;
}

.ais-Hits-list li,
.ais-InfiniteHits-list li {
	align-items: start;
	width: 170px;
	border-radius: 10px!important;
	padding: 10px;
	box-sizing: border-box;
	flex-grow: 1;
	cursor: pointer;
}

#no-results-message {
	padding: 0 10px;
	font-size: 1.5rem;
}

#no-results-message a {
	color: #0a0194;
}

.ais-Hits-list li img,
.ais-InfiniteHits-list li img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.hit-name {
	text-align: center;
	font-family: sans-serif;
	color: #222;
	margin-bottom: 10px;
	font-size: 1rem;
}

#filter4 .color-filter {
	justify-content: left;
	margin-top: 5px;
}

#main-left .filter-outer {
	margin-bottom: 10px;
}

#main-left .filter-outer > label {
	font-weight: 800;
	font-size: 12px;
}

.color-filter,
.colors {
	display: flex;
	flex-wrap: wrap;
	column-gap: 5px;
	row-gap: 5px;
	justify-content: center;
	opacity: 0.8;
	clear: both;
	margin-bottom: 10px;
}

.color-filter > span {
	cursor: pointer;
}

.color-filter > span,
.colors > span {
	width: 20px;
	height: 20px;
	background: red;
	display: inline-block;
	border-radius: 50%;
	box-sizing: border-box;
}

.colors > span.none {
        display: none;
}

.color-filter > span.Blå,
.colors > span.Blå {
	background-color: blue;
}

.color-filter > span.Svart,
.colors > span.Svart,
.color-filter > span.Sort,
.colors > span.Sort {
	background-color: black;
}

.color-filter > span.Orange,
.colors > span.Orange {
	background-color: orange;
}

.color-filter > span.Gul,
.colors > span.Gul {
	background-color: yellow;
}

.color-filter > span.Beige,
.colors > span.Beige {
	background-color: beige;
}

.color-filter > span.Lilla,
.colors > span.Lilla {
	background-color: purple;
}

.color-filter > span.Brun,
.colors > span.Brun {
	background-color: brown;
}

.color-filter > span.Rosa,
.colors > span.Rosa {
	background-color: pink;
}

.color-filter > span.Grønn,
.colors > span.Grønn {
	background-color: green;
}

.color-filter > span.Grå,
.colors > span.Grå {
	background-color: gray;
}

.color-filter > span.Rød,
.colors > span.Rød {
	background-color: red;
}

.color-filter > span.Turkis,
.colors > span.Turkis {
	background-color: turquoise;
}

.color-filter > span.Flerfarget,
.colors > span.Flerfarget {
	background-image: url('mc.png');
	background-size: contain;
	transform: rotate(45deg);
}

.color-filter > span.Hvit,
.colors > span.Hvit {
	background-color: white;
	border: 1px solid #222;
}

.hit-description {
	text-align: center;
	font-family: sans-serif;
	color: #222;
	margin-bottom: 10px;
	font-size: 0.8rem;
}

.ais-HierarchicalMenu-label:first-letter {
	text-transform: uppercase;
}

/*
#main-right-category.hidden {
	display: none;
}
*/

#main-right-single {
	position: relative;
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	background: #fff;
	padding: 10px;
	box-sizing: border-box;
	top: 20px;
}


/*
.ais-HierarchicalMenu-item--selected {
	font-weight: bold;
}

.ais-HierarchicalMenu-item:not(.ais-HierarchicalMenu-item--selected) {
	font-weight: normal;
}
*/

#featured-categories {
	margin-bottom: 10px;
}

#hits {
	margin-top: 10px;
}

#hits a,
#top-hits a {
	text-decoration: none;
}

#top-hits .ais-Hits--empty {
	display: none;
}

#trending a {
	color: #1f1f1f;
	text-decoration: none;
}

#trending .ais-TrendingItems-item img {
        width: 100%;
        height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

#trending .ais-Carousel-navigation:focus,
#trending .ais-Carousel-navigation:hover,
#trending .ais-Carousel-navigation:active {
	background-image: none;
	border: none;
	background-color: none;
	outline: none;
	box-shadow: none;
}

#trending .trending-arrow {
	width: 80px;
	height: 80px;
	background: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0.8;
}

#trending .ais-TrendingItems-title {
	display: none;
}

#trending .ais-TrendingItems-item {
	flex-direction: column;
}

#trending .ais-TrendingItems-item h2 {
	text-align: center;
	line-height: 1.2;
	font-size: 16px;
}

.ais-ClearRefinements-button {
	background-image: linear-gradient(-180deg, #fff, #f5f5fa)!important;
	border: 1px solid #d6d6e7 !important;
	margin-top: 10px;
}

#top-hits {
        max-width: 1155px;
        width: 100%;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 20;
	margin: 0 auto;
	background: #fff;
}

#top-hits .hit-name {
	font-size: 12px;
}

#top-hits .ais-Hits-list li.ais-Hits-item {
	flex-grow: 0;
	width: 155px;
	border-radius: 0;
	margin: 5px;
}

#top-hits .ais-Hits-list {
	column-gap: inherit;
	row-gap: inherit;
}

#product-container.hidden {
	position: relative;
	top: 100vh;
}

#product-container {
	position: relative;
}

#lightbox-container {
	text-align: center;
	position: relative;
}
#image-container {
	height: 500px;
	position: relative;
}

#gallery-container {
	position: sticky;
	top: 0;
	/*
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	overflow: hidden;
	*/
	/*margin-top: 20px;*/
}

#gallery-container > div {
	display: flex;
	flex-wrap: wrap;
	column-gap: 5px;
	row-gap: 5px;
	justify-content: start;
}

.gallery-image-container:not(:first-child) {
	width: calc(50% - 3px);
	height: 300px;
}

.gallery-image-container:first-child {
	width: 610px;
	height: 610px;
}

.gallery-image-container {
	width: 93px;
	height: 93px;
	text-align: center;
	float: left;
	border: 1px solid #ddd;
	border-bottom: 3px solid green;
	cursor: pointer;
	position: relative;
}

.gallery-image-container-overlay {
	cursor: pointer;
	position: absolute;
	background: transparent;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .3s 0s background ease;
}

.gallery-image-container-overlay:hover {
	background: #ffffff40;
	transition: .3s 0s background ease;
}

.gallery-image {
	height: auto;
	width: auto;
	max-width: 95%;
	max-height: 95%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#info-categories {
	padding: 10px 0 0 0;
	font-size: 0.8rem;
}

#info-categories a {
	color: #666;
	font-weight: normal;
	text-decoration: none;
}

.info-container {
	white-space: pre-line;
}

.info-container ol {
	list-style-type: disc;
	padding-left: 16px;
}

#lightbox-image {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 90%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	border: 1px solid #fff;
}

#p_blanket.hidden {
	display: none;
}

#p_blanket {
	position: fixed;
	top: 0;
	left: 0;
	background: #00000061;
	width: 100%;
	height: 100%;
	z-index: 20;
	overflow-y: scroll;
}

#closebutton {
	position: absolute;
	right: -20px;
	font-size: 90px;
	top: -20px;
	width: 90px;
	height: 90px;
	background: #fff;
	border-radius: 50%;
	color: #0a0094;
	cursor: pointer;
	opacity: 0.8;
	z-index: 30;
}

#overflower {
	overflow: hidden;
}

#previous.hidden,
#next.hidden {
	display: none;
}

#previous,
#next {
	position: absolute;
	top: calc((660px / 2) - 50px);
	width: 100px;
	height: 100px;
	background-size: cover;
	background-position: center;
	border-radius: 50%;
	border: 2px solid #fff;
	cursor: pointer;
	z-index: 10;
	display: none;
}

/*
transition: .3s 0s background ease;
*/

#previous::after { content: 'Forrige produkt'; }
#next::after { content: 'Neste produkt'; }

#previous::after,
#next::after {
	display: inline;	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-shadow: 0px 0px 3px #000;
	font-size: 12px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

#previous { left: -120px; }
#next { right: -120px; }

.product-contact {
	border-radius: 9999px;
	background: #0a0094;
	color: #fff;
	padding-top: 0.667em;
	padding-right: 1.33em;
	padding-bottom: 0.667em;
	padding-left: 1.33em;
	font-size: 1.125em;
	font-weight: bold;
	float: right;
	text-decoration: none;
	z-index: 20;
	cursor: pointer;
}

#product-inner-container.active {
}

.price-container {
	color: #000;
	text-align: center;
}

#filters {
	display: flex;
	column-gap: 30px;
	margin: 20px;
}

#filters .filter-outer > label {
	font-size: .875rem;
	font-weight: bold;
	font-size: 12px;
}

#filters > div {
}

#filters .filter-outer:has(.ais-RefinementList--noRefinement) {
	display: none;
}

#filters:has(.no-color-results) {
	display: none;
}

#data-container {
	background: #f1f4f7;
	clear: both;
}

#data-table-body td.data-key {
	width: 150px;
	font-weight: bold;
}

#data-table-body a {
	color: #333333;
}

#data-table-inner {
	width: 100%;
	padding: 10px;
}

#logo-plackard {
        padding: 15px;
}

#logo-plackard h3 {
	margin-top: 0;
}

#pricetable {
	margin-top: 10px;
}

#pricetable td,
#pricetable th {
	vertical-align: top;
	font-size: 14px;
	padding: 0 5px;
	text-align: left;
}

#data-table-body td {
	vertical-align: top;
	font-size: 14px;
	padding: 5px;
	text-align: left;
}


#pricetable th:first-child {
	width: 150px;
}

#info-bullets {
	list-style: none;
	padding: 0;
}

#extra-bullets span {
	margin-right: 5px;
	color: green;
}

#pris_label {
	float: left;
	font-weight:bold;
}

.ais-HierarchicalMenu-item.ais-HierarchicalMenu-item--selected {
	font-weight: bold;
}

.ais-HierarchicalMenu-item:not(.ais-HierarchicalMenu-item--selected) {
	font-weight: normal;
}

.ais-LookingSimilar-list {
	display: flex;
	flex-wrap: wrap;
}

.ais-LookingSimilar-list > li{
	width: 25%;
	display: inline-block;
	cursor: pointer;
}

.ais-LookingSimilar-list img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: center center;
}

.ais-LookingSimilar-list h2 {
	text-align: center;
	font-size: 16px;
}

#showmore-container {
	text-align: center;
	padding: 20px;
}

#showmore {
	border-radius: 9999px;
	background: #0a0094;
	color: #fff;
	padding-top: 0.667em;
	padding-right: 1.33em;
	padding-bottom: 0.667em;
	padding-left: 1.33em;
	font-size: 1.125em;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	border: none;
}

.ais-RefinementList-showMore:focus,
.ais-RefinementList-showMore:active,
.ais-RefinementList-showMore {
	outline: none;
	background: none !important;
	box-shadow: none;
	font-size: 12px !important;
	margin-top: 0;
	border: none;
}
.ais-SearchBox-form::before {
	height: 1.8rem;
	left: 1rem;
	margin-top: -0.5rem;
	position: absolute;
	top: 50%;
	width: 1.8rem;
	background-size: cover;
}

.ais-SearchBox-reset {
	top: 65%;
}

.ais-SearchBox-input {
	padding-left: 3.5rem!important;
}

#category-title {
	margin: 0 20px 20px 20px
}

#current-refinements .ais-CurrentRefinements-item {
	border: none;
	font-size: 12px;
	padding: 5px;
}

#current-refinements .ais-CurrentRefinements-label {
	display: none;
}

#current-refinements .ais-CurrentRefinements-category {
}

#current-refinements .ais-CurrentRefinements-list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

#current-refinements .ais-CurrentRefinements-delete {
	position: relative;
	top: 1px;
}

.filter-outer:has(.ais-RefinementList--noRefinement) label {
	display: none;
}

.filter-outer:has(.ais-HierarchicalMenu--noRefinement) label {
	display: none;
}

#prod_id {

}

#toggle-filters {
	display: none;
}

#mobile-colors {
	display: none;
}

.filter-outer #categories .ais-HierarchicalMenu > .ais-HierarchicalMenu-list::before,
.filter-outer .ais-RefinementList-list::before {
	font-weight: 800;
	font-size: 12px;
}

.filter-outer #categories .ais-HierarchicalMenu > .ais-HierarchicalMenu-list::before {
	content: 'Kategori';
}

.filter-outer #filter3 .ais-RefinementList > .ais-RefinementList-list::before {
	content: 'Passform';
}

.filter-outer #filter2 .ais-RefinementList > .ais-RefinementList-list::before {
	content: 'Merke';
}

.filter-outer #filter1 .ais-RefinementList > .ais-RefinementList-list::before {
	content: 'Materiale';
}

#gallery-and-info-container {
	/*
	display: flex;
	flex-direction: row;
	column-gap: 10px;
	*/
	max-height: 100vh;
	overflow: scroll;
}

#info-container {
	position: sticky;
	top: 0;
	margin-left: 15px;
}

#gallery-container {
	margin-right: 15px;
}

#gallery-and-info-container > div {
	width: calc(50% - 15px);
	float: left;
}

#lightbox-close {
	position: absolute;
	right: 20px;
	font-size: 90px;
	top: 20px;
	width: 90px;
	height: 90px;
	background: #fff;
	border-radius: 50%;
	color: #000;
	cursor: pointer;
	z-index: 30;
}

#lightbox {
	height: 100vh;
	visibility: hidden;
	width: 100%;
	background: #000;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 200000000000000;
	opacity: 0;
	transition: opacity 0.2s ease-in, visibility 0ms ease-in 250ms;
}

#lightbox.active {
	height: 100vh;
	opacity: 1;
	visibility: visible;
	transition-delay: 0ms;
}

@media only screen and (max-width: 767px) {
	#main-left {
		position: absolute;
		width: calc(100% - 40px) !important;
		background: #fff;
		border: 1px solid #aaa;
		padding: 0 20px;
		margin: 0 20px;
		z-index: 10;
		top: 20px;
		border-radius: 10px;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		transition: left .3s;
		display: none;
	}

	#main-left.active {
		display: block;
		left: 0!important;
	}

	#toggle-filters {
		text-align: center;
		display: block;
		position: fixed;
		bottom: 20px;
		z-index: 15;
		left: 50%;
		transform: translateX(-50%);
		background: #0a0194;
		padding: 14px;
		width: 33%;
		color: #fff;
		border-radius: 25px;
		font-size: 18px;
		cursor: pointer;
	}

	#footer-contact #footer-contact-inner-inner {
		flex-direction: column;
	}

	#main-right {
		width: 100%!important;
	}

	#clear-refinements {
		margin-bottom: 20px;
	}

	#current-refinements {
		margin-top: 20px;
	}

	.ais-InfiniteHits-list {
		padding: 10px!important;
	}

	#main-right .ais-InfiniteHits-list li {
		width: calc(50% - 10px);
	}

	#mobile-colors {
		display: block;
	}

	#mobile-colors .color-filter {
		justify-content: start;
	}
	#mobile-colors .color-filter > span {
		width: 30px;
		height: 30px;
	}

	#top-hits .ais-Hits-list li.ais-Hits-item {
		width: calc(50% - 10px);
	}

	#top-search,
	#top-search-category {
		width: 100%!important;
		padding: 0 10px;
		margin-top: 20px;
	}

	#no-results-message p:first-child {
		margin-top: 0;
	}

	#hits {
		margin-top: 0;
	}

	#data-container {
		flex-direction: column;
	}

	#logo-plackard {
		width: 100%;
		border-left: none;
		padding: 0 15px 15px 15px;
	}

	#pricetable {
		margin-bottom: 10px;
	}

	#gallery-and-info-container {
		height: auto;
		display: flex;
		flex-direction: column;
	}

	#gallery-and-info-container > div {
		width: 100%;
	}
	/*
	.gallery-image-container:not(:first-child) {
		width: calc(50% - 15px);
		aspect-ratio: 1 / 1;
		height: auto;
	}
	*/

	.gallery-image-container:first-child,
	.gallery-image-container:not(:first-child) {
		width: 100%;
		aspect-ratio: 1 / 1;
		height: 80vw;
	}

	#gallery-container-inner {
		flex-wrap: nowrap!important;
		overflow: scroll;
	}

	#info-container {
		margin: 0;
	}

	#gallery-container {
		margin-right: 0;
		position: static;
	}

}