/* =========================================================
   FORMULARZ ZWROTÓW / REKLAMACJI - jak formularz kontaktowy,
   wyśrodkowany na stronie zamiast w wysuwanym panelu
   ========================================================= */

.returns-form-page {
    font-family: var(--font-body);
    font-size: var(--fs-base);
    font-weight: 400;
	display: flex;
	justify-content: center;
	padding: 60px 24px 80px;
}

.returns-form-wrap {
	width: 100%;
	max-width: 560px;
}

/* Typ zgłoszenia (Zwrot / Reklamacja) - ten sam język co
   .contact-field > span (uppercase, drobny, przygaszony) */
.returns-form-type {
	border: 0;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.returns-form-type legend {
	padding: 0;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: var(--color-dark);
}

.returns-radio-group {
	display: flex;
	gap: 28px;
        font-family: var(--font-body);
    font-size: var(--fs-base);
    font-weight: 400;
}

.returns-radio {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	color: var(--color-dark);
}

.returns-radio input {
	width: 16px;
	height: 16px;
	margin: 0;
	accent-color: var(--color-dark);
}

/* Pola warunkowe (Zwrot/Reklamacja) - bez dodatkowej ramki,
   żeby wtapiały się w resztę formularza jak każde inne pole */
.returns-fields-zwrot,
.returns-fields-reklamacja {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.returns-submit {
	/* .contact-submit już daje pełny wygląd (kolor, obramowanie,
	   strzałka na hover) - ta klasa zostaje jako hak na
	   ewentualne drobne różnice w przyszłości, na razie pusta. */
};