div.reminder {
	font-weight: bold;
}

div#popup {
	width: 850px;
}

div#info {
	margin: auto;
	max-width: 1000px;
}

div#abstract {
	margin-bottom: 20px;
}

div#info div#order {
	text-align: center;
	background: lightgray;
	padding: 5px;
	color: black;
	font-weight: bold;
}

div#actions {
	margin: 20px auto;
	text-align: center;
}

div#actions a.action {
	color: white;
	background: black;
	border: 5px;
	border-radius: 5px;
	font-size: 1em;
	padding: 6px 20px;
	margin: auto 20px;
	cursor: pointer;
}

div#current {
	padding: 2em 0;
	display: flex;
	flex-direction: column;
}

div#current > div {
	margin: auto;
}

body.phone div#current > div {
	margin: 0 1em;
}

div#current div.block {
	border: 1px solid;
	display: flex;
	flex-direction: column;
}

div#current div.block div.cart {
	margin: 1em;
}

div#current div.block div.cart div.head,
div#current div.block div.cart div.separator:nth-child(4) {
	display: none;
}

div#current div.block div.cart div.content {
	border: 0;
}

div#current div.block > div.head {
	width: calc(100% - 4em + 1px);
	text-align: left;
	color: white;
	padding: 1em 2em;
	background: var(--banner-color);
	font-size: 1.2em;
	font-weight: bold;
}

div#current div.block > div.head label.title {
	padding-right: 1.2em;
}

div#current div.cart div.order {
	display: none;
}

div#current div.balance {
	display: grid;
	grid-template-columns: auto auto;
	border: 1px solid;
	align-items: center;
	margin: 1em 1em 1em auto;
}

body.phone div#current div.balance {
	margin: 1em auto;
}

div#current div.balance > div {
	padding: 0.5em 13px 0 1em;
}

div#current div.balance > div:nth-last-child(-n + 2) {
	padding-bottom: 0.5em;
}

div#current div.balance div.value {
	text-align: right;
}

div#current div.currency,
div#current div._currency {
	font-size: 1.3em;
}

div#current div.balance div.total {
	font-weight: bold;
}

div#current div.balance div.separator {
	grid-column: 1 / span 2;
	border-bottom: 1px solid;
}

div#current div.balance div.discount.zero {
	display: none;
}

div#current.payment div.block {
	margin-bottom: 2em;
}

div#current.payment table.address {
	padding: 1em;
}

div#current.payment table.address span.required:after {
	content: unset;
}

div#current.payment div.comments {
	padding: 20px;
}

div#current.payment div.comments textarea {
	--border-size: 1px;
	--padding-size: 2px;
	height: 8em;
	width: calc(100% - 2 * (var(--border-size) + var(--padding-size)));;
	border: 1px solid #ccc;
}

div#current.payment div.carrier {
	padding: 1em;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: auto;
}

div#current.payment div.carrier img {
	display: block;
	max-height: 4em;
}