.product-included-extras .description
{
	width: 100%;
	color: var(--colour-secondary-text);
}
.product-included-extras details
{
	min-height: 45px;	
	padding: 10px;
}
.product-included-extras details > summary
{
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: 1fr min-content;
	grid-gap: 10px;
	list-style: none;	
    padding: 4px 32px;	
	position: relative;
	justify-content: space-between;
	text-wrap-style: pretty;
    line-height: 1.1em;
}
.product-included-extras details > summary
{
	background: url(/index/tick.svg) left center no-repeat;
	padding-right: 24px;
}
.product-included-extras details > summary.standard
{
	background: url(/index/plus.svg) left center no-repeat;
}
.product-included-extras details:has(div) > summary
{
	padding-right: 0px;
}
.product-included-extras details:has(div) > summary:after
{
	content: '';
    background: var(--colour-main-text);
	mask-size: 16px 16px;
	mask-position: center center;
	mask-repeat: no-repeat;
	display: inline-block;
	width: 24px;
	height: 24px;	
	mask-image: url(/index/up.svg);	
	transform: rotate(180deg);
	cursor: pointer;
}
.product-included-extras details:has(div):open > summary:after
{
	transform: rotate(0deg);
}

.product-included-extras details > summary > span
{
	color: var(--colour-main-text);
	font-weight: var(--font-weight-semi-bold);
	white-space: nowrap;
}
.product-included-extras details > summary + div
{
	padding: 0px 32px;	
}
.product-included-extras details:not([open]) > summary + div
{
	animation-name: none;	
	visibility: hidden;
}
.product-included-extras details[open] > summary + div
{
	visibility: visible;
	animation-iteration-count: 1;
	animation-duration: 1s;	
	animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
	animation-fill-mode: forwards;				
	animation-name: open-down;
}
.product-included-extras details:nth-child(odd)
{
	background-color: var(--colour-base);
}

@media print
{
	.product-included-extras details:has(div) > summary:after
	{
		display: none;
	}
}