/* Produktsidan: dokumentblock och huvud. Energimärket ligger i style.css. */
.cms-product-head { align-items: flex-start; }

/* Dokumentblock: knapprad, därefter en länk per rad */
.cms-docs { display: block; margin-bottom: 30px; }
.cms-doc-buttons { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 20px; }
.cms-docs a.cms-doc-primary, .cms-docs a.cms-doc-primary:hover,
body .cms-doc-buttons a.button.cms-doc-quote {
	display: inline-flex; align-items: center; justify-content: center; gap: 12px; box-sizing: border-box;
	padding: 15px 30px; border: 0; border-radius: var(--cms-radius-btn);
	font-size: 16px; font-weight: 700; letter-spacing: 1px; line-height: 1.25; text-decoration: none; text-transform: uppercase;
}
.cms-docs a.cms-doc-primary, .cms-docs a.cms-doc-primary:hover { background: var(--accent-2); color: var(--base-3); }
.cms-docs a.cms-doc-primary { transition: all 0.3s ease; }
.cms-docs a.cms-doc-primary:hover { box-shadow: var(--cms-shadow-btn-hover); transform: translateY(-3px); }
.cms-docs a.cms-doc-primary::before {
	content: ""; width: 1em; height: 1.2em; background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M64 0C28.7 0 0 28.7 0 64v384c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zm192 0v128h128L256 0zM96 256h192v32H96v-32zm0 64h192v32H96v-32zm0 64h128v32H96v-32z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M64 0C28.7 0 0 28.7 0 64v384c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zm192 0v128h128L256 0zM96 256h192v32H96v-32zm0 64h192v32H96v-32zm0 64h128v32H96v-32z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.cms-docs ul.cms-doc-links { margin: 0; padding: 0; list-style: none; }
.cms-doc-links li { margin: 0 0 12px; }
.cms-doc-links li::marker { content: none; }
.cms-docs > a:not(.cms-doc-primary) { display: block; margin-bottom: 12px; }
@media (max-width: 767px) {
	.cms-doc-buttons { flex-direction: column; }
	.cms-doc-buttons > a { width: 100%; }
}
.cms-description-title { margin: 0 0 15px; font-size: 28px; }

/* Galleriets miniatyrer: fulla, jämna och med kant som på CMSP */
.woocommerce div.product div.images .flex-control-thumbs { display: flex; flex-wrap: wrap; gap: 10px; margin: 15px 0 0; padding: 0; }
.woocommerce div.product div.images .flex-control-thumbs li { width: calc(25% - 7.5px); margin: 0; float: none; list-style: none; }
.woocommerce div.product div.images .flex-control-thumbs li img { width: 100%; aspect-ratio: 1; object-fit: contain; padding: 3px; box-sizing: border-box; background: #fff; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 3px; opacity: 0.6; }
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover { opacity: 1; }