/* common ---------------------------------------------- */
.request .main {
	width: 1032px;
}
.request .ico {
	background: #d6ecff;
	color: #0D3C9B;
	width: 32px;
	height: 32px;
	border-radius: 50%;
}
.request .item:not(.active,.saved) .circ {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid #d0d5dd;	
}
.request .item:not(.active,.saved) .circ svg {
	display: none;
}
.request-hd {
	color: #101828;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	padding-bottom: 16px;
}
.request .grow {
	flex-grow: 1;
}
.request .quantity {
	width: 142px;
}
.request .upper-hd {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.43;
}
.request .small-block {
	width: 768px;
	margin: 0 auto;
}
.request a.warning {
	line-height: 1.5;
}
.request a.warning svg {
	margin: 0 10px 0 -4px;
}
.request a.warning:hover {
	text-decoration: none;
}
.request .warning b {
	font-weight: 700;
}
.request:not(.user-page) .user-head {
	display: none;
}
.warning-text ol .circle li {
	margin: 8px 0;
}
/* warning-arr */
.warning-arr.warning {
	border: 1px solid #eaecf0;
	border-radius: 12px;
	background: #fffcf5;
	height: 52px;
	padding: 8px 24px;
	overflow: hidden;
	transition: all 0.2s;
}
.warning-arr.warning.bgred {
	background: var(--pink50);
	border-color: rgb(255, 158, 179);
}
.warning-head {
	gap: 12px;
	height: 36px;
	font-weight: 500;
	font-size: 16px;
	color: #f79009;
}
.warning-arr.warning.active {
	height: auto;
	padding: 12px 24px;
}
.warning-text {
	padding-top: 12px;
}
.warning-text .circle li {
	margin-top: 16px;
	display: flex;
	gap: 12px;
}
.warning-text .circle li svg {
	width: 24px;
	height: 24px;
}
.warning-arr .icon {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	outline: 5px solid #fffaeb;
	background: #fef0c7;
	color: #dc6803;
}
.warning-arr.active .arr svg {
	transform: rotate(-180deg);
}
.warning-arr .arr {
	width: 36px;
	height: 36px;
	cursor: pointer;
	color: #f79009;
}
.warning-text strong, .warning-text ol li::marker {
	font-weight: 500;
	color: var(--gray900);
}
.warning-text ol {
	list-style: decimal;
	margin-left: 20px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.warning-arr.bgred .icon {
	outline: none;
	background: var(--pink100);
	color: var(--pink600);
}
.warning-arr.bgred .warning-head, .warning-arr.bgred .arr {
	color: var(--pink600);
}
/* tarif */
.tarif {
	margin: 0 -64px;
	position: relative;
}
.tarif .items {
	display: flex;
	justify-content: center;
	gap: 16px;
}
.tarif .items.init .item {
	opacity: 0;
	pointer-events: none;
}
.tarif .item {
	width: 375px;
	border: 1px solid var(--gray300);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, .05);
	color: #0d2459;
	cursor: pointer;
	transition: box-shadow 0.2s;
}
.tarif .item:not(.active):hover {
	box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, .03), 0px 12px 16px -4px rgba(16, 24, 40, .08);
}
.tarif .item-hd {
	padding: 0 16px;
	background: var(--blue50);
	font-size: 15px;
	font-weight: 500;
	gap: 16px;
	height: 60px;
}
.tarif .item svg:not(.sm) {
	width: 20px;
	height: 20px;
}
.tarif .item-block {
	padding: 8px 16px;
	/*height: 264px;*/
	overflow: hidden;
}
.tarif .date {
	margin-top: 8px;
	gap: 8px;
	color: #0d2459;
	line-height: 1.43;
}
.tarif .num {
	font-size: 30px;
	font-weight: 600;
}
.tarif ul {
	margin: 16px 0;
}
.tarif li {
	display: flex;
	gap: 6px;
	color: #667085;
	line-height: 1.43;
}
.tarif li:not(:first-child) {
	margin-top: 6px;
}
.tarif li.has-world {
	display: none;
}
.tarif .item[data-name="Express"] li.has-world {
	display: flex;
}
.form:not(.world) .inn {
	display: none;
}
.tarif li a {
	text-decoration: underline;
}
.tarif li a:hover {
	text-decoration: none;
}
.tarif .price {
	background: var(--blue50);
	border-radius: 8px;
	height: 38px;
}
.tarif .price span {
	padding-right: 6px;
}
.tarif .delivery {
	font-size: 16px;
	height: 48px;
	padding-top: 8px;
	text-align: center;
}
.tarif .item.active {
	border-color: #0d3c9b;
}
.tarif .item.active .item-hd, .tarif .item.active .price {
	background: #f4faff;
}
/* services */
.services-head {
	background: var(--blue50);
	cursor: pointer;
	height: 46px;
	justify-content: center;
	gap: 16px;
	border-radius: 8px;
	border: 1px solid var(--blue900);
}
.services .request-hd {
	padding-bottom: 0;
}
.services-head:not(.active) svg:last-child, .services-head.active svg:first-child {
	display: none;
}
.services .items {
	display: none;
}
.request .items.non-select {
	pointer-events: none;
}
.request .items.non-select .item .circ {
	display: none;
}
.request .items.non-select .item {
	cursor: default;
}
.services .item {
	margin-top: 16px;
	border: 1px solid var(--gray300);
	border-radius: 8px;
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, .05);
	color: #0d2459;
	background: #fcfcfd;
	cursor: pointer;
	transition: all 0.2s;
}
.services .item.disabled {
	cursor: default;
	color: #d0d5dd !important;
	background: #f9fafb;
}
.services .item.active {
	background: var(--blue50);
	border: 1px solid #0d3c9b;
}
.services .item:not(.active,.disabled):hover {
	box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, .03), 0px 12px 16px -4px rgba(16, 24, 40, .08);
}
.services .item-hd {
	gap: 16px;
	padding: 16px;
	line-height: 1.43;
	color: #667085;
	align-items: flex-start;
}
.services .item-hd b {
	font-weight: 500;
	font-size: 16px;
}
.services .item:not(.disabled) .item-hd b {
	color: #344054;
}
.services .ico {
	border: 4px solid #eff8ff;
	flex-shrink: 0;
}
.services .disabled .ico {
	color: #d0d5dd;
	border-color: #f9fafb;
	background: #f2f4f7;
}
.services .disabled .item-hd {
	color: #d0d5dd;
}
.services .item:not(.active) .item-block {
	display: none;
}
.services .item-block {
	border-top: 1px solid #0d3c9b;
	padding: 32px 64px;
	background: #fcfcfd;
	border-radius: 0 0 8px 8px;
	cursor: default;
}
#service-return .columns {
	gap: 16px;
} 
#service-return .column {
	width: 142px;
}
#select-return .quantity {
	margin: 0;
}
#select-return .important {
	margin: 8px 0 32px;
}
#service-return .buttons {
	margin-top: 32px;
	display: flex;
	gap: 12px;
}
#service-return .buttons .button {
	flex: 1;
}
/* form ---------------------------------------------- */
/* common */
.request-form .form {
	gap: 0;
}
.request .input-el {
	display: flex;
	gap: 12px;
}
.request .input-el .input {
	flex-grow: 1;
}
.request .extra {
	width: 128px;
	flex-shrink: 0;
}
.request .form-head {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-bottom: 8px;
}
.request .section .buttons {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: space-between;
	pointer-events: none;
}
.request .section .button {
	pointer-events: auto;
}
.request:has(.request-block.active) .buttons {
	display: flex;
}
.request .step {
	position: relative;
	margin-bottom: 32px;
	padding-top: 40px;
}
.request .step ul {
	display: flex;
	gap: 8px;
}
.request .step li {
	background: #f3f3f5;
	border-radius: 4px;
	flex: 1;
	height: 8px;
}
.request .step li span {
	position: absolute;
	left: 0;
	top: 0;
}
.request .step li:not(.current) span {
	display: none; 
}
.request .step li.active {
	background: #039855;
}
.request-form .buttons {
	margin-top: 48px;
}
.request-form .buttons.long {
	margin: 52px 132px 20px;
}
.request-form .buttons.long .button {
	flex: 1;
}
.request-block {
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.request-block:not(.active) {
	display: none;
}
/* form - step1 ---------------------------------------------- */
#request-main .columns {
	margin-top: 0;
}
.request-dates .item:not(:first-child) {
	margin-top: 20px;
}
.request-dates .label {
	gap: 8px;
}
.request-dates.morning-deny:has(.today.active) .time-list li:nth-child(2) {
	display: none;
}
.request-dates .date-list {
	overflow: hidden;
}
.request-dates .date-list ul {
	display: flex;
	flex-shrink: 0;
	flex-wrap: nowrap;
	gap: 8px;
	height: 48px;
	overflow: hidden;
	overflow-x: auto;
	scrollbar-width: thin;
}
.request-dates .date-list li {
	height: 40px;
	padding: 0 16px;
	display: flex;
	white-space: nowrap;
	align-items: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	color: var(--gray700);
	cursor: pointer;
	background: var(--gray100);
	border-radius: 6px;
	transition: all 0.2s;
}
.request-dates .date-list li:hover {
	background: var(--gray200);
	color: var(--gray900);
}
.request-dates .date-list li.active {
	background: var(--blue900);
	color: #fff;
}
.order-block .title {
	padding: 32px 0 20px;
}
/* plus & minus */
#request-main .add {
	gap: 4px;
	color: var(--pink600);
	font-size: 16px;
	font-weight: 500;
	margin-top: 20px;
}
#request-main .add > * {
	cursor: pointer;
}
#request-main .add:not(.active) .minus, #request-main .add.active .plus {
	display: none;
}
#request-main .prim {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
/* form - step2 ---------------------------------------------- */
/* descr */
#request-descr .block {
	padding: 0;
	border: 0;
	box-shadow: none;
}
.descr-block .items {
	display: flex;
	justify-content: center;
	gap: 16px;
	margin-top: 16px;
}
.request .descr-block .relative {
	margin-left: 16px;
}
.request .descr-block .form-error {
	padding-top: 16px;
}
.request .descr-block .item {
	text-align: center;
}
.request .descr-block .im {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #d0d5dd;
	width: 150px;
	height: 150px;
	border-radius: 16px;
	overflow: hidden;
	cursor: pointer;
	margin-bottom: 8px;
}
.request .descr-block .item.active .im {
	border: 2px solid #0d3c9b;
	background: #f4faff;
}
.request .descr-block .item.disabled .im {
	cursor: default;
	background: var(--gray200);
	border-color: var(--gray200);
}
.request .descr-block .item.disabled img {
	filter: grayscale(100%);
}
.request .descr-block .item.disabled .gray-900 {
	color: var(--gray400);
}

.request .descr-block .im img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.request .descr-block textarea.inp {
	width: 420px;
	height: 150px;
}
/* tabs */
.request-tabs .nav-tabs {
	margin: 32px 0;
}
.form .request-tabs .column {
	flex: 0;
}
.request-tabs .cargo .columns {
	gap: 16px;
}
.request-tabs .inpboxes {
	width: 320px;
}
.block-package .inpboxes {
	opacity: 0;
	pointer-events: none;
}
.request-tabs .inpboxes input.inp {
	outline: none !important;
}
.request-tabs .place-row > div {
	display: flex;
	gap: 16px;
	position: relative;
	margin-left: 40px;
}
.request-tabs .place-row > div:after {
	bottom: 22px;
}
.request-tabs .place-row .place-box + .form-error {
	margin-top: -6px;
	margin-bottom: 12px;
}
/* package */
.request-package .items {
	width: 535px;
	margin-top: 16px;
}
.request-package .item {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	line-height: 1.5;
	color: #98a2b3;
	gap: 16px;
	border: 1px solid #EAECF0;
	border-radius: 16px;
	padding: 16px;
	margin-bottom: 24px;
	background: #fcfcfd;
}
.package-hd {
	text-transform: uppercase;
}
.request-package .form-item {
	display: flex;
	align-items: center;
	gap: 16px;
}
.request-package .col.first {
	width: 170px;
}
.request-package .col.first .flex {
	gap: 6px;
}
.form .request-package .title {
	font-size: 18px;
	font-weight: 500;
	color: var(--gray900);
}
.request-package .col p {
	margin-top: 4px;
}
.request-package .warning {
	gap: 8px;
}
.request-package .important.warning span {
  background: #f48e09;
  color: #fff;
}
.request-package .form-item.active .price {
	color: #DE0F4D;
}
/* form - step3 ---------------------------------------------- */
/* service return */
#service-return .warning {
	margin: 8px 0 32px;
}
#service-return .select-service {
	margin-top: 16px;
}
#service-return .place-row > div::after {
	display: none;
}
#service-return .place-box {
	position: relative;
	padding-top: 72px;
}
.place-head {
	position: absolute;
	left: 0;
	top: 16px;
	width: 100%;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #de0f4d;
	text-transform: uppercase;
	border-bottom: 1px solid #eaecf0;
}
#service-return .place-row .place-head span:after {
	content: counter(num);
	counter-increment: num;
	padding-left: 4px;
}
#service-return .place-row > div {
	display: flex;
	gap: 16px;
}
#service-return .inpboxes {
	width: 320px;
}
#service-return .delete {
	color: #de0f4d;
}
#service-return .inpboxes .inp.flex {
	position: relative;
}
#service-return .input-icon.right {
	right: 7px;
}
#service-return .inpboxes .volume {
	padding-left: 14px;
}
#service-return .hd {
	color: #c2c6ce;
	text-transform: uppercase;
	padding: 32px 0 16px;
}
#service-return textarea.inp[readonly] {
	color: #404653;
	line-height: 1.5;
	margin-bottom: 6px;
}
#service-return .button {
	width: 100%;
}
/* service list */
.form.world .services .item.ru_only, .form[data-type="cargo"] .services .item.no_cargo {
	display: none;
}
.services .list-item {
	display: none;
	margin-top: 16px;
}
.services .list-item.active {
	display: block;
}
.services .list-item .warning {
	display: inline-flex;
	align-items: center;
	padding-right: 10px;
	margin-top: -4px;
}
.services .list-item .input-icon {
	color: #667085;
}
/* insurance */
.insurance {
	display: block;
	border-radius: 16px;
	border: 1px solid #eaecf0;
	background: #fff;
	padding: 24px;
	margin-top: 16px;
}
.insurance .flex {
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 16px;
}
.insurance .title {
	font-size: 18px;
	font-weight: 500;
	color: #101828;
}
.insurance .icon {
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	color: #363F72;
	border-radius: 16px;
	background: #f8f9fc;
	padding: 2px 10px;
}
.insurance .download {
	color: #667085;
	font-size: 16px;
	font-weight: 500;
	height: 24px;
	display: flex;
	align-items: center;
	gap: 4px;
	transition: all 0.2s;
}
.insurance:hover {
	text-decoration: none;
	box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, .03), 0px 12px 16px -4px rgba(16, 24, 40, .08);
}
.insurance:hover .title {
	text-decoration: underline;
}
.insurance:hover .download {
	color: #e53f71;
}
/* payment */
.payment .item.disabled {
	cursor: default;
	background: #f9fafb;
}
.payment .item.disabled .title, .payment .item.disabled .text, .payment .item.disabled .payment-icon {
	color: var(--gray300);
}
.payment-type .item.disabled .circ {
	background: #f2f4f7;
}
/* calculate */
.request-calc .block {
	display: flex;
	gap: 4px;
	border-color: #0d3c9b;
	background: #fcfcfd;
}
.request-calc .items {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.request-calc .total {
	background: #0d2459;
	border-radius: 4px;
	width: 196px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 14px;
	color: #fff;
}
.request-calc .total p {
	gap: 8px;
}
.request-calc .total div {
	font-size: 30px;
	font-weight: 600;
	line-height: 1.27;
}
.request-calc .dark {
	font-size: 16px;
	color: #344054;
	font-weight: 500;
}
.request-calc .dark.flex {
	border-bottom: 1px solid #eaecf0;
	gap: 10px;
	padding-bottom: 13px;
}
.request-calc ul {
	margin: 16px 0;
}
.request-calc li {
	display: flex;
	align-items: center;
	gap: 6px;
}
.request-calc li svg {
	width: 20px;
	height: 20px;
	color: #039855;
}
.request-calc ul li:not(:first-child) {
	margin-top: 8px;
}
.request-calc .date {
	display: flex;
	gap: 12px;
}
.request-calc .rub::after {
	content: ' \20BD';
	padding-left: 4px;
}
/* cargo */
#request-service .important.bgred {
	display: none;
	margin-top: 16px;
	height: auto;
	padding: 4px;
	gap: 8px;
	align-items: center;
}
.important.bgred {
	background: var(--pink50);
	color: var(--pink700);
}
.important.bgred span {
	background: var(--pink500);
	white-space: nowrap;
}
.important.bgred p {
	margin-right: 10px;
	font-size: 12px;
	line-height: 1.5;
}
.important.bgred svg.sm {
	margin-right: 6px;
}
.request-form .form[data-type="cargo"] #request-service .payment:has(.item.active[data-value="card"]) .important.warning-online {
	display: flex;
}
.request-form .form #request-service .payment:has(.item.active[data-value="card"],.item.active[data-value="nal"]) .important.warning-app {
	display: flex;
}
/* form - step4 ---------------------------------------------- */
#request-confirm {
	gap: 16px;
}
#request-confirm .request-hd {
	padding-bottom: 0;
}
#request-confirm .block {
	border-radius: 16px;
	padding: 16px;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	background: #fcfcfd;
}
#request-confirm .block .title {
	font-size: 18px;
}
.confirm-item {
	width: calc(50% - 8px);
	border-radius: 16px;
	padding: 24px;
	transition: all 0.2s;
	cursor: pointer;
}
.confirm-item:hover {
	background: #f2f4f7;
}
.confirm-item.wide {
	width: 100%;
}
#request-confirm .title {
	margin-bottom: 6px;
}
#request-confirm .edit {
	width: 44px;
	height: 44px;
	color: #98a2b3;
	flex-shrink: 0;
	margin-left: 24px;
}
.confirm-item:hover .edit {
	color: #475467;
}
#request-confirm .comments {
	margin: 16px 0 4px;
}
.back-email .form-item {
	width: 320px;
	color: var(--gray500);
}
#request-confirm .confirm-block {
	border-color: #0d3c9b;
	outline: 4px solid #D6ECFF;
}
#request-confirm .confirm-block:has(.switch-control.active) {
	border-color: var(--gray200);
	outline: none;
}
/* success ---------------------------------------------- */
.request .success {
	width: 1032px;
	margin: 0 auto;
}
.request .success-top {
	border-radius: 16px;
	height: 80px;
	background-color: #0D2459;
	background-image: linear-gradient(to right, #0D2459, #0D3C9B);
	color: #fff;
}
.request .success-top .icon {
	margin: 0 24px;
}
.request .success .title {
	flex: 1;
	font-size: 24px;
	line-height: 1.33;
	font-weight: 500;
}
.request .pattern {
	width: 343px;
	height: 100%;
	flex-shrink: 0;
	background: url("../images/pattern.png");
	background-size: cover;
}
.request .success-data {
	margin-top: 16px;
	border: 1px solid #eaecf0;
	border-radius: 16px;
	padding: 24px;
}
.request .success.invoice-only .success-data:not(.success-call), .request .success:not(.invoice-only) .success-call {
	display: none;
}
.request .success.back-mail .success-phone, .request .success:not(.back-mail) .success-mail {
	display: none;
}
.request .green {
	color: #039855;
	background: #f6fef9;
}
.request .red {
	background: #fffbfb;
	color: #de0f4d;
}
.request .yellow {
	background: #fffcf5;
	color: #de7010;
}
.request .yellow:hover {
	background: #FFFAEB;
}
.request .blue {
	color: #0d3c9b;
	background: #f4faff;
}
.request .blue:hover {
	background: #EDF7FF;
}
.request .success-data .flex {
	gap: 24px;
}
.request .success-data .text {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.request .success .text.gap6 {
	gap: 6px;
}
.request .success .text p strong {
	font-weight: 500;
}
.request .success-data.warning-app {
	background: var(--pink50);
	color: var(--pink600);
	border-color: var(--pink300);
}
.request .success-data.warning-app .text {
	color: var(--pink600);
	font-size: 24px;
	font-weight: 500;
}
.request-form:has(.payment .item.active[data-value="beznal"]) .success-data.warning-app {
	display: none;
}
.request .success .line {
	margin: 24px 0;
	height: 1px;
	background: #eaecf0;
}
.request .success-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.request .success-tags li > * {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 48px;
	padding: 0 12px;
	border-radius: 8px;
	font-weight: 500;
	font-size: 14px;
}
.request .success-tags li a:hover {
	text-decoration: none;
}
.request .success-tags li svg:not(.sm) {
	width: 24px;
	height: 24px;
}
.request-form .success .buttons {
	margin-top: 52px;
}
.request:has(.success.active) .user-head .buttons {
	display: none;
}
/* fail */
.request .success.fail {
	display: block;
}
.request .success.fail .success-top {
	background-image: linear-gradient(to right, var(--pink700), var(--pink500));
}