.uff-cart-item{

	display:flex;
	align-items:flex-start;

	gap:var(--uff-space-4);

	padding:var(--uff-space-4);

	background:var(--uff-color-white);

	border:1px solid var(--uff-color-border);

	border-radius:var(--uff-radius-lg);

	box-shadow:var(--uff-shadow-xs);

	transition:
		box-shadow var(--uff-transition),
		transform var(--uff-transition);

}

/* 2.7.5 — extras are supporting metadata, never a second product heading. */
.uff-cart-item__description,.uff-cart-item__description *{font-size:12px!important;line-height:1.45!important;font-weight:500!important;color:#718096!important;letter-spacing:0!important}
.uff-cart-item__description strong,.uff-cart-item__description b{font-weight:650!important;color:#5e7088!important}
.uff-cart-item__description .variation{display:grid!important;grid-template-columns:minmax(0,max-content) minmax(0,1fr)!important;column-gap:7px!important;row-gap:2px!important;align-items:start!important}
.uff-cart-item__description .variation dt{display:block!important;margin:0!important;white-space:nowrap!important;font-weight:700!important;color:#5e7088!important}
.uff-cart-item__description .variation dd{display:block!important;min-width:0!important;margin:0!important}
.uff-cart-item__description .variation dd p{display:block!important;margin:0!important;overflow-wrap:anywhere!important}

.uff-cart-item:hover{

	box-shadow:var(--uff-shadow-sm);

	transform:translateY(-2px);

}

.uff-cart-item__image{

	flex:0 0 88px;

	width:88px;
	height:88px;

	border-radius:var(--uff-radius-md);

	overflow:hidden;

	background:var(--uff-color-secondary);

}

.uff-cart-item__image img{

	width:100%;
	height:100%;

	object-fit:cover;

	display:block;

}

.uff-cart-item__placeholder{

	display:flex;
	align-items:center;
	justify-content:center;

	width:100%;
	height:100%;

	color:var(--uff-color-text-light);

	background:var(--uff-color-secondary);

}

.uff-cart-item__content{

	flex:1;

	display:flex;
	flex-direction:column;

	min-width:0;

}

.uff-cart-item__header{

	display:flex;
	align-items:flex-start;
	justify-content:space-between;

	gap:var(--uff-space-3);

}

.uff-cart-item__title{

	margin:0;

	font-size:var(--uff-text-lg);

	font-weight:var(--uff-font-bold);

	line-height:1.3;

	color:var(--uff-color-text);

}

.uff-cart-item__remove{

	display:flex;
	align-items:center;
	justify-content:center;

	width:34px;
	height:34px;

	border:none;

	border-radius:50%;

	background:transparent;

	color:var(--uff-color-text-light);

	cursor:pointer;

	transition:
		background var(--uff-transition),
		color var(--uff-transition);

}

.uff-cart-item__remove:hover{

	background:#FEECEC;

	color:var(--uff-color-danger);

}

.uff-cart-item__description{

	margin:8px 0 0;

	font-size:var(--uff-text-sm);

	line-height:1.5;

	color:var(--uff-color-text-light);

}

.uff-cart-item__footer{

	display:flex;
	align-items:center;
	justify-content:space-between;

	margin-top:var(--uff-space-4);

	gap:var(--uff-space-3);

}

.uff-cart-item__price{

	font-size:var(--uff-text-xl);

	font-weight:var(--uff-font-bold);

	color:var(--uff-color-primary);

	white-space:nowrap;

}

.uff-cart-item__quantity{

	flex-shrink:0;

}

@media (max-width:640px){

	.uff-cart-item{

		padding:var(--uff-space-3);

		gap:var(--uff-space-3);

	}

	.uff-cart-item__image{

		width:72px;
		height:72px;

		flex-basis:72px;

	}

	.uff-cart-item__footer{

		flex-direction:column;

		align-items:flex-start;

	}

	.uff-cart-item__quantity{

		width:100%;

		display:flex;

		justify-content:flex-end;

	}

}
.uff-cart-item__edit{margin-left:auto;border:0;background:transparent;color:var(--uff-color-primary,#253e66);font:inherit;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.uff-cart-item__edit+.uff-cart-item__remove{margin-left:4px}.uff-cart-item__description{font-size:12px!important;line-height:1.4;color:var(--uff-color-text-light,#64748b)}.uff-cart-item__description dl,.uff-cart-item__description p{margin:0}.uff-cart-item__description dt{font-weight:700}.uff-cart-item__description dd{margin:0 0 3px}

/* 2.7.15: compact edit affordance and one modifier per supporting line. */
.uff-app .uff-cart-item .uff-cart-item__edit{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;gap:4px!important;width:auto!important;min-width:0!important;max-width:none!important;height:26px!important;min-height:26px!important;margin:0 0 0 auto!important;padding:0 5px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--uff-color-text-light,#64748b)!important;font-family:inherit!important;font-size:10.5px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important;text-decoration:none!important;text-transform:none!important;box-shadow:none!important;transform:none!important;cursor:pointer!important}
.uff-app .uff-cart-item .uff-cart-item__edit:hover,.uff-app .uff-cart-item .uff-cart-item__edit:focus-visible{background:#f1f4f7!important;color:var(--uff-color-primary,#253e66)!important;outline:0!important}
.uff-cart-item__edit svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.uff-cart-item__modifier-list{display:grid!important;gap:1px!important;margin:4px 0 0!important;padding:0!important;list-style:none!important}
.uff-cart-item__modifier-list li{display:block!important;margin:0!important;padding:0!important;color:var(--uff-color-text-light,#64748b)!important;font-size:12px!important;font-weight:500!important;line-height:1.4!important}