/* Start:/local/templates/shop.qwelp.ru/components/bitrix/sale.personal.section/qwelp/style.css?176907131951995*/
/* Personal Section Component */
.personal-section {
	padding-block: var(--section-padding-y);
}

.personal-section__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
}

@media (max-width: 991px) {
	.personal-section__grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 1rem;
	}
}

@media (max-width: 767px) {
	.personal-section__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 0.75rem;
	}
}

@media (max-width: 479px) {
	.personal-section__grid {
		grid-template-columns: 1fr;
	}
}

.row.sale-order-detail {
    grid-template-columns: 1fr;
}

.personal-section__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	padding: 2rem 1.5rem;
	background-color: var(--color-white);
	border: var(--border-width-s) solid var(--color-stroke);
	border-radius: var(--border-radius-m);
	text-decoration: none;
	color: var(--color-dark-text);
	transition: all var(--transition-duration) ease;
}

.personal-section__item:hover {
	border-color: var(--color-primary);
	box-shadow: 0 0.25rem 1rem var(--color-primary-rgba-alpha-10);
	transform: translateY(-0.125rem);
}

.personal-section__item:hover .personal-section__icon {
	color: var(--color-primary);
}

.personal-section__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	color: var(--color-light-text);
	transition: color var(--transition-duration) ease;
}

.personal-section__icon svg {
	width: 100%;
	height: 100%;
}

.personal-section__name {
	font-family: var(--font-family-base);
	font-size: 0.9375rem;
	font-weight: 600;
	text-align: center;
	color: var(--color-title);
	line-height: 1.3;
}

@media (max-width: 767px) {
	.personal-section__item {
		padding: 1.5rem 1rem;
		gap: 0.75rem;
	}

	.personal-section__icon {
		width: 2.5rem;
		height: 2.5rem;
	}

	.personal-section__name {
		font-size: 0.875rem;
	}
}

/* ===== Personal Page Layout ===== */
.personal-page {
	padding-block: var(--section-padding-y);
}

.personal-page__layout {
	display: grid;
	grid-template-columns: 18rem 1fr;
	gap: 2rem;
	align-items: start;
}

.personal-page__layout--center {
	display: flex;
	justify-content: center;
}

@media (max-width: 991px) {
	.personal-page__layout {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
}

.personal-page__sidebar {
	position: sticky;
	top: 1.5rem;
}

@media (max-width: 991px) {
	.personal-page__sidebar {
		position: static;
	}
}

.personal-page__content {
	min-width: 0;
}

/* ===== Personal Menu ===== */
.personal-menu {
	background-color: var(--color-white);
	border: var(--border-width-s) solid var(--color-stroke);
	border-radius: var(--border-radius-m);
	overflow: hidden;
}

.personal-menu__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.personal-menu__item {
	border-bottom: var(--border-width-s) solid var(--color-stroke);
}

.personal-menu__item:last-child {
	border-bottom: none;
}

.personal-menu__link {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 1rem 1.25rem;
	text-decoration: none;
	color: var(--color-dark-text);
	transition: all var(--transition-duration) ease;
}

.personal-menu__link:hover {
	background-color: var(--color-primary-rgba-alpha-08);
	color: var(--color-primary);
}

.personal-menu__link--active {
	background-color: var(--color-primary-rgba-alpha-10);
	color: var(--color-primary);
	font-weight: 600;
}

.personal-menu__link--active .personal-menu__icon {
	color: var(--color-primary);
}

.personal-menu__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	flex-shrink: 0;
	color: var(--color-light-text);
	transition: color var(--transition-duration) ease;
}

.personal-menu__icon svg {
	width: 100%;
	height: 100%;
}

.personal-menu__link:hover .personal-menu__icon {
	color: var(--color-primary);
}

.personal-menu__name {
	font-family: var(--font-family-base);
	font-size: 0.875rem;
	line-height: 1.3;
}

@media (max-width: 991px) {
	.personal-menu__list {
		display: flex;
		flex-wrap: wrap;
		gap: 0.25rem;
		padding: 0.5rem;
	}

	.personal-menu__item {
		border-bottom: none;
	}

	.personal-menu__link {
		padding: 0.625rem 1rem;
		border-radius: var(--border-radius-s);
		gap: 0.5rem;
	}

	.personal-menu__icon {
		width: 1.25rem;
		height: 1.25rem;
	}

	.personal-menu__name {
		font-size: 0.8125rem;
	}
}

@media (max-width: 479px) {
	.personal-menu__list {
		flex-direction: column;
		gap: 0;
		padding: 0;
	}

	.personal-menu__item {
		border-bottom: var(--border-width-s) solid var(--color-stroke);
	}

	.personal-menu__item:last-child {
		border-bottom: none;
	}

	.personal-menu__link {
		border-radius: 0;
	}
}

/* ===== Personal Private Page ===== */
.personal-private__content {
	max-width: 32rem;
	width: 100%;
}

.personal-private__alert {
	padding: 1rem 1.25rem;
	border-radius: var(--border-radius-s);
	margin-bottom: 1.5rem;
	font-size: 0.875rem;
}

.personal-private__alert--error {
	background-color: rgba(220, 38, 38, 0.1);
	color: var(--color-red);
	border: var(--border-width-s) solid var(--color-red);
}

.personal-private__form {
	background-color: var(--color-white);
	border: var(--border-width-s) solid var(--color-stroke);
	border-radius: var(--border-radius-m);
	padding: 2rem;
}

@media (max-width: 767px) {
	.personal-private__form {
		padding: 1.5rem;
	}
}

/* ===== Personal Account Page ===== */
.personal-account__balance {
	margin-bottom: 2rem;
}

.personal-account__title {
	font-family: var(--font-heading);
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--color-title);
	margin-bottom: 1rem;
}

/* ========================================
   Sale Order Detail - Order Details Page
   ======================================== */

/* Reset Bootstrap grid conflicts */
.sale-order-detail,
.sale-order-detail .row {
	display: block;
}

.sale-order-detail .col,
.sale-order-detail [class*="col-"] {
	width: 100%;
	max-width: 100%;
	padding: 0;
}

/* Page Title */
.sale-order-detail h1 {
	font-family: var(--font-heading, "Montserrat", sans-serif);
	font-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.75rem);
	font-weight: 600;
	color: var(--color-title, #25262B);
	margin-bottom: 1rem;
	line-height: 1.3;
}

/* Back Link */
.sale-order-detail > .col > .mb-3 > a,
.sale-order-detail a[href*="/orders/"] {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	color: var(--color-primary, #0d2480);
	font-size: 0.875rem;
	font-weight: 500;
	text-decoration: none;
	transition: color var(--transition-duration, 0.2s) ease;
}

.sale-order-detail > .col > .mb-3 > a:hover,
.sale-order-detail a[href*="/orders/"]:hover {
	color: var(--color-primary-600, #0b1f73);
}

/* ===== Main Card Container ===== */
.sale-order-detail-card {
	background-color: var(--color-white, #fff);
	border: var(--border-width-s, 1px) solid var(--color-stroke, #e1e4ef);
	border-radius: var(--border-radius-l, 12px);
	padding: 1.5rem;
	margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
	.sale-order-detail-card {
		padding: 1rem;
		border-radius: var(--border-radius-m, 10px);
	}
}

/* Card Title */
.sale-order-detail-card > h2,
.sale-order-detail-card-title {
	font-family: var(--font-heading, "Montserrat", sans-serif);
	font-size: clamp(1rem, 0.9rem + 0.3vw, 1.25rem);
	font-weight: 600;
	color: var(--color-title, #25262B);
	margin: 0 0 1.5rem 0;
	padding-bottom: 1rem;
	border-bottom: var(--border-width-s, 1px) solid var(--color-stroke, #e1e4ef);
	line-height: 1.4;
}

/* ===== Section Titles ===== */
.sale-order-detail-section-title {
	font-family: var(--font-heading, "Montserrat", sans-serif);
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-title, #25262B);
	margin: 0;
	padding: 1rem 1.25rem;
	background-color: var(--color-grey-5, #F3F4F8);
	border-radius: var(--border-radius-s, 8px);
	margin-bottom: 1rem;
}

/* ===== Property Labels and Values ===== */
.sale-order-detail-prop-name {
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--color-light-text, #76767D);
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin-bottom: 0.25rem;
}

.sale-order-detail-prop-value {
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--color-title, #25262B);
	line-height: 1.4;
}

/* ===== Order Info Grid ===== */
.sale-order-detail-card > .row.mb-3 > .col.p-0 > .row.m-0 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 1.5rem;
	padding: 1rem 0;
}

@media (max-width: 767px) {
	.sale-order-detail-card > .row.mb-3 > .col.p-0 > .row.m-0 {
		grid-template-columns: 1fr;
		gap: 1rem;
	}
}

/* ===== Action Buttons ===== */
.sale-order-detail .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.625rem 1.25rem;
	font-family: var(--font-family-base, "Nunito", sans-serif);
	font-size: 0.875rem;
	font-weight: 600;
	border-radius: var(--border-radius-xs, 6px);
	text-decoration: none;
	cursor: pointer;
	transition: all var(--transition-duration, 0.2s) ease;
	border: none;
	white-space: nowrap;
	line-height: 1.4;
}

.sale-order-detail .btn-primary {
	background-color: var(--color-primary, #0d2480);
	color: #fff !important;
}

.sale-order-detail .btn-primary:hover {
	background-color: var(--color-primary-600, #0b1f73);
	color: #fff !important;
}

/* btn-link - кнопка "Отменить" с видимым фоном */
.sale-order-detail .btn-link {
	background-color: var(--color-grey-5, #F3F4F8);
	color: var(--color-red, #dc2626);
	padding: 0.5rem 1rem;
	border: var(--border-width-s, 1px) solid transparent;
}

.sale-order-detail .btn-link:hover {
	color: var(--color-red, #dc2626);
	background-color: rgba(220, 38, 38, 0.12);
	border-color: var(--color-red, #dc2626);
}

.sale-order-detail .btn-sm {
	padding: 0.5rem 1rem;
	font-size: 0.8125rem;
}

/* btn-block - полноразмерная кнопка */
.sale-order-detail .btn-block {
	display: inline-flex;
	width: auto;
	min-width: 140px;
}

.sale-order-detail .btn-success {
	background-color: var(--color-green, #32C011);
	color: #fff;
}

.sale-order-detail .btn-success:hover {
	background-color: #2aa80e;
	color: #fff;
}

/* ===== More Info Toggle ===== */
.sale-order-detail-more-info-more,
.sale-order-detail-more-info-less {
	color: var(--color-primary, #0d2480);
	font-size: 0.8125rem;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	transition: color var(--transition-duration, 0.2s) ease;
}

.sale-order-detail-more-info-more:hover,
.sale-order-detail-more-info-less:hover {
	color: var(--color-primary-600, #0b1f73);
}

/* ===== Detailed Info Section ===== */
.sale-order-detail-more-info-details {
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	border-top: var(--border-width-s, 1px) solid var(--color-stroke, #e1e4ef);
}

.sale-order-detail-more-info-details-title {
	font-family: var(--font-heading, "Montserrat", sans-serif);
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--color-title, #25262B);
	margin: 0 0 1rem 0;
}

/* User Info Table */
.sale-order-detail-more-info-details-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.875rem;
}

.sale-order-detail-more-info-details-table th,
.sale-order-detail-more-info-details-table td {
	padding: 0.75rem 1rem;
	text-align: left;
	border: var(--border-width-s, 1px) solid var(--color-stroke, #e1e4ef);
}

.sale-order-detail-more-info-details-table th {
	background-color: var(--color-grey-5, #F3F4F8);
	color: var(--color-light-text, #76767D);
	font-weight: 500;
	width: 40%;
}

.sale-order-detail-more-info-details-table td {
	background-color: var(--color-white, #fff);
	color: var(--color-dark-text, #25262b);
}

.sale-order-detail-more-info-details-table a {
	color: var(--color-primary, #0d2480);
	text-decoration: none;
}

.sale-order-detail-more-info-details-table a:hover {
	text-decoration: underline;
}

/* ===== Payment Section ===== */
.sale-order-detail-payment-options-info-order-number {
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--color-title, #25262B);
	margin-bottom: 0.5rem;
}

.sale-order-detail-payment-options-info-total-price {
	font-size: 0.875rem;
	color: var(--color-light-text, #76767D);
}

.sale-order-detail-payment-options-info-total-price span {
	font-weight: 700;
	color: var(--color-title, #25262B);
}

/* Payment Methods Container */
.sale-order-detail-payment-options-methods-container {
	margin-top: 1rem;
}

.sale-order-detail-payment-options-methods {
	background-color: var(--color-white, #fff);
	border: var(--border-width-s, 1px) solid var(--color-stroke, #e1e4ef);
	border-radius: var(--border-radius-m, 10px);
	overflow: hidden;
}

.sale-order-detail-payment-options-methods-information-block {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem;
	padding: 1rem 1.25rem;
}

/* Payment Method Image */
.sale-order-detail-payment-options-methods-image-container {
	flex-shrink: 0;
}

.sale-order-detail-payment-options-methods-image-element {
	display: block;
	width: 4rem;
	height: 2.5rem;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/* Payment Method Info */
.sale-order-detail-payment-options-methods-info {
	flex: 1;
	min-width: 200px;
    margin-bottom: 1.5rem;
}

.sale-order-detail-methods-title {
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--color-title, #25262B);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
}

.sale-order-list-payment-title-element {
	font-weight: 500;
	color: var(--color-dark-text, #25262b);
}

/* Payment Status Badges */
.sale-order-detail-payment-options-methods-info-title-status-alert {
	display: inline-flex;
	padding: 0.25rem 0.625rem;
	font-size: 0.75rem;
	font-weight: 600;
	border-radius: var(--border-radius-xxs, 5px);
	background-color: rgba(220, 38, 38, 0.1);
	color: var(--color-red, #dc2626);
}

.sale-order-detail-payment-options-methods-info-title-status-success {
	display: inline-flex;
	padding: 0.25rem 0.625rem;
	font-size: 0.75rem;
	font-weight: 600;
	border-radius: var(--border-radius-xxs, 5px);
	background-color: rgba(50, 192, 17, 0.1);
	color: var(--color-green, #32C011);
}

/* Payment Sum */
.sale-order-detail-sum-name {
	color: var(--color-light-text, #76767D);
	font-size: 0.875rem;
}

.sale-order-detail-sum-number {
	font-weight: 700;
	color: var(--color-title, #25262B);
}

/* Change Payment Link */
.sale-order-detail-payment-options-methods-info-change-link {
	display: inline-block;
	margin-top: 0.5rem;
	color: var(--color-primary, #0d2480);
	font-size: 0.8125rem;
	text-decoration: none;
}

.sale-order-detail-payment-options-methods-info-change-link:hover {
	text-decoration: underline;
}

/* Payment Button Container */
.sale-order-detail-payment-options-methods-button-container {
	flex-shrink: 0;
}

.sale-order-detail-payment-options-methods-button-container .btn,
.sale-order-detail-payment-options-methods-button-container button {
	padding: 0.625rem 1.5rem;
	font-size: 0.875rem;
	font-weight: 600;
	border-radius: var(--border-radius-xs, 6px);
	background-color: var(--color-primary, #0d2480);
	color: #fff;
	border: none;
	cursor: pointer;
	transition: all var(--transition-duration, 0.2s) ease;
}

.sale-order-detail-payment-options-methods-button-container .btn:hover,
.sale-order-detail-payment-options-methods-button-container button:hover {
	background-color: var(--color-primary-600, #0b1f73);
}

/* Payment Form Template */
.sale-order-detail-payment-options-methods-template {
	display: none;
	padding: 1.5rem;
	background-color: var(--color-grey-5, #F3F4F8);
	border-top: var(--border-width-s, 1px) solid var(--color-stroke, #e1e4ef);
}

.sale-paysystem-close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	cursor: pointer;
}

.sale-order-payment-cancel {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	position: relative;
}

.sale-order-payment-cancel::before,
.sale-order-payment-cancel::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1rem;
	height: 2px;
	background-color: var(--color-light-text, #76767D);
	transform-origin: center;
}

.sale-order-payment-cancel::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.sale-order-payment-cancel::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

/* Back Link in Payment */
.sale-order-list-cancel-payment {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	color: var(--color-primary, #0d2480);
	font-size: 0.875rem;
	text-decoration: none;
	margin-top: 1rem;
}

.sale-order-list-cancel-payment:hover {
	text-decoration: underline;
}

/* ===== Shipment Section ===== */
.sale-order-detail-payment-options-shipment {
	background-color: var(--color-white, #fff);
	border: var(--border-width-s, 1px) solid var(--color-stroke, #e1e4ef);
	border-radius: var(--border-radius-m, 10px);
	padding: 1.25rem !important;
}

.sale-order-detail-payment-options-shipment > .row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 1rem;
}

/* Shipment Image */
.sale-order-detail-payment-options-shipment-image-container {
	flex-shrink: 0;
	width: auto;
	max-width: 5rem;
}

.sale-order-detail-payment-options-shipment-image-element {
	display: block;
	width: 4rem;
	height: 4rem;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: var(--border-radius-s, 8px);
	border: var(--border-width-s, 1px) solid var(--color-stroke, #e1e4ef);
}

/* Shipment List */
.sale-order-detail-payment-options-methods-shipment-list {
	flex: 1;
	min-width: 200px;
}

.sale-order-detail-payment-options-methods-shipment-list-item-title {
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--color-title, #25262B);
}

.sale-order-detail-payment-options-methods-shipment-list-item {
	font-size: 0.875rem;
	color: var(--color-dark-text, #25262b);
	line-height: 1.5;
}

/* Show/Hide Links */
.sale-order-detail-show-link,
.sale-order-detail-hide-link {
	color: var(--color-primary, #0d2480);
	font-size: 0.8125rem;
	text-decoration: none;
	cursor: pointer;
}

.sale-order-detail-show-link:hover,
.sale-order-detail-hide-link:hover {
	text-decoration: underline;
}

.sale-order-detail-hide-link {
	display: none;
}

/* Shipment Composition */
.sale-order-detail-payment-options-shipment-composition-map {
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	border-top: var(--border-width-s, 1px) solid var(--color-stroke, #e1e4ef);
}

/* ===== Order Contents Table ===== */
.sale-order-detail .table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 0;
}

.sale-order-detail .table thead th {
	padding: 0.875rem 1rem;
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--color-light-text, #76767D);
	text-transform: uppercase;
	letter-spacing: 0.03em;
	background-color: var(--color-grey-5, #F3F4F8);
	border: none;
	text-align: left;
}

.sale-order-detail .table thead th:first-child {
	border-radius: var(--border-radius-s, 8px) 0 0 var(--border-radius-s, 8px);
}

.sale-order-detail .table thead th:last-child {
	border-radius: 0 var(--border-radius-s, 8px) var(--border-radius-s, 8px) 0;
}

.sale-order-detail .table tbody td {
	padding: 1rem 0.75rem;
	vertical-align: middle;
	border-bottom: var(--border-width-s, 1px) solid var(--color-stroke, #e1e4ef);
}

.sale-order-detail .table tbody td:first-child {
	padding-left: 0;
}

.sale-order-detail .table tbody td:last-child {
	padding-right: 0;
}

.sale-order-detail .table tbody tr:last-child td {
	border-bottom: none;
}

/* Product Image in Table */
.sale-order-detail-order-item-img-block {
	width: 6rem;
	padding-right: 1rem !important;
}

.sale-order-detail-order-item-img-block a {
	display: block;
}

.sale-order-detail-order-item-img-container {
	display: block;
	width: 4.5rem;
	height: 4.5rem;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: var(--border-width-s, 1px) solid var(--color-stroke, #e1e4ef);
	border-radius: var(--border-radius-s, 8px);
	background-color: var(--color-white, #fff);
}

/* Product Title in Table */
.sale-order-detail-order-item-title {
	display: block;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--color-title, #25262B);
	text-decoration: none;
	margin-bottom: 0.5rem;
	line-height: 1.4;
}

.sale-order-detail-order-item-title:hover {
	color: var(--color-primary, #0d2480);
}

/* Product Properties */
.sale-order-detail-order-item-properties {
	font-size: 0.875rem;
	color: var(--color-dark-text, #25262b);
	padding: 0.5rem 0.75rem !important;
}

.sale-order-detail-order-item-properties-type {
	font-size: 0.8125rem;
	color: var(--color-light-text, #76767D);
	margin-bottom: 0.25rem;
}

/* Price Styles */
.sale-order-detail .bx-price {
	font-family: var(--font-heading, "Montserrat", sans-serif);
	font-weight: 600;
	color: var(--color-title, #25262B);
	white-space: nowrap;
}

/* ===== Total Section ===== */
.sale-order-detail-total-payment {
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	border-top: var(--border-width-s, 1px) solid var(--color-stroke, #e1e4ef);
}

.sale-order-detail-total-payment-container {
	max-width: 24rem;
	margin-left: auto;
}

.sale-order-detail-total-payment-container > .row {
	display: flex;
}

.sale-order-detail-total-payment-list-left,
.sale-order-detail-total-payment-list-right {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sale-order-detail-total-payment-list-left {
	flex: 1;
	text-align: right;
	padding-right: 1rem;
}

.sale-order-detail-total-payment-list-right {
	text-align: right;
	min-width: 8rem;
}

.sale-order-detail-total-payment-list-left-item {
	font-size: 0.875rem;
	color: var(--color-light-text, #76767D);
	padding: 0.375rem 0;
}

.sale-order-detail-total-payment-list-right-item {
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--color-title, #25262B);
	padding: 0.375rem 0;
}

.sale-order-detail-total-payment-list-left-item:last-child {
	font-weight: 600;
	color: var(--color-title, #25262B);
}

.sale-order-detail-total-payment-list-right-item:last-child {
	font-size: 1.125rem;
	font-weight: 700;
	color: var(--color-primary, #0d2480);
}

/* ===== Responsive Adjustments ===== */
@media (max-width: 991px) {
	.sale-order-detail-payment-options-methods-information-block {
		flex-direction: column;
		align-items: flex-start;
	}

	.sale-order-detail-payment-options-methods-button-container {
		width: 100%;
		margin-top: 1rem;
	}

	.sale-order-detail-payment-options-methods-button-container .btn,
	.sale-order-detail-payment-options-methods-button-container button {
		width: 100%;
	}
}

@media (max-width: 767px) {
	/* Table becomes card-like */
	.sale-order-detail .table thead {
		display: none;
	}

	.sale-order-detail .table tbody tr {
		display: flex;
		flex-wrap: wrap;
		gap: 0.75rem;
		padding: 1rem 0;
		border-bottom: var(--border-width-s, 1px) solid var(--color-stroke, #e1e4ef);
	}

	.sale-order-detail .table tbody td {
		border: none;
		padding: 0;
	}

	.sale-order-detail-order-item-img-block {
		width: auto;
	}

	.sale-order-detail-order-item-img-container {
		width: 4rem;
		height: 4rem;
	}

	.sale-order-detail .table tbody td.sale-order-detail-order-item-properties {
		flex: 1;
		min-width: 150px;
	}

	.sale-order-detail .table tbody td.text-right {
		text-align: left;
	}

	/* Total Section */
	.sale-order-detail-total-payment-container {
		max-width: 100%;
	}

	.sale-order-detail-total-payment-list-left,
	.sale-order-detail-total-payment-list-right {
		flex: 1;
	}
}

/* ===== Utility Margin/Padding Classes (Bootstrap compat) ===== */
.sale-order-detail .mb-1 { margin-bottom: 0.25rem; }
.sale-order-detail .mb-2 { margin-bottom: 0.5rem; }
.sale-order-detail .mb-3 { margin-bottom: 1rem; }
.sale-order-detail .mb-4 { margin-bottom: 1.5rem; }
.sale-order-detail .mt-3 { margin-top: 1rem; }
.sale-order-detail .pt-3 { padding-top: 1rem; }
.sale-order-detail .pb-3 { padding-bottom: 1rem; }
.sale-order-detail .p-0 { padding: 0; }
.sale-order-detail .m-0 { margin: 0; }
.sale-order-detail .mx-0 { margin-left: 0; margin-right: 0; }
.sale-order-detail .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.sale-order-detail .text-right { text-align: right; }
.sale-order-detail .text-center { text-align: center; }
.sale-order-detail .d-none { display: none; }
.sale-order-detail .d-block { display: block; }
.sale-order-detail .d-flex { display: flex; }
.sale-order-detail .align-items-center { align-items: center; }

/* ===== Table Responsive ===== */
.sale-order-detail .table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* ===== Alert Styles ===== */
.sale-order-detail .alert {
	padding: 1rem 1.25rem;
	border-radius: var(--border-radius-s, 8px);
	margin-bottom: 1rem;
	font-size: 0.875rem;
	line-height: 1.5;
}

.sale-order-detail .alert-info {
	background-color: rgba(2, 132, 199, 0.1);
	color: var(--color-info, #0284c7);
	border: var(--border-width-s, 1px) solid var(--color-info, #0284c7);
}

.sale-order-detail .alert b,
.sale-order-detail .alert strong {
	font-weight: 600;
}

/* ===== Form Styles in Payment Section ===== */
.sale-order-detail form input[type="submit"],
.sale-order-detail form input[type="button"],
.sale-order-detail form button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.75rem 2rem;
	font-family: var(--font-family-base, "Nunito", sans-serif);
	font-size: 1rem;
	font-weight: 600;
	border-radius: 2rem;
	background-color: var(--color-green, #32C011);
	color: #fff;
	border: none;
	cursor: pointer;
	transition: all var(--transition-duration, 0.2s) ease;
}

.sale-order-detail form input[type="submit"]:hover,
.sale-order-detail form input[type="button"]:hover,
.sale-order-detail form button[type="submit"]:hover {
	background-color: #2aa80e;
}

/* Hidden elements */
.sale-order-detail-section-payment-image {
	display: none !important;
}

/* ===== Fix for nested rows ===== */
.sale-order-detail .row.mx-0.mb-3 {
	margin: 0 0 1rem 0;
}

.sale-order-detail .payment-options-methods-row {
	display: block;
}

/* ===== Inner Row Template Fix ===== */
.sale-order-detail-payment-inner-row-template {
	display: none;
}

/* ===== Active Button Styles ===== */
.sale-order-detail .active-button {
	background-color: var(--color-primary, #0d2480);
	color: #fff;
}

.sale-order-detail .active-button:hover {
	background-color: var(--color-primary-600, #0b1f73);
}

/* ========================================
   Payment Change Form - Форма смены оплаты
   ======================================== */

/* Main container for payment change */
.sale-order-payment-change-pp {
	padding: 0;
}

/* Title section */
.sale-order-payment-change-payment-title {
	font-family: var(--font-heading, "Montserrat", sans-serif);
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-title, #25262B);
	margin-bottom: 0.5rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
}

.sale-order-payment-change-payment-title-element {
	font-weight: 500;
	color: var(--color-dark-text, #25262b);
}

/* Status badges */
.sale-order-payment-change-status-alert {
	display: inline-flex;
	padding: 0.25rem 0.75rem;
	font-size: 0.75rem;
	font-weight: 600;
	border-radius: var(--border-radius-xxs, 5px);
	background-color: rgba(220, 38, 38, 0.1);
	color: var(--color-red, #dc2626);
}

.sale-order-payment-change-status-success {
	display: inline-flex;
	padding: 0.25rem 0.75rem;
	font-size: 0.75rem;
	font-weight: 600;
	border-radius: var(--border-radius-xxs, 5px);
	background-color: rgba(50, 192, 17, 0.1);
	color: var(--color-green, #32C011);
}

/* Price section */
.sale-order-payment-change-payment-price {
	font-size: 0.875rem;
	color: var(--color-light-text, #76767D);
}

.sale-order-payment-change-payment-element {
	color: var(--color-light-text, #76767D);
}

.sale-order-payment-change-payment-number {
	font-family: var(--font-heading, "Montserrat", sans-serif);
	font-weight: 700;
	color: var(--color-title, #25262B);
}

/* Payment methods row container - исправление переполнения */
.sale-order-detail .payment-options-methods-row {
	display: block;
	overflow: hidden;
}

/* Основной контейнер методов оплаты */
.sale-order-detail-payment-options-methods {
	background-color: var(--color-white, #fff);
	border: var(--border-width-s, 1px) solid var(--color-stroke, #e1e4ef);
	border-radius: var(--border-radius-m, 10px);
	overflow: hidden;
	padding: 1.25rem !important;
}

/* Контейнер с информацией о счете */
#bx-sopc8142,
[id^="bx-sopc"] {
	padding: 0;
	margin: 0;
	margin-bottom: 1.25rem !important;
	padding-bottom: 1.25rem !important;
	background-color: var(--color-white, #fff);
	border: none;
	border-bottom: var(--border-width-s, 1px) solid var(--color-stroke, #e1e4ef);
	border-radius: 0;
}

/* Внутренний блок с заголовком и ценой */
[id^="bx-sopc"] > .row.mb-3:first-child {
	margin-bottom: 0 !important;
	padding-bottom: 1rem;
}

/* Payment methods grid */
.sale-order-payment-change-pp-list {
	display: grid !important;
	grid-template-columns: repeat(6, 1fr);
	gap: 0.75rem !important;
	margin-top: 1.25rem !important;
	padding: 1.25rem !important;
	background-color: var(--color-grey-5, #F3F4F8);
	border-radius: var(--border-radius-s, 8px);
}

@media (max-width: 991px) {
	.sale-order-payment-change-pp-list {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 767px) {
	.sale-order-payment-change-pp-list {
		grid-template-columns: repeat(3, 1fr);
		gap: 0.5rem;
	}
}

@media (max-width: 479px) {
	.sale-order-payment-change-pp-list {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Individual payment method card */
.sale-order-payment-change-pp-company {
	width: 100% !important;
	max-width: none !important;
	padding: 0 !important;
	flex: none !important;
}

.sale-order-payment-change-pp-company-graf-container {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.75rem;
	border: 2px solid var(--color-stroke, #e1e4ef);
	border-radius: var(--border-radius-s, 8px);
	background-color: var(--color-white, #fff);
	cursor: pointer;
	transition: all var(--transition-duration, 0.2s) ease;
	min-height: 4rem;
	overflow: hidden;
}

.sale-order-payment-change-pp-company-graf-container:hover {
	border-color: var(--color-primary, #0d2480);
	box-shadow: 0 2px 8px var(--color-primary-rgba-alpha-10, rgba(13, 36, 128, 0.1));
}

/* Selected payment method */
.sale-order-payment-change-pp-company-graf-container:has(input[checked]),
.sale-order-payment-change-pp-company-graf-container.selected {
	border-color: var(--color-primary, #0d2480);
	background-color: var(--color-primary-50, #f0f2ff);
	box-shadow: 0 2px 8px var(--color-primary-rgba-alpha-15, rgba(13, 36, 128, 0.15));
}

/* Payment method image */
.sale-order-payment-change-pp-company-image {
	width: 100%;
	max-width: 5rem;
	height: 2.5rem;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/* Payment method title */
.sale-order-payment-change-pp-company-smalltitle {
	font-size: 0.6875rem;
	font-weight: 500;
	color: var(--color-light-text, #76767D);
	text-align: center;
	line-height: 1.2;
	margin-top: 0.375rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* ========================================
   Payment Form (ЮKassa, etc.) - Форма оплаты
   ======================================== */

/* Когда список содержит форму оплаты, а не карточки методов */
.sale-order-payment-change-pp-list:has(.sale-order-payment-change-pp > .mb-4) {
	display: block !important;
	padding: 0;
	background-color: transparent;
	border-radius: 0;
	margin-top: 0;
}

/* Контейнер формы оплаты */
.sale-order-payment-change-pp-list .sale-order-payment-change-pp {
	width: 100% !important;
	max-width: none !important;
	padding: 0 !important;
}

.sale-order-payment-change-pp-list .sale-order-payment-change-pp > .mb-4 {
	margin-bottom: 0 !important;
	padding: 1.5rem;
	background-color: var(--color-grey-5, #F3F4F8);
	border-radius: var(--border-radius-s, 8px);
}

/* Текст описания платёжной системы */
.sale-order-payment-change-pp-list .sale-order-payment-change-pp p {
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var(--color-dark-text, #25262b);
	margin-bottom: 1rem;
}

.sale-order-payment-change-pp-list .sale-order-payment-change-pp p b,
.sale-order-payment-change-pp-list .sale-order-payment-change-pp p strong {
	font-weight: 700;
	color: var(--color-title, #25262B);
}

/* Форма оплаты */
.sale-order-payment-change-pp-list form {
	margin-top: 1.25rem;
}

/* Контейнер кнопки и текста */
.sale-order-payment-change-pp-list .d-flex.align-items-center {
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
	margin-bottom: 1.25rem !important;
}

/* Кнопка "Оплатить" */
.sale-order-payment-change-pp-list .btn-success,
.sale-order-payment-change-pp-list input.btn-success,
.sale-order-payment-change-pp-list input[name="BuyButton"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.875rem 2rem !important;
	font-family: var(--font-family-base, "Nunito", sans-serif);
	font-size: 1rem;
	font-weight: 600;
	border-radius: 2rem !important;
	background-color: var(--color-green, #32C011) !important;
	color: #fff !important;
	border: none !important;
	cursor: pointer;
	transition: all var(--transition-duration, 0.2s) ease;
	min-width: 160px;
}

.sale-order-payment-change-pp-list .btn-success:hover,
.sale-order-payment-change-pp-list input.btn-success:hover,
.sale-order-payment-change-pp-list input[name="BuyButton"]:hover {
	background-color: #2aa80e !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(50, 192, 17, 0.3);
}

/* Текст рядом с кнопкой */
.sale-order-payment-change-pp-list .d-flex p.m-0 {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0.875rem;
	color: var(--color-light-text, #76767D);
}

/* Alert с предупреждением */
.sale-order-payment-change-pp-list .alert {
	padding: 1rem 1.25rem;
	border-radius: var(--border-radius-s, 8px);
	font-size: 0.875rem;
	line-height: 1.5;
	margin-bottom: 0;
}

.sale-order-payment-change-pp-list .alert-info {
	background-color: rgba(245, 158, 11, 0.1);
	color: var(--color-orange, #f59e0b);
	border: var(--border-width-s, 1px) solid rgba(245, 158, 11, 0.3);
}

.sale-order-payment-change-pp-list .alert-info b,
.sale-order-payment-change-pp-list .alert-info strong {
	font-weight: 600;
	color: var(--color-orange, #f59e0b);
}

/* Responsive */
@media (max-width: 767px) {
	.sale-order-payment-change-pp-list .sale-order-payment-change-pp > .mb-4 {
		padding: 1.25rem !important;
	}

	.sale-order-payment-change-pp-list .d-flex.align-items-center {
		flex-direction: column;
		align-items: flex-start;
	}

	.sale-order-payment-change-pp-list .btn-success,
	.sale-order-payment-change-pp-list input[name="BuyButton"] {
		width: 100%;
	}
}

/* Back link in payment section */
.sale-order-detail-payment-inner-row-template {
	padding-top: 1.25rem;
	margin-top: 1.25rem;
	border-top: var(--border-width-s, 1px) solid var(--color-stroke, #e1e4ef);
}

.sale-order-detail-payment-inner-row-template[style*="display: block"] {
	display: block !important;
}

.sale-order-detail-payment-inner-row-template.col-12 {
	width: auto;
	max-width: none;
}

.sale-order-list-cancel-payment {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	color: var(--color-primary, #0d2480);
	font-size: 0.875rem;
	font-weight: 500;
	text-decoration: none;
	transition: color var(--transition-duration, 0.2s) ease;
}

.sale-order-list-cancel-payment:hover {
	color: var(--color-primary-600, #0b1f73);
	text-decoration: underline;
}

.sale-order-list-cancel-payment i,
.sale-order-list-cancel-payment .fa {
	font-size: 1rem;
}

/* Контейнер информации внутри методов оплаты */
.sale-order-detail-payment-options-methods-info {
	flex: 1;
	min-width: 0;
}

/* Убираем лишний контейнер изображения слева */
.sale-order-detail-payment-options-methods-image-container {
	display: none !important;
}

/* Информационный блок оплаты - убираем лишние отступы */
.sale-order-detail-payment-options-methods-information-block {
	display: block !important;
	padding: 0 !important;
}

/* ========================================
   Shipment Composition - Состав отгрузки
   ======================================== */

/* Table in shipment composition */
.sale-order-detail-payment-options-shipment-composition-map .table {
	width: 100%;
	border-collapse: collapse;
}

.sale-order-detail-payment-options-shipment-composition-map .table tbody tr {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 1rem 0;
	border-bottom: var(--border-width-s, 1px) solid var(--color-stroke, #e1e4ef);
}

.sale-order-detail-payment-options-shipment-composition-map .table tbody tr:last-child {
	border-bottom: none;
}

.sale-order-detail-payment-options-shipment-composition-map .table tbody td {
	padding: 0;
	border: none;
	vertical-align: middle;
}

/* Product image in shipment */
.sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-order-item-img-block {
	flex-shrink: 0;
	width: auto;
}

.sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-order-item-img-container {
	width: 4rem;
	height: 4rem;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: var(--border-width-s, 1px) solid var(--color-stroke, #e1e4ef);
	border-radius: var(--border-radius-s, 8px);
}

/* Product info in shipment */
.sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-order-item-properties {
	flex: 1;
}

.sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-order-item-title {
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--color-title, #25262B);
	text-decoration: none;
	margin-bottom: 0.25rem;
	display: block;
}

.sale-order-detail-payment-options-shipment-composition-map .sale-order-detail-order-item-title:hover {
	color: var(--color-primary, #0d2480);
}

/* Quantity in shipment */
.sale-order-detail-payment-options-shipment-composition-map td:last-child {
	flex-shrink: 0;
	text-align: right;
	font-size: 0.875rem;
	color: var(--color-dark-text, #25262b);
}

/* ========================================
   Additional Improvements
   ======================================== */

/* Fix row display in various sections */
.sale-order-detail .row.mb-3,
.sale-order-detail .row.m-0 {
	display: block;
}

/* Info grid layout */
.sale-order-detail .row.m-0:has(.col-sm.mb-3) {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 1.5rem;
}

@media (max-width: 767px) {
	.sale-order-detail .row.m-0:has(.col-sm.mb-3) {
		grid-template-columns: 1fr;
		gap: 1rem;
	}
}

/* Column reset for grid items */
.sale-order-detail .col-sm.mb-3,
.sale-order-detail .col-sm-auto.mb-3 {
	margin-bottom: 0 !important;
}

/* Actions column */
.sale-order-detail .col-sm-auto.mb-3.text-center {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	align-items: flex-start;
}

@media (max-width: 991px) {
	.sale-order-detail .col-sm-auto.mb-3.text-center {
		flex-direction: row;
		flex-wrap: wrap;
	}
}

/* Repeat/Cancel buttons styling */
.sale-order-detail .btn-block {
	display: inline-flex;
	width: auto;
}

/* ========================================
   Table Improvements
   ======================================== */

/* Better table header alignment */
.sale-order-detail .table thead th.text-right,
.sale-order-detail .table thead th:last-child {
	text-align: right;
}

/* Discount column styling */
.sale-order-detail .table tbody td.text-right strong {
	color: var(--color-green, #32C011);
}

/* Sum column styling */
.sale-order-detail .table tbody td:last-child .bx-price {
	font-size: 1rem;
	font-weight: 700;
}

/* ========================================
   Empty States & Loading
   ======================================== */

.sale-order-detail-loading {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 3rem;
	color: var(--color-light-text, #76767D);
}

.sale-order-detail-empty {
	text-align: center;
	padding: 3rem;
	color: var(--color-light-text, #76767D);
	font-size: 0.9375rem;
}

/* ========================================
   Animation & Transitions
   ======================================== */

.sale-order-detail-more-info-details,
.sale-order-detail-payment-options-shipment-composition-map,
.sale-order-payment-change-pp-list {
	transition: all var(--transition-duration-longer, 0.4s) ease;
}

/* Smooth show/hide */
.sale-order-detail [style*="display: none"] {
	opacity: 0;
	visibility: hidden;
}

.sale-order-detail [style*="display: block"],
.sale-order-detail [style*="display: flex"],
.sale-order-detail [style*="display: grid"] {
	opacity: 1;
	visibility: visible;
}

/* ========================================
   Print Styles
   ======================================== */

@media print {
	.sale-order-detail .btn,
	.sale-order-detail .sale-order-detail-more-info-more,
	.sale-order-detail .sale-order-detail-more-info-less,
	.sale-order-detail .sale-order-detail-show-link,
	.sale-order-detail .sale-order-detail-hide-link,
	.sale-order-detail-payment-options-methods-button-container {
		display: none !important;
	}

	.sale-order-detail-card {
		border: 1px solid #ccc;
		box-shadow: none;
	}

	.sale-order-detail .table {
		font-size: 12px;
	}
}

/* ========================================
   Dark Theme Support
   ======================================== */

:root[data-theme="dark"] .sale-order-payment-change-pp-company-graf-container {
	background-color: var(--color-white, #1e2430);
	border-color: var(--color-stroke, #2e3442);
}

:root[data-theme="dark"] .sale-order-payment-change-pp-company-graf-container:hover {
	border-color: var(--color-primary, #8fa3ff);
}

:root[data-theme="dark"] .sale-order-payment-change-pp-company-graf-container:has(input[checked]),
:root[data-theme="dark"] .sale-order-payment-change-pp-company-graf-container.selected {
	border-color: var(--color-primary, #8fa3ff);
	background-color: var(--color-primary-50, #2a2d42);
}

:root[data-theme="dark"] .sale-order-detail-order-item-img-container {
	background-color: var(--color-white, #1e2430);
}

:root[data-theme="dark"] .sale-order-detail-more-info-details-table th {
	background-color: var(--color-grey-5, #222736);
}

:root[data-theme="dark"] .sale-order-detail-more-info-details-table td {
	background-color: var(--color-white, #1e2430);
}

/* ========================================
   Global Spacing & Padding Fixes
   ======================================== */

/* Секции с отступами */
.sale-order-detail .row.mb-3 > .col.p-0 {
	padding: 0.5rem 0 !important;
}

/* Информационные блоки */
.sale-order-detail .col-sm.mb-3,
.sale-order-detail .col-sm-auto.mb-3 {
	padding: 0.75rem 0;
}

/* Таблица товаров - контейнер */
.sale-order-detail .table-responsive {
	margin: 0.5rem 0;
}

.table-responsive table tr th:last-child {
    padding-right: 1.5rem !important;
}

.personal-page__content {
    .form-group.row,
    .row {
        grid-template-columns: inherit !important;
    }
}

.form-group.row {
    grid-template-columns: inherit !important;
}

.sale-profile-detail-form .form-group {
    grid-template-columns: inherit !important;
}

/* Секция с заголовком */
.sale-order-detail-section-title {
	margin-bottom: 1.25rem;
}

/* Карточка заказа - внутренние отступы */
.sale-order-detail-card > .row.mb-3 {
	margin-bottom: 1.5rem !important;
}

.sale-order-detail-card > .row.mb-3:last-child {
	margin-bottom: 0 !important;
}

/* Блоки параметров оплаты и отгрузки */
.sale-order-detail-payment-options-methods-container,
.sale-order-detail-payment-options-shipment {
	margin-top: 1.25rem;
}

/* Отступ между секциями внутри карточки */
.sale-order-detail .row.mb-3 + .row.mb-3 {
	padding-top: 0.5rem;
}

/* Информация о заказе - сетка */
.sale-order-detail .row.m-0.align-items-center {
	gap: 1rem;
	padding: 1rem 0;
}

/* Кнопки действий - отступы */
.sale-order-detail .col-sm-auto.mb-3.text-center {
	padding: 0.5rem 0;
	gap: 0.75rem;
}

/* Таблица - заголовки */
.sale-order-detail .table thead th {
	padding: 0.875rem 0.75rem;
}

.sale-order-detail .table thead th:first-child {
	padding-left: 0;
}

.sale-order-detail .table thead th:last-child {
	padding-right: 0;
}

/* Итоговый блок - улучшенные отступы */
.sale-order-detail-total-payment {
	margin-top: 2rem;
	padding-top: 1.5rem;
}

.sale-order-detail-total-payment-list-left-item,
.sale-order-detail-total-payment-list-right-item {
	padding: 0.5rem 0;
}

/* Блок информации о пользователе */
.sale-order-detail-more-info-details {
	margin-top: 1.5rem;
	padding: 1.5rem 0 0 0;
}

/* Состав отгрузки */
.sale-order-detail-payment-options-shipment-composition-map {
	margin-top: 1.25rem;
	padding-top: 1.25rem;
}

/* Ссылки "подробнее/свернуть" */
.sale-order-detail-more-info-more,
.sale-order-detail-more-info-less,
.sale-order-detail-show-link,
.sale-order-detail-hide-link {
	margin-top: 0.75rem;
	display: inline-block;
}

/* Платежные методы - внутренние отступы */
.sale-order-detail-payment-options-methods-information-block {
	padding: 1.25rem !important;
}

/* Ссылка назад в оплате */
.sale-order-detail-payment-inner-row-template {
	margin-top: 1.25rem;
	padding-top: 1rem;
}

/* Responsive отступы */
@media (max-width: 767px) {
	.sale-order-detail-card {
		padding: 1rem;
	}

	.sale-order-detail-section-title {
		padding: 0.875rem 1rem;
		margin-bottom: 1rem;
	}

	.sale-order-detail-payment-options-methods-information-block {
		padding: 1rem;
	}

	.sale-order-detail .col-sm.mb-3,
	.sale-order-detail .col-sm-auto.mb-3 {
		padding: 0.5rem 0;
	}

	.sale-order-detail-order-item-img-block {
		width: 5rem;
		padding-right: 0.75rem !important;
	}

	.sale-order-detail-order-item-img-container {
		width: 4rem;
		height: 4rem;
	}
}

/* ========================================
   Profile Detail Form - Форма профиля
   ======================================== */

/* Форма профиля */
.sale-profile-detail-form {
	background-color: var(--color-white, #fff);
	border: var(--border-width-s, 1px) solid var(--color-stroke, #e1e4ef);
	border-radius: var(--border-radius-m, 10px);
	padding: 1.5rem;
}

/* Заголовок профиля */
.sale-profile-detail-form h4 {
	font-family: var(--font-heading, "Montserrat", sans-serif);
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--color-title, #25262B);
	margin: 0;
	padding-bottom: 1rem;
	border-bottom: var(--border-width-s, 1px) solid var(--color-stroke, #e1e4ef);
}

/* Секции с заголовками (Личные данные, Данные для доставки) */
.sale-profile-detail-form .row.mb-2.mt-4 {
	margin-top: 1.5rem !important;
	padding-top: 1.5rem;
	border-top: var(--border-width-s, 1px) solid var(--color-stroke, #e1e4ef);
}

.sale-profile-detail-form .row.mb-2.mt-4 h4 {
	border-bottom: none;
	padding-bottom: 0;
	font-size: 1rem;
	color: var(--color-primary, #0d2480);
}

/* Группа полей формы */
.sale-profile-detail-form .form-group {
	display: grid;
	grid-template-columns: 10rem 1fr;
	gap: 1rem;
	align-items: start;
	margin-bottom: 1rem !important;
}

/* Лейбл поля */
.sale-profile-detail-form .col-form-label {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--color-dark-text, #25262b);
	padding: 0.625rem 0;
	text-align: left !important;
	line-height: 1.4;
}

/* Обязательное поле */
.sale-profile-detail-form .req {
	color: var(--color-red, #dc2626);
	margin-left: 0.25rem;
}

/* Поля ввода */
.sale-profile-detail-form .form-control {
	width: 100%;
	max-width: 20rem;
	padding: 0.625rem 0.875rem;
	font-family: var(--font-family-base, "Nunito", sans-serif);
	font-size: 0.9375rem;
	color: var(--color-dark-text, #25262b);
	background-color: var(--color-white, #fff);
	border: var(--border-width-s, 1px) solid var(--color-stroke, #e1e4ef);
	border-radius: var(--border-radius-xs, 6px);
	transition: border-color var(--transition-duration, 0.2s) ease,
	            box-shadow var(--transition-duration, 0.2s) ease;
	margin-bottom: 0 !important;
}

.sale-profile-detail-form .form-control:focus {
	outline: none;
	border-color: var(--color-primary, #0d2480);
	box-shadow: 0 0 0 3px var(--color-primary-rgba-alpha-10, rgba(13, 36, 128, 0.1));
}

.sale-profile-detail-form .form-control::placeholder {
	color: var(--color-input-placeholder, #9ca3af);
}

/* Textarea */
.sale-profile-detail-form textarea.form-control {
	min-height: 5rem;
	resize: vertical;
}

/* Значение без поля (например, Тип плательщика) */
.sale-profile-detail-form .form-group .col-sm-9.col-form-label {
	font-weight: 400;
	color: var(--color-dark-text, #25262b);
}

/* Кнопки формы */
.sale-profile-detail-form .row.mb-3.mt-5 {
	margin-top: 2rem !important;
	padding-top: 1.5rem;
	border-top: var(--border-width-s, 1px) solid var(--color-stroke, #e1e4ef);
}

.sale-profile-detail-form .row.mb-3.mt-5 .col {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

/* Кнопки */
.sale-profile-detail-form .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.625rem 1.5rem;
	font-family: var(--font-family-base, "Nunito", sans-serif);
	font-size: 0.875rem;
	font-weight: 600;
	border-radius: var(--border-radius-xs, 6px);
	cursor: pointer;
	transition: all var(--transition-duration, 0.2s) ease;
	border: none;
}

.sale-profile-detail-form .btn-primary {
	background-color: var(--color-primary, #0d2480);
	color: #fff;
}

.sale-profile-detail-form .btn-primary:hover {
	background-color: var(--color-primary-600, #0b1f73);
}

.sale-profile-detail-form .btn-link {
	background-color: var(--color-grey-5, #F3F4F8);
	color: var(--color-dark-text, #25262b);
	text-decoration: none;
}

.sale-profile-detail-form .btn-link:hover {
	background-color: var(--color-stroke, #e1e4ef);
}

/* Ссылка "В список профилей" */
.personal-page__content > .row.mb-3:first-child a {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--color-primary, #0d2480);
	text-decoration: none;
	transition: color var(--transition-duration, 0.2s) ease;
}

.personal-page__content > .row.mb-3:first-child a:hover {
	color: var(--color-primary-600, #0b1f73);
	text-decoration: underline;
}

.personal-page__content > .row.mb-3:first-child a::before {
	content: "←";
	font-size: 1rem;
}

/* Responsive */
@media (max-width: 767px) {
	.sale-profile-detail-form {
		padding: 1.25rem;
	}

	.sale-profile-detail-form .form-group {
		grid-template-columns: 1fr;
		gap: 0.5rem;
	}

	.sale-profile-detail-form .col-form-label {
		padding: 0;
	}

	.sale-profile-detail-form .form-control {
		max-width: 100%;
	}

	.sale-profile-detail-form .row.mb-3.mt-5 .col {
		flex-direction: column;
	}

	.sale-profile-detail-form .btn {
		width: 100%;
	}
}

/* Dark theme */
:root[data-theme="dark"] .sale-profile-detail-form {
	background-color: var(--color-white, #1e2430);
	border-color: var(--color-stroke, #2e3442);
}

:root[data-theme="dark"] .sale-profile-detail-form .form-control {
	background-color: var(--color-input-bg, #252a36);
	border-color: var(--color-stroke, #2e3442);
	color: var(--color-dark-text, #e5e7eb);
}

:root[data-theme="dark"] .sale-profile-detail-form .form-control:focus {
	border-color: var(--color-primary, #8fa3ff);
	box-shadow: 0 0 0 3px rgba(143, 163, 255, 0.15);
}

/* End */


/* Start:/local/templates/shop.qwelp.ru/components/bitrix/sale.personal.order.list/bootstrap_v4/style.css?176898244816302*/
/* Order List Component */
.order-list__auth {
	max-width: 32rem;
}

.order-list__alert {
	padding: 1rem 1.25rem;
	border-radius: var(--border-radius-s);
	margin-bottom: 1.5rem;
	font-size: 0.875rem;
}

.order-list__alert--error {
	background-color: rgba(220, 38, 38, 0.1);
	color: var(--color-red);
	border: var(--border-width-s) solid var(--color-red);
}

/* Empty state */
.order-list__empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 3rem 1.5rem;
	text-align: center;
}

.order-list__empty-icon {
	width: 4rem;
	height: 4rem;
	color: var(--color-light-text);
	margin-bottom: 1.5rem;
}

.order-list__empty-icon svg {
	width: 100%;
	height: 100%;
}

.order-list__empty-title {
	font-family: var(--font-family-base);
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--color-title);
	margin-bottom: 1rem;
}

.order-list__empty-link {
	display: inline-flex;
	align-items: center;
	padding: 0.75rem 1.5rem;
	font-family: var(--font-family-base);
	font-size: 0.9375rem;
	font-weight: 600;
	text-decoration: none;
	background-color: var(--color-primary);
	color: var(--color-white);
	border-radius: var(--border-radius-s);
	transition: background-color var(--transition-duration) ease;
}

.order-list__empty-link:hover {
	background-color: var(--color-primary-700);
}

/* Filters */
.order-list__filters {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-bottom: 1.5rem;
}

.order-list__filter {
	font-family: var(--font-family-base);
	font-size: 0.875rem;
	color: var(--color-primary);
	text-decoration: none;
	border-bottom: 1px dashed var(--color-primary);
	transition: all var(--transition-duration) ease;
}

.order-list__filter:hover {
	color: var(--color-primary-700);
	border-color: var(--color-primary-700);
}

/* Status title */
.order-list__status-title {
	font-family: var(--font-heading);
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--color-title);
	margin-bottom: 1rem;
}

.order-list__status-title--canceled {
	color: var(--color-red);
}

/* Order Card */
.order-card {
	background-color: var(--color-white);
	border: var(--border-width-s) solid var(--color-stroke);
	border-radius: var(--border-radius-m);
	margin-bottom: 1.5rem;
	overflow: hidden;
}

.order-card--history {
	border-color: var(--color-grey-600);
}

.order-card__header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem;
	padding: 1rem 1.25rem;
	background-color: var(--color-primary-rgba-alpha-08);
	border-bottom: var(--border-width-s) solid var(--color-stroke);
}

.order-card--history .order-card__header {
	background-color: var(--color-grey-5);
}

.order-card__title {
	flex: 1;
	min-width: 200px;
}

.order-card__number {
	font-family: var(--font-family-base);
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-title);
}

.order-card__date {
	font-family: var(--font-family-base);
	font-size: 0.875rem;
	color: var(--color-light-text);
	margin-left: 0.5rem;
}

.order-card__summary {
	font-family: var(--font-family-base);
	font-size: 0.875rem;
	color: var(--color-dark-text);
}

.order-card__items {
	margin-right: 0.5rem;
}

.order-card__total {
	font-weight: 600;
	color: var(--color-primary);
}

.order-card__finished {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.order-card__finished-label {
	font-family: var(--font-family-base);
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--color-green);
}

.order-card__finished-label--canceled {
	color: var(--color-red);
}

.order-card__finished-date {
	font-family: var(--font-family-base);
	font-size: 0.8125rem;
	color: var(--color-light-text);
}

/* Order Card Body */
.order-card__body {
	padding: 1.25rem;
}

.order-card__section {
	margin-bottom: 1.5rem;
}

.order-card__section:last-child {
	margin-bottom: 0;
}

.order-card__section-title {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 1rem;
}

.order-card__section-title span {
	font-family: var(--font-family-base);
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--color-light-text);
	white-space: nowrap;
}

.order-card__section-title::after {
	content: "";
	flex: 1;
	height: 1px;
	background-color: var(--color-stroke);
}

.order-card__divider {
	height: 1px;
	background-color: var(--color-stroke);
	margin: 1rem 0;
}

/* Payment */
.order-card__payment {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 1rem;
}

.order-card__payment-info {
	flex: 1;
	min-width: 200px;
}

/* When payment info contains a form, make it full width */
.order-card__payment:has(form) {
	flex-direction: column;
}

.order-card__payment:has(form) .order-card__payment-info {
	width: 100%;
	min-width: 100%;
}

/* Sale order inner row - full width layout */
.sale-order-list-inner-row.order-card__payment {
	display: block;
	width: 100%;
}

.sale-order-list-inner-row .sale-order-list-inner-row-body {
	display: block;
	width: 100%;
	margin-bottom: 1rem;
}

.sale-order-list-inner-row .order-card__payment-action {
	display: inline-block;
	margin-bottom: 1rem;
}

.order-card__payment-header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
}

.order-card__payment-title {
	font-family: var(--font-family-base);
	font-size: 0.875rem;
	color: var(--color-dark-text);
}

.order-card__payment-method {
	font-family: var(--font-family-base);
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--color-title);
}

.order-card__payment-sum {
	font-family: var(--font-family-base);
	font-size: 0.875rem;
	color: var(--color-dark-text);
	margin-bottom: 0.5rem;
}

.order-card__payment-label {
	color: var(--color-light-text);
}

.order-card__payment-amount {
	font-weight: 600;
	color: var(--color-title);
}

.order-card__payment-action {
	flex-shrink: 0;
}

.order-card__payment-template {
	display: none;
}

/* Payment form content styling (YuKassa, etc.) */
.order-card__payment-info p {
	margin: 0 0 0.5rem;
	font-size: 0.875rem;
	line-height: 1.6;
	color: var(--color-dark-text);
}

.order-card__payment-info p:last-child {
	margin-bottom: 0;
}

.order-card__payment-info strong,
.order-card__payment-info b {
	font-weight: 600;
	color: var(--color-title);
}

.order-card__payment-info form {
	width: 100%;
	margin-top: 0.75rem;
}

.order-card__payment-info .d-flex {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	align-items: center;
}

.order-card__payment-info input[type="submit"],
.order-card__payment-info .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.625rem 1.25rem;
	font-family: var(--font-family-base);
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none;
	background-color: var(--color-primary);
	color: var(--color-white) !important;
	border: none;
	border-radius: var(--border-radius-s);
	cursor: pointer;
	transition: all var(--transition-duration) ease;
	min-width: auto;
	height: auto;
	line-height: 1.4;
}

.order-card__payment-info input[type="submit"]:hover,
.order-card__payment-info .btn:hover {
	background-color: var(--color-primary-700);
	color: var(--color-white) !important;
}

.order-card__payment-info .alert {
	padding: 0.75rem 1rem;
	border-radius: var(--border-radius-s);
	font-size: 0.8125rem;
	line-height: 1.5;
	margin: 0.75rem 0;
}

.order-card__payment-info .alert-info {
	background-color: var(--color-primary-50);
	color: var(--color-primary-700);
	border: 1px solid var(--color-primary-200, rgba(13, 36, 128, 0.2));
}

/* Status badges */
.order-card__status {
	display: inline-flex;
	align-items: center;
	padding: 0.25rem 0.625rem;
	font-family: var(--font-family-base);
	font-size: 0.75rem;
	font-weight: 600;
	border-radius: var(--border-radius-xs);
}

.order-card__status--success {
	background-color: rgba(34, 197, 94, 0.15);
	color: var(--color-green);
}

.order-card__status--warning {
	background-color: rgba(220, 38, 38, 0.1);
	color: var(--color-red);
}

.order-card__status--restricted {
	background-color: var(--color-grey-5);
	color: var(--color-light-text);
}

/* Checks */
.order-card__checks {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 0.75rem;
	font-family: var(--font-family-base);
	font-size: 0.8125rem;
	margin-bottom: 0.5rem;
}

.order-card__checks-label {
	color: var(--color-light-text);
}

.order-card__check-link {
	color: var(--color-primary);
	text-decoration: none;
}

.order-card__check-link:hover {
	text-decoration: underline;
}

/* Change payment link */
.order-card__change-payment {
	display: inline-block;
	font-family: var(--font-family-base);
	font-size: 0.8125rem;
	color: var(--color-primary);
	text-decoration: none;
	border-bottom: 1px dashed currentColor;
	margin-bottom: 0.5rem;
}

.order-card__change-payment:hover {
	color: var(--color-primary-700);
}

/* Restricted message */
.order-card__restricted-message {
	font-family: var(--font-family-base);
	font-size: 0.75rem;
	color: var(--color-light-text);
}

/* Shipment */
.order-card__shipment {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 1rem;
}

.order-card__shipment-info {
	flex: 1;
	min-width: 200px;
}

.order-card__shipment-header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
}

.order-card__shipment-title {
	font-family: var(--font-family-base);
	font-size: 0.875rem;
	color: var(--color-dark-text);
}

.order-card__shipment-status {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
}

.order-card__shipment-status-label {
	font-family: var(--font-family-base);
	font-size: 0.8125rem;
	color: var(--color-light-text);
}

.order-card__shipment-status-value {
	display: inline-flex;
	padding: 0.25rem 0.5rem;
	font-family: var(--font-family-base);
	font-size: 0.75rem;
	font-weight: 600;
	background-color: var(--color-grey-5);
	color: var(--color-dark-text);
	border-radius: var(--border-radius-xs);
}

.order-card__shipment-service,
.order-card__shipment-tracking {
	font-family: var(--font-family-base);
	font-size: 0.8125rem;
	color: var(--color-dark-text);
	margin-bottom: 0.25rem;
}

.order-card__shipment-tracking-label {
	color: var(--color-light-text);
}

.order-card__shipment-tracking-number {
	font-weight: 600;
}

.order-card__shipment-action {
	flex-shrink: 0;
}

.order-card__track-btn {
	display: inline-flex;
	font-family: var(--font-family-base);
	font-size: 0.8125rem;
	color: var(--color-primary);
	text-decoration: none;
	border-bottom: 1px dashed currentColor;
}

.order-card__track-btn:hover {
	color: var(--color-primary-700);
}

/* Buttons */
.order-card__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.625rem 1.25rem;
	font-family: var(--font-family-base);
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none;
	background-color: var(--color-primary);
	color: var(--color-white);
	border: var(--border-width-s) solid var(--color-primary);
	border-radius: var(--border-radius-s);
	cursor: pointer;
	transition: all var(--transition-duration) ease;
}

.order-card__btn:hover {
	background-color: var(--color-primary-700);
	border-color: var(--color-primary-700);
}

.order-card__btn--disabled {
	background-color: var(--color-grey-5);
	border-color: var(--color-stroke);
	color: var(--color-light-text);
	cursor: not-allowed;
}

.order-card__btn--disabled:hover {
	background-color: var(--color-grey-5);
	border-color: var(--color-stroke);
}

/* Footer */
.order-card__footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem 1.5rem;
	padding: 1rem 1.25rem;
	border-top: var(--border-width-s) solid var(--color-stroke);
}

.order-card__link {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	font-family: var(--font-family-base);
	font-size: 0.875rem;
	color: var(--color-primary);
	text-decoration: none;
	transition: color var(--transition-duration) ease;
}

.order-card__link:hover {
	color: var(--color-primary-700);
}

.order-card__link--danger {
	color: var(--color-red);
}

.order-card__link--danger:hover {
	color: var(--color-red);
	opacity: 0.8;
}

.order-card__link svg {
	flex-shrink: 0;
}

/* Legacy classes for JS compatibility */
.sale-order-list-inner-row-template {
	display: none;
}

/* Opened payment template (shown via JS) */
.sale-order-list-inner-row-template[style*="display: block"],
.sale-order-list-inner-row-template[style*="display:block"] {
	display: flex !important;
	flex-direction: column;
	gap: 1rem;
	padding: 1rem 0;
	width: 100%;
}

/* Payment form content from YuKassa and other payment systems */
.sale-order-list-inner-row-template > div {
	width: 100%;
	max-width: 100%;
}

.sale-order-list-inner-row-template .row {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	width: 100%;
}

.sale-order-list-inner-row-template p {
	margin: 0 0 0.5rem;
	font-size: 0.875rem;
	line-height: 1.6;
	color: var(--color-dark-text);
	max-width: 100%;
	word-wrap: break-word;
}

.sale-order-list-inner-row-template p:last-child {
	margin-bottom: 0;
}

.sale-order-list-inner-row-template strong,
.sale-order-list-inner-row-template b {
	font-weight: 600;
	color: var(--color-title);
}

/* Payment amount styling */
.sale-order-list-inner-row-template .mb-3,
.sale-order-list-inner-row-template .mb-2 {
	margin-bottom: 0.75rem !important;
}

/* Payment button in template */
.sale-order-list-inner-row-template input[type="submit"],
.sale-order-list-inner-row-template .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.625rem 1.25rem;
	font-family: var(--font-family-base);
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none;
	background-color: var(--color-primary);
	color: var(--color-white) !important;
	border: none;
	border-radius: var(--border-radius-s);
	cursor: pointer;
	transition: all var(--transition-duration) ease;
	min-width: auto;
	height: auto;
	line-height: 1.4;
}

.sale-order-list-inner-row-template input[type="submit"]:hover,
.sale-order-list-inner-row-template .btn:hover {
	background-color: var(--color-primary-700);
	color: var(--color-white) !important;
}

/* Alert/info blocks */
.sale-order-list-inner-row-template .alert {
	padding: 0.75rem 1rem;
	border-radius: var(--border-radius-s);
	font-size: 0.8125rem;
	line-height: 1.5;
	margin-bottom: 0.75rem;
	width: 100%;
}

.sale-order-list-inner-row-template .alert-info {
	background-color: var(--color-primary-50);
	color: var(--color-primary-700);
	border: 1px solid var(--color-primary-200, rgba(13, 36, 128, 0.2));
}

.sale-order-list-inner-row-template .alert-warning {
	background-color: rgba(217, 119, 6, 0.1);
	color: var(--color-orange);
	border: 1px solid rgba(217, 119, 6, 0.2);
}

/* Fix for text wrapping - prevent narrow columns */
.sale-order-list-inner-row-template form {
	width: 100%;
}

.sale-order-list-inner-row-template .d-flex {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	align-items: center;
}

/* Cancel payment link */
.sale-order-list-cancel-payment {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-family: var(--font-family-base);
	font-size: 0.875rem;
	color: var(--color-primary);
	text-decoration: none;
	margin-top: 0.5rem;
}

.sale-order-list-cancel-payment:hover {
	color: var(--color-primary-700);
}

/* Payment content vertical spacing */
.order-card__section .order-card__payment {
	margin-bottom: 1rem;
}

.order-card__payment-info > * {
	margin-bottom: 0.5rem;
}

.order-card__payment-info > *:last-child {
	margin-bottom: 0;
}

/* Fix form elements spacing in payment block */
.order-card__payment-info form > * {
	margin-bottom: 0.75rem;
}

.order-card__payment-info form > *:last-child {
	margin-bottom: 0;
}

/* Alert spacing inside payment */
.order-card__payment-info .alert {
	margin-top: 0.75rem;
	margin-bottom: 0;
}

/* D-flex container proper spacing */
.order-card__payment-info .d-flex.align-items-center {
	margin-bottom: 0.75rem;
}

.order-card__payment-info .d-flex.align-items-center:last-child {
	margin-bottom: 0;
}

/* Paragraph spacing */
.order-card__payment-info p.m-0,
.order-card__payment-info p.p-3 {
	margin-bottom: 0.5rem !important;
}

@media (max-width: 767px) {
	.order-card__header {
		flex-direction: column;
		align-items: flex-start;
	}

	.order-card__payment,
	.order-card__shipment {
		flex-direction: column;
	}

	.order-card__footer {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* End */


/* Start:/bitrix/components/bitrix/sale.order.payment.change/templates/bootstrap_v4/style.min.css?17362632704739*/
.sale-order-payment-change-pp-list{opacity:0}.sale-order-payment-change-pp-company{position:relative;z-index:100;padding-bottom:10px;min-height:40px}.sale-order-payment-change-pp .sale-order-payment-change-pp-company{margin-bottom:15px;padding:7px;height:auto;border:1px solid transparent;transition:all 100ms ease}.sale-order-payment-change-pp-company-graf-container{position:relative;padding-top:50%;width:auto;height:0;border:2px solid #c3cace;border-radius:2px;background:#fff;transition:all 100ms ease}.sale-order-payment-change-pp-company:hover .sale-order-payment-change-pp-company-graf-container{border-color:var(--theme-color-primary)}.sale-order-payment-change-pp-company-image{position:absolute;top:5px;right:5px;bottom:5px;left:5px;background-position:center;background-size:contain;background-repeat:no-repeat}.sale-order-payment-change-pp-company-smalltitle{text-align:center;font-size:11px}.sale-order-payment-change-pp-field .form-control{background:#fff}.sale-order-payment-change-pp-price{padding:4px 0;text-align:right}.sale-order-payment-change-service-small{color:#a3a3a3;font-size:11px}@media(min-width:1200px){.sale-order-payment-change-pp div .sale-order-payment-change-pp-company:nth-child(4n+1),.sale-order-payment-change-pp-item-container .sale-order-payment-change-pp-company:nth-child(4n+1){clear:both;padding-left:0}}@media(min-width:768px) and (max-width:1199px){.sale-order-payment-change-pp div .sale-order-payment-change-pp-company:nth-child(3n+1),.sale-order-payment-change-pp-item-container .sale-order-payment-change-pp-company:nth-child(3n+1){clear:both;padding-left:0}}@media(max-width:767px){.sale-order-payment-change-pp,.sale-order-payment-change-pp-item-container{max-width:450px}.sale-order-payment-change-pp div .sale-order-payment-change-pp-company:nth-child(2n+1),.sale-order-payment-change-pp-item-container .sale-order-payment-change-pp-company:nth-child(2n+1){clear:both;padding-left:0}}.sale-order-payment-change-payment-title{color:#000;font:bold 14px "Helvetica Neue",Helvetica,Arial,sans-serif}.sale-order-payment-change-status-alert,.sale-order-payment-change-status-restricted,.sale-order-payment-change-status-success{display:inline-block;padding:4px 10px 5px 8px;border:1px solid #eab3b9;border-radius:2px;background:#ffe5e8;color:#d0021b;font:bold 12px "Helvetica Neue",Helvetica,Arial,sans-serif}.sale-order-payment-change-status-restricted{border:1px solid rgba(128,134,142,0.20);background:#f3f4f5;color:#535c69}.sale-order-payment-change-status-success{border:1px solid #bed277;background:#e3f0bd;color:#597707}.sale-order-payment-change-payment-price{font:13px "Helvetica Neue",Helvetica,Arial,sans-serif}.sale-order-payment-change-payment-form-group{display:table}.sale-order-payment-change-payment-form-cell{display:table-cell;vertical-align:middle;text-align:center}.sale-order-inner-payment-button{display:block;float:left;padding:0 17px;max-width:115px;height:38px;border-radius:2px;background:#1485ce;color:#fff;text-align:center;font:bold 13px/38px "Helvetica Neue",Helvetica,Arial,sans-serif;cursor:pointer}.sale-order-inner-payment-button:hover{background:#53a4d8;color:#fff;transition:background ease-out .5s}.sale-order-inner-payment-button.inactive-button{opacity:.2;cursor:pointer}.sale-order-inner-payment-button.inactive-button:hover{background:#1485ce;color:#fff}.sale-order-inner-padding-bottom{padding-bottom:15px}.sale-paysystem-wrapper{position:relative;margin:0 -15px 0 0;padding:24px 38px 24px 38px;border:1px solid #3bc8f5;color:#424956;font:14px "Helvetica Neue",Arial,Helvetica,sans-serif}.sale-paysystem-wrapper{position:relative;margin:0 -15px 0 0;padding:24px 38px 24px 38px;border:1px solid #3bc8f5;color:#424956;font:14px "Helvetica Neue",Arial,Helvetica,sans-serif}.sale-paysystem-close{position:absolute;top:7px;right:7px}.sale-paysystem-close-item{display:inline-block;width:18px;height:18px;background:url(/bitrix/components/bitrix/sale.order.payment.change/templates/bootstrap_v4/../../components/bitrix/sale.personal.order.detail/templates/.default/images/sale-personal-order-sprite.svg) 1px 1px no-repeat;opacity:1;cursor:pointer;transition:opacity .3s ease}.sale-paysystem-close-item:hover{opacity:.5}.sale-paysystem-description{margin:0 0 11px 0;color:#bcbdc0;font:11px "Helvetica Neue",Arial,Helvetica,sans-serif}.sale-paysystem-yandex-button{display:inline-block;margin:26px 10px 26px 0}.sale-paysystem-yandex-button-item{padding:0 22px;height:38px;border:0;border-radius:2px;background:#f59023;color:#fff;font:bold 13px/35px "Helvetica Neue",Arial,Helvetica,sans-serif;transition:background .3s ease}.sale-paysystem-yandex-button-item:hover{background:#ff911a}.sale-paysystem-yandex-button-descrition{display:inline-block;margin:0 0 15px 0;color:#80868e;font:12px "Helvetica Neue",Arial,Helvetica,sans-serif}
/* End */


/* Start:/local/templates/shop.qwelp.ru/components/bitrix/system.auth.forgotpasswd/.default/style.css?1765010038249*/
/* Подключение общих стилей авторизации */
@import url("/local/templates/shop.qwelp.ru/components/bitrix/system.auth.forgotpasswd/.default/../../system.auth.common/auth-common.css");

/* Специфичные стили для восстановления пароля (если нужны) */

/* End */
/* /local/templates/shop.qwelp.ru/components/bitrix/sale.personal.section/qwelp/style.css?176907131951995 */
/* /local/templates/shop.qwelp.ru/components/bitrix/sale.personal.order.list/bootstrap_v4/style.css?176898244816302 */
/* /bitrix/components/bitrix/sale.order.payment.change/templates/bootstrap_v4/style.min.css?17362632704739 */
/* /local/templates/shop.qwelp.ru/components/bitrix/system.auth.forgotpasswd/.default/style.css?1765010038249 */