.basket{
	background:transparent;
	max-width: 100dvw;
	width: calc(100dvw - 1em);
	padding: 0;
	margin: 0;
	border: none;
	margin-top: 0;
	background: var(--main-background);
	border-bottom: 1px solid white;
	color: white;
}
.basket > article > header > nav{
	position:static;
} 
.basket > article > header h2{
	font-family: 'MuseoModerno';
	font-weight: 300;
	margin-left: 1em;
}
.basket::backdrop{
	backdrop-filter:blur(4px);
}
.basket figure figcaption{
	font-size: 1rem;
	order: -1;
	opacity: calc( clamp(0,1,var(--rel-h)));
}
.basket figure figcaption h1{
	margin:0;
	font-family: 'MuseoModerno';
	font-weight: 300;
	font-size:140%;
}
.basket figure figcaption h1 small{
	font-size:60%;
}
.basket figure figcaption h2{
	position:absolute;
	right:0;
	margin:0;
	font-family:lato;
	font-size:110%;
	font-weight:300;
}
.basket figure figcaption dd{
	display:flex;
	/* margin:0; */
	flex-direction: row;
	justify-content: space-between;
}
.basket figure figcaption dd .em{
	font-weight:bold;
}


.basket menu.cart-items{
	display:flex;
	flex-direction: row;
	padding: 2rem;
	flex-wrap: wrap;
	grid-gap: 3rem;
	border-top:none;
	left: 0;
	right: 0;
	justify-content: center;
}

.basket menu.cart-items  li > a::before{
	content:'';
	margin:0;
}
.basket menu.cart-items  li{
	flex-basis: min-content;
	position: relative;
	color: white;
	display:flex;
}
.basket menu.cart-items  li button[data-icon='close']{
	position:absolute;
	top: 2pt;
	right: 2pt;
	padding:1ch;
	background: black;
	color: white;
	opacity: 0.6;
	border: none;
	border-radius: 0.5rem;
	cursor: pointer;
}
.basket menu.cart-items  li button[data-icon='close']::before{
	line-height:1em;
	width: auto;
}
.basket menu.cart-items  li:last-of-type{
	flex-basis: 100dvw;
	position: relative;
	color: white;
	display:flex;
	flex-direction: row;
	justify-content: flex-end;
}
.basket menu.cart-items  li.checkout button{
	flex-basis: max-content;
	flex-grow:0;
	width: fit-content;
	/* background:black; */
}
.basket menu.cart-items  li figure img{
	flex-shrink:2;
	width: 20rem;
	border: 1px solid;
	border-radius: 0.5rem;
	aspect-ratio: 3/2
}