/*Покупка*/

.buy-button,
.buy-button-act {
	float: left;
	font-weight: bold;
	color: DarkOrange;
	background-color: white;
	border: 3px solid DarkOrange;
	border-radius: 10px;
	padding: 0 10px;
}
.buy-button-act {
	color: white;
	background-color: Orange;
	border: 3px solid Orange;
}
.buy-button-act:hover {
	color: white;
	background-color: DarkOrange;
	border: 3px solid DarkOrange;
}
.buy-button:hover::after { 
	content: attr(data-title);
    position: absolute;
    z-index: 1;
    font-size: 16px;
	padding: 1%;
	color: DarkGreen;
	background-color: White;
	border-radius: 10px;
	margin-left: -80px;
	margin-top: 40px;
}
.ware-label:hover,
input:checked + .ware-label {
	border-radius: 10px;
	color: White;
	background-color: DarkGreen;
}

/* Окно корзины */
#buy-window {
	display: none;
	pointer-events: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 99999;
}
#buy-window:target {
	display: block;
	pointer-events: auto;
}
.buy-window {
	width: 70%;
	position: relative;
	margin: 10% auto;
	padding:1%;
	border-radius: 10px;
	border: 3px solid DarkGreen;
	background: White;
}
#buy-window table {
	margin: 0;
}
#buy-window th {
	background-color: LightCyan;
}
#buy-window table > tbody > tr > td {
	text-align: center;
	border: none;
}
.btn_close {
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 30px;
	border: 3px solid DarkGreen;
	border-radius: 15px;
}
.quantity {
	display: block;
	margin: auto;
	width: 4em;
}
.div-summ {
	float: right;
	padding-right: 5%;
	font-weight: bold;
}
.btn_close,
.btn_close-xs,
.btn_del {
	background: White;
	color: DarkGreen;
	line-height: 25px;	
	text-align: center;
	font-weight: bold;	
}

.btn_del {
	border-radius: 15px;
	border: 1px solid DarkGreen;
}
.btn_close:hover,
.btn_del:hover { 
background: DarkGreen;
color: White;
text-decoration: none;
}
.form-back-button,
.form-buy-button {
	font-weight: bold;
	background-color: white;
	border-radius: 10px;
	padding: 5px 10px;
}
.form-buy-button {
	float: right;
	color: DarkOrange;
	border: 3px solid DarkOrange;
}
.form-back-button {
	float: left;
	color: DarkGreen;
	border: 3px solid DarkGreen;
}
.form-buy-button:hover {
	color: white;
	background-color: DarkOrange;
}
.form-back-button:hover {
	color: white;
	background-color: DarkGreen;
}
.distance {
	height: 15px;
}
.h1_buy {
	background-color: Gold;
}


/*Оформление заказа*/
#pickup:checked ~ .newpost {
	display: none;
}
#newpost:checked ~ .pickup {
	display: none;
}
#comment1,
#comment2,
#comm-area-1,
#comm-area-2 {
	display: none;
}
#comment1:checked ~ #comm-area-1 {
	display: block;
}
#comment2:checked ~ #comm-area-2 {
	display: block;
}
.comment a {
	color: black;
}
.comment:hover {
	text-decoration: underline;
	cursor: pointer;
}
.order-form > input {
	cursor: text;
}
.order tr td {
	text-align: center;
	border: none;
	font-weight: bold;
}
.order:last-child {
	border-bottom: none;
}
.order tr th {
	font-weight: normal;
	background-color: LightCyan;
}
.btn-confirm {
	font-size: 1.2em;
	font-weight: bold;
	background-color: white;
	border-radius: 10px;
	padding: 5px 10px;
	color: DarkOrange;
	border: 3px solid DarkOrange;
	margin-top: 3%;
}
.btn-confirm:hover {
	color: white;
	background-color: DarkOrange;
}
.pickup select,
.newpost select {
	font-size: 1.1em;
}
.pickup p,
.newpost p {
	margin-top: 5%;
}

.basket_full {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 9999;
	background-color: green;
	color: white;
	border-radius: 5px;
	border: 2px solid white;
	padding: 0 1% 0 0;
}
.basket_full:hover {
	background-color: DarkGreen;
}
.basket_full table tr td,
.basket_full table {
	border: none;
}
.basket_count {
	background-color: white;
	color: green;
	width: 30px;
	border-radius: 15px;
	font-weight: bold;
	text-align: center;
}
@media (max-width: 768px) {
	.buy-window {
		width: 95%;
	}
	.buy-window table tr td:first-child {
		background-color: LightCyan;
	}
	.buy-window table tfoot {
		border-top: none;
	}
	.buy-window table tr td {
		font-size: 1.1em;
	}
}