/**
 * My Account — personal info page.
 */

.sdn-account-page,
.sdn-account-page .main,
.sdn-account-page .sdn-main {
	background: #f5f5f2;
}

.sdn-account-page .main,
.sdn-account-page .sdn-main {
	padding-top: var(--header-height);
}

.sdn-account-page .sdn-entry__title {
	display: none;
}

.sdn-account {
	max-width: 172.8rem;
	margin: 0 auto;
	padding: 0 4.8rem 8rem;
}

.sdn-account-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.8rem;
	padding: 1.6rem 0 3.2rem;
	font-size: 1.4rem;
	line-height: 2rem;
	color: #656565;
}

.sdn-account-breadcrumb a {
	color: #656565;
	text-decoration: none;
}

.sdn-account-breadcrumb a:hover {
	color: #131313;
}

.sdn-account-breadcrumb .breadcrumb_last,
.sdn-account-breadcrumb span[aria-current="page"] {
	color: #131313;
}

.sdn-account-hero {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1.6rem 2.4rem;
	margin-bottom: 4rem;
}

.sdn-account-greeting {
	margin: 0;
	display: inline-flex;
	align-items: center;
	gap: 0.8rem;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 4.8rem;
	font-weight: 600;
	line-height: 1.1;
	text-transform: uppercase;
	color: #131313;
}

.sdn-account-greeting .wave-hand {
	width: 4rem;
	height: 4rem;
	object-fit: contain;
	mix-blend-mode: multiply;
}

.sdn-account-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	padding: 0.8rem;
	border: 0.1rem solid #d9d9d9;
	border-radius: 0;
	background: transparent;
	font-family: "Inter", sans-serif;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.6rem;
	color: #131313;
	white-space: nowrap;
}

.sdn-account-badge img {
	width: 2rem;
	height: 2rem;
	object-fit: contain;
}

.sdn-account-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2.4rem;
	margin-bottom: 3.2rem;
}

.sdn-account-tabs-swiper {
	min-width: 0;
	flex: 1 1 auto;
	overflow: visible;
}

.sdn-account-tabs {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.sdn-account-tab {
	margin: 0;
	width: auto;
	height: auto;
	position: relative;
	z-index: 0;
}

.sdn-account-tab + .sdn-account-tab {
	margin-left: -0.1rem;
}

.sdn-account-tab.is-active {
	z-index: 2;
}

.sdn-account-tab a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 5.6rem;
	padding: 1.2rem 4rem;
	border: 0.1rem solid #e9e9e5;
	background: #f5f5f2;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 3.2rem;
	text-transform: uppercase;
	text-decoration: none;
	color: #999;
	white-space: nowrap;
	position: relative;
	z-index: 0;
}

.sdn-account-tab.is-active a {
	border-color: #111;
	background: #f5f5f2;
	color: #131313;
	z-index: 1;
}

.sdn-account-tab a:hover {
	color: #131313;
}

.sdn-account-logout {
	display: inline-flex;
	align-items: center;
	gap: 0.8rem;
	flex-shrink: 0;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 3.2rem;
	text-transform: uppercase;
	text-decoration: none;
	color: #656565;
}

.sdn-account-logout:hover {
	color: #131313;
}

.sdn-account-logout img {
	width: 3.2rem;
	height: 3.2rem;
	object-fit: contain;
}

.sdn-account-content {
	display: flex;
	flex-direction: column;
	gap: 2.4rem;
}

.sdn-account-panel {
	border: 1px solid #73736f;
	background: #fff;
	padding: 3.2rem;
}

.sdn-account-panel-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.6rem;
	margin-bottom: 2.4rem;
}

.sdn-account-panel-title {
	margin: 0;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
	color: #131313;
}

.sdn-account-link-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.8rem;
	padding: 0;
	border: 0;
	background: transparent;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
	color: #131313;
	cursor: pointer;
}

.sdn-account-link-btn img {
	width: 1.6rem;
	height: 1.6rem;
	object-fit: contain;
}

.sdn-account-link-btn.is-danger {
	color: #c5342d;
}

/* Profile block — Figma 4444:12383 */
.sdn-account-panel.sdn-account-profile {
	padding: 0;
	border: none;
	background: transparent;
}

.sdn-account-profile__head {
	display: flex;
	align-items: center;
	gap: 1.2rem;
	padding: 2rem;
	background: #fff;
	border: 0.1rem solid #e9e9e5;
	border-bottom: none;
}

.sdn-account-profile__title {
	flex: 1 1 auto;
	margin: 0;
	min-width: 0;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 3.2rem;
	text-transform: uppercase;
	color: #111;
}

.sdn-account-profile__edit {
	display: inline-flex;
	align-items: center;
	gap: 0.8rem;
	flex-shrink: 0;
	padding: 0;
	border: 0;
	background: transparent;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 2rem;
	text-transform: uppercase;
	color: #656565;
	cursor: pointer;
}

.sdn-account-profile__edit:hover {
	color: #131313;
}

.sdn-account-profile__edit img {
	width: 2.4rem;
	height: 2.4rem;
	object-fit: contain;
}

.sdn-account-profile__body {
	padding: 2rem;
	background: #fff;
	border: 0.1rem solid #e9e9e5;
}

.sdn-account-profile-grid {
	display: flex;
	align-items: flex-start;
	gap: 12rem;
	max-width: 75.9rem;
}

.sdn-account-profile-grid__labels,
.sdn-account-profile-grid__values {
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
	margin: 0;
}

.sdn-account-profile-grid__label {
	margin: 0;
	font-family: "Inter", sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.4rem;
	color: #131313;
}

.sdn-account-profile-grid__value {
	margin: 0;
	font-family: "Inter", sans-serif;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 2.4rem;
	color: #131313;
}

.sdn-account-address-list {
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
	margin-bottom: 1.6rem;
}

.sdn-account-address-empty,
.sdn-account-placeholder {
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #656565;
}

.sdn-account-address-card {
	position: relative;
	border: 1px solid #d9d9d9;
	padding: 2.4rem;
}

.sdn-account-address-badge {
	display: inline-flex;
	align-items: center;
	margin-bottom: 1.6rem;
	padding: 0.4rem 0.8rem;
	background: #111;
	color: #fff;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.4;
	text-transform: uppercase;
}

.sdn-account-address-actions {
	position: absolute;
	top: 2.4rem;
	right: 2.4rem;
	display: flex;
	align-items: center;
	gap: 1.6rem;
}

.sdn-account-address-name,
.sdn-account-address-phone,
.sdn-account-address-line {
	margin: 0;
	font-size: 1.6rem;
	line-height: 2.4rem;
	color: #131313;
}

.sdn-account-address-phone,
.sdn-account-address-line {
	color: #656565;
}

.sdn-account-address-name {
	font-weight: 600;
	padding-right: 18rem;
}

.sdn-account-address-add {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 7.2rem;
	padding: 1.6rem;
	border: 1px dashed #d9d9d9;
	background: transparent;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
	color: #131313;
	cursor: pointer;
}

.sdn-account-address-add:hover {
	border-color: #111;
}

.sdn-account-check {
	display: inline-flex;
	align-items: center;
	gap: 0.8rem;
	font-size: 1.4rem;
	color: #131313;
	cursor: pointer;
}

.sdn-account-check input {
	-webkit-appearance: auto;
	appearance: auto;
	width: 1.6rem;
	height: 1.6rem;
	margin: 0;
	accent-color: #111;
}

.popup-account-form .popup-box {
	transform: none;
	max-height: min(90vh, 90rem);
	width: min(55.4rem, calc(100vw - 3.2rem));
	gap: 0;
	padding: 4rem;
}

.popup-account-form .popup-body {
	width: 100%;
	gap: 3.2rem;
}

.popup-account-form .popup-head {
	max-width: none;
}

.popup-account-form .popup-fields,
.popup-account-form .popup-group,
.popup-account-form .popup-field {
	width: 100%;
	max-width: none;
}

.popup-account-form .popup-field .form-input {
	width: 100%;
	flex: 1 1 0;
	min-width: 0;
	height: 2.4rem;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.popup-account-form .popup-field--select {
	position: relative;
	min-height: 4.8rem;
	align-items: center;
}

.popup-account-form .popup-field--select select.form-input {
	height: 4.8rem;
	width: 100%;
}

.popup-account-form .popup-field--select .select2-container {
	width: 100% !important;
}

.popup-account-form .popup-field--select .select2-container .select2-selection--single {
	height: 4.8rem;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.popup-account-form .popup-field--select .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 4.8rem;
	padding-left: 0;
	padding-right: 3.2rem;
	font-size: 1.6rem;
	color: #131313;
}

.popup-account-form .popup-field--select .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #656565;
}

.popup-account-form .popup-field--select .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 0;
	right: 0;
	width: 2.4rem;
	height: 4.8rem;
	background: url("../images/icons/icon-chevron.svg") center / 2.4rem no-repeat;
}

.popup-account-form .popup-field--select .select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none;
}

.popup-account-form #shipping_city_field.devvn_loading {
	opacity: 0.6;
	pointer-events: none;
}

.select2-container--open {
	z-index: 10050;
}

@media screen and (max-width: 1200px) {
	.sdn-account {
		padding: 0 2.4rem 6.4rem;
	}

	.sdn-account-greeting {
		font-size: 3.6rem;
	}

	.sdn-account-nav {
		flex-direction: column;
		align-items: stretch;
	}

	.sdn-account-logout {
		align-self: flex-end;
	}
}

@media screen and (max-width: 767px) {
	.sdn-account {
		padding: 0 1.6rem 4.8rem;
	}

	.sdn-account-greeting {
		font-size: 2.8rem;
	}

	.sdn-account-panel {
		padding: 2.4rem 1.6rem;
	}

	.sdn-account-panel-head {
		flex-direction: column;
		align-items: flex-start;
	}

	.sdn-account-profile__head {
		flex-direction: row;
		align-items: center;
		border-bottom: 0.1rem solid #e9e9e5;
	}

	.sdn-account-profile-grid {
		gap: 2.4rem;
		max-width: none;
	}

	.sdn-account-address-actions {
		position: static;
		margin-top: 1.6rem;
	}

	.sdn-account-address-name {
		padding-right: 0;
	}

	.sdn-account-tabs-swiper {
		margin: 0 -1.6rem;
		padding: 0 1.6rem;
		overflow: hidden;
	}

	.sdn-account-tabs.swiper-wrapper {
		flex-wrap: nowrap;
		align-items: stretch;
	}

	.sdn-account-tab.swiper-slide {
		width: auto;
		margin-left: 0;
	}

	.sdn-account-tab + .sdn-account-tab {
		margin-left: -0.1rem;
	}

	.sdn-account-tab a {
		min-height: 4.4rem;
		padding: 0.8rem 1.6rem;
		font-size: 1.6rem;
		line-height: 2.4rem;
	}

	.sdn-account-logout {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}

	.sdn-account-logout img {
		width: 2.4rem;
		height: 2.4rem;
	}

	.popup-account-form .popup-box {
		padding: 2.4rem 1.6rem;
	}
}

/* Orders list — Figma 4444:12440 */
.sdn-account-orders {
	background: transparent;
}

.sdn-account-orders__head {
	background: #fff;
	border: 0.1rem solid #e9e9e5;
	border-bottom: none;
	padding: 2rem 2rem 0;
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}

.sdn-account-orders__title {
	margin: 0;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 3.2rem;
	text-transform: uppercase;
	color: #111;
}

.sdn-account-orders-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.sdn-account-orders-filter {
	box-sizing: border-box;
	min-width: 10rem;
	padding: 1rem;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 2rem;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #d9d9d9;
	border-bottom: 0.1rem solid transparent;
}

.sdn-account-orders-filter.is-active {
	color: #111;
	border-bottom-color: #111;
}

.sdn-account-orders-filter:hover {
	color: #111;
}

.sdn-account-orders-list {
	display: flex;
	flex-direction: column;
}

.sdn-account-order-card {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 2.4rem;
	min-height: 26.2rem;
	padding: 2rem;
	background: #fff;
	border: 0.1rem solid #e9e9e5;
	text-decoration: none;
	color: inherit;
}

.sdn-account-order-card + .sdn-account-order-card {
	border-top: none;
}

.sdn-account-order-card__main {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	flex: 1 1 auto;
	min-width: 0;
	max-width: 38.8rem;
}

.sdn-account-order-card__number {
	margin: 0;
	font-family: "Inter", sans-serif;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 2.4rem;
	color: #131313;
}

.sdn-account-order-card__sub {
	margin: 0.4rem 0 0;
	font-family: "Inter", sans-serif;
	font-size: 1.4rem;
	font-style: italic;
	font-weight: 400;
	line-height: 2rem;
	color: #656565;
}

.sdn-account-order-card__product {
	display: flex;
	align-items: center;
	gap: 2rem;
	min-width: 0;
}

.sdn-account-order-card__thumb {
	flex-shrink: 0;
	width: 10.6rem;
	height: 15.2rem;
	background: #f5f5f2;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.sdn-account-order-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sdn-account-order-card__product-name {
	margin: 0;
	font-family: "Inter", sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.4rem;
	color: #131313;
}

.sdn-account-order-card__aside {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: space-between;
	flex: 1 1 auto;
	min-width: 0;
}

.sdn-account-order-card__status-row {
	display: flex;
	align-items: center;
	gap: 2rem;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.sdn-account-order-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.8rem;
	font-family: "Inter", sans-serif;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.6rem;
	text-transform: uppercase;
	white-space: nowrap;
}

.sdn-account-order-status.is-warning {
	background: rgba(255, 178, 64, 0.1);
	color: #e48900;
}

.sdn-account-order-status.is-success {
	background: rgba(27, 110, 83, 0.1);
	color: #1b6e53;
}

.sdn-account-order-status.is-info {
	background: rgba(17, 17, 17, 0.08);
	color: #131313;
}

.sdn-account-order-status.is-muted,
.sdn-account-order-status.is-danger {
	background: rgba(101, 101, 101, 0.12);
	color: #656565;
}

.sdn-account-order-card__total {
	margin: 0;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 2.8rem;
	font-weight: 600;
	line-height: 3.6rem;
	color: #131313;
	white-space: nowrap;
}

.sdn-account-order-card__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.8rem;
	padding: 1.6rem 3.2rem;
	border: 0.1rem solid #111;
	background: transparent;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.4rem;
	text-transform: uppercase;
	text-decoration: none;
	color: #111;
}

.sdn-account-order-card__btn img {
	width: 2.4rem;
	height: 2.4rem;
}

.sdn-account-order-card__btn:hover {
	background: #111;
	color: #fff;
}

.sdn-account-order-card__btn:hover img {
	filter: invert(1);
}

.sdn-account-orders-empty {
	margin: 0;
	padding: 3.2rem 2rem;
	background: #fff;
	border: 0.1rem solid #e9e9e5;
	font-size: 1.6rem;
	line-height: 2.4rem;
	color: #656565;
}

.sdn-account-orders-empty a {
	color: #131313;
	margin-left: 0.4rem;
}

.sdn-account-orders-pagination {
	display: flex;
	justify-content: center;
	margin-top: 3.2rem;
	padding: 0 0 4.8rem;
}

.sdn-account-orders-pagination .page-numbers {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	gap: 2.4rem;
	margin: 0;
	padding: 0;
	list-style: none;
	user-select: none;
	border-bottom: 0.1rem solid #e9e9e5;
}

.sdn-account-orders-pagination .page-numbers li {
	display: flex;
	align-items: stretch;
	justify-content: center;
	margin: 0;
}

.sdn-account-orders-pagination a,
.sdn-account-orders-pagination span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 1.2rem;
	min-height: 2.4rem;
	padding: 0 0 1.2rem;
	margin-bottom: -0.1rem;
	text-decoration: none;
	color: #111;
	font-family: "Inter", sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.4rem;
	border-bottom: 0.2rem solid transparent;
}

.sdn-account-orders-pagination .current {
	font-weight: 700;
	color: #c8102e;
	border-bottom-color: #c8102e;
}

.sdn-account-orders-pagination .dots {
	font-weight: 400;
	color: #111;
	pointer-events: none;
}

.sdn-account-orders-pagination .prev img,
.sdn-account-orders-pagination .next img {
	width: 2.4rem;
	height: 2.4rem;
	display: block;
}

.sdn-account-orders-pagination .prev img {
	transform: scaleX(-1);
}

@media screen and (max-width: 767px) {
	.sdn-account-orders__head {
		padding: 1.6rem 1.6rem 0;
	}

	.sdn-account-orders-filters {
		width: 100%;
		overflow-x: auto;
		flex-wrap: nowrap;
		-webkit-overflow-scrolling: touch;
	}

	.sdn-account-order-card {
		flex-direction: column;
		min-height: 0;
		gap: 1.6rem;
		padding: 1.6rem;
	}

	.sdn-account-order-card__main {
		max-width: none;
	}

	.sdn-account-order-card__aside {
		align-items: stretch;
		gap: 1.6rem;
	}

	.sdn-account-order-card__status-row {
		justify-content: space-between;
	}

	.sdn-account-order-card__total {
		font-size: 2.4rem;
		line-height: 3.2rem;
	}

	.sdn-account-order-card__btn {
		width: 100%;
	}

	.sdn-account-order-card__thumb {
		width: 8rem;
		height: 11.4rem;
	}
}

/* Voucher wallet — Figma 4444:12974 */
.sdn-account-vouchers {
	background: transparent;
}

.sdn-account-vouchers__head {
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
	padding: 2rem 2rem 0;
	background: #fff;
	border: 0.1rem solid #e9e9e5;
	border-bottom: none;
}

.sdn-account-vouchers__title {
	margin: 0;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 3.2rem;
	text-transform: uppercase;
	color: #111;
}

.sdn-account-vouchers-tabs {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.sdn-account-vouchers-tab {
	box-sizing: border-box;
	min-width: 12rem;
	padding: 1rem;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 2rem;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #d9d9d9;
	border-bottom: 0.1rem solid transparent;
}

.sdn-account-vouchers-tab.is-active {
	color: #111;
	border-bottom-color: #111;
}

.sdn-account-vouchers-tab:hover {
	color: #111;
}

.sdn-account-vouchers__body {
	padding: 2rem;
	background: #fff;
	border: 0.1rem solid #e9e9e5;
}

.sdn-account-vouchers-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 2.4rem;
}

.sdn-account-voucher {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2.4rem;
	padding: 2rem 4rem;
	border: 0.1rem solid #111;
	border-left-width: 0.6rem;
	background: #fff;
}

.sdn-account-voucher__main {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.4rem;
	min-width: 0;
	flex: 1 1 auto;
}

.sdn-account-voucher__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.4rem 0.8rem;
	margin-bottom: 0.4rem;
	border: 0.1rem solid #111;
	font-family: "Inter", sans-serif;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.6rem;
	color: #111;
	text-transform: uppercase;
}

.sdn-account-voucher__code {
	margin: 0;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 3.2rem;
	font-weight: 600;
	line-height: 4rem;
	text-transform: uppercase;
	color: #131313;
}

.sdn-account-voucher__desc {
	margin: 0;
	padding-top: 0.2rem;
	font-family: "Inter", sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2rem;
	color: #73736f;
}

.sdn-account-voucher__expiry {
	margin: 0;
	font-family: "Inter", sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2rem;
	color: #999;
}

.sdn-account-voucher__orders {
	margin: 0.8rem 0 0;
	font-family: "Inter", sans-serif;
	font-size: 1.4rem;
	line-height: 2rem;
	color: #656565;
}

.sdn-account-voucher__orders a {
	color: #131313;
	text-decoration: underline;
}

.sdn-account-voucher__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.8rem;
	flex: 0 0 auto;
	min-width: 16rem;
	padding: 1.6rem 3.2rem;
	border: 0.1rem solid #111;
	background: #fff;
	text-decoration: none;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.4rem;
	text-transform: uppercase;
	color: #111;
	white-space: nowrap;
}

.sdn-account-voucher__cta img {
	width: 2.4rem;
	height: 2.4rem;
	object-fit: contain;
}

.sdn-account-voucher__cta:hover {
	background: #111;
	color: #fff;
}

.sdn-account-voucher__cta:hover img {
	filter: invert(1);
}

.sdn-account-voucher__cta.is-disabled {
	opacity: 0.4;
	pointer-events: none;
	cursor: default;
}

.sdn-account-vouchers-empty {
	margin: 0;
	font-family: "Inter", sans-serif;
	font-size: 1.6rem;
	line-height: 2.4rem;
	color: #656565;
}

@media (max-width: 767px) {
	.sdn-account-vouchers__head,
	.sdn-account-vouchers__body {
		padding-left: 1.6rem;
		padding-right: 1.6rem;
	}

	.sdn-account-vouchers-tab {
		min-width: 0;
		flex: 1 1 auto;
		padding: 1rem 0.8rem;
		font-size: 1.4rem;
	}

	.sdn-account-voucher {
		flex-direction: column;
		align-items: stretch;
		gap: 1.6rem;
		padding: 1.6rem;
	}

	.sdn-account-voucher__code {
		font-size: 2.4rem;
		line-height: 3.2rem;
	}

	.sdn-account-voucher__cta {
		width: 100%;
		min-width: 0;
	}
}

/* Order detail — Figma 4444:12662 */
.sdn-account-order-detail {
	background: transparent;
}

.sdn-account-order-detail__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.2rem;
	padding: 2rem;
	background: #fff;
	border: 0.1rem solid #e9e9e5;
	border-bottom: none;
}

.sdn-account-order-detail__title {
	margin: 0;
	flex: 1 1 auto;
	min-width: 0;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 3.2rem;
	text-transform: uppercase;
	color: #111;
}

.sdn-account-order-detail__back {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	flex: 0 0 auto;
	text-decoration: none;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 2rem;
	text-transform: uppercase;
	color: #656565;
}

.sdn-account-order-detail__back img {
	width: 2.4rem;
	height: 2.4rem;
	object-fit: contain;
	transform: scaleX(-1);
}

.sdn-account-order-detail__back:hover {
	color: #131313;
}

.sdn-account-order-detail__body {
	display: flex;
	flex-direction: column;
	gap: 4rem;
	padding: 2rem;
	background: #fff;
	border: 0.1rem solid #e9e9e5;
}

.sdn-account-order-detail__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	flex-wrap: wrap;
}

.sdn-account-order-detail__meta {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	min-width: 0;
}

.sdn-account-order-detail__number {
	margin: 0;
	font-family: "Inter", sans-serif;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 2.4rem;
	color: #131313;
}

.sdn-account-order-detail__sub {
	margin: 0;
	font-family: "Inter", sans-serif;
	font-size: 1.4rem;
	font-style: italic;
	font-weight: 400;
	line-height: 2rem;
	color: #656565;
}

.sdn-account-order-detail__aside {
	display: flex;
	align-items: center;
	gap: 2rem;
	flex-wrap: wrap;
}

.sdn-account-order-detail__total {
	margin: 0;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 2.8rem;
	font-weight: 600;
	line-height: 3.6rem;
	color: #131313;
	white-space: nowrap;
}

.sdn-account-order-detail .sdn-thankyou-tracker {
	padding: 0;
	border: 0;
}

.sdn-account-order-detail .sdn-thankyou-tracker.is-compact {
	padding: 0;
}

.sdn-account-order-detail__main {
	margin-top: 0;
}

.sdn-account-order-detail .sdn-thankyou-tracker-current {
	font-style: italic;
	color: #73736f;
}

/* Banner tư vấn */
.sdn-banner-contact {
	position: relative;
	overflow: visible;
	min-height: 49.5rem;
	margin-top: 14.5rem;
	background: #1a1a1a;
	color: #fff;
}

.sdn-banner-contact__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.sdn-banner-contact__bg-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.sdn-banner-contact__inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
	align-items: center;
	gap: 4rem;
	min-height: 49.5rem;
	padding: 0 4.8rem 0 7.2rem;
}

.sdn-banner-contact__model {
	align-self: end;
	max-width: 86.1rem;
	margin-top: -7.9rem;
	pointer-events: none;
}

.sdn-banner-contact__model-img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 57.3rem;
	object-fit: contain;
	object-position: left bottom;
}

.sdn-banner-contact__copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 4rem;
	max-width: 44.5rem;
	padding: 4rem 0;
}

.sdn-banner-contact__title {
	margin: 0 0 1.2rem;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 6.4rem;
	font-weight: 600;
	line-height: 7.6rem;
	text-transform: uppercase;
	color: #fff;
}

.sdn-banner-contact__desc {
	font-family: "Inter", sans-serif;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 2.8rem;
	color: #fff;
}

.sdn-banner-contact__desc p {
	margin: 0;
}

.sdn-banner-contact__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.8rem;
	padding: 1.6rem 3.2rem;
	background: #fff;
	color: #111;
	text-decoration: none;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.4rem;
	text-transform: uppercase;
	white-space: nowrap;
}

.sdn-banner-contact__cta img {
	width: 2.4rem;
	height: 2.4rem;
	object-fit: contain;
	flex: 0 0 auto;
}

.sdn-banner-contact__cta:hover {
	opacity: 0.92;
}

@media (max-width: 1024px) {
	.sdn-account-order-detail__aside {
		width: 100%;
		justify-content: space-between;
	}

	.sdn-account-order-detail__main {
		grid-template-columns: 1fr;
		gap: 2.4rem;
	}

	.sdn-banner-contact {
		min-height: 0;
	}

	.sdn-banner-contact__inner {
		grid-template-columns: 1fr;
		gap: 2.4rem;
		min-height: 0;
		padding: 4rem 2.4rem 0;
	}

	.sdn-banner-contact__model {
		order: 2;
		margin-top: 0;
		max-width: 100%;
	}

	.sdn-banner-contact__copy {
		order: 1;
		max-width: none;
		gap: 2.4rem;
		padding: 0;
	}

	.sdn-banner-contact__title {
		font-size: 4rem;
		line-height: 4.8rem;
	}

	.sdn-banner-contact__desc {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}

	.sdn-banner-contact__cta {
		white-space: normal;
		text-align: center;
	}
}

@media (max-width: 767px) {
	.sdn-account-order-detail__head {
		padding: 1.6rem;
	}

	.sdn-account-order-detail__body {
		gap: 2.4rem;
		padding: 1.6rem;
	}

	.sdn-account-order-detail__total {
		font-size: 2.4rem;
		line-height: 3.2rem;
	}

	.sdn-banner-contact__inner {
		padding: 3.2rem 1.6rem 0;
	}

	.sdn-banner-contact__title {
		font-size: 3.2rem;
		line-height: 4rem;
		margin-bottom: 0.8rem;
	}

	.sdn-banner-contact__cta {
		width: 100%;
		padding: 1.4rem 2rem;
		font-size: 1.6rem;
	}
}

/* Change password — Figma 4444:13147 */
.sdn-account-password {
	background: transparent;
}

.sdn-account-password__head {
	padding: 2rem;
	background: #fff;
	border: 0.1rem solid #e9e9e5;
	border-bottom: none;
}

.sdn-account-password__title {
	margin: 0;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 3.2rem;
	text-transform: uppercase;
	color: #111;
}

.sdn-account-password__body {
	display: flex;
	justify-content: center;
	padding: 2rem;
	background: #fff;
	border: 0.1rem solid #e9e9e5;
}

.sdn-account-password-form {
	width: 100%;
	display: flex;
	justify-content: center;
}

.sdn-account-password-card {
	box-sizing: border-box;
	width: 100%;
	max-width: 74rem;
	padding: 4rem;
	border: 0.1rem solid #73736f;
	background: #fff;
}

.sdn-account-password-fields {
	display: flex;
	flex-direction: column;
	gap: 2.4rem;
	margin-bottom: 4rem;
}

.sdn-account-password-group {
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
	width: 100%;
}

.sdn-account-password-label {
	margin: 0;
	font-family: "Inter", sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.4rem;
	color: #131313;
}

.sdn-account-password-label .required {
	color: #c5342d;
	text-decoration: none;
	border: 0;
}

.sdn-account-password-field,
.woocommerce form .sdn-account-password-field.password-input {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 1.2rem;
	width: 100%;
	padding: 1.2rem 1.2rem 1.2rem 2.4rem;
	position: relative;
	border: 0;
	border-bottom: 0.1rem solid #d9d9d9;
	background: transparent;
}

.sdn-account-password-input {
	flex: 1 1 0;
	min-width: 0;
	width: auto;
	height: 2.4rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	font-family: "Inter", sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.4rem;
	color: #131313;
}

.sdn-account-password-input::placeholder {
	color: #656565;
}

.sdn-account-password-input:focus {
	outline: none;
}

.sdn-account-password-eye {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 2.4rem;
	height: 2.4rem;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.sdn-account-password-eye img {
	width: 1.6rem;
	height: 1.6rem;
	object-fit: contain;
	opacity: 0.7;
}

.sdn-account-password-eye.is-active img,
.sdn-account-password-eye:hover img {
	opacity: 1;
}

/* Hide Woo's built-in toggle — theme already has .sdn-account-password-eye */
.woocommerce form .sdn-account-password-field .show-password-input {
	display: none !important;
}

.woocommerce form .sdn-account-password-field.password-input input[type="password"],
.woocommerce form .sdn-account-password-field.password-input input.sdn-account-password-input {
	padding-right: 0;
}

/* Woo password strength meter + hint — after the input field, not inside it */
.sdn-account-password-group > .woocommerce-password-strength {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "Inter", sans-serif;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 2rem;
	text-align: left;
}

.sdn-account-password-group > .woocommerce-password-strength.short,
.sdn-account-password-group > .woocommerce-password-strength.bad {
	color: #c5342d;
}

.sdn-account-password-group > .woocommerce-password-strength.good {
	color: #e48900;
}

.sdn-account-password-group > .woocommerce-password-strength.strong {
	color: #009262;
}

.sdn-account-password-group > .woocommerce-password-hint {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: "Inter", sans-serif;
	font-size: 1.3rem;
	font-weight: 400;
	font-style: italic;
	line-height: 1.9rem;
	color: #73736f;
}

.sdn-account-password-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 1.6rem 3.2rem;
	border: 0;
	background: #111;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.4rem;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
}

.sdn-account-password-submit:hover {
	opacity: 0.92;
}

@media (max-width: 767px) {
	.sdn-account-password__head,
	.sdn-account-password__body {
		padding: 1.6rem;
	}

	.sdn-account-password-card {
		padding: 2.4rem 1.6rem;
	}

	.sdn-account-password-fields {
		margin-bottom: 2.4rem;
	}

	.sdn-account-password-field {
		padding-left: 1.6rem;
	}
}