/* 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 */
/* /local/templates/shop.qwelp.ru/components/bitrix/sale.personal.section/qwelp/style.css?176907131951995 */