

/* Start:/bitrix/templates/template.nadel/components/bitrix/sale.personal.section/nadel/style.css?175041524224475*/
.personal {
	padding-top: 36px;
	padding-bottom: 100px;
}
.personal__title {
	font-size: 48px;
	font-weight: 250;
	line-height: 46px;
	letter-spacing: -0.01em;
	text-align: left;
	margin-top: 0;
	margin-bottom: 40px;
}

.personal__content {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.personal__row {
	display: flex;
	gap: 40px;
}

.personal-item {
	display: flex;
	flex-direction: column;
	border: 1px solid #E6E3E1 !important;
	border-radius: 12px;
	width: 100%;
	transition: box-shadow 0.2s ease-in-out;
}

@media screen and (min-width: 991px) {
	.personal-item:hover {
		box-shadow: 0 0 16px 0 #6E312A1A;
	}
}

/* .personal-item.recommend .personal-item__header-title {
	line-height: 24px;
} */

.personal-item.bonuses {
	width: 681px;
}

.personal-item.orders,
.personal-item.order {
	width: 603px;
}

.personal-item.user-info {
	max-width: 368px;
}

.personal-item.socials {
	max-width: 554px;
}

.personal-item.review {
	max-width: 322px;
}

.personal-item__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 20px;
	background-color: #F8F8F8;
	border-radius: 12px 12px 0 0;
}

.personal-item__header-title {
	margin: 0;
	font-size: 24px;
	font-weight: 400;
	line-height: 33.6px;
	text-align: left;
}

.personal-item__header-img {
	display: flex;
	align-items: center;
	cursor: pointer;
	width: 24px;
	height: 24px;
	border-bottom: none !important;
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: center;
	transition: background 0.2s ease-in-out;
	background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.18659 10.167C3.29843 9.62615 2.95066 9.09704 2.40982 8.9852C1.86897 8.87336 1.33987 9.22114 1.22803 9.76198L3.18659 10.167ZM3.41767 6.86444H2.41767C2.41767 7.41672 2.86539 7.86444 3.41767 7.86444V6.86444ZM4.41767 3.11111C4.41767 2.55883 3.96996 2.11111 3.41767 2.11111C2.86539 2.11111 2.41767 2.55883 2.41767 3.11111H4.41767ZM6.87693 7.86444C7.42922 7.86444 7.87693 7.41672 7.87693 6.86444C7.87693 6.31215 7.42922 5.86444 6.87693 5.86444V7.86444ZM13 7.55556C13 7.00327 12.5523 6.55556 12 6.55556C11.4477 6.55556 11 7.00327 11 7.55556H13ZM12 12H11V12.4142L11.2929 12.7071L12 12ZM14.0707 15.4849C14.4612 15.8754 15.0944 15.8754 15.4849 15.4849C15.8754 15.0944 15.8754 14.4612 15.4849 14.0707L14.0707 15.4849ZM21 12C21 16.9706 16.9706 21 12 21V23C18.0751 23 23 18.0751 23 12H21ZM12 21C7.02944 21 3 16.9706 3 12H1C1 18.0751 5.92487 23 12 23V21ZM12 3C16.9706 3 21 7.02944 21 12H23C23 5.92487 18.0751 1 12 1V3ZM3 12C3 11.3709 3.06439 10.758 3.18659 10.167L1.22803 9.76198C1.07843 10.4854 1 11.2341 1 12H3ZM4.27529 7.37873C5.84961 4.75344 8.72054 3 12 3V1C7.98912 1 4.48075 3.14726 2.56006 6.35015L4.27529 7.37873ZM4.41767 6.86444V3.11111H2.41767V6.86444H4.41767ZM3.41767 7.86444H6.87693V5.86444H3.41767V7.86444ZM11 7.55556V12H13V7.55556H11ZM11.2929 12.7071L14.0707 15.4849L15.4849 14.0707L12.7071 11.2929L11.2929 12.7071Z" fill="%23372C2C"/></svg>');
}

@media screen and (min-width: 991px) {
	.personal-item__header-img:hover {
		background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.18659 10.167C3.29843 9.62615 2.95066 9.09704 2.40982 8.9852C1.86897 8.87336 1.33987 9.22114 1.22803 9.76198L3.18659 10.167ZM3.41767 6.86444H2.41767C2.41767 7.41672 2.86539 7.86444 3.41767 7.86444V6.86444ZM4.41767 3.11111C4.41767 2.55883 3.96996 2.11111 3.41767 2.11111C2.86539 2.11111 2.41767 2.55883 2.41767 3.11111H4.41767ZM6.87693 7.86444C7.42922 7.86444 7.87693 7.41672 7.87693 6.86444C7.87693 6.31215 7.42922 5.86444 6.87693 5.86444V7.86444ZM13 7.55556C13 7.00327 12.5523 6.55556 12 6.55556C11.4477 6.55556 11 7.00327 11 7.55556H13ZM12 12H11V12.4142L11.2929 12.7071L12 12ZM14.0707 15.4849C14.4612 15.8754 15.0944 15.8754 15.4849 15.4849C15.8754 15.0944 15.8754 14.4612 15.4849 14.0707L14.0707 15.4849ZM21 12C21 16.9706 16.9706 21 12 21V23C18.0751 23 23 18.0751 23 12H21ZM12 21C7.02944 21 3 16.9706 3 12H1C1 18.0751 5.92487 23 12 23V21ZM12 3C16.9706 3 21 7.02944 21 12H23C23 5.92487 18.0751 1 12 1V3ZM3 12C3 11.3709 3.06439 10.758 3.18659 10.167L1.22803 9.76198C1.07843 10.4854 1 11.2341 1 12H3ZM4.27529 7.37873C5.84961 4.75344 8.72054 3 12 3V1C7.98912 1 4.48075 3.14726 2.56006 6.35015L4.27529 7.37873ZM4.41767 6.86444V3.11111H2.41767V6.86444H4.41767ZM3.41767 7.86444H6.87693V5.86444H3.41767V7.86444ZM11 7.55556V12H13V7.55556H11ZM11.2929 12.7071L14.0707 15.4849L15.4849 14.0707L12.7071 11.2929L11.2929 12.7071Z" fill="%236E312A"/></svg>');
	}
}

.personal-item__header-img:active {
	background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.18659 10.167C3.29843 9.62615 2.95066 9.09704 2.40982 8.9852C1.86897 8.87336 1.33987 9.22114 1.22803 9.76198L3.18659 10.167ZM3.41767 6.86444H2.41767C2.41767 7.41672 2.86539 7.86444 3.41767 7.86444V6.86444ZM4.41767 3.11111C4.41767 2.55883 3.96996 2.11111 3.41767 2.11111C2.86539 2.11111 2.41767 2.55883 2.41767 3.11111H4.41767ZM6.87693 7.86444C7.42922 7.86444 7.87693 7.41672 7.87693 6.86444C7.87693 6.31215 7.42922 5.86444 6.87693 5.86444V7.86444ZM13 7.55556C13 7.00327 12.5523 6.55556 12 6.55556C11.4477 6.55556 11 7.00327 11 7.55556H13ZM12 12H11V12.4142L11.2929 12.7071L12 12ZM14.0707 15.4849C14.4612 15.8754 15.0944 15.8754 15.4849 15.4849C15.8754 15.0944 15.8754 14.4612 15.4849 14.0707L14.0707 15.4849ZM21 12C21 16.9706 16.9706 21 12 21V23C18.0751 23 23 18.0751 23 12H21ZM12 21C7.02944 21 3 16.9706 3 12H1C1 18.0751 5.92487 23 12 23V21ZM12 3C16.9706 3 21 7.02944 21 12H23C23 5.92487 18.0751 1 12 1V3ZM3 12C3 11.3709 3.06439 10.758 3.18659 10.167L1.22803 9.76198C1.07843 10.4854 1 11.2341 1 12H3ZM4.27529 7.37873C5.84961 4.75344 8.72054 3 12 3V1C7.98912 1 4.48075 3.14726 2.56006 6.35015L4.27529 7.37873ZM4.41767 6.86444V3.11111H2.41767V6.86444H4.41767ZM3.41767 7.86444H6.87693V5.86444H3.41767V7.86444ZM11 7.55556V12H13V7.55556H11ZM11.2929 12.7071L14.0707 15.4849L15.4849 14.0707L12.7071 11.2929L11.2929 12.7071Z" fill="%236E312A"/></svg>');
}

.personal-item__content {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 16px 20px;
	border-radius: 0 0 12px 12px;
}

.bonuses-block {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 24px;
	height: 32px;
}

.bonuses-block__balance {
	font-size: 32px;
	font-weight: 300;
	line-height: 22.88px;
	letter-spacing: -0.04em;
	text-align: left;
	color: #6E312A;
}

.bonuses-block__burn {
	position: relative;
	background-color: #F5F5F5;
	padding: 6px 8px;
	display: flex;
	align-items: center;
	gap: 8px;
	border-radius: 6px;
	height: fit-content;
}

.bonuses-block__info {
	display: none;
	position: absolute;
	flex-direction: column;
	gap: 12px;
	left: 0;
	top: calc(100% + 5px);
	border: 1px solid #E6E3E1;
	border-radius: 12px;
	background-color: white;
	padding: 16px 20px;
	box-shadow: 0 0 16px 0 rgba(110, 49, 42, 0.1);
	z-index: 1;
}

.bonuses-block__info.active {
	display: flex;
}

.bonuses-block__info-btn {
	display: flex;
	align-items: center;
	cursor: pointer;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: center;
	transition: background 0.2s ease-in-out;
	background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="16" height="16" rx="8" fill="%23372C2C"/><path d="M8.00001 7.59841V12.0015M7.80001 4.39841L8.00001 4.59841M8.20001 4.59841V4.59841C8.31046 4.48796 8.31046 4.30887 8.20001 4.19841V4.19841C8.08955 4.08796 7.91046 4.08796 7.80001 4.19841V4.19841C7.68955 4.30887 7.68955 4.48796 7.80001 4.59841V4.59841C7.91046 4.70887 8.08955 4.70887 8.20001 4.59841Z" stroke="white" stroke-width="2" stroke-linecap="round"/></svg>');
}

.bonuses-block__info-btn.active {
	background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="16" height="16" rx="8" fill="%236E312A"/><path d="M7.99998 7.59854V12.0017M7.79998 4.39854L7.99998 4.59854M8.19998 4.59854V4.59854C8.31043 4.48808 8.31043 4.30899 8.19998 4.19854V4.19854C8.08952 4.08808 7.91043 4.08808 7.79998 4.19854V4.19854C7.68952 4.30899 7.68952 4.48808 7.79998 4.59854V4.59854C7.91043 4.70899 8.08952 4.70899 8.19998 4.59854Z" stroke="white" stroke-width="2" stroke-linecap="round"/></svg>');
}

.bonuses-block__burn span {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.02em;
	text-align: left;

}

.bonuses-block__burn svg {
	font-weight: 400;
	letter-spacing: -0.02em;
}

.bonuses-block__info-item {
	width: max-content;
	display: flex;
	gap: 4px;
}

.bonuses-block__info-count {
	font-size: 18px;
	font-weight: 400;
	line-height: 22.5px;
	letter-spacing: -0.02em;
	color: red;
}

.bonuses-block__info-date {
	font-size: 18px;
	line-height: 22.5px;
	letter-spacing: -0.02em;
}

.card-block {
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.card-block__item.active {
    opacity: 1;
}
.card-block__item {
    display: flex;
    align-items: center;
    height: 32px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.02em;
    opacity: 0.5;
}
.card-block__icon {
    width: 50px;
    height: 32px;
    margin-right: 12px;
}
.spent-block {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.spent-block__line {
    position: relative;
    display: flex;
    gap: 10px;
    align-items: center;
    border: 1px solid #E6E3E1;
    background-color: #F5F5F5;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.5px;
    letter-spacing: -0.02em;
    height: 20px;
    overflow: hidden;
}
.spent-block__line-fill {
    height: 20px;
    background-color: #E6E3E1;
    width: 0%;
}
.spent-block__line-number.absolute {
    position: absolute;
    padding-right: 5px;
}
.spent-block__remaining {
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.02em;
}

.orders-empty__text {
	font-weight: 400;
	line-height: 22.4px;
	letter-spacing: -0.02em;
	text-align: left;
}

.orders-empty__text a {
	font-weight: 600;
	color: #6E312A !important;
	transition: border 0.2s ease-in-out;
}

.orders-empty__btn {
	margin-top: auto !important;
	max-width: 181px;
	background-color: #FEED01;
	border-radius: 4px;
	font-weight: 600;
	line-height: 16px;
	text-align: center;
	padding: 12px;
	color: #6E312A;
	border: none !important;
	transition: background-color 0.2s ease-in-out;
}

@media screen and (min-width: 991px) {
	.orders-empty__btn:hover {
		background-color: #f7d700;
	}
}

.orders-empty__btn:active {
	background-color: #f7d700;
}

.order {
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.02em;
}

.order .personal-item__header-title {
	display: flex;
	gap: 12px;
	align-items: center;
}

.order .personal-item__header-title::before {
	content: '';
	width: 16px;
	height: 16px;
	border-radius: 99px;
	background-color: #535c69;
}

.order .personal-item__header-title.red::before {
	background-color: #E44646;
}

.order .personal-item__header-title.green::before {
	background-color: #27AE60;
}

.order .personal-item__header-title.blue::before {
	background-color: #228db2;
}

.order .personal-item__header-title.yellow::before {
	background-color: #c5c519;
}

.personal-item__header.order-empty .personal-item__header-title::before {
	display: none;
}

.order__status {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.order-sum__container {
	display: flex;
	align-items: center;
	gap: 16px;
}

.order__sum {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.cancel-order__btn {
	width: 144px;
    height: 38px;
    padding: 12px 0 12px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 14px;
    background-color: rgba(254, 237, 1, 1);
    border: 1px solid rgba(254, 237, 1, 1);
    color: rgba(110, 49, 42, 1);
    font-family: "MuseoSans";
}

.cancel-order__textarea {
	border-radius: 8px;
	border: 1px solid #E6E3E1;
}

.personal-item__header.mobile .order__sum {
	flex-direction: row;
	font-size: 12px;
}

.order__payed {
	display: flex;
	gap: 8px;
	align-items: center;
	width: max-content;
}

.order__payed::before {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 99px;
}

.order__payed.payed::before {
	background-color: #27AE60;
}

.order__payed.not-payed::before {
	background-color: #E44646;
}

.order__payed.refunded::before {
	background-color: #1991FF;
}

.order__price {
	font-size: 20px;
	font-weight: 600;
	line-height: 25px;
	letter-spacing: -0.02em;
	width: max-content;
}

.order__list {
	display: flex;
	background-color: rgba(230, 227, 225, 1);
	padding: 8px 16px;
	border: 1px solid rgba(230, 227, 225, 1);
	border-bottom: none !important;
	border-radius: 8px;
	gap: 10px;
	font-size: 14px;
	line-height: 16px;
}

.order__list:visited {
	border-bottom: none !important;
}

.order .personal-item__content {
	display: flex;
	gap: 12px;
	flex-direction: row;
	justify-content: space-between;
}

.order .personal-item__content.orders-empty {
	display: flex;
	gap: 12px;
	flex-direction: column;
	justify-content: space-between;
}

.order .delivery {
	display: flex;
	gap: 12px;
	justify-content: space-between;
	flex-direction: row;
	max-width: 316px;
}

.delivery__name {
	font-weight: 400;
	line-height: 22.4px;
	letter-spacing: -0.02em;
	width: 100%;
}

.delivery__code {
	width: min-content;
	white-space: nowrap;
	border-radius: 6px;
	background-color: #F7A001;
	padding: 4px 8px;
	height: fit-content;
	color: #FFFFFF;
	font-weight: 400;
	line-height: 22.4px;
	margin-top: 5px;
}

.delivery__code.ready {
	background-color: #27AE60;
}

.delivery-products {
	display: flex;
	gap: 24px;
	height: 100px;
	align-items: center;
}

.delivery-products__container {
	display: flex;
	flex-direction: row;
	gap: 24px;
}

.delivery-products__container > a,
.delivery-products__container > a:visited {
	border-bottom: unset;
}

.delivery-products__item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	border-radius: 4px;
	padding: 4px;
	border: 1px solid #F5F5F5 !important;
	width: 90px;
}

.delivery-products__container .delivery-products__item > img {
	height: 74.6px;
}
.delivery-products__more {
	color: #6e312a;
	text-decoration: underline;
	text-decoration-color: #f5d400 !important;
	width: 68px;
	text-align: -webkit-center;
	font-weight: 500 !important;
	border-bottom: unset !important;
}

.delivery-products__item-price {
	font-size: 12px;
}

.user-info {
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -0.04em;
	text-align: left;
}

.user-info .personal-item__content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 12px;
	align-items: center;
}

.personal-item__content-column {
	display: flex;
	gap: 12px;
	flex-direction: column;
}

.personal-item__content-column a {
	transition: border 0.2s ease-in-out;
	color: #6E312A;
}

.user-info .personal-item__edit {
	height: 24px;
	width: 24px;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px;
	transition: background 0.2s ease-in-out;
	background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.8674 5.20113L3.93909 15.0774L2 22L8.92531 20.0617L18.8054 10.1372M13.8674 5.20113L16.6201 2.46285C16.7634 2.31633 16.9347 2.19991 17.1235 2.12043C17.3125 2.04094 17.5155 2 17.7205 2C17.9255 2 18.1284 2.04094 18.3174 2.12043C18.5063 2.19991 18.6775 2.31633 18.8208 2.46285L21.5448 5.20113C21.689 5.34414 21.8035 5.5143 21.8817 5.70175C21.9598 5.88921 22 6.09029 22 6.29337C22 6.49645 21.9598 6.69753 21.8817 6.88499C21.8035 7.07246 21.689 7.2426 21.5448 7.38561L18.8054 10.1372M13.8674 5.20113L18.8054 10.1372" stroke="%23372C2C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	border: none !important;
}

@media screen and (min-width: 991px) {
	.user-info .personal-item__edit:hover {
		background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.8674 5.20113L3.93909 15.0774L2 22L8.92531 20.0617L18.8054 10.1372M13.8674 5.20113L16.6201 2.46285C16.7634 2.31633 16.9347 2.19991 17.1235 2.12043C17.3125 2.04094 17.5155 2 17.7205 2C17.9255 2 18.1284 2.04094 18.3174 2.12043C18.5063 2.19991 18.6775 2.31633 18.8208 2.46285L21.5448 5.20113C21.689 5.34414 21.8035 5.5143 21.8817 5.70175C21.9598 5.88921 22 6.09029 22 6.29337C22 6.49645 21.9598 6.69753 21.8817 6.88499C21.8035 7.07246 21.689 7.2426 21.5448 7.38561L18.8054 10.1372M13.8674 5.20113L18.8054 10.1372" stroke="%236E312A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	}
}

.user-info .personal-item__edit:active {
	background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.8674 5.20113L3.93909 15.0774L2 22L8.92531 20.0617L18.8054 10.1372M13.8674 5.20113L16.6201 2.46285C16.7634 2.31633 16.9347 2.19991 17.1235 2.12043C17.3125 2.04094 17.5155 2 17.7205 2C17.9255 2 18.1284 2.04094 18.3174 2.12043C18.5063 2.19991 18.6775 2.31633 18.8208 2.46285L21.5448 5.20113C21.689 5.34414 21.8035 5.5143 21.8817 5.70175C21.9598 5.88921 22 6.09029 22 6.29337C22 6.49645 21.9598 6.69753 21.8817 6.88499C21.8035 7.07246 21.689 7.2426 21.5448 7.38561L18.8054 10.1372M13.8674 5.20113L18.8054 10.1372" stroke="%236E312A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.socials .personal-item__content {
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 8px 40px;
}

.socials-icon {
	width: 116px;
	height: 116px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 12px;
	transition: border 0.2s ease-in-out;
	border: 2px solid transparent !important;
}

.socials-icon.vk > img,
.socials-icon.tg > img,
.socials-icon.ok > img {
	width: 100px;
	height: 100px;
	max-width: unset;
}

@media screen and (min-width: 991px) {
	.socials-icon.vk:hover {
		border: 2px solid #0077FF !important;
	}

	.socials-icon.tg:hover {
		border: 2px solid #31B4F7 !important;
	}

	.socials-icon.ok:hover {
		border: 2px solid #FF7700 !important;
	}
}

.review .personal-item__content {
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	max-height: 136px;
	padding: 20px 12px;
}

.review__img {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 105px;
	max-width: 105px;
	max-height: 90px;
}

.review__img img {
	height: 100%;
	max-height: 90px;
	object-fit: contain;
}

.review__content {
	width: 100%;
}

.review__name {
	margin: 0; /* Убираем внешний отступ */
	-webkit-line-clamp: 2; /* Число отображаемых строк */
	display: -webkit-box; /* Включаем флексбоксы */
	-webkit-box-orient: vertical; /* Вертикальная ориентация */
	overflow: hidden; /* Обрезаем всё за пределами блока */
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	text-align: center;
	letter-spacing: -0.02em;
	color: rgba(33, 35, 40, 1);
}

.review__get {
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: -0.02em;
	color: #F7A001;
	margin-top: 4px;
	text-align: center;
	margin-bottom: 12px;
}

.review__stars {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
}

.recommend .personal-item__content {
	padding-bottom: 0;
}

.b-catalog-elements-blocks_holder {
	border-radius: 4px;
}

.personal-item__header.mobile,
.socials .personal-item__content.mobile{
	display: none;
}

.b-request-holder {
	display: none;
}

@media screen and (max-width: 767px) {
	.l-page-content .l-wrapper {
		padding-right: 19px !important;
		padding-left: 13px !important;
	}

	.personal-item.bonuses {
		width: 100%;
		max-width: 681px;
	}
	
	.personal-item.order {
		width: 100%;
		max-width: 603px;
	}

	.b-request-holder {
		display: block;
	}

	.personal {
		padding-top: 25px;
		padding-bottom: 20px;
		font-size: 14px;
	}
	
	.personal__content {
		gap: 20px;
	}

	.personal__row {
		flex-direction: column;
		gap: 20px;
	}

	.personal-item {
		max-width: unset !important;
	}

	.personal__title {
		font-size: 32px;
		font-weight: 300;
		line-height: 32px;
		letter-spacing: -0.01em;
	}

	.personal-item__header {
		padding: 10px;
	}

	.personal-item__content {
		padding: 10px;
	}

	.personal-item__header-title {
		font-size: 20px;
		line-height: 28px;
	}

	.personal-item__header.mobile {
		gap: 5px !important;
	}

	.personal-item__header.mobile .order__status {
		display: flex;
		width: 100%;
		flex-direction: row;
		justify-content: space-between;
	}

	.personal-item__header.mobile .order__status > .order__list {
		font-size: 13px;
		padding: 4px 10px;
		line-height: unset;
		align-items: center;
	}

	.personal-item__header-img {
		width: 20px;
		height: 20px;
		background-size: 20px;
	}

	.bonuses-block {
		margin-bottom: 12px;
		justify-content: space-between;
	}

	.bonuses-block__balance {
		font-size: 24px;
		line-height: 32.16px;
	}

	.bonuses-block__burn {
		padding: 6px 8px;
	}

	.bonuses-block__burn span {
		font-size: 12px;
		line-height: 15px;
	}

	.bonuses-block__info-count,
	.bonuses-block__info-date {
		font-size: 14px;
	}

	.bonuses-block__info {
		padding: 8px 10px;
	}

	.card-block__item span,
	.spent-block__line-number {
		font-size: 10px;
	}

	.order .personal-item__header {
		display: none;
	}

	.order .personal-item__header.mobile {
		display: flex;
		flex-direction: column;
		gap: 0;
		align-items: flex-start;
	}

	.order__sum {
		width: 100%;
		justify-content: space-between;
	}

	.order__sum-mobile {
		display: flex;
		gap: 8px;
	}

	.order .personal-item__header-title::before {
		width: 10px;
		height: 10px;
	}

	.order__payed::before {
		width: 6px;
		height: 6px;
	}

	.order__price {
		font-size: 16px;
		line-height: 20px;
	}

	.order .personal-item__content {
		flex-direction: column;
	}

	.order .delivery {
		max-width: unset;
	}

	.delivery-products {
		gap: 16px;
	}

	.user-info {
		font-size: 16px;
		line-height: 19.2px;
	}

	.user-info .personal-item__edit {
		width: 20px;
		height: 20px;
		background-size: 20px;
	}

	.socials .personal-item__content {
		padding: 10px;
	}

	.socials .personal-item__content {
		display: none;
	}

	.socials .personal-item__content.mobile {
		display: flex;
		gap: 20px;
		justify-content: space-between;
		align-items: center;
		font-weight: 400;
		line-height: 22.4px;
	}

	.socials-img-list {
		display: flex;
		align-items: center;
		gap: 20px;
	}

	.socials-img {
		width: 32px;
		height: 32px;
		border: none !important;
	}

	.b-catalog-elements-blocks_item {
		height: unset !important;
	}

	.b-catalog-similar .owl-nav {
		width: 108px;
		margin-left: 100px;
		margin-right: auto;
		margin-top: -25px;
		display: flex;
		justify-content: space-between;
	}

	.b-catalog-similar .owl-nav button {
		width: 44px;
		height: 44px;
		background-color: #f0eeeb !important;
		border-radius: 50%;
		position: relative;
	}

	.b-catalog-similar .owl-nav button.owl-next {
		margin-left: auto;
	}

	.b-catalog-similar .owl-nav span {
		position: absolute;
		font-size: 0;
		width: 11px;
		height: 20px;
		background-image: url("/bitrix/templates/template.nadel/components/ma-19/catalog.element/.default/images/arrow-right.svg") !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
		top: 14px;
		left: 17px;
	}

	.b-catalog-similar .owl-nav .owl-prev span {
		transform: rotate(180deg);
	}

	.personal-item__header.order-empty {
		display: flex;
	}

	.personal-item.orders {
		width: 100% !important;
	}

	.personal-item__content.orders-empty {
		gap: 16px;
	}

	.orders-empty__btn {
		width: 100% !important;
		max-width: unset;
	}
}

@media screen and (max-width: 390px) {
	.bonuses-block__burn span {
		font-size: 10px;
		line-height: 14px;
	}
}

@media screen and (max-width: 367px) {
	.bonuses-block__balance {
		font-size: 18px;
	}
	.bonuses-block__burn {
		gap: 5px;
	}
	.bonuses-block__info-btn {
		width: 12px;
		height: 12px;
		background-size: 12px;
	}
}


.spent-block__current{
	font-weight: 400;
	margin-top: 16px;
}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/system.auth.authorize/.default/style.css?15710772104785*/
.b-auth-form {
    margin: 30px 0;
    font: normal 1.0em/1.2 Arial, sans-serif;
}
    .b-auth-form_item {
        margin: 0 0 15px 0;
        zoom: 1;
    }
    .b-auth-form_item:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
        .b-auth-form_item label {
            display: block;
            margin: 0 0 0.3em 0;
            text-align: left;
        }
            .b-auth-form .required {
                color: red;
            }
    .b-auth-form_field {
        position: relative;
    }
        .b-auth-form_checkbox label, .b-auth-form_radio label {
            display: inline;
            float: none;
            width: auto;
            margin: 0;
            text-align: left;
            font-size: 14px;
        }
        .b-auth-form_text input, .b-auth-form_date input {
            width: 350px;
            height: 27px;
            margin: 0;
            padding: 0 8px;
            background: #f1f1f1;
            border: 1px solid #d9d9d9;
            border-top: 1px solid #c0c0c0;
            font: normal 14px/1.2 Arial, sans-serif;
        }
        .b-auth-form_date input {
            /*width: 170px;*/
        }
            .b-auth-form_date .calendar-icon {
                position: absolute;
                top: 4px;
                left: 342px;
            }
        .b-auth-form_item .textarea {
            width: 500px;
            height: 80px;
            margin: 0;
            padding: 6px 8px;
            background: #f1f1f1;
            border: 1px solid #d9d9d9;
            border-top: 1px solid #c0c0c0;
            font: normal 14px/1.2 Arial, sans-serif;
        }
        .b-auth-form_dropdown select {
            width: 367px;
            margin-left: 1px;
            font: normal 16px/1.2 Arial, sans-serif;
        }
        

        .b-auth-form_item-hint {
            display: block;
            clear: both;
            padding: 0.4em 0 0 0;
            color: #979797;
            font-size: 11px;
        }
        .b-auth-form_item-error {
            display: block;
            clear: both;
            margin: 0;
            padding: 0.4em 0 0 0;
            color: #dd4b39;
            font-size: 11px; 
        }
        .b-auth-form_error .b-auth-form_text input, .b-auth-form_error .b-auth-form_date input, .b-auth-form_error textarea {
            border-color: #dd4b39 !important;
        }

        .b-auth-form_captcha {
            overflow: hidden;
        }
            .b-auth-form_captcha img {
                float: left;
                margin-right: 5px;
            }
            .b-auth-form_captcha input {
                float: left;
                height: 38px;
                width: 150px;
                padding: 0 15px;
                margin: 0;
                background: #f1f1f1;
                border: 1px solid #d9d9d9;
                border-top: 1px solid #c0c0c0;
                font: normal 20px/1.2 Arial, sans-serif;
                text-transform: uppercase;
            }

        .b-color-captcha {
            float: left;
            margin: -5px 0 0 -5px; 
        }
            .b-color-captcha_item {
                float: left;
                padding: 8px;
            }
            .b-color-captcha_selected {
                padding: 5px;
                border: 3px solid red;
            }
                .b-color-captcha_item span {
                    display: block;
                    width: 25px;
                    height: 25px;
                    overflow: hidden;
                    text-indent: -5000px;
                }
        .b-color-captcha-text {
            position: relative;
            float: left;
            height: 24px;
            margin: 3px 0 0 15px;
            padding: 0 10px;
            line-height: 25px;
            background-color: #f2efda;
            background-color: #fff9c9;
            border: 1px solid #c7bf93;
        }
            .b-color-captcha-text_corner {
                position: absolute;
                margin-top: 7px;
                margin-left: -10px;
                top: 0;
                left: 0;
                width: 10px;
                height: 10px;
                overflow: hidden;
                background: url(/bitrix/templates/.default/components/bitrix/system.auth.authorize/.default/img/tip-yellow_arrows.png) no-repeat -30px 0;
            }
            .b-color-captcha-text label {
                color: #000;
                font-size: 12px;
            }

    .b-auth-form_submit {
        clear: both;
    }
        .b-auth-form_submit input {
            font: normal 16px/1.2 Arial, sans-serif;
            cursor: pointer;
        }
    .b-auth-form_required-sing {
        margin-top: 1.2em;
        margin-left: 310px;
        font-size: 11px;
    }
/* End */
/* /bitrix/templates/template.nadel/components/bitrix/sale.personal.section/nadel/style.css?175041524224475 */
/* /bitrix/templates/.default/components/bitrix/system.auth.authorize/.default/style.css?15710772104785 */
