/******************************************************** Płatność *************************************************/
.tlo_obrazek_prawy.Platnosc {
	--obrazek: url('/images/account/Payment.jpg');
}

.platnosc .info:not(:first-child) {
    margin-top: 3rem;
}

/*************************************************************** Wybór ****************************************************/
#code.platnosc-wybor {
	--obrazek: url('/images/account/Payment-code.jpg');
}

#shop.platnosc-wybor {
	--obrazek: url('/images/account/Payment-shop.jpg');
}

#transfer.platnosc-wybor {
	--obrazek: url('/images/account/Payment-transfer.jpg');
}

.platnosc-wybor {
	width: 30%;
	height: 28rem;
    background-color: #fff;
	background-image: var(--obrazek);

	background-position: center;
	background-size: 60%;
	background-repeat: no-repeat;

	display: flex;
	flex-direction: column;
    border: 1px solid var(--secondcolor);
}

.platnosc-wybor:hover {
	cursor: pointer;
    box-shadow: 0 0 0.5rem #444;  
}

.platnosc-wybor h1 {
	font-size: 2.5rem;
	text-transform: uppercase;
	text-align: center;
    color: var(--maincolor);
}

.platnosc-wybor .opis {
	padding: 1rem 2rem;
	margin-top: auto;
	display: flex;
	font-size: 1.25rem;
    text-align: center;
    color: #444;
}

/******************************************************** Koniec *************************************************/
#platnosc-koniec #wynik.zolty {
    color: darkorange;
}

/****************************************************** Formularz ************************************************/
#form_platnoscedycja #token_info {
	color: var(--secondcolor);
}

#form_platnoscedycja #token_info.blad {
	color: var(--redcolor);
}