/* Nunito Sans — Light (200) */
@font-face {
  font-family: 'Nunito Sans';
  src: url('../../fonts/nunito-sans/NunitoSans-ExtraLight.woff2') format('woff2'),
       url('../../fonts/nunito-sans/NunitoSans-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans';
  src: url('../../fonts/nunito-sans/NunitoSans-ExtraLightItalic.woff2') format('woff2'),
       url('../../fonts/nunito-sans/NunitoSans-ExtraLightItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* Nunito Sans — Regular (400) */
@font-face {
  font-family: 'Nunito Sans';
  src: url('../../fonts/nunito-sans/NunitoSans-Regular.woff2') format('woff2'),
       url('../../fonts/nunito-sans/NunitoSans-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans';
  src: url('../../fonts/nunito-sans/NunitoSans-Italic.woff2') format('woff2'),
       url('../../fonts/nunito-sans/NunitoSans-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Nunito Sans — SemiBold (600) */
@font-face {
  font-family: 'Nunito Sans';
  src: url('../../fonts/nunito-sans/NunitoSans-SemiBold.woff2') format('woff2'),
       url('../../fonts/nunito-sans/NunitoSans-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans';
  src: url('../../fonts/nunito-sans/NunitoSans-SemiBoldItalic.woff2') format('woff2'),
       url('../../fonts/nunito-sans/NunitoSans-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* Nunito Sans — Bold (700) */
@font-face {
  font-family: 'Nunito Sans';
  src: url('../../fonts/nunito-sans/NunitoSans-Bold.woff2') format('woff2'),
       url('../../fonts/nunito-sans/NunitoSans-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans';
  src: url('../../fonts/nunito-sans/NunitoSans-BoldItalic.woff2') format('woff2'),
       url('../../fonts/nunito-sans/NunitoSans-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Nunito Sans — Black (900) */
@font-face {
  font-family: 'Nunito Sans';
  src: url('../../fonts/nunito-sans/NunitoSans-Black.woff2') format('woff2'),
       url('../../fonts/nunito-sans/NunitoSans-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans';
  src: url('../../fonts/nunito-sans/NunitoSans-BlackItalic.woff2') format('woff2'),
       url('../../fonts/nunito-sans/NunitoSans-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

*{
	font-family: 'Nunito Sans', Inter, sans-serif;
	font-size: 16px;
}
.container{
	max-width: 1440px;
	padding: 0;
}
/*ADDITIONAL CLASSES*/
.fs-14{
	font-size: 14px;
}
.background-grey{
	background-color: #EBEBEB !important;
}
.input-field-padding{
	padding: 0.5rem 0.75rem 0.5rem 0.75rem;
}
.cursor-pointer{
	cursor: pointer;
}
.mx--2{
	margin-top: -2px !important;
}
/*ADDITIONAL CLASSES*/
.sub-header{
	padding-left: 30px;
	padding-right: 30px;
}
.sub-header-block{
	width: 100%;
	max-width: 1440px;
}

.main-section{
	padding: 30px 30px 30px;
	background-color: white;
	min-height: 100vh !important;
}
/* end of sub header */

/* puncts and form */
.form{
	padding: 10px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	background-color: white;
	border-radius: 8px;
}
.form-and-steps-holder{
	width: 100%;
	max-width: 1440px;
	height: 100%;
}
.main-cards-holder{
	height: 100%;
}
.progress-steps{
	max-width: 240px;
	width: 100%;
}
.circle-punct-check{
	width: 40px;
	height: 40px;
	aspect-ratio: 1/1;
	font-size: 1.25rem !important;
}
.line-between-steps{
	background-color:#F01A26;
	width: 2px;
}
.line-holder{
	width: 40px;
	height: 40px;
}
/* end of puncts and form */
.picture-holder img{
	width: 20px;
	height: 20px;
}

/* inputs */
/*.input-field{
	background-color: #EBEBEB;
	height: 100%;
	font-size: 14px;
	padding: 0.5rem 0.75rem 0.5rem 0.75rem;
	width: 100%;
	line-height: 100%;
	border: 2px solid transparent;
	outline: none;
}*/
/*.input-field{
	font-size: 14px;
	padding: 0.5rem 0.75rem 0.5rem 0.75rem;
	width: 100%;
	line-height: 100%;
	border: 2px solid transparent;
	background-color: #EBEBEB;
	outline: none;
}*/
.input-field {
	/*background-color: #EBEBEB;*/
	height: 100%;
	font-size: 14px;
	padding: 0.5rem calc(0.75rem + 40px) 0.5rem 0.75rem;
	width: 100%;
	line-height: 100%;
	border: 1px solid var(--bs-secondary);
	outline: 1px solid transparent;
	outline-offset: 2px;
}
.input-field:disabled {
	color: var(--bs-body-color);
	font-weight: bold;
}
/*.input-field:focus{
	border: 2px solid var(--bs-secondary);
	outline: none;
}*/
.input-field:focus {
	border: 1px solid var(--bs-primary);
	outline: 2px solid var(--bs-primary);
	box-sizing: border-box !important;
}
.input-field:focus:has(+ div){
	border-top: 2px solid var(--bs-secondary);
	border-left: 2px solid var(--bs-secondary);
	border-bottom: 2px solid var(--bs-secondary);
	border-right: none;
}
.input-field:focus + div{
	border-right: 2px solid var(--bs-secondary);
	border-top: 2px solid var(--bs-secondary);
	border-bottom: 2px solid var(--bs-secondary);
}
.phone-number-dropdown:has(+ .input-field:focus){
	border-top: 2px solid var(--bs-secondary);
	border-left: 2px solid var(--bs-secondary);
	border-bottom: 2px solid var(--bs-secondary);
}
.phone-number-dropdown + .input-field:focus{
	border-top: 2px solid var(--bs-secondary);
	border-right: 2px solid var(--bs-secondary);
	border-bottom: 2px solid var(--bs-secondary);
	border-left: none !important;
}
.dropdown-checkout{
	position: relative;
}
/*Add transparent border to additional elements near dropdowns*/
/*.input-field:has(+ div){
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;
	border-right: none;
}*/
.input-field:has(+ div){
	
}
/*.input-field + div{
	border-right: 2px solid transparent;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
}*/
.input-field + div {
	max-width: 40px;
	position: absolute !important;
	top: 1px;
	right: 1px;
	border: none;
	outline: none;
	height: calc(100% - 2px);
	bottom: 1px;
}
.phone-number-dropdown:has(+ .input-field){
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;
}

.promo-code{
	border: none !important;
}
.promo-code + div{
	border: none !important;
}
.invoice-input:focus{
	border: 2px solid var(--bs-secondary) !important;
	outline: none;
}
.invoice-input + div{
	border: none !important;
}
/*#textArea{
	background-color: #F0F0F0;
	border-radius: 8px;
	padding: 10px 16px 10px 16px;
	outline: none;
	border: 2px solid #000000;
}*/
#textArea::placeholder{
	opacity: 0.7;
}
.button-back{
	background-color: #757575;
	color: white;
	--bs-btn-active-color: black;
	--bs-btn-active-bg: none;
}
.img-holder{
	width: 139px;
	height: 148px;
}

.arrow-up{
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #555;
	transition: 0.2s;
}
/* Cross icon */
.dropdown-cross-icon{
	width: 18px;
	height: 18px;
	aspect-ratio: 1/1;
	border: 0px;
	transition: all .1s ease-in-out;
}
.dropdown-cross-icon:hover {
	cursor: pointer;
}
.dropdown-cross-icon:hover .left-cros-icon, .dropdown-cross-icon:hover .right-cros-icon  {
	background-color: #F01A26;
}
.dropdown-cross-icon:hover{
	transform: scale(1.1);
}

.dropdown-cross-icon .left-cros-icon, .dropdown-cross-icon .right-cros-icon{
	content: "";
	width: 18px;
	height: 2px;
	background-color: #000;
	transform-origin: center;
	transition: 0.2s;
}
.dropdown-cross-icon .left-cros-icon{
	transform: rotate(-45deg);
}
.dropdown-cross-icon .right-cros-icon{
	transform: rotate(45deg);
}
/* Cross icon */
/* Grey line */
/* Check where it is needed */
.grey-line{
	border-bottom: 2px;
	height: 2px;
}
/* Grey line */

/* -----------------------dropdown------------------------- */
/* Dropdowns */
/* .dropdown-text{
	min-width: 40px !important;
} */
/*


/* .dropdown-input:focus-within .dropdown{
	visibility: visible;
} */

.dropdown-time{
	visibility: hidden;
	display: flex;
	flex-direction: column;
	position: absolute;
	width: 100%;
	max-height: 164px;
	background-color: rgb(255, 255, 255);
	top: 100%;
	left: 0;
	border-radius: 0 0 8px 8px;
	overflow-y: scroll;
	box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.4);
	z-index: 1;
}
.dropdown-time .dropdown-option, .dropdown span{
	display: flex;
	gap: 0.5rem;
	width: 100%;
	padding: 0.25rem 0.75rem 0.25rem 0.75rem;
	border-bottom: 1px solid #F0F0F0;
	align-items: center;
}

.picture-holder{
	width: 22px;
}

.picture-holder img{
	border-radius: 2px;
}
.phone-number-dropdown{
	background-color: #EBEBEB;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	height: 100%;
}
/*.country-dropdown{
	background-color: #EBEBEB;
	height: 100%;
	border: 2px solid transparent;
	
	outline: none;
}*/
/*.country-dropdown{
	border: 2px solid var(--bs-secondary);
	outline: none;
}*/
.country-dropdown {
	border: 1px solid var(--bs-secondary) !important;
	outline: 1px solid transparent !important;
	outline-offset: 2px;
	border-radius: var(--bs-border-radius) !important;
}
.country-dropdown:focus {
	border: 1px solid var(--bs-primary) !important;
	outline: 2px solid var(--bs-primary) !important;
}

.dropdown-img{
	width: 20px;
	height: 20px;
}

.country-holder{
	background-color: #EBEBEB;
	border-radius: var(--bs-border-radius);
}

.dropdown-input{
	position: relative;
}

.active{
	visibility: visible;
}
/* CHECKOUT FORM 1 */
.adaptive-width{
	width: calc(100% - 226px - 48px - 24px);
}
.pd-parcel-type-holder{
	width: 100%;
	/*overflow-x: auto;*/
	overflow: visible;
}
.pd-parcel-type-holder > div{
	/*width: 100%;*/
	width: auto;
}
.pd-parcel-type{
	/*border-width: 3px !important;*/
	border: 1px solid var(--primary-red) !important;
	transition: 0.2s;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	width: 130px;
	/*min-width: 130px;*/
	text-wrap: nowrap;
	cursor: pointer;
	height: 105px;
	margin-bottom: 1px;
}
.pd-parcel-type:last-child{
	margin-right: 1px;
}
.pd-parcel-type:hover{
	border-color: var(--bs-primary) !important;
	background-color: #EBEBEB;
}
.parcel-type-chosen{
	/*border-color: var(--bs-primary) !important;
	background-color: #EBEBEB;*/
	border: 1px solid #F01A26 !important;
	outline: 2px solid #F01A26 !important;
	outline-offset: 2px !important;
	background: #FFFFFF !important;
}
.pd-parcel-type img{
	width: 60px;
}
.line{
	width: 100%;
	border: 1.5px solid #BFC1C6;
}
.pd-fs-14px{
	font-size: 14px !important;
}
.country-select{
	max-height: 37px !important;
	padding: 0.5rem 0.75rem 0.5rem 0.75rem;
}
/* CHECKOUT FORM 1 */
/* CHECKOUT FORM 2 */
.special-border-for-calendar{
	/*border-top: 2px solid var(--bs-secondary) !important;
	border-left: 2px solid var(--bs-secondary) !important;
	border-bottom: 2px solid var(--bs-secondary) !important;*/
	border: 1px solid var(--bs-primary);
	outline: 2px solid var(--bs-primary);
}
.special-border-for-calendar + div{
	/*border-top: 2px solid var(--bs-secondary) !important;
	border-right: 2px solid var(--bs-secondary) !important;
	border-bottom: 2px solid var(--bs-secondary) !important;*/
}
.error-calendar{
	border-left: 2px solid var(--bs-primary) !important;
	border-top: 2px solid var(--bs-primary) !important;
	border-bottom: 2px solid var(--bs-primary) !important;
}
.error-calendar + div{
	border-right: 2px solid var(--bs-primary) !important;
	border-top: 2px solid var(--bs-primary) !important;
	border-bottom: 2px solid var(--bs-primary) !important;
}

.calendar-holder #calendar-input{
	line-height: 115%;
	/*border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;*/
}
.calendar-holder #calendar-input + div{
	/*border-top: 2px solid transparent;
	border-right: 2px solid transparent;
	border-bottom: 2px solid transparent;*/
}

/*Specific border for parcel taking time fields*/
/*Time*/
.parcel-taking-time{
	align-self: flex-start;
}
.parcel-taking-time .cursor-pointer .input-field-padding{
	line-height: 115%;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-bottom: 2px solid transparent;
}
/*Icon*/
.parcel-taking-time .cursor-pointer .input-field-padding + div{
	border-top: 2px solid transparent;
	border-right: 2px solid transparent;
	border-bottom: 2px solid transparent;
}
/*!*Time*!*/
/*.parcel-taking-time .cursor-pointer .input-field-padding.error{*/
/*	line-height: 115%;*/
/*	border-top: 2px solid var(--bs-primary) !important;*/
/*	border-left: 2px solid var(--bs-primary) !important;*/
/*	border-bottom: 2px solid var(--bs-primary) !important;*/
/*	border-right: 0 solid transparent !important;*/
/*}*/
/*!*Icon*!*/
/*.parcel-taking-time .cursor-pointer .input-field-padding.error + div{*/
/*	border-top: 2px solid var(--bs-primary);*/
/*	border-right: 2px solid var(--bs-primary);*/
/*	border-bottom: 2px solid var(--bs-primary);*/
/*}*/
/*dropdown-checkout*/
.language{
	cursor: pointer;
}
/* Classes for languages dropdown */
.dropdown-header{
	position: relative;
}
/*Hover for language selection*/
.phone-number-dropdown:hover{
	transition: 0.1s;
	background-color: var(--bs-input-hover) !important;
}
.header-opened .language-checkout:hover{
	background-color: transparent !important;
}
/*Hover for language selection*/
.language-checkout img{
	width: 20px;
	height: 20px;
}

.dropdown-language-checkout{
	visibility: hidden;
	display: flex;
	flex-direction: column;
	position: absolute;
	width: 100%;
	max-height: 164px;
	background-color: rgb(255, 255, 255);
	top: 100%;
	left: 0;
	border-radius: 0 0 8px 8px;
	overflow-y: scroll;
	box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.4);
	z-index: 1;
}
.phone-number-dropdown .dropdown-language-checkout{
	width: auto !important;
}
.dropdown-language-checkout::-webkit-scrollbar{
	width: 2px;
	height: 10px;

}
.dropdown-language-checkout::-webkit-scrollbar-thumb {
	background-color: darkgray;
	border-radius: 10px;
}
.dropdown-language-checkout .dropdown-option-checkout{
	display: flex;
	gap: 0.5rem;
	width: 100%;
	padding: 0.25rem 0.75rem 0.25rem 0.75rem;
	border-bottom: 1px solid #F0F0F0;
	align-items: center;
}
.dropdown-option-checkout{
	cursor: pointer;
}
.dropdown-option-checkout img{
	width: 22px !important;
	height: 22px !important;
}
.dropdown-option-checkout div{
	font-size: 16px;
}
.dropdown-option-checkout:hover{
	background-color: #EBEBEB;
}
.dropdown-language-checkout.active-language{
	visibility: visible;
}
/*..........checkout end*/

/* CHECKOUT FORM 2 */
/* CHECKOUT FORM 3 */
/* Save a new receiver animation */
.form-to-slide{
	height: 66px;
	overflow: hidden;
	transition: height 0.5s;
}
.form-to-slide-opened{
	height: 100% !important;
}
.form-to-slide .form{
	opacity: 0;
	transition: 0.5s;
}
.form-to-slide .form.form-active{
	opacity: 1;
}
/* Animated cross-icon */
.form-to-slide .dropdown-cross-icon .left-cros-icon{
	transform: rotate(0deg);
}
.form-to-slide .dropdown-cross-icon .right-cros-icon{
	transform: rotate(90deg);
}
.form-to-slide-opened .dropdown-cross-icon .left-cros-icon{
	transform: rotate(-45deg);
}
.form-to-slide-opened .dropdown-cross-icon .right-cros-icon{
	transform: rotate(45deg);
}
/* CHECKOUT FORM 3 */
/* CHECKOUT FORM 4 */
/* checkout payment icon */
.checkout-icon{
	max-width: 60px;
	min-width: 60px;
}
/* Aligning titles */
.checkout-title-max-width-25{
	min-width: 25%;
	max-width: 25%;
}
/* Fixed height for payment options */
.payment-option{
	max-width: 31%;
	height: 47px;
}
.payment-option img{
	max-width: 111px;
}
/* CHECKOUT FORM 4 */
/* CHECKOUT FORM 5 */
/* Max-width for inner content */
.checkout-form-5-max-width-content{
	max-width: 700px;
}
.checkout-form-5-max-width-thumb-up{
	max-width: none;
}
.checkout-form-5-max-width-icon{
	max-width: none;
	transition:all 0.2s ease-in-out;
}
.checkout-form-5-max-width-thumb-up img{
	transition:all 0.2s ease-in-out;
}
.checkout-form-5-max-width-thumb-up img:hover, .social-networks-holder > div:hover{
	transform: scale(1.1);
	cursor: pointer;
}

/* CHECKOUT FORM 5 */
@media all and (max-width: 1170px)
{
	/* Fields such as 'House no', 'Flat no', 'ZIP code' has to jump onto the next line*/
	.max-8-symb{
		flex-direction: column;
	}
}
@media all and (max-width: 1170px)
{
	.text-to-delete{
		font-size: 12px;
	}
}
@media all and (max-width: 970px){
	/* ============================================================
	   STEPPER MOBILE (≤970px) — ISOLATED, BULLET-PROOF
	   `html body .progress-steps` = specificity (0,1,2) — выше любого
	   `body .progress-steps` (0,1,1) или просто `.progress-steps` (0,1,0)
	   из inline <style> блоков. Все свойства !important. Гарантирует
	   что никакие сторонние стили не пробьются через каскад.
	   ============================================================ */

	/* Контейнер: row, full-width, static, чистый белый фон */
	html body .progress-steps,
	html body div.progress-steps,
	html body aside.progress-steps {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: space-between !important;
		position: static !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		margin: 0 0 14px 0 !important;
		padding: 16px 18px !important;
		gap: 0 !important;
		background: #ffffff !important;
		background-image: none !important;
		border: none !important;
		border-radius: 0 !important;
		box-shadow: 0 1px 0 rgba(15,17,21,.06) !important;
		overflow: visible !important;
		z-index: auto !important;
	}

	/* Скрываем подписи и любые leftover psr-* элементы */
	html body .progress-steps span.text-nowrap,
	html body .progress-steps .psr-step-name,
	html body .progress-steps .psr-step-label,
	html body .progress-steps .psr-step-back-hint,
	html body .progress-steps .psr-step-logo,
	html body .progress-steps .psr-step-tagline {
		display: none !important;
	}

	/* Каждый шаг: только кружок, ничего больше */
	html body .progress-steps > div,
	html body .progress-steps > a,
	html body .progress-steps > .d-flex,
	html body .progress-steps > .psr-step {
		display: flex !important;
		flex: 0 0 auto !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		background: transparent !important;
		background-image: none !important;
		border: none !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		text-decoration: none !important;
		min-width: 0 !important;
		max-width: none !important;
		width: auto !important;
		height: auto !important;
		position: static !important;
		animation: none !important;
		transform: none !important;
	}

	/* Кружок: фиксированные 36x36 */
	html body .progress-steps .circle-punct-check {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
		max-width: 36px !important;
		flex: 0 0 36px !important;
		aspect-ratio: 1 / 1 !important;
		border-radius: 50% !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		line-height: 1 !important;
		padding: 0 !important;
		margin: 0 !important;
		box-sizing: border-box !important;
		font-family: inherit !important;
		text-align: center !important;
		box-shadow: none !important;
		animation: none !important;
		transform: none !important;
		position: static !important;
	}

	/* DONE/CURRENT: красный заливной с белым текстом */
	html body .progress-steps .circle-punct-check.bg-primary {
		background: #F01A26 !important;
		background-color: #F01A26 !important;
		background-image: none !important;
		color: #ffffff !important;
		border: 2px solid #F01A26 !important;
	}

	/* PENDING: белый с красной обводкой и красной цифрой */
	html body .progress-steps .circle-punct-check.bg-white {
		background: #ffffff !important;
		background-color: #ffffff !important;
		background-image: none !important;
		color: #F01A26 !important;
		border: 2px solid #F01A26 !important;
	}

	/* Иконка чека внутри DONE-кружка */
	html body .progress-steps .circle-punct-check img {
		display: block !important;
		width: 18px !important;
		height: 18px !important;
		min-width: 0 !important;
		max-width: 18px !important;
		max-height: 18px !important;
		object-fit: contain !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
	}
	/* Если внутри кружка <i> (Bootstrap-icon вместо img) */
	html body .progress-steps .circle-punct-check i {
		font-size: 18px !important;
		font-weight: 900 !important;
		line-height: 1 !important;
		color: inherit !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* Линия-обёртка: растягивается между кружками */
	html body .progress-steps .line-holder {
		display: flex !important;
		flex: 1 1 auto !important;
		align-items: center !important;
		justify-content: center !important;
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
		height: 2px !important;
		min-height: 2px !important;
		margin: 0 6px !important;
		padding: 0 !important;
		background: transparent !important;
		border: none !important;
	}

	/* Сама линия: красный 2px на всю ширину обёртки */
	html body .progress-steps .line-between-steps {
		display: block !important;
		flex: 1 1 100% !important;
		width: 100% !important;
		height: 2px !important;
		min-height: 2px !important;
		max-height: 2px !important;
		background: #F01A26 !important;
		background-color: #F01A26 !important;
		background-image: none !important;
		border: none !important;
		border-radius: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* Form holder layout: column, stepper сверху */
	html body .form-and-steps-holder {
		flex-direction: column !important;
		justify-content: flex-start !important;
		align-items: stretch !important;
		gap: 12px !important;
	}

	.red-text-holder div:nth-child(2){
		width: 100% !important;
	}
	.align-items-lg-custom-start{
		align-items: center;
	}
	.main-section{
		padding: 16px 12px 20px !important;
	}
}

@media all and (max-width: 755px){
	.main-section{
		padding: 40px 20px 20px !important;
	}
	.form{
		margin-top: 20px;
	}
	.img-holder{
		display: none !important;
	}
}
@media all and (max-width: 610px){
	/* (Max number of symbols deleting*) */
	.text-to-delete{
		display: none;
	}
}
@media all and (max-width: 600px){
	.pd-parcel-type{
		/*width: 110px;
		min-width: 110px;*/
	}
	.form{
		padding: 12px;
	}
	.button-holder-for-media .btn{
		width: 47% !important;
	}
	.red-text-holder div:nth-child(2){
		font-size: 12px;
	}
	/* CHECKOUT FORM 4 */
	/* Change background colour for the field 'Edit' in the checkout form 4 */
	.col-12.col-sm-auto.fw-medium.text-center.rounded{
		background-color: #EBEBEB !important;
		transition: 0.2s;
	}
	.col-12.col-sm-auto.fw-medium.text-center.rounded:hover{
		background-color: #b0b0b0 !important;
	}
	.checkout-title-max-width-25{
		max-width: none;
		min-width: none;
		width: 100% !important;
	}
	.font-size-for-checkout-form-4{
		font-size: 14px !important;
	}
	/* CHECKOUT FORM 4 */
	/* CHECKOUT FORM 5 */
	.checkout-form-5-max-width-thumb-up{
		max-width: 200px;
	}
	.checkout-form-5-max-width-icon{
		max-width: 40px;
	}
	/* CHECKOUT FORM 5 */
	/* BACK / Continue */
	.button-holder-for-media{
		padding: 12px !important;
	}

}
@media all and (max-width: 400px){
	/* CHECKOUT FORM 4 */
	.checkout-icon{
		max-width: 50px;
		min-width: 50px;
	}
	/* Specific class to make gmail fit in the line in the checkout form 4 */
	.change-padding-checkout-form-4{
		padding-right: 8px !important;
	}
	/* CHECKOUT FORM 4 */
	/* CHECKOUT FORM 5 */
	.checkout-form-5-max-width-thumb-up{
		max-width: 150px;
	}
	/* CHECKOUT FORM 5 */
}

.iti{
	width: 100%;
	border-top-left-radius: var(--bs-border-radius) !important;
	border-bottom-left-radius: var(--bs-border-radius) !important;
}
.iti__country-container{
	width: 100% !important;
}
.iti__dropdown-content{
	width: 100% !important;
}
.iti__country-container{
	padding: 0 !important;
}
.iti__selected-country:focus{
	outline: none !important;
}
.iti__selected-country-primary{
	border-radius: var(--bs-border-radius) !important;
}
.iti--inline-dropdown .iti__dropdown-content{
	border: none !important;
	border-radius: var(--bs-border-radius);
}
.iti__dropdown-content input{
	border: 2px solid transparent;
	border-radius: var(--bs-border-radius);
	padding: 0.25rem 0.5rem 0.25rem 0.5rem;
	font-size: 14px;
}
.iti__dropdown-content input:focus{
	border: 2px solid var(--bs-secondary);
	outline: none;
}
.iti__selected-dial-code{
	font-size: 14px !important;
	line-height: normal;
}
.iti__country span{
	font-size: 14px !important;
}
/*.card-holder{*/
/*	min-width: 350px;*/
/*}*/
.line{
	width: 100%;
	border: 1.5px solid #BFC1C6;
}
.pd-fs-14px{
	font-size: 14px !important;
}
/* Error validation */
.error, .phone-error{
	border: 2px solid var(--bs-primary) !important;
}
div:has(.error-calendar) + span, div:has(.phone-error) + span{
	display: block !important;;
}
.error + span{
	display: block !important;
}
.d-flex.col-6.col-md-3.flex-column:has(.error-time) span {
	display: block !important;
}
.error-time {
	border-left: 2px solid var(--bs-primary) !important;
	border-top: 2px solid var(--bs-primary) !important;
	border-bottom: 2px solid var(--bs-primary) !important;
}

.error-time + div {
	border-right: 2px solid var(--bs-primary) !important;
	border-top: 2px solid var(--bs-primary) !important;
	border-bottom: 2px solid var(--bs-primary) !important;
}

/* Select2 stylization */

.select2-dropdown {
	border: 0px solid transparent !important;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
	overflow: hidden;
}
.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: rgba(0, 0, 0, 0.05) !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: rgba(0, 0, 0, 0.05) !important;
	color: black !important;
}

.select2-selection__rendered span{
	font-size: 14px !important;
}
.select2-results__option span{
	font-size: 14px !important;
}
.select2-search--dropdown {
	padding: 0 !important;
}
.select2-search__field{
	outline-offset: 0;
	border-radius: 4px;
	padding: 0.25rem 0.5rem 0.25rem 0.5rem;
	font-size: 14px;
	margin-top: 4px;
}
.select2-search__field {
	border: 2px solid var(--bs-secondary) !important;
	outline: none;
	
	text-transform: uppercase !important;
	font-weight: bold !important;
	padding-left: 10px !important;
}
.select2-search__field.placeholder-color::placeholder {
	color: var(--bs-primary);
	color: #0000ff;
}
/*.select2-container--default .select2-selection--single  {
	border: 2px solid var(--bs-secondary) !important;
	border-radius: var(--bs-border-radius) !important;
	background-color: #EBEBEB !important;
}*/
/*.select2-container--default .select2-selection--single  {
	border: 2px solid transparent !important;
	border-radius: var(--bs-border-radius) !important;
	background-color: #EBEBEB !important;
}*/
.select2-container--default .select2-selection--single {
	border: 1px solid var(--bs-secondary) !important;
	outline: 1px solid transparent !important;
	outline-offset: 2px;
	border-radius: var(--bs-border-radius) !important;
}
.select2-container--default.select2-container--open .select2-selection--single {
	border: 1px solid var(--bs-primary) !important;
	outline: 2px solid var(--bs-primary) !important;
}
.select2-container .select2-selection--single {
	height: 36px !important; /* Change to desired height */
	/*padding: 5px 8px;*/
	display: flex !important;
	align-items: center; /* Vertically center text */
	box-sizing: border-box;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 4px !important;
}





.bg-light-pink {
  background-color: var(--bs-light) !important;
}
/* ===== 2026-07-13 Depth pack: чекауты ===== */
.sender-myself-card, .psr-summary-card, .psr-success-card {
	border: 1.5px solid #dfe5ec !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 2px 4px rgba(15,17,21,.05), 0 12px 28px -14px rgba(15,17,21,.16) !important;
}

/* ============================================================
   2026-07-13 — 3D polish чекаутов: поля ввода отличимы от белого
   фона (граница + объём), фокус — красная рамка.
   ============================================================ */
.main-section input[type="text"],
.main-section input[type="email"],
.main-section input[type="tel"],
.main-section input[type="number"],
.main-section input[type="date"],
.main-section select,
.main-section textarea {
	background: linear-gradient(180deg, #ffffff 0%, #f4f7fa 100%) !important;
	border: 1.5px solid #c9d2dd !important;
	border-radius: 10px !important;
	box-shadow:
		inset 0 1px 2px rgba(15,17,21,.05),
		0 1px 0 #ffffff,
		0 2px 6px -2px rgba(15,17,21,.08) !important;
}
.main-section input:focus,
.main-section select:focus,
.main-section textarea:focus {
	outline: none !important;
	border-color: #F01A26 !important;
	box-shadow:
		0 0 0 3px rgba(240,26,38,.10),
		inset 0 1px 2px rgba(15,17,21,.04) !important;
}
.main-section input::placeholder,
.main-section textarea::placeholder {
	color: #97a1ad !important;
}
/* инпуты ВНУТРИ оболочек .input-shell/.select-shell не дублируют рамку — объём несёт оболочка */
.main-section .input-shell input,
.main-section .select-shell input,
.main-section .input-shell select,
.main-section .select-shell select {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}
.main-section .input-shell input:focus,
.main-section .select-shell input:focus {
	border: none !important;
	box-shadow: none !important;
}

/* 2026-07-13 v2 — «прям заметнее» на чекаутах */
.main-section input[type="text"],
.main-section input[type="email"],
.main-section input[type="tel"],
.main-section input[type="number"],
.main-section input[type="date"],
.main-section select,
.main-section textarea {
	background: linear-gradient(180deg, #ffffff 0%, #e9eef5 100%) !important;
	border: 2px solid #b3bfcc !important;
	box-shadow:
		inset 0 1px 0 #ffffff,
		inset 0 -3px 5px rgba(15,17,21,.05),
		0 2px 4px rgba(15,17,21,.10),
		0 6px 14px -5px rgba(15,17,21,.16) !important;
}
.main-section input:focus,
.main-section select:focus,
.main-section textarea:focus {
	border-color: #F01A26 !important;
	box-shadow:
		0 0 0 4px rgba(240,26,38,.14),
		inset 0 1px 2px rgba(15,17,21,.04) !important;
}
/* исключение оболочек остаётся в силе */
.main-section .input-shell input,
.main-section .select-shell input {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

/* v3 — усиленная специфичность против инлайн-стилей шаблонов */
html body .main-section input[type="text"],
html body .main-section input[type="email"],
html body .main-section input[type="tel"],
html body .main-section input[type="number"],
html body .main-section input[type="date"],
html body .main-section select,
html body .main-section textarea {
	background: linear-gradient(180deg, #ffffff 0%, #e9eef5 100%) !important;
	border: 2px solid #b3bfcc !important;
	border-radius: 10px !important;
	box-shadow:
		inset 0 1px 0 #ffffff,
		inset 0 -3px 5px rgba(15,17,21,.05),
		0 2px 4px rgba(15,17,21,.10),
		0 6px 14px -5px rgba(15,17,21,.16) !important;
}
html body .main-section input:focus,
html body .main-section select:focus,
html body .main-section textarea:focus {
	border-color: #F01A26 !important;
	box-shadow: 0 0 0 4px rgba(240,26,38,.14), inset 0 1px 2px rgba(15,17,21,.04) !important;
}
html body .main-section .input-shell input,
html body .main-section .select-shell input,
html body .main-section .input-shell input:focus,
html body .main-section .select-shell input:focus {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

/* select2-виджеты (выбор пункта выдачи и т.п.) — тот же объёмный стиль */
html body .main-section .select2-container .select2-selection {
	background: linear-gradient(180deg, #ffffff 0%, #e9eef5 100%) !important;
	border: 2px solid #b3bfcc !important;
	border-radius: 10px !important;
	box-shadow:
		inset 0 1px 0 #ffffff,
		0 2px 4px rgba(15,17,21,.10),
		0 6px 14px -5px rgba(15,17,21,.16) !important;
}
html body .main-section .select2-container--open .select2-selection,
html body .main-section .select2-container--focus .select2-selection {
	border-color: #F01A26 !important;
	box-shadow: 0 0 0 4px rgba(240,26,38,.14) !important;
}