/* Golvbiten butik – visuell pass 2026-11-14. Bara body.gb-butiksyta. */

body.gb-butiksyta {
	font-size: 16px;
	line-height: 1.5;
	overflow-x: hidden;
}
body.gb-butiksyta a {
	color: #111;
}
body.gb-butiksyta a:hover,
body.gb-butiksyta a:focus-visible {
	color: #006805;
}

/* 1) Vit text på mörk bakgrund – vinner över LiteSpeed UCSS .woocommerce * { color:#000 !important } */
body.gb-butiksyta .gb-butik-nav a.is-active,
body.gb-butiksyta .golvbiten-fargrupp-filter a.is-active,
body.gb-butiksyta a.gb-btn--primar,
body.gb-butiksyta .gb-btn--primar,
body.gb-butiksyta .woocommerce a.button.alt,
body.gb-butiksyta .woocommerce button.button.alt,
body.gb-butiksyta .woocommerce input.button.alt,
body.gb-butiksyta .woocommerce #place_order,
body.gb-butiksyta .woocommerce a.checkout-button,
body.gb-butiksyta .gb-sticky-kop .button,
body.gb-butiksyta a.gb-offert-laggning__knapp,
body.gb-butiksyta .gb-offert-laggning__knapp {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	background-color: #111 !important;
	border-color: #111 !important;
	opacity: 1 !important;
}
body.gb-butiksyta a.gb-offert-laggning__knapp:hover,
body.gb-butiksyta a.gb-offert-laggning__knapp:focus,
body.gb-butiksyta a.gb-offert-laggning__knapp:focus-visible,
body.gb-butiksyta .gb-offert-laggning__knapp:hover,
body.gb-butiksyta .gb-offert-laggning__knapp:focus,
body.gb-butiksyta .gb-offert-laggning__knapp:focus-visible {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	background-color: #111 !important;
}

/* Mobillogga sköts globalt i golvbiten-global-fix.css */

/* 3) Mobil produktsida: titel/pris/karta/knapp före galleriet */
@media (max-width: 767px) {
	body.gb-butiksyta div.product {
		display: flex;
		flex-direction: column;
	}
	body.gb-butiksyta div.product > .clearfix,
	body.gb-butiksyta div.product .et_pb_column,
	body.gb-butiksyta div.product {
		display: flex;
		flex-direction: column;
	}
	body.gb-butiksyta div.product .summary.entry-summary {
		order: 1;
		display: flex;
		flex-direction: column;
	}
	body.gb-butiksyta div.product .summary .product_title,
	body.gb-butiksyta div.product .summary p.price,
	body.gb-butiksyta div.product .summary .woocommerce-product-details__short-description {
		order: 1;
	}
	body.gb-butiksyta div.product .summary .golvbiten-fargkarta,
	body.gb-butiksyta div.product .golvbiten-fargkarta {
		order: 2;
		margin: .4rem 0 .6rem;
	}
	body.gb-butiksyta div.product .summary form.cart {
		order: 3;
	}
	body.gb-butiksyta div.product .summary .gb-frakt-fold,
	body.gb-butiksyta div.product .summary .golvbiten-fraktinfo {
		order: 4;
	}
	body.gb-butiksyta div.product .summary .product_meta {
		order: 5;
	}
	body.gb-butiksyta div.product .woocommerce-product-gallery {
		order: 0;
		display: block;
		width: 100%;
	}
	body.gb-butiksyta div.product .woocommerce-product-gallery .flex-viewport,
	body.gb-butiksyta div.product .woocommerce-product-gallery__image img {
		width: 100%;
		height: auto;
		display: block;
	}
	/* Färgprover på mobil: 64–72 px, namn under bilden, inte klippta. */
	body.gb-butiksyta div.product .golvbiten-fargkarta-rutnat {
		--gb-cols: 3;
		--gb-ruta-max: 72px;
		--gb-gap: 8px;
		grid-template-columns: repeat(3, minmax(64px, 72px));
		justify-content: center;
		column-gap: 8px;
		row-gap: 10px;
	}
	body.gb-butiksyta div.product .golvbiten-fargkarta-ruta,
	body.gb-butiksyta div.product .golvbiten-fargkarta button.golvbiten-fargkarta-ruta {
		width: 100% !important;
		height: auto !important;
		min-height: 0;
		overflow: visible;
		padding: 0;
	}
	body.gb-butiksyta div.product .golvbiten-fargkarta-prov {
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
		min-height: 64px;
		overflow: hidden;
	}
	body.gb-butiksyta div.product .golvbiten-fargkarta-prov img,
	body.gb-butiksyta div.product .golvbiten-fargkarta-ruta img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		position: absolute;
		inset: 0;
	}
	body.gb-butiksyta div.product .golvbiten-fargkarta-ruta,
	body.gb-butiksyta div.product .golvbiten-fargkarta button.golvbiten-fargkarta-ruta {
		scroll-margin-bottom: calc(6.5rem + env(safe-area-inset-bottom, 0px));
		height: 100% !important;
	}
	body.gb-butiksyta div.product .golvbiten-fargkarta-namn {
		position: static !important;
		color: #111 !important;
		-webkit-text-fill-color: #111;
		white-space: normal !important;
		overflow: visible !important;
		max-height: none !important;
		min-height: 2.6em;
		height: 2.6em;
		text-overflow: unset;
		font-size: 10px;
		line-height: 1.25;
		letter-spacing: -0.01em;
		padding: 3px 1px 0;
		width: 100%;
		text-align: center;
		word-break: normal !important;
		overflow-wrap: normal !important;
		word-wrap: normal !important;
		hyphens: none !important;
		-webkit-hyphens: none !important;
	}
	body.gb-butiksyta div.product .golvbiten-fargkarta-ruta:focus,
	body.gb-butiksyta div.product .golvbiten-fargkarta-ruta:focus-visible,
	body.gb-butiksyta div.product .golvbiten-fargkarta-ruta.is-selected:focus,
	body.gb-butiksyta div.product .golvbiten-fargkarta-ruta.is-selected:focus-visible {
		outline: 3px solid #005fcc !important;
		outline-offset: 3px !important;
		z-index: 3;
	}
	body.gb-butiksyta div.product .woocommerce-tabs,
	body.gb-butiksyta div.product .related {
		order: 3;
	}
	body.gb-butiksyta .gb-sticky-kop {
		display: flex;
	}
	/* Dölj typ-nav och USP på produkt/kassa/varukorg – de tar plats och kan overflowa */
	body.single-product .gb-butik-topp,
	body.woocommerce-cart .gb-butik-topp,
	body.woocommerce-checkout .gb-butik-topp {
		display: none !important;
	}
}

/* Fast köpknapp längst ner på mobil */
.gb-sticky-kop {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	padding: .65rem .9rem calc(.65rem + env(safe-area-inset-bottom, 0px));
	background: #fff;
	border-top: 1px solid #ddd;
	box-shadow: 0 -4px 16px rgba(0,0,0,.08);
}
".gb-sticky-kop__pris {
	font-weight: 700;
	font-size: 1.05rem;
	color: #111;
	white-space: nowrap;
}
.gb-sticky-kop .button,
.gb-sticky-kop button {
	flex: 1 1 auto;
	min-height: 48px;
	padding: .7rem 1rem;
	background: #111 !important;
	color: #fff !important;
	border: 0 !important;
	font-size: 16px;
	font-weight: 700;
	opacity: 1 !important;
}
body.gb-butiksyta .gb-frakt-fold {
	margin: 1rem 0;
	border: 1px solid #ddd;
	background: #fafafa;
	padding: 0 .2rem;
}
body.gb-butiksyta .gb-frakt-fold > summary {
	cursor: pointer;
	padding: .75rem 1rem;
	font-weight: 700;
	min-height: 44px;
}

/* 4) Dölj Flexslider-miniatyrer när färgkartan finns */
body.gb-butiksyta div.product:has(.golvbiten-fargkarta) .flex-control-thumbs,
body.gb-butiksyta div.product.gb-har-fargkarta .flex-control-thumbs {
	display: none !important;
}

/* 6) Köpknapp svart, minst 48 px, inte avstängd-look */
html body.gb-butiksyta .woocommerce div.product form.cart .button,
html body.gb-butiksyta .woocommerce .single_add_to_cart_button,
html body.gb-butiksyta .woocommerce a.button,
html body.gb-butiksyta .woocommerce button.button,
html body.gb-butiksyta .woocommerce input.button,
html body.gb-butiksyta .woocommerce #respond input#submit,
html body.gb-butiksyta.et_pb_button_helper_class .woocommerce button.button,
html body.gb-butiksyta.et_pb_button_helper_class .woocommerce a.button,
html body.gb-butiksyta.et_pb_button_helper_class .woocommerce input.button,
html body.gb-butiksyta #page-container .woocommerce button.button,
html body.gb-butiksyta #page-container .woocommerce a.button,
html body.gb-butiksyta #page-container button.single_add_to_cart_button,
html body.gb-butiksyta #page-container .checkout-button,
html body.gb-butiksyta #page-container #place_order {
	background-color: #111 !important;
	background-image: none !important;
	color: #fff !important;
	border-color: #111 !important;
	min-height: 48px;
	padding: .75rem 1.2rem;
	font-size: 16px;
	font-weight: 700;
	opacity: 1 !important;
	border-radius: 2px;
}
body.gb-butiksyta .woocommerce .button.disabled,
body.gb-butiksyta .woocommerce .button:disabled,
body.gb-butiksyta .woocommerce .single_add_to_cart_button.disabled {
	opacity: 1 !important;
	background-color: #111 !important;
	color: #fff !important;
}
body.gb-butiksyta .gb-valj-farg-hjalp {
	margin: .4rem 0 .6rem;
	font-size: 16px;
	color: #333;
}
/* Divis blå #2ea3f2 → butikens svart/grön, bara butiksyta */
body.gb-butiksyta .woocommerce a,
body.gb-butiksyta .woocommerce-info a,
body.gb-butiksyta .woocommerce-message a,
body.gb-butiksyta .woocommerce-error a {
	color: #111;
}
body.gb-butiksyta .woocommerce-info,
body.gb-butiksyta .woocommerce-message {
	background: #f4f3f0 !important;
	color: #111 !important;
	border-top-color: #111 !important;
}
body.gb-butiksyta .woocommerce-info::before,
body.gb-butiksyta .woocommerce-message::before {
	color: #111 !important;
}

/* 7) Dölj färg-select när färgkartan finns; övriga select 48/16 */
body.gb-butiksyta div.product:has(.golvbiten-fargkarta) .variations tr.gb-rad-farg,
body.gb-butiksyta div.product.gb-har-fargkarta .variations select[name="attribute_farg"],
body.gb-butiksyta div.product.gb-har-fargkarta .variations tr:has(select[name="attribute_farg"]) {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
	padding: 0 !important;
	margin: -1px !important;
}
body.gb-butiksyta div.product.gb-har-fargkarta .variations select[name="attribute_farg"],
body.gb-butiksyta div.product:has(.golvbiten-fargkarta) .variations select[name="attribute_farg"] {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	min-height: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	opacity: 0 !important;
}
body.gb-butiksyta div.product .variations select:not([name="attribute_farg"]),
body.gb-butiksyta .woocommerce-ordering select {
	width: 100%;
	min-height: 48px;
	height: 48px;
	font-size: 16px !important;
	padding: 0 .75rem;
	color: #111 !important;
	background: #fff;
	border: 1px solid #ccc;
}

/* 8) Fullbredd, ingen blogg-sidopanel */
body.gb-butiksyta #sidebar,
body.gb-butiksyta .et_sidebar_right,
body.gb-butiksyta #sidebar-right,
body.gb-butiksyta.et_right_sidebar #sidebar,
body.gb-butiksyta.et_left_sidebar #sidebar {
	display: none !important;
}
body.gb-butiksyta #left-area,
body.gb-butiksyta.et_right_sidebar #left-area,
body.gb-butiksyta.et_left_sidebar #left-area,
body.gb-butiksyta #main-content .container:has(#left-area) #left-area {
	width: 100% !important;
	float: none !important;
	padding-right: 0 !important;
	margin-right: 0 !important;
}

/* 9) Varukorg */
body.gb-butiksyta.woocommerce-cart .woocommerce,
body.gb-butiksyta.woocommerce-cart #left-area {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1rem;
	padding-right: 1rem;
}
body.gb-butiksyta.woocommerce-cart .entry-title,
body.gb-butiksyta .gb-varukorg-h1 {
	font-size: 1.8rem;
	margin: 1rem 0 1.2rem;
}
body.gb-butiksyta .woocommerce a.checkout-button {
	display: block;
	width: 100%;
	text-align: center;
	background: #111 !important;
	color: #fff !important;
	min-height: 48px;
	line-height: 48px;
	padding: 0 1rem;
	opacity: 1 !important;
}

/* 10) Kassa */
body.gb-butiksyta.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,
body.gb-butiksyta.woocommerce-checkout .woocommerce-form-coupon {
	background: #f4f3f0 !important;
	color: #111 !important;
	border-color: #ddd !important;
	border-top-color: #111 !important;
}
body.gb-butiksyta.woocommerce-checkout #place_order {
	background: #111 !important;
	color: #fff !important;
	min-height: 48px;
	width: 100%;
	font-size: 16px;
	opacity: 1 !important;
}
body.gb-butiksyta.woocommerce-checkout input,
body.gb-butiksyta.woocommerce-checkout select,
body.gb-butiksyta.woocommerce-checkout textarea,
body.gb-butiksyta.woocommerce-checkout .input-text {
	font-size: 16px !important;
	min-height: 48px;
}

/* 11) Butiksstart mobil: första produkten inom ~900 px */
@media (max-width: 767px) {
	body.gb-butiksyta.single-product {
		padding-bottom: calc(6.5rem + env(safe-area-inset-bottom, 0px));
	}
	body.gb-butik-startsida .woocommerce-breadcrumb,
	body.gb-butik-startsida .woocommerce-products-header .woocommerce-breadcrumb,
	body.gb-butiksyta.archive .woocommerce-breadcrumb {
		display: none;
	}
	/* Hero: bara en rad H1, ingen bild/ingress/knappar */
	body.gb-butik-startsida .gb-butik-hero__bild,
	body.gb-butik-startsida .gb-butik-kicker,
	body.gb-butik-startsida .gb-butik-hero__ingress,
	body.gb-butik-startsida .gb-butik-hero__knappar {
		display: none !important;
	}
	body.gb-butik-startsida .gb-butik-hero {
		margin: 0 0 .4rem;
		padding: 0;
		background: transparent;
		min-height: 0;
	}
	body.gb-butik-startsida .gb-butik-hero__text {
		padding: .15rem 0 .1rem;
	}
	body.gb-butik-startsida .gb-butik-hero__text h1 {
		font-size: 1.25rem;
		line-height: 1.25;
		margin: 0;
	}
	/* Fördelar och typ-nav som en vågrät rad */
	body.gb-butiksyta .gb-butik-usp,
	body.gb-butiksyta .gb-butik-nav {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto;
		gap: .4rem;
		padding: 0 0 .45rem;
		margin: 0 0 .45rem;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		list-style: none;
	}
	body.gb-butiksyta .gb-butik-usp::-webkit-scrollbar,
	body.gb-butiksyta .gb-butik-nav::-webkit-scrollbar {
		display: none;
	}
	body.gb-butiksyta .gb-butik-usp li,
	body.gb-butiksyta .gb-butik-nav a {
		flex: 0 0 auto;
		white-space: nowrap;
		font-size: .8rem;
	}
	body.gb-butiksyta .gb-butik-usp li {
		padding: .35rem .65rem;
		border: 1px solid #ddd;
		border-radius: 999px;
		background: #f4f3f0;
	}
	body.gb-butiksyta .gb-butik-usp li:not(:last-child)::after {
		content: none;
	}
	/* Typkorten är redan täckta av nav-pillerna */
	body.gb-butik-startsida .gb-butik-kategorier {
		display: none !important;
	}
	/* Bara ett färgfilter: behåll rutorna, dölj ev. extra pillerfilter */
	body.gb-butik-startsida .golvbiten-fargrupp-filter {
		display: none !important;
	}
	body.gb-butik-startsida .gb-butik-farger {
		margin: 0 0 .5rem;
	}
	body.gb-butik-startsida .gb-butik-farger .gb-butik-sektion-huvud {
		margin-bottom: .3rem;
	}
	body.gb-butik-startsida .gb-butik-farger .gb-butik-sektion-huvud h2 {
		font-size: 1rem;
		margin: 0;
	}
	body.gb-butiksyta .gb-butik-farger__lista {
		display: flex;
		flex-wrap: wrap;
		overflow-x: visible;
		gap: .35rem .5rem;
		list-style: none;
		margin: 0;
		padding: 0 0 .3rem;
	}
	body.gb-butiksyta .gb-butik-farger__lista li {
		flex: 0 0 auto;
	}
	body.gb-butiksyta .gb-butik-farger__lista a {
		min-height: 44px;
		padding: .25rem .4rem;
	}
	body.gb-butik-startsida .gb-butik-utvalda {
		margin-top: .25rem;
	}
	body.gb-butik-startsida .gb-butik-utvalda .gb-butik-sektion-huvud {
		margin-bottom: .35rem;
	}
	body.gb-butik-startsida .gb-butik-utvalda .gb-butik-sektion-huvud h2 {
		font-size: 1.1rem;
		margin: 0;
	}
	body.gb-butik-startsida .gb-butik-topp {
		margin: 0 0 .2rem !important;
		padding-top: 0 !important;
	}
	body.gb-butik-startsida #main-content,
	body.gb-butik-startsida #et-main-area,
	body.gb-butik-startsida #content-area,
	body.gb-butik-startsida #left-area,
	body.gb-butik-startsida .container {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}
}

/* 12) Paginering döljs när allt ryms; annars vågrät 44 px */
body.gb-butiksyta .woocommerce-pagination ul {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
	justify-content: center;
}
body.gb-butiksyta .woocommerce-pagination a,
body.gb-butiksyta .woocommerce-pagination span {
	min-width: 44px;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}

/* 13) Tryckytor minst 44 px */
body.gb-butiksyta .gb-butik-nav a,
body.gb-butiksyta .golvbiten-fargrupp-filter a,
body.gb-butiksyta .gb-butik-farger__lista a,
body.gb-butiksyta .woocommerce-ordering,
body.gb-butiksyta .woocommerce-ordering select {
	min-height: 44px;
}
body.gb-butiksyta .gb-butik-nav a,
body.gb-butiksyta .golvbiten-fargrupp-filter a {
	display: inline-flex;
	align-items: center;
	padding: .45rem .8rem;
}

/* 16) Enhetlig 1:1 i listan */
body.gb-butiksyta ul.products li.product a img,
body.gb-butiksyta ul.products li.product .woocommerce-loop-product__link img,
body.gb-butiksyta .gb-butik-utvalda ul.products li.product img,
body.gb-butiksyta .related ul.products li.product img,
body.gb-butiksyta .upsells ul.products li.product img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	background: #f4f3f0;
	height: auto;
	padding: 0;
}
body.gb-butiksyta .related ul.products,
body.gb-butiksyta .upsells ul.products {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
	list-style: none;
	padding: 0;
	margin: 0;
}
@media (min-width: 768px) {
	body.gb-butiksyta .related ul.products,
	body.gb-butiksyta .upsells ul.products {
		grid-template-columns: repeat(4, 1fr);
	}
}
body.gb-butiksyta .related ul.products li.product,
body.gb-butiksyta .upsells ul.products li.product {
	width: auto !important;
	margin: 0 !important;
	float: none !important;
	background: #fff;
}

/* Betallogotyper */
.gb-betalsatt {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .45rem;
	margin: .7rem 0 0;
	list-style: none;
	padding: 0;
}
.gb-betalsatt li,
.gb-betalsatt span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	padding: .15rem .45rem;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .02em;
	color: #111;
	line-height: 1;
}
.gb-betalsatt .gb-betal-klarna { background: #ffb3c7; border-color: #ffb3c7; }
.gb-betalsatt .gb-betal-swish { background: #fff; }
.gb-betalsatt svg { height: 16px; width: auto; display: block; }

/* UC-sigill i fördelsraden */
body.gb-butiksyta .gb-butik-usp {
	align-items: center;
}
body.gb-butiksyta .gb-butik-usp__uc {
	border: 0 !important;
	background: transparent !important;
	padding: 0 !important;
	display: flex;
	align-items: center;
}
body.gb-butiksyta .gb-butik-usp__uc img,
body.gb-butiksyta .gb-butik-uc img {
	display: block;
	height: auto;
	width: auto;
	max-width: 180px;
	max-height: 80px;
	min-height: 0;
}

@media (min-width: 768px) {
	.gb-sticky-kop { display: none !important; }
}

/* Pris: inte Divis blå #2ea3f2 */
html body.gb-butiksyta.woocommerce div.product p.price,
html body.gb-butiksyta.woocommerce div.product span.price,
html body.gb-butiksyta .woocommerce-Price-amount,
html body.gb-butiksyta .gb-sticky-kop__pris,
html body.gb-butiksyta ul.products li.product .price {
	color: #111 !important;
}

/* Betalmärken under knappen, inte bredvid */
body.gb-butiksyta form.cart .woocommerce-variation-add-to-cart,
body.gb-butiksyta form.cart .single_variation_wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem;
}
body.gb-butiksyta .gb-betalsatt {
	flex: 1 0 100%;
	width: 100%;
	margin-top: .35rem;
}

/* A/B sticky */
.gb-sticky-kop.is-doljd { display: none !important; }
.gb-sticky-kop__antal {
	display: flex;
	align-items: center;
	gap: .35rem;
	color: #111;
	font-size: 16px;
}
.gb-sticky-kop__antal input.qty {
	width: 56px;
	min-height: 44px;
	height: 44px;
	font-size: 16px;
	text-align: center;
	border: 1px solid #ccc;
	background: #fff;
	color: #111;
}
.gb-valj-falt-markering {
	outline: 3px solid #111 !important;
	box-shadow: 0 0 0 4px rgba(0,0,0,.12) !important;
}
body.gb-butiksyta .gb-valj-falt-hjalp {
	margin: .35rem 0 .6rem;
	font-size: 16px;
	font-weight: 700;
	color: #111;
}

/* E) Variationer: linjera etikett, dölj Rensa */
body.gb-butiksyta div.product table.variations {
	width: 100%;
	border: 0;
}
body.gb-butiksyta div.product table.variations th,
body.gb-butiksyta div.product table.variations td {
	vertical-align: middle;
	text-align: left;
	padding: .35rem 0;
	border: 0;
	background: transparent;
}
body.gb-butiksyta div.product table.variations th.label {
	width: 8rem;
	font-size: 16px;
	font-weight: 600;
	padding-right: .75rem;
	color: #111;
}
body.gb-butiksyta div.product table.variations td.value {
	width: auto;
}
body.gb-butiksyta div.product a.reset_variations,
body.gb-butiksyta div.product .reset_variations {
	display: none !important;
}

/* F) Ett färgfilter på mobil + sidledsscroll-hint */
@media (max-width: 767px) {
	body.gb-butik-startsida .golvbiten-fargrupp-filter,
	body.gb-butiksyta.archive .golvbiten-fargrupp-filter,
	body.gb-butik-filtrerad .golvbiten-fargrupp-filter {
		display: none !important;
	}
	body.gb-butiksyta .gb-scroll-hint {
		position: relative;
	}
	body.gb-butiksyta .gb-butik-usp,
	body.gb-butiksyta .gb-butik-nav {
		-webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 28px), transparent 100%);
		mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 28px), transparent 100%);
	}
}

/* G) Varukorg: bara kassaknappen helsvart, övriga kontur; bild på mobil */
html body.gb-butiksyta.woocommerce-cart .woocommerce button.button,
html body.gb-butiksyta.woocommerce-cart .woocommerce input.button,
html body.gb-butiksyta.woocommerce-cart .woocommerce a.button,
html body.gb-butiksyta.woocommerce-cart #page-container .woocommerce button.button,
html body.gb-butiksyta.woocommerce-cart #page-container .woocommerce a.button {
	background: #fff !important;
	background-image: none !important;
	color: #111 !important;
	border: 2px solid #111 !important;
	opacity: 1 !important;
}
html body.gb-butiksyta.woocommerce-cart .woocommerce a.checkout-button,
html body.gb-butiksyta.woocommerce-cart #page-container .woocommerce a.checkout-button,
html body.gb-butiksyta .woocommerce a.checkout-button {
	background: #111 !important;
	background-image: none !important;
	color: #fff !important;
	border: 2px solid #111 !important;
}
@media (max-width: 767px) {
	body.gb-butiksyta.woocommerce-cart table.shop_table .product-thumbnail,
	body.gb-butiksyta.woocommerce-cart td.product-thumbnail,
	body.gb-butiksyta.woocommerce-cart .product-thumbnail img {
		display: block !important;
		visibility: visible !important;
		width: 72px !important;
		height: 72px !important;
		max-width: 72px;
		object-fit: contain;
		background: #f4f3f0;
	}
	body.gb-butiksyta.woocommerce-cart tr.cart_item {
		display: grid;
		grid-template-columns: 72px 1fr;
		gap: .4rem  .75rem;
		padding: .75rem 0;
	}
	body.gb-butiksyta.woocommerce-cart td.product-thumbnail {
		grid-row: 1 / span 4;
		grid-column: 1;
	}
}

/* K) Kassa: ordersammanfattning till höger på dator, enhetliga kryssrutor */
body.gb-butiksyta.woocommerce-checkout label,
body.gb-butiksyta.woocommerce-checkout .woocommerce-form__label,
body.gb-butiksyta.woocommerce-checkout .woocommerce-form__label-for-checkbox,
body.gb-butiksyta.woocommerce-checkout .woocommerce-form__label-for-checkbox span,
body.gb-butiksyta.woocommerce-checkout input[type="checkbox"] + span,
body.gb-butiksyta.woocommerce-checkout .input-checkbox + span {
	font-size: 16px !important;
}
@media (min-width: 981px) {
	body.gb-butiksyta.woocommerce-checkout form.woocommerce-checkout {
		display: grid;
		grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
		grid-template-areas:
			"notices notices"
			"customer heading"
			"customer review";
		column-gap: 2.5rem;
		row-gap: 1rem;
		align-items: start;
	}
	body.gb-butiksyta.woocommerce-checkout #customer_details {
		grid-area: customer;
		width: 100% !important;
		float: none !important;
	}
	body.gb-butiksyta.woocommerce-checkout #order_review_heading {
		grid-area: heading;
		margin-top: 0;
	}
	body.gb-butiksyta.woocommerce-checkout #order_review {
		grid-area: review;
		width: 100% !important;
		float: none !important;
	}
}

/* visuell3 2026-11-14 */
/* 4) Fast köprad: ingen radbrytning, mindre pris */
@media (max-width: 767px) {
	.gb-sticky-kop {
		flex-wrap: nowrap !important;
		gap: .4rem;
		padding: .5rem .6rem calc(.5rem + env(safe-area-inset-bottom, 0px));
		max-width: 100vw;
		box-sizing: border-box;
	}
	.gb-sticky-kop__pris {
		font-size: 13px !important;
		line-height: 1.2;
		white-space: nowrap !important;
		flex: 0 1 auto;
		min-width: 0;
	}
	.gb-sticky-kop__antal {
		flex: 0 0 auto;
	}
	.gb-sticky-kop .button,
	.gb-sticky-kop button {
		flex: 1 1 auto;
		white-space: nowrap !important;
		font-size: 14px;
		padding: .55rem .65rem;
		min-width: 0;
	}
}

/* 5) Liknande produkter: 16 px, max 2 rader */
body.gb-butiksyta .related ul.products li.product .woocommerce-loop-product__title,
body.gb-butiksyta .upsells ul.products li.product .woocommerce-loop-product__title,
body.gb-butiksyta .related ul.products li.product h2,
body.gb-butiksyta .related ul.products li.product h3,
body.gb-butiksyta .upsells ul.products li.product h2,
body.gb-butiksyta .upsells ul.products li.product h3 {
	font-size: 16px !important;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 6px;
	max-height: none !important;
	height: auto !important;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

/* 6) Varukorg mobil: bild till vänster, inget löst kolon, delsumma i samma rad */
@media (max-width: 767px) {
	body.gb-butiksyta.woocommerce-cart table.shop_table thead {
		display: none;
	}
	body.gb-butiksyta.woocommerce-cart tr.cart_item {
		display: grid !important;
		grid-template-columns: 72px 1fr;
		column-gap: .75rem;
		row-gap: .35rem;
		align-items: start;
		width: 100%;
		box-sizing: border-box;
	}
	body.gb-butiksyta.woocommerce-cart td.product-thumbnail {
		grid-column: 1;
		grid-row: 1 / span 6;
		display: block !important;
		width: 72px !important;
		padding: 0 !important;
		border: 0 !important;
		text-align: left !important;
	}
	body.gb-butiksyta.woocommerce-cart td.product-thumbnail::before,
	body.gb-butiksyta.woocommerce-cart td.product-remove::before {
		content: none !important;
		display: none !important;
	}
	body.gb-butiksyta.woocommerce-cart td.product-remove {
		grid-column: 2;
		grid-row: 1;
		text-align: right !important;
		padding: 0 !important;
		border: 0 !important;
	}
	body.gb-butiksyta.woocommerce-cart td.product-name,
	body.gb-butiksyta.woocommerce-cart td.product-price,
	body.gb-butiksyta.woocommerce-cart td.product-quantity,
	body.gb-butiksyta.woocommerce-cart td.product-subtotal {
		grid-column: 2;
		display: flex !important;
		justify-content: space-between;
		align-items: center;
		gap: .5rem;
		text-align: left !important;
		width: auto !important;
		float: none !important;
		border: 0 !important;
		padding: .15rem 0 !important;
	}
	body.gb-butiksyta.woocommerce-cart td.product-name { grid-row: 2; display: block !important; }
	body.gb-butiksyta.woocommerce-cart td.product-price { grid-row: 3; }
	body.gb-butiksyta.woocommerce-cart td.product-quantity { grid-row: 4; }
	body.gb-butiksyta.woocommerce-cart td.product-subtotal { grid-row: 5; }
	body.gb-butiksyta.woocommerce-cart table.shop_table_responsive tbody th,
	body.gb-butiksyta.woocommerce-cart table.shop_table_responsive tr td::before {
		float: none !important;
	}
	body.gb-butiksyta.woocommerce-cart td.product-price::before,
	body.gb-butiksyta.woocommerce-cart td.product-quantity::before,
	body.gb-butiksyta.woocommerce-cart td.product-subtotal::before,
	body.gb-butiksyta.woocommerce-cart td.product-name::before {
		float: none !important;
		position: static !important;
		padding: 0 !important;
		margin: 0 !important;
		width: auto !important;
		font-weight: 600;
	}
}

/* 8) UC-sigill i fördelsraden i linje med fördelarna på dator */
@media (min-width: 981px) {
	body.gb-butiksyta .gb-butik-usp {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		gap: .4rem .75rem;
		max-width: 100%;
		box-sizing: border-box;
	}
	body.gb-butiksyta .gb-butik-usp li:not(.gb-butik-usp__uc) {
		flex: 1 1 auto;
		min-width: 0;
		white-space: nowrap;
	}
	body.gb-butiksyta .gb-butik-usp__uc {
		flex: 0 0 auto;
		min-width: 120px;
		max-width: 200px;
		margin-left: .25rem;
	}
	body.gb-butiksyta .gb-butik-usp__uc img {
		min-width: 120px !important;
		width: 160px;
		max-width: 200px;
		height: auto;
		max-height: 72px;
	}
}

/* Galleri: overflow bara på flex-viewport, inte på __wrapper
 * (max-width+overflow på wrappern staplade bilderna så förval 6–8 blev tom yta). */
body.gb-butiksyta .woocommerce-product-gallery {
	max-width: 100%;
}
body.gb-butiksyta .woocommerce-product-gallery .flex-viewport {
	overflow: hidden;
	max-width: 100%;
}

/* visuell4 2026-11-14 */
/* 4) Kassa: kryssrutan 'Skicka till en annan adress?' på samma rad som texten */
body.gb-butiksyta.woocommerce-checkout #ship-to-different-address label,
body.gb-butiksyta.woocommerce-checkout .woocommerce-form__label-for-checkbox,
body.gb-butiksyta.woocommerce-checkout label.woocommerce-form__label-for-checkbox {
	display: flex !important;
	align-items: center;
	gap: 8px;
	white-space: normal;
}
body.gb-butiksyta.woocommerce-checkout #ship-to-different-address label input[type="checkbox"],
body.gb-butiksyta.woocommerce-checkout .woocommerce-form__label-for-checkbox input[type="checkbox"] {
	margin: 0 !important;
	flex: 0 0 auto;
	position: static !important;
	float: none !important;
}

/* 5) Divis Upp-knapp täcker innehåll på mobil i butiken */
@media (max-width: 980px) {
	body.gb-butiksyta #et_pb_scroll_top,
	body.gb-butiksyta .et_pb_scroll_top {
		display: none !important;
	}
}

/* 8) Samma produktnamn i Mest sålda, Alla mattor och listor: 16 px, max 2 rader */
body.gb-butiksyta ul.products li.product .woocommerce-loop-product__title,
body.gb-butiksyta ul.products li.product h2,
body.gb-butiksyta ul.products li.product h3,
body.gb-butiksyta .gb-butik-utvalda ul.products li.product h2,
body.gb-butiksyta .gb-butik-katalog ul.products li.product h2 {
	font-size: 16px !important;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 6px;
	max-height: none !important;
	height: auto !important;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

/* visuell5 2026-11-14 */
/* 1) Produktnamn: line-clamp utan max-height som klipper mitt i bokstäver */
body.gb-butiksyta ul.products li.product .woocommerce-loop-product__title,
body.gb-butiksyta ul.products li.product h2,
body.gb-butiksyta ul.products li.product h3,
body.gb-butiksyta .gb-butik-utvalda ul.products li.product h2,
body.gb-butiksyta .gb-butik-katalog ul.products li.product h2,
body.gb-butiksyta .related ul.products li.product .woocommerce-loop-product__title,
body.gb-butiksyta .upsells ul.products li.product .woocommerce-loop-product__title,
body.gb-butiksyta .related ul.products li.product h2,
body.gb-butiksyta .related ul.products li.product h3,
body.gb-butiksyta .upsells ul.products li.product h2,
body.gb-butiksyta .upsells ul.products li.product h3 {
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden !important;
	max-height: none !important;
	height: auto !important;
	margin-bottom: 6px;
}

/* 3) Dölj Swish- och kortmärken tills Mollie är live (klass sätts i PHP). */
body.gb-butiksyta .gb-betalsatt--mollie-off .gb-betal-swish,
body.gb-butiksyta .gb-betalsatt--mollie-off .gb-betal-kort {
	display: none !important;
}

/* 4) Kassans betalsätt: radioknapp + etikett på samma rad, Klarna-märke efter texten */
body.gb-butiksyta.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method,
body.gb-butiksyta.woocommerce-checkout #payment ul.wc_payment_methods li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
body.gb-butiksyta.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
	float: none !important;
	position: static !important;
	margin: 0 !important;
	flex: 0 0 auto;
}
body.gb-butiksyta.woocommerce-checkout #payment ul.payment_methods li > label {
	display: flex !important;
	align-items: center;
	gap: 8px;
	flex: 1 1 auto;
	float: none !important;
	width: auto !important;
	margin: 0 !important;
}
body.gb-butiksyta.woocommerce-checkout #payment ul.payment_methods li > label img,
body.gb-butiksyta.woocommerce-checkout #payment ul.payment_methods li > label svg {
	float: none !important;
	margin: 0 0 0 .15rem !important;
	height: 22px;
	width: auto;
	order: 2;
}
body.gb-butiksyta.woocommerce-checkout #payment ul.payment_methods li .payment_box {
	flex: 1 0 100%;
}

/* 5) Färgcirklar mobil: fast 4-kolumners rutnät, etikett max 2 rader */
@media (max-width: 767px) {
	body.gb-butiksyta .gb-butik-farger__lista {
		display: grid !important;
		grid-template-columns: repeat(4, 1fr) !important;
		gap: .45rem .3rem;
		overflow: visible;
		flex-wrap: unset;
		width: 100%;
	}
	body.gb-butiksyta .gb-butik-farger__lista li {
		width: 100%;
		min-width: 0;
		flex: unset;
		margin: 0;
	}
	body.gb-butiksyta .gb-butik-farger__lista a {
		width: 100%;
		min-width: 0;
		padding: .2rem .15rem;
	}
	body.gb-butiksyta .gb-butik-farger__namn {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		overflow: hidden;
		max-height: none;
		text-align: center;
		line-height: 1.2;
		font-size: .72rem;
		width: 100%;
		word-break: normal;
		overflow-wrap: break-word;
	}
}

/* 7) Mobil: Använd rabattkod på en rad; betalmärken i linje med knappen */
@media (max-width: 767px) {
	body.gb-butiksyta.woocommerce-cart .coupon .button,
	body.gb-butiksyta.woocommerce-cart button[name="apply_coupon"],
	body.gb-butiksyta.woocommerce-cart input[name="apply_coupon"] {
		white-space: nowrap !important;
		font-size: 14px !important;
		line-height: 1.2 !important;
	}
	body.gb-butiksyta.woocommerce-checkout #place_order,
	body.gb-butiksyta.woocommerce-checkout #payment #place_order {
		width: 100%;
		display: block;
	}
	body.gb-butiksyta.woocommerce-checkout .gb-betalsatt {
		justify-content: flex-start;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		box-sizing: border-box;
	}
}


/* textputs 2026-11-14 punkt 6: vitt antalsfält, stramare godkännanderad. Ingen övrig designändring. */
body.gb-butiksyta.woocommerce-cart .quantity input.qty,
body.gb-butiksyta.woocommerce-cart input.qty {
	background: #fff !important;
	background-color: #fff !important;
}
body.gb-butiksyta.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper p,
body.gb-butiksyta.woocommerce-checkout .woocommerce-privacy-policy-text p {
	margin: 0 0 .35rem;
	line-height: 1.35;
}
body.gb-butiksyta.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox {
	line-height: 1.35;
	align-items: flex-start;
}
/* Långa fördelsmeningen ska synas utan att texterna krockar eller skärs av. */
@media (min-width: 981px) {
	body.gb-butiksyta .gb-butik-usp {
		flex-wrap: wrap;
	}
	body.gb-butiksyta .gb-butik-usp li:not(.gb-butik-usp__uc) {
		flex: 0 0 auto;
		white-space: nowrap;
		min-width: 0;
	}
	/* Långa meningen på egen rad, övriga fördelar samlade under som i pass 6. */
	body.gb-butiksyta .gb-butik-usp li:first-child {
		flex: 1 0 100%;
	}
	body.gb-butiksyta .gb-butik-usp li:first-child::after {
		content: none;
	}
}
@media (max-width: 980px) {
	body.gb-butiksyta .gb-butik-usp li:first-child {
		white-space: normal;
		max-width: calc(100% - 2.5rem);
		line-height: 1.3;
	}
}

/* === Pass 11: officiella logotyper + patchwork, bara /butik/ och filtersidor === */
body.gb-butik-startsida .gb-butik-usp,
body.gb-butik-filtrerad .gb-butik-usp {
	position: relative;
	padding-left: 0;
	margin-left: 0;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap !important;
	overflow-x: hidden !important;
	overflow-y: visible;
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
}
body.gb-butik-startsida .gb-butik-usp li,
body.gb-butik-filtrerad .gb-butik-usp li {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	white-space: normal;
	max-width: 100%;
	box-sizing: border-box;
}
body.gb-butik-startsida .gb-reco-lank--logo,
body.gb-butik-filtrerad .gb-reco-lank--logo {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	margin: 0;
	text-decoration: none;
	line-height: 1.2;
	color: inherit;
	font-weight: 600;
	white-space: nowrap;
}
body.gb-butik-startsida .gb-usp-reco-text,
body.gb-butik-filtrerad .gb-usp-reco-text {
	line-height: 1.2;
	font-weight: 600;
}
body.gb-butik-startsida .gb-usp-logo,
body.gb-butik-filtrerad .gb-usp-logo {
	display: block;
	width: 72px;
	max-width: 100px;
	height: auto;
	object-fit: contain;
	background: #fff;
	padding: 4px 6px;
	border-radius: 4px;
	filter: none !important;
	-webkit-filter: none !important;
}
@media (min-width: 768px) {
	body.gb-butik-startsida .gb-usp-logo,
	body.gb-butik-filtrerad .gb-usp-logo {
		width: 90px;
		min-width: 80px;
		max-width: 100px;
		height: auto;
	}
	body.gb-butik-startsida .gb-usp-logo--reco,
	body.gb-butik-filtrerad .gb-usp-logo--reco,
	body.gb-butik-startsida .gb-usp-logo--dhl,
	body.gb-butik-filtrerad .gb-usp-logo--dhl,
	body.gb-butik-startsida .gb-usp-logo--klarna,
	body.gb-butik-filtrerad .gb-usp-logo--klarna { height: auto; }
}
body.gb-butik-startsida .gb-usp-logo--reco,
body.gb-butik-filtrerad .gb-usp-logo--reco,
body.gb-butik-startsida .gb-usp-logo--dhl,
body.gb-butik-filtrerad .gb-usp-logo--dhl,
body.gb-butik-startsida .gb-usp-logo--klarna,
body.gb-butik-filtrerad .gb-usp-logo--klarna { height: auto; }
body.gb-butik-startsida .gb-usp-logo-wrap,
body.gb-butik-filtrerad .gb-usp-logo-wrap {
	display: inline-flex;
	align-items: center;
	line-height: 0;
}

/* Mosaik över hela viewportbredden, bara /butik/ och filtersidor */
html body.gb-butik-startsida #main-content > .container,
html body.gb-butik-filtrerad #main-content > .container,
html body.gb-butik-startsida #content-area,
html body.gb-butik-filtrerad #content-area,
html body.gb-butik-startsida #left-area,
html body.gb-butik-filtrerad #left-area {
	max-width: none !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

html body.gb-butik-startsida .gb-butik-topp,
html body.gb-butik-startsida .gb-butik-hero,
html body.gb-butik-startsida .gb-butik-kategorier,
html body.gb-butik-startsida .gb-butik-farger,
html body.gb-butik-startsida .gb-butik-utvalda > *:not(ul.products),
html body.gb-butik-startsida .gb-butik-katalog > *:not(ul.products),
html body.gb-butik-startsida .woocommerce-notices-wrapper,
html body.gb-butik-startsida .gb-butik-fortroende,
html body.gb-butik-filtrerad .gb-butik-topp,
html body.gb-butik-filtrerad .gb-butik-filterhuvud,
html body.gb-butik-filtrerad .golvbiten-fargrupp-filter,
html body.gb-butik-filtrerad .woocommerce-notices-wrapper,
html body.gb-butik-filtrerad .woocommerce-result-count,
html body.gb-butik-filtrerad .woocommerce-ordering,
html body.gb-butik-filtrerad .woocommerce-pagination,
html body.gb-butik-filtrerad .gb-butik-fortroende {
	width: 100%;
	max-width: 72rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	box-sizing: border-box;
}

body.gb-butik-startsida .gb-butik-utvalda,
body.gb-butik-startsida .gb-butik-katalog {
	width: 100%;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

body.gb-butik-filtrerad .woocommerce,
body.gb-butik-filtrerad ul.products,
body.gb-butik-startsida .woocommerce {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body.gb-butik-startsida ul.products,
body.gb-butik-filtrerad ul.products,
body.gb-butik-startsida .gb-butik-katalog ul.products,
body.gb-butik-startsida .gb-butik-utvalda ul.products {
	--gb-mosaik-cols: 2;
	display: grid !important;
	grid-template-columns: repeat(var(--gb-mosaik-cols), minmax(0, 1fr));
	grid-auto-rows: var(--gb-mosaik-cell, calc(100cqi / var(--gb-mosaik-cols))) !important;
	grid-auto-flow: dense;
	gap: 0 !important;
	column-gap: 0 !important;
	row-gap: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	list-style: none;
	container-type: inline-size;
	box-sizing: border-box;
}
@media (min-width: 480px) {
	body.gb-butik-startsida ul.products,
	body.gb-butik-filtrerad ul.products,
	body.gb-butik-startsida .gb-butik-katalog ul.products,
	body.gb-butik-startsida .gb-butik-utvalda ul.products {
		--gb-mosaik-cols: 3;
	}
}
@media (min-width: 768px) {
	body.gb-butik-startsida ul.products,
	body.gb-butik-filtrerad ul.products,
	body.gb-butik-startsida .gb-butik-katalog ul.products,
	body.gb-butik-startsida .gb-butik-utvalda ul.products {
		--gb-mosaik-cols: 4;
	}
}
@media (min-width: 1100px) {
	body.gb-butik-startsida ul.products,
	body.gb-butik-filtrerad ul.products,
	body.gb-butik-startsida .gb-butik-katalog ul.products,
	body.gb-butik-startsida .gb-butik-utvalda ul.products {
		--gb-mosaik-cols: 6;
	}
}
@media (min-width: 1500px) {
	body.gb-butik-startsida ul.products,
	body.gb-butik-filtrerad ul.products,
	body.gb-butik-startsida .gb-butik-katalog ul.products,
	body.gb-butik-startsida .gb-butik-utvalda ul.products {
		--gb-mosaik-cols: 8;
	}
}

body.gb-butik-startsida ul.products li.product,
body.gb-butik-filtrerad ul.products li.product,
body.gb-butik-startsida .gb-butik-katalog ul.products li.product,
body.gb-butik-startsida .gb-butik-utvalda ul.products li.product {
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	position: relative;
	overflow: hidden;
	min-width: 0 !important;
	min-height: 0 !important;
	display: block !important;
	align-self: stretch !important;
	justify-self: stretch !important;
	background: #111;
	box-sizing: border-box;
}
body.gb-butik-startsida ul.products li.product:focus-within,
body.gb-butik-filtrerad ul.products li.product:focus-within {
	z-index: 3;
	box-shadow: inset 0 0 0 3px #111, inset 0 0 0 6px #fff;
	outline: none;
}

body.gb-butik-startsida ul.products li.product a.woocommerce-LoopProduct-link,
body.gb-butik-startsida ul.products li.product a.woocommerce-loop-product__link,
body.gb-butik-filtrerad ul.products li.product a.woocommerce-LoopProduct-link,
body.gb-butik-filtrerad ul.products li.product a.woocommerce-loop-product__link {
	position: absolute !important;
	inset: 0 !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	display: block;
	margin: 0;
	padding: 0;
	color: inherit;
	z-index: 1;
}
body.gb-butik-startsida ul.products li.product .et_shop_image,
body.gb-butik-filtrerad ul.products li.product .et_shop_image,
body.gb-butik-startsida .gb-butik-katalog ul.products li.product .et_shop_image,
body.gb-butik-startsida .gb-butik-utvalda ul.products li.product .et_shop_image {
	position: absolute !important;
	inset: 0 !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
}

body.gb-butik-startsida ul.products li.product img,
body.gb-butik-filtrerad ul.products li.product img,
body.gb-butik-startsida .gb-butik-katalog ul.products li.product img,
body.gb-butik-startsida .gb-butik-utvalda ul.products li.product img {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	min-width: 100% !important;
	min-height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	aspect-ratio: auto !important;
	object-fit: cover !important;
	object-position: center;
	background: #222 !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	display: block;
}

body.gb-butik-startsida ul.products li.product .gb-pw-caption,
body.gb-butik-filtrerad ul.products li.product .gb-pw-caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	padding: .5rem .65rem .45rem;
	background: rgba(0, 0, 0, .82);
	color: #fff;
	box-sizing: border-box;
	pointer-events: none;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
body.gb-butik-startsida ul.products li.product .gb-pw-caption .woocommerce-loop-product__title,
body.gb-butik-startsida ul.products li.product .gb-pw-caption h2,
body.gb-butik-startsida ul.products li.product .gb-pw-caption h3,
body.gb-butik-filtrerad ul.products li.product .gb-pw-caption .woocommerce-loop-product__title,
body.gb-butik-filtrerad ul.products li.product .gb-pw-caption h2,
body.gb-butik-filtrerad ul.products li.product .gb-pw-caption h3 {
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 600;
	line-height: 1.25;
	margin: 0 0 2px !important;
	max-height: none !important;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	text-shadow: 0 1px 2px rgba(0,0,0,.8);
}
body.gb-butik-startsida ul.products li.product .gb-pw-caption .gb-kort-meta,
body.gb-butik-filtrerad ul.products li.product .gb-pw-caption .gb-kort-meta {
	color: #f2f2f2;
	font-size: 12px;
	margin: 0 0 4px;
	white-space: normal;
	overflow: visible;
	max-height: none;
	-webkit-line-clamp: unset;
	line-clamp: unset;
	display: block;
}
body.gb-butik-startsida ul.products li.product .gb-loop-fargprick-fler,
body.gb-butik-filtrerad ul.products li.product .gb-loop-fargprick-fler {
	flex: 0 0 auto;
	font-size: 11px;
	font-weight: 700;
	color: #fff;
	line-height: 12px;
	padding: 0 2px;
	text-shadow: 0 1px 2px rgba(0,0,0,.8);
}
body.gb-butik-startsida ul.products li.product .gb-pw-caption .price,
body.gb-butik-filtrerad ul.products li.product .gb-pw-caption .price,
body.gb-butik-startsida ul.products li.product .gb-pw-caption .woocommerce-Price-amount,
body.gb-butik-filtrerad ul.products li.product .gb-pw-caption .woocommerce-Price-amount {
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 700;
	margin: 4px 0 0;
	text-shadow: 0 1px 2px rgba(0,0,0,.8);
}
body.gb-butik-startsida ul.products li.product .gb-loop-fargprickar--alla,
body.gb-butik-filtrerad ul.products li.product .gb-loop-fargprickar--alla {
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
	list-style: none;
	margin: 0 0 2px;
	padding: 0;
	max-width: 100%;
}
body.gb-butik-startsida ul.products li.product .gb-loop-fargprickar--alla .gb-loop-fargprick,
body.gb-butik-filtrerad ul.products li.product .gb-loop-fargprickar--alla .gb-loop-fargprick {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .9);
	box-sizing: border-box;
	flex: 0 0 auto;
	list-style: none;
}
body.gb-butik-startsida ul.products li.product .add_to_cart_button,
body.gb-butik-startsida ul.products li.product .button.product_type_variable,
body.gb-butik-startsida ul.products li.product .button.product_type_simple,
body.gb-butik-filtrerad ul.products li.product .add_to_cart_button,
body.gb-butik-filtrerad ul.products li.product .button.product_type_variable,
body.gb-butik-filtrerad ul.products li.product .button.product_type_simple {
	position: absolute;
	left: .4rem;
	top: .4rem;
	z-index: 3;
	margin: 0;
	min-height: 44px;
	font-size: 12px;
}

/* Dator: namnet alltid i en tunn rad längst ned; hovring visar färgprickarna. */
@media (hover: hover) and (min-width: 768px) {
	body.gb-butik-startsida ul.products li.product .gb-pw-caption,
	body.gb-butik-filtrerad ul.products li.product .gb-pw-caption {
		opacity: 1;
		padding: .35rem .55rem .32rem;
		background: rgba(0, 0, 0, .82);
		transition: padding .16s ease;
	}
	body.gb-butik-startsida ul.products li.product .gb-pw-caption .gb-loop-fargprickar--alla,
	body.gb-butik-filtrerad ul.products li.product .gb-pw-caption .gb-loop-fargprickar--alla {
		display: none;
	}
	body.gb-butik-startsida ul.products li.product:hover .gb-pw-caption,
	body.gb-butik-startsida ul.products li.product:focus-within .gb-pw-caption,
	body.gb-butik-filtrerad ul.products li.product:hover .gb-pw-caption,
	body.gb-butik-filtrerad ul.products li.product:focus-within .gb-pw-caption {
		padding: .5rem .65rem .45rem;
		background: rgba(0, 0, 0, .82);
	}
	body.gb-butik-startsida ul.products li.product:hover .gb-pw-caption .gb-loop-fargprickar--alla,
	body.gb-butik-startsida ul.products li.product:focus-within .gb-pw-caption .gb-loop-fargprickar--alla,
	body.gb-butik-filtrerad ul.products li.product:hover .gb-pw-caption .gb-loop-fargprickar--alla,
	body.gb-butik-filtrerad ul.products li.product:focus-within .gb-pw-caption .gb-loop-fargprickar--alla {
		display: flex;
	}
}
body.gb-butik-startsida ul.products li.product:focus-within,
body.gb-butik-filtrerad ul.products li.product:focus-within {
	z-index: 3;
	outline: 3px solid #fff;
	outline-offset: -3px;
	box-shadow: inset 0 0 0 6px #111, 0 0 0 2px #fff;
}


html body.gb-butiksyta ul.products li.product .et_overlay,
html body.gb-butiksyta ul.products li.product .et_shop_image .et_overlay,
html body.gb-butiksyta ul.products .et_overlay,
html body.gb-butik-startsida ul.products li.product .et_overlay,
html body.gb-butik-filtrerad ul.products li.product .et_overlay {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	background: none !important;
	pointer-events: none !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}
html body.gb-butiksyta ul.products li.product .et_shop_image:before,
html body.gb-butiksyta ul.products li.product .et_shop_image:after,
html body.gb-butiksyta ul.products li.product .et_overlay:before,
html body.gb-butiksyta ul.products li.product .et_overlay:after {
	content: none !important;
	display: none !important;
}
body.gb-butik-startsida ul.products li.product:hover img,
body.gb-butik-filtrerad ul.products li.product:hover img,
body.gb-butik-startsida ul.products li.product .et_shop_image:hover img,
body.gb-butik-filtrerad ul.products li.product .et_shop_image:hover img {
	opacity: 1 !important;
	filter: none !important;
	transform: none !important;
}


/* Pass 12: antalsfält minst 90 px, etiketten Antal kvm intill fältet */
@media (min-width: 768px) {
	body.gb-butiksyta div.product form.cart .gb-kvm-raknare,
	body.gb-butiksyta div.product form.cart .woocommerce-variation-add-to-cart .gb-kvm-raknare {
		flex: 1 0 100% !important;
		width: 100% !important;
		max-width: 100%;
	}
	body.gb-butiksyta div.product form.cart .golvbiten-qty-label,
	body.gb-butiksyta div.product form.cart .woocommerce-variation-add-to-cart .golvbiten-qty-label {
		display: inline-flex;
		align-items: center;
		margin: 0 .15rem 0 0;
		padding: 0;
		font-size: 14px;
		font-weight: 600;
		color: #111;
		white-space: nowrap;
		position: static;
		float: none;
		width: auto;
		line-height: 1.2;
	}
	body.gb-butiksyta div.product form.cart .quantity,
	body.gb-butiksyta div.product form.cart .woocommerce-variation-add-to-cart .quantity {
		display: inline-flex !important;
		flex-direction: row;
		align-items: center;
		position: relative;
		margin: 0 .5rem 0 0;
	}
	body.gb-butiksyta div.product form.cart .quantity input.qty,
	body.gb-butiksyta div.product form.cart input.qty,
	body.gb-butiksyta .gb-sticky-kop__antal input.qty {
		min-width: 90px !important;
		width: 110px !important;
		max-width: none !important;
		min-height: 44px;
		box-sizing: border-box !important;
		padding: 0 .5rem !important;
	}
}

/* Pass 12: ingen sidledssvep i fördelsraden på butik/filter */
@media (max-width: 767px) {
	body.gb-butik-startsida .gb-butik-usp,
	body.gb-butik-filtrerad .gb-butik-usp {
		display: flex !important;
		flex-wrap: wrap !important;
		overflow-x: hidden !important;
		overflow-y: visible !important;
		position: relative;
		max-width: 100%;
		width: 100%;
	}
	body.gb-butik-startsida .gb-butik-usp li,
	body.gb-butik-filtrerad .gb-butik-usp li {
		flex: 0 1 auto !important;
		white-space: normal !important;
		max-width: 100%;
	}
	body.gb-butik-startsida .gb-butik-usp li:first-child,
	body.gb-butik-filtrerad .gb-butik-usp li:first-child {
		flex: 1 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* === Pass 13: offertkontrast, belopp, färgrutor, USP, mosaikmeta === */
html body.gb-butiksyta.woocommerce-cart .woocommerce-Price-amount,
html body.gb-butiksyta.woocommerce-checkout .woocommerce-Price-amount,
html body.gb-butiksyta.woocommerce-cart .includes_tax,
html body.gb-butiksyta.woocommerce-checkout .includes_tax,
html body.gb-butiksyta.woocommerce-cart .tax-rate td,
html body.gb-butiksyta.woocommerce-checkout .tax-rate td,
html body.gb-butiksyta.woocommerce-cart .order-total td,
html body.gb-butiksyta.woocommerce-checkout .order-total td,
html body.gb-butiksyta.woocommerce-cart .product-subtotal,
html body.gb-butiksyta.woocommerce-checkout .product-subtotal,
html body.gb-butiksyta.woocommerce-cart .product-price,
html body.gb-butiksyta.woocommerce-checkout .product-price {
	white-space: nowrap !important;
}
body.gb-butiksyta.woocommerce-checkout #payment .gb-betalsatt,
body.gb-butiksyta.woocommerce-checkout .gb-betalsatt {
	display: none !important;
}

body.gb-butik-startsida ul.products li.product .gb-pw-caption .gb-loop-fargprickar,
body.gb-butik-startsida ul.products li.product .gb-pw-caption .gb-loop-fargprickar--alla,
body.gb-butik-filtrerad ul.products li.product .gb-pw-caption .gb-loop-fargprickar,
body.gb-butik-filtrerad ul.products li.product .gb-pw-caption .gb-loop-fargprickar--alla {
	margin: 0 0 2px 0 !important;
	padding: 0 !important;
	padding-inline-start: 0 !important;
	padding-left: 0 !important;
	justify-content: flex-start;
	align-self: flex-start;
	width: auto;
	max-width: 100%;
}
body.gb-butik-startsida ul.products li.product .gb-pw-caption .woocommerce-loop-product__title,
body.gb-butik-startsida ul.products li.product .gb-pw-caption h2,
body.gb-butik-startsida ul.products li.product .gb-pw-caption h3,
body.gb-butik-filtrerad ul.products li.product .gb-pw-caption .woocommerce-loop-product__title,
body.gb-butik-filtrerad ul.products li.product .gb-pw-caption h2,
body.gb-butik-filtrerad ul.products li.product .gb-pw-caption h3,
body.gb-butik-startsida ul.products li.product .gb-pw-caption .gb-kort-meta,
body.gb-butik-filtrerad ul.products li.product .gb-pw-caption .gb-kort-meta,
body.gb-butik-startsida ul.products li.product .gb-pw-caption .price,
body.gb-butik-filtrerad ul.products li.product .gb-pw-caption .price {
	margin-left: 0 !important;
	padding-left: 0 !important;
	text-align: left;
	align-self: stretch;
}

@media (max-width: 767px) {
	body.gb-butiksyta div.product .golvbiten-fargkarta-rutnat {
		align-items: stretch;
	}
}