.aimeos .common-summary .error {
	border-bottom: 1px solid var(--ai-danger);
}

.aimeos .common-summary-address,
.aimeos .common-summary-service,
.aimeos .common-summary-additional {
	background-color: var(--ai-bg-dark);
	border-radius: var(--ai-radius);
	padding: 1.5rem;
	height: 100%;
}

.aimeos .common-summary .box {
	margin-bottom: 1rem;
}

.aimeos .common-summary-address .delivery {
	border-bottom: 0;
	margin-bottom: 0;
}

.aimeos .common-summary-service .delivery,
.aimeos .common-summary-address .payment {
	border-bottom: 1px solid var(--ai-tertiary-light);
	margin-bottom: 1rem;
}

.aimeos .common-summary-service .payment {
	border-bottom: none;
}

.aimeos .common-summary .item li {
	vertical-align: top;
	padding: 0;
}

.aimeos .common-summary .content {
	padding: 0.5rem 0;
	color: var(--ai-tertiary-dark);
}

.aimeos .common-summary .item .name {
	display: inline-block;
	vertical-align: top;
	color: var(--ai-secondary-dark);
	width: 50%;
}

.aimeos .common-summary .item .name:after {
	content: ":";
}

.aimeos .common-summary .item .value {
	display: inline-block;
	vertical-align: top;
}

.aimeos .common-summary .item h4,
.aimeos .common-summary .item .item-icons {
	vertical-align: middle;
	display: inline-block;
	margin: 0 1rem;
}

.aimeos .common-summary .item .item-icons img {
	max-height: 4rem;
}

.aimeos .common-summary .item .attr-list,
.aimeos .common-summary .item .attr-item {
	list-style: none;
	padding: 0;
	margin: 0;
}

.aimeos .common-summary .header,
.aimeos .common-summary-detail .header {
	width: 100%;
}

.aimeos .common-summary-detail .header {
	padding: 0 1.5rem;
}

.aimeos.checkout-confirm h1 {
	font-size: 180%;
}

.aimeos .common-summary h2 {
	font-weight: 600;
	font-size: 140%;
	margin: 1.5rem 0;
	padding: 0;
}

.aimeos .common-summary-address h2,
.aimeos .common-summary-service h2,
.aimeos .common-summary-coupon h2 {
	display: none;
}

.aimeos .common-summary .header h3 {
	margin: 0;
	font-weight: 600;
}

.aimeos .common-summary-service .item h4 {
	margin: 1rem 0;
	padding: 0;
	color: var(--ai-secondary-dark);
}

.aimeos .common-summary-detail .headline {
	color: var(--ai-primary-dark);
	font-weight: 600;
	padding: 1rem 0;
}

.aimeos .common-summary-detail .status {
	display: none;
}

.aimeos .common-summary-detail .supplier {
	background-color: var(--ai-secondary-light);
	padding: 0.5rem 1.5rem;
	display: inline-block;
	border-radius: var(--ai-radius);
}

.aimeos .common-summary-detail .supplier-name {
	margin-inline-start: 1rem;
	font-weight: normal;
}

.aimeos .common-summary-detail .headline .quantity,
.aimeos .common-summary-detail .headline .unitprice,
.aimeos .common-summary-detail .headline .price {
	padding: 0.5rem;
}

.aimeos .common-summary-detail .product-item {
	padding: 0.5rem 0;
	border: 1px solid var(--ai-secondary);
	border-radius: var(--ai-radius);
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.aimeos .common-summary-detail .product-item:hover {
	transition: background-color .15s ease-in-out;
	background-color: var(--ai-secondary-light);
}

.aimeos .common-summary-detail .product-item .row {
	align-items: center;
}

.aimeos .common-summary-detail .image img.detail {
	border-radius: var(--ai-radius);
	max-height: 8rem;
	margin: 0 auto;
	display: block;
}

.aimeos .common-summary-detail .details .product-name {
	margin: 0 0.25rem 0.25rem;
	display: block;
}

.aimeos .common-summary-detail .code,
.aimeos .common-summary-detail .timeframe {
	margin: 0.5rem;
}

.aimeos .common-summary-detail .code .name:after,
.aimeos .common-summary-detail .timeframe .name:after {
	content: ":";
}

.aimeos .common-summary-detail .code,
.aimeos .common-summary-detail .timeframe {
	margin: 0 0.25rem;
}

.aimeos .common-summary-detail .attr-list {
	margin: 0 0.25rem;
	vertical-align: top;
}

.aimeos .common-summary-detail .attr-list li.attr-item {
	display: inline;
}

.aimeos .common-summary-detail .attr-list li.attr-item:not(:last-of-type) .value:after {
	content: ",";
}

.aimeos .common-summary-detail .attr-item .name:after {
	content: ":";
}

.aimeos .common-summary-detail .summary {
	width: 100%;
}

@media (min-width:768px) {

	.aimeos .common-summary-detail .summary {
		float: right;
		width: 50%;
	}

	[dir="rtl"] .aimeos .common-summary-detail .summary {
		float: left;
	}
}

.aimeos .common-summary-detail .subtotal,
.aimeos .common-summary-detail .delivery,
.aimeos .common-summary-detail .payment,
.aimeos .common-summary-detail .total,
.aimeos .common-summary-detail .rebate,
.aimeos .common-summary-detail .tax,
.aimeos .common-summary-detail .unitprice,
.aimeos .common-summary-detail .price {
	white-space: nowrap;
	text-align: end;
}

.aimeos .common-summary-detail .quantity {
	white-space: nowrap;
	text-align: center;
}

.aimeos .common-summary-detail .rebate .quantity {
	text-align: end;
}

.aimeos .common-summary-detail .quantity input {
	display: inline-block;
	text-align: center;
	width: 3rem;
	padding: 0.5rem 0.25rem;
	border-radius: calc(var(--ai-radius) / 2);
}

.aimeos .common-summary-detail .quantity .change.up,
.aimeos .common-summary-detail .quantity .change.down {
	vertical-align: middle;
	display: inline-block;
	line-height: 1;
}

.aimeos .common-summary-detail .quantity .minibutton {
	padding: 0;
	margin: 0;
}

.aimeos .common-summary-detail .quantity .minibutton::after {
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: currentColor;
	display: inline-block;
	content: "";
	width: 1.5rem;
	height: 1.5rem;
}

.aimeos .common-summary-detail .quantity .change.up .minibutton::after {
	-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/></svg>');
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/></svg>');
}

.aimeos .common-summary-detail .quantity .change.down .minibutton::after {
	-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z"/></svg>');
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z"/></svg>');
}

.aimeos .common-summary-detail .tax {
	padding: 0.25rem 0;
}

.aimeos .common-summary-detail .action,
.aimeos .common-summary-detail .action {
	text-align: center;
}

.aimeos .common-summary-detail .delivery td:first-child:before,
.aimeos .common-summary-detail .payment td:first-child:before {
	content: "+ ";
}

.aimeos .common-summary-detail .subtotal {
	margin-top: 1rem;
	margin-bottom: 0.5rem;
	color: var(--ai-secondary-dark);
}

.aimeos .common-summary-detail .total {
	color: var(--ai-secondary-dark);
	background-color: var(--ai-secondary-light);
	padding: .25rem 0;
}

.aimeos .common-summary-detail .delivery {
	margin-bottom: 1rem;
}

.aimeos .common-summary-detail .price-total {
	font-weight: 600;
}

.aimeos .common-summary-additional .coupon li {
	font-weight: 600;
	color: var(--ai-secondary-dark);
}

.aimeos .common-summary-additional .customerref-value {
	width: 100%;
	border-radius: calc(var(--ai-radius) / 2);
}

.aimeos .common-summary-additional textarea {
	border: 1px solid var(--ai-tertiary-dark);
	border-radius: calc(var(--ai-radius) / 2);
	background-color: var(--ai-bg);
	color: var(--ai-secondary-dark);
	width: 100%;
	height: 4rem;
}