/* 01, productpagina: attribuutlabels, beschrijving en uitklappers */

/* Attribuutlabels */
.attr-pills {
	display: inline-flex;
	gap: 8px;
	flex-wrap: wrap;
}

.attr-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 111px;
	height: 26px;
	padding: 0 16px;
	background: var(--swipe-label);
	border-radius: 0;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	line-height: 1;
}

.attr-pill a {
	text-decoration: none;
	color: inherit;
}

/* Beschrijving: vier regels, daarna Read more */
.hame-desc__text {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.hame-desc.is-open .hame-desc__text {
	display: block;
	-webkit-line-clamp: unset;
}

.hame-desc__toggle {
	background: none;
	border: none;
	padding: 0;
	margin-top: 8px;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	color: var(--swipe-tekst);
	text-decoration: none;
}

.hame-desc__toggle:hover,
.hame-desc__toggle:focus,
.hame-desc__toggle:active {
	background: none;
	color: var(--swipe-tekst);
	outline: none;
	box-shadow: none;
}

/* Uitklapbare blokken: Product Details, Shipping and taxes */
.hame-acc {
	border-top: 1px solid var(--swipe-lijn);
}

.hame-acc:last-of-type {
	border-bottom: 1px solid var(--swipe-lijn);
}

.hame-acc__title {
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0;
	cursor: pointer;
	font-size: 18px;
	font-weight: 500;
}

.hame-acc__title::-webkit-details-marker {
	display: none;
}

.hame-acc__title::after {
	content: '';
	width: 9px;
	height: 9px;
	border-right: 2px solid var(--swipe-tekst);
	border-bottom: 2px solid var(--swipe-tekst);
	transform: rotate(45deg);
	transition: transform 0.2s;
	flex-shrink: 0;
}

.hame-acc[open] > .hame-acc__title::after {
	transform: rotate(225deg);
}

.hame-acc__content {
	padding: 0 0 20px;
}