.rem-auth-modal[hidden] {
	display: none;
}

.rem-auth-modal {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: grid;
	place-items: center;
	padding: 20px;
}
.mt-3p {
	margin-top: 3.2% !important;
}
.rem-auth-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(18, 24, 32, 0.46);
}

.rem-auth {
	position: relative;
	width: min(100%, 390px);
	box-sizing: border-box;
	background: #fff;
	color: #20242a;
	border: 1px solid #fff;
	box-shadow: 0 18px 50px rgba(18, 24, 32, 0.18);
	padding: 30px;
	border-radius: 24px;
}

.rem-auth h2 {
	margin: 0 0 18px;
	font-size: 20px;
	line-height: 1.35;
}

.rem-auth__close {
	position: absolute !important;
	top: 10px !important;
	left: 10px !important;
	inset-inline-end: 10px;
	width: 34px;
	height: 34px;
	border: 0;
	background: transparent !important;
	color: #c5c5c5 !important;
	font-size: 30px !important;
	font-weight: 300 !important;
	line-height: 1 !important;
	cursor: pointer !important;
}

.rem-auth__step {
	display: none;
	gap: 14px;
}

.rem-auth__step.is-active {
	display: grid;
}

.rem-auth label {
	display: grid;
	gap: 7px;
	margin: 0;
	font-size: 14px;
}

.rem-auth input {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #cfd5dc;
	background: #fff;
	color: #20242a;
	padding: 11px 12px !important;
	font: inherit;
	outline: none;
}

.rem-auth input:focus {
	border-color: #799174 !important;
	box-shadow: 0 0 0 3px rgba(31, 122, 90, 0.12);
}

.rem-auth__otp-digits {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	direction: ltr;
}

.rem-auth__otp-digits input {
	height: 52px !important;
	padding: 0 !important;
	text-align: center !important;
	font-size: 24px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	border-radius: 10px !important;
}

.rem-auth__otp-value {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	border: 0 !important;
	white-space: nowrap !important;
}

.rem-auth__remember {
	display: flex !important;
	grid-template-columns: none;
	align-items: center;
	gap: 8px;
	color: #5c6570;
}

.rem-auth__remember input {
	width: auto;
	margin: 0;
}

.rem-auth button[type="submit"] {
	width: 100%;
	border: 1px solid #799174 !important;
	background: #799174 !important;
	color: #fff;
	padding: 11px 14px;
	font: inherit;
	cursor: pointer;
	border-radius: 6px;
}

.rem-auth button[type="submit"]:hover,
.rem-auth button[type="submit"]:focus {
	background: #333 !important;
	border-color: #333 !important;
}

.rem-auth button:disabled {
	opacity: 0.7;
	cursor: progress;
}

.rem-auth__link {
	border: 0 !important;
	background: transparent !important;
	color: #799174 !important;
	padding: 2px  !important;
	font: inherit;
	cursor: pointer !important;
	text-align: center !important;
}

.rem-auth__timer-action {
	display: inline !important;
	background: transparent !important;
	color: #333 !important;
	padding: 0 !important;
	font: inherit;
	cursor: pointer !important;
	border: 1px solid #ccc !important;
  	padding-left: 10px !important;
  	border-radius: 10px !important;
	opacity: 0.8 !important;
}

.rem-auth__timer-action:hover {
	background: #eee !important;
	opacity: 1 !important;
}

.rem-auth__hint,
.rem-auth__timer,
.rem-auth__field-note,
.rem-auth__message {
	margin: 0;
	font-size: 13px;
	line-height: 1.7;
	color: #5c6570;
}

.rem-auth__timer {
	margin-top: -8px;
}

.rem-auth__message {
	min-height: 22px;
	color: #799174 !important;
}

.rem-auth__message.is-error {
	color: #bd453c;
}

.rem-auth__field-note.is-error {
	color: #bd453c;
}

.rem-checkout-phone {
	display: grid;
	gap: 7px;
	margin-top: 8px;
	font-size: 13px;
	justify-content: center;
}

.rem-checkout-phone [hidden] {
	display: none !important;
}

.rem-checkout-phone__send {
	width: fit-content;
	color: #799174 !important;
	padding: 0;
	font: inherit;
	cursor: pointer;
	position: relative;
}

a.rem-checkout-phone__send::before {
	content: "\f121";
	font-family: "woodmart-font";
	font-weight: 400;
	position: absolute;
  	right: -17px;
  	top: 1px;
}

.rem-checkout-phone__send.is-busy {
	opacity: 0.55;
	pointer-events: none;
}

.rem-checkout-phone__loader {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	width: fit-content;
	min-height: 18px;
}

.rem-checkout-phone__loader span {
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #799174 !important;
	animation: rem-checkout-loader 0.9s infinite ease-in-out;
	opacity: 0.3;
}

.rem-checkout-phone__loader span:nth-child(2) {
	animation-delay: 0.15s;
}

.rem-checkout-phone__loader span:nth-child(3) {
	animation-delay: 0.3s;
}

@keyframes rem-checkout-loader {
	0%,
	80%,
	100% {
		opacity: 0.3;
		transform: translateY(0);
	}

	40% {
		opacity: 1;
		transform: translateY(-2px);
	}
}

.rem-checkout-phone__verify button {
	border-radius: 35px !important;
	background: #799174;
	color: #fff;
	padding: 7px 12px;
	text-decoration: none;
	max-width: 65px;
	min-height: 32px !important;
	font-weight: normal !important;
}

.rem-checkout-phone__verify {
	display: grid;
	grid-template-columns: minmax(90px, 150px) auto;
	gap: 8px;
	align-items: center;
}

.rem-checkout-phone__verify[hidden] {
	display: none;
}

.rem-checkout-phone__verify input {
	width: 100%;
	box-sizing: border-box;
	padding: 7px 9px;
	border: 1px solid #cfd5dc;
}

.rem-checkout-phone__timer,
.rem-checkout-phone__message {
	margin: 0;
	color: #5c6570;
}

.rem-checkout-phone__message {
	color: #799174;
}

.rem-checkout-phone__message.is-error {
	color: #b42318;
}

.rem-checkout-phone.is-verified .rem-checkout-phone__send,
.rem-checkout-phone.is-verified .rem-checkout-phone__timer {
	display: none;
}

.rem-header-account {
	position: relative;
	display: inline-flex;
	align-items: center;
	color: inherit;
	font: inherit;
	text-decoration: none;
}

button.rem-header-account__toggle {
	font-weight: normal !important;
}

a.rem-header-account::before,
button.rem-header-account__toggle span.wd-tools-icon:before {
	content: "\f124";
 	font-family: "woodmart-font";
	position: absolute;
	right: -23px;
	top: -4px;
	font-size: 17px;
}

button.rem-header-account__toggle span.wd-tools-icon:before {
	top: unset;
}

.rem-header-account--guest {
	cursor: pointer;
}

.rem-header-account__toggle {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: 0;
	background: transparent !important;
	color: inherit;
	padding: 0;
	font: inherit;
	cursor: pointer;
}

.rem-header-account__name {
	max-width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0 !important;
	line-height: 32px;
}

.rem-header-account__chevron {
	font-size: 11px;
	line-height: 1;
}

.rem-header-account__menu {
	position: absolute;
	top: calc(100% + 0px);
	inset-inline-start: 0;
	z-index: 100000;
	display: none;
	min-width: 210px;
	margin: 0;
	padding: 8px 0;
	list-style: none;
	background: #fff;
	border: 1px solid #e0e3e7;
	box-shadow: 0 12px 30px rgba(18, 24, 32, 0.14);
}

ul.rem-header-account__menu > li {
	margin-bottom: 0 !important;
	border-bottom: 1px solid #f1f1f1;
}
.rem-header-account:hover .rem-header-account__menu,
.rem-header-account:focus-within .rem-header-account__menu,
.rem-header-account.is-open .rem-header-account__menu {
	display: block;
}

.rem-header-account__menu a {
	display: block;
	padding: 8px 14px;
	color: #565656;
	text-decoration: none;
	white-space: nowrap;
}

.rem-header-account__menu a:hover,
.rem-header-account__menu a:focus {
	background: #f4f4f4;
	color: #799174;
}

.rem-account-gate {
	max-width: 460px;
	margin: 32px auto;
	text-align: center;
	color: #222;
}

.rem-account-gate h2 {
	margin: 0 0 10px;
	font-size: 22px;
	line-height: 1.35;
}

.rem-account-gate p {
	margin: 0 0 16px;
	color: #666;
	font-size: 14px;
	line-height: 1.7;
}

.rem-account-gate__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 18px;
	background: #799174;
	color: #fff;
	border-radius: 6px !important;
	text-decoration: none;
}

.rem-account-gate__link:hover,
.rem-account-gate__link:focus {
	color: #fff !important;
	background: rgb(50, 50, 50) !important;
}

.rem-auth-account-gated .woocommerce form.login,
.rem-auth-account-gated .woocommerce form.register,
.rem-auth-account-gated .woocommerce .u-columns,
.rem-auth-account-gated .woocommerce .woocommerce-form-login,
.rem-auth-account-gated .woocommerce .woocommerce-form-register {
	display: none !important;
}

.woocommerce-account .woocommerce-EditAccountForm fieldset,
.woocommerce-account .woocommerce-EditAccountForm .password-input,
.woocommerce-checkout .woocommerce-account-fields,
.woocommerce-checkout #account_password_field {
	display: none !important;
}

.rem-delivery-estimate th,
.rem-delivery-estimate td,
.rem-delivery-address th,
.rem-delivery-address td {
	font-size: 14px !important;
}

.rem-delivery-address th {
	white-space: nowrap;
}

.rem-delivery-address td {
	font-size: 13px !important;
}

.rem-delivery-estimate td {
	text-align: start !important;
	padding-right: 20px;
}

.rem-delivery-estimate__value {
	display: inline-block;
	color: #444444;
	position: relative;
}

.rem-delivery-estimate__value::before {
	content: '';
	display: inline-block;
	position: absolute;
	width: 19px;
	height: 19px;
	background-image: url(https://in-chanta.com/wp-content/uploads/2025/06/calendar-icon-pn-2.png) !important;
	background-repeat: no-repeat;
	background-size: 18px !important;
	top: -2px;
	right: -25px;
}

tr.rem-cart-savings th, .rem-cart-savings__value .amount {
	color: rgb(12, 110, 176) !important;
	font-size: 15px;
}

.rem-account {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
	gap: 30px;
	align-items: start;
	direction: ltr;
}

.rem-account__side {
	display: grid;
	gap: 24px;
	grid-column: 2;
	grid-row: 1;
	direction: rtl;
}

.rem-account__main {
	min-width: 0;
	grid-column: 1;
	grid-row: 1;
	direction: rtl;
}

.rem-account-mobile-close,
.rem-account-mobile-backdrop {
	display: none !important;
}

.rem-account--global-drawer {
	display: none;
}

.rem-account__main > .woocommerce-message,
.rem-account__main > .woocommerce-error,
.rem-account__main > .woocommerce-info {
	margin: 0 0 20px;
	border-radius: 10px;
	font-size: 14px;
}

.rem-account-user {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 14px;
	padding-bottom: 12px;
	border-bottom: 1px dashed #c8c8c8;
	color: #8b9f82;
}

.rem-account-user__meta {
	display: grid;
	gap: 2px;
	text-align: right;
}

.rem-account-user__meta strong {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
}

.rem-account-user__meta span {
	color: #888;
	font-size: 13px;
}

.rem-account-user__avatar {
	width: 56px !important;
	height: 56px !important;
	border-radius: 50% !important;
	background: #fff;
  	border: 1px solid #ddd !important;
  	padding: 2px;
}

.rem-account-menu {
	display: grid;
	border: 1px solid #dedede;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
}

.rem-account-menu a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	min-height: 58px;
	padding: 0 16px;
	color: #222;
	text-decoration: none;
	border-bottom: 1px solid #e6e6e6;
	font-size: 14px;
}

.rem-account-menu__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 23px;
	width: 23px;
	height: 23px;
}

.rem-account-menu__icon svg {
	display: block;
	width: 23px;
	height: 23px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.rem-account-menu__label {
	min-width: 0;
}

.rem-account-menu a:last-child {
	border-bottom: 0;
}

.rem-account-menu a:hover,
.rem-account-menu a:focus,
.rem-account-menu a.is-active {
	color: #799174;
	background: #fafafa;
}

.rem-account-section-title {
	display: grid;
	justify-items: start;
	gap: 4px;
	margin: 0 0 26px;
	padding-bottom: 12px;
	border-bottom: 1px solid #d8d8d8;
	text-align: right;
}

.rem-account-orders .rem-account-section-title {
	border: none;
	margin-bottom: 1px;
}

.rem-account-order > p:empty, .rem-account-section-title > p:empty {
	display: none;
}

.rem-account-section-title h2 {
	margin: 0;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
	color: #444;
	text-transform: none;
	letter-spacing: 0;
}

.rem-account-section-title small {
	color: #aaa;
	font-size: 13px;
	line-height: 1.5;
}

.rem-account-section-title--products {
	margin-top: 56px;
}

.rem-account-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
	margin: 0 0 42px;
	direction: rtl;
}

.rem-account-stat {
	display: flex;
	justify-content: flex-start;
	gap: 6px;
	min-height: 88px;
	align-items: center;
}

.rem-account-stat img {
	width: 58px;
}

.rem-account-stat:hover,
.rem-account-stat:focus {
	color: #799174;
	text-decoration: none;
}

.rem-account-stat__count {
	font-size: 17px;
	line-height: 1;
	padding: 4px 4px 0 4px;
  	border-radius: 4px;
  	color: #fff !important;
}

.rem-account-stat__label {
	font-size: 15px;
	line-height: 1.7;
	text-align: center;
}

.rem-account-stat.is-pending {
	color: #be7b24;
}

.rem-account-stat.is-pending .rem-account-stat__count {
	background: #be7b24;
}

.rem-account-stat.is-active {
	color: #587aa0;
}

.rem-account-stat.is-active .rem-account-stat__count {
	background: #587aa0;
}

.rem-account-stat.is-completed {
	color: #799174;
}

.rem-account-stat.is-completed .rem-account-stat__count {
	background: #799174;
}

.rem-account-stat.is-cancelled {
	color: #d86b6b;
}

.rem-account-stat.is-cancelled .rem-account-stat__count {
	background: #d86b6b;
}

.rem-account-products {
	display: grid;
	grid-template-columns: repeat(4, minmax(90px, 1fr));
	gap: 14px;
	justify-items: start;
}

.rem-account-product {
	display: block;
	width: 100%;
	max-width: 95px;
	aspect-ratio: 1 / 1;
	padding: 3px;
	background: #fff !important;
	overflow: hidden;
}

.rem-account-product img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

.rem-account-empty {
	margin: 22px 0 0;
	color: #777;
	text-align: center;
}

.rem-account-addresses {
	display: grid;
	gap: 20px;
	padding-top: 24px;
}

.rem-address-card {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
	min-height: 146px;
	padding: 22px 24px;
	border: 1px solid #b9b9b9;
	border-radius: 18px;
	background: #fff;
	color: #555;
}

.rem-address-card__body {
	display: grid;
	gap: 2px;
	justify-items: start;
	text-align: right;
}

.rem-address-card h2 {
	margin: 0 0 2px;
	color: #333;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: 0;
	text-transform: none;
}

.rem-address-card p {
	margin: 0;
	color: #555;
	font-size: 14px;
	line-height: 1.65;
}

.rem-address-card p[dir="ltr"] {
	direction: ltr;
	text-align: right;
}

.rem-address-card p span {
	color: #888;
}

.rem-address-card__location {
	color: #8b9f82 !important;
}

.rem-address-card__empty {
	margin-top: 10px !important;
	color: #999 !important;
}

.rem-address-card__edit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	margin-top: 1px;
	color: #657386;
	text-decoration: none;
}

.rem-address-card__edit svg {
	width: 24px;
	height: 24px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.rem-address-card__edit:hover,
.rem-address-card__edit:focus {
	color: #799174;
	text-decoration: none;
}

.rem-account-details {
	display: grid;
	gap: 28px;
	padding-top: 24px;
}

.rem-account-details__row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 30px;
}

.rem-account-field {
	display: grid;
	gap: 7px;
	margin: 0;
}

.rem-account-field label {
	padding: 0 14px;
	color: #666;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
}

.rem-account-field label span {
	color: #e02828;
}

.rem-account-field label small {
	color: #999;
	font-size: 12px;
	font-weight: 400;
}

.rem-account-field input {
	box-sizing: border-box;
	width: 100%;
	height: 44px;
	padding: 0 15px;
	border: 1px solid #dedede;
	border-radius: 24px;
	outline: 0;
	background: #fff;
	box-shadow: none;
	color: #555;
	font-size: 14px;
}

.rem-account-field input:focus {
	border-color: #8b9f82;
	box-shadow: 0 0 0 2px rgba(139, 159, 130, .12);
}

.rem-account-field--email input,
.rem-account-field--mobile input {
	text-align: left;
}

.rem-account-field--mobile input[readonly] {
	border-color: #e5e5e5 !important;
	background: #f6f6f6 !important;
	color: #888 !important;
	box-shadow: none !important;
}

.rem-account-field--mobile input[readonly]:focus {
	border-color: #e5e5e5 !important;
	box-shadow: none !important;
}

.rem-account__main #billing_phone.rem-billing-phone-readonly,
.rem-account__main #billing_phone[readonly] {
	border-color: #e5e5e5 !important;
	background: #f6f6f6 !important;
	color: #888 !important;
	box-shadow: none !important;
}

.woocommerce-order-received .woocommerce-order-overview {
	display: none;
}

.woocommerce-order-received .woocommerce-thankyou-order-received {
	margin: 0 0 24px;
	padding: 16px 20px;
	border: 1px solid #cddbc9;
	border-radius: 12px;
	background: #f4f8f2;
	color: #587052;
	line-height: 1.8;
	text-align: right;
	font-weight: normal !important;
}

.rem-account-details__submit {
	justify-self: start;
	border-radius: 6px !important;
	background: #809a7b !important;
	color: #fff !important;
	cursor: pointer;
	font-weight: normal !important;
}

.rem-account-details__submit:hover,
.rem-account-details__submit:focus {
	background: #434343 !important;
	color: #fff !important;
}

.rem-account-order-list {
	display: grid;
	gap: 22px;
}

.rem-account-order {
	position: relative;
	display: grid;
	gap: 0;
	border: 1px solid #dedede;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
}

.rem-account-order__arrow {
	position: absolute;
	top: 22px;
	left: 20px;
	color: #222;
	font-size: 24px;
	line-height: 1;
	text-decoration: none;
	z-index: 1;
}

.rem-account-order__arrow:hover,
.rem-account-order__arrow:focus {
	color: #799174;
	text-decoration: none;
}

.rem-account-order__status {
	min-height: 58px;
	padding: 18px 24px 12px 64px;
	border-bottom: 1px dashed #e2e2e2;
	color: #999;
	text-align: right;
}

.rem-account-order__view {
	color: #333;
}

.rem-account-order__view img {
	border-left: 1px dashed #ddd !important;
	padding-left: 6px;
	margin-left: 5px;
}

.rem-account-order__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: inherit;
	text-decoration: none;
}

.rem-account-order__link:hover,
.rem-account-order__link:focus {
	color: #799174;
	text-decoration: none;
}

.rem-account-order__link img {
	display: block;
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	object-fit: contain;
}

.rem-account-order__status span {
	display: inline-block;
	font-size: 14px;
	line-height: 1.7;
}

.rem-account-order__meta {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	padding: 18px 24px;
	border-bottom: 1px dashed #e2e2e2;
	color: #888;
	font-size: 14px;
	line-height: 1.8;
	align-items: center;
}

.rem-account-detail-row span.woocommerce-Price-amount.amount,
.rem-account-order__meta .woocommerce-Price-amount.amount {
	font-size: 17px;
	color: #121212;
}

.rem-account-order__products {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-start;
	min-height: 98px;
	padding: 20px 24px;
	border-bottom: 1px dashed #e2e2e2;
}

.rem-account-order__products a {
	display: block;
	width: 72px;
	height: 72px;
	border-radius: 6px;
	overflow: hidden;
	background: #f8f8f8;
}

.rem-account-order__products img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rem-account-order__delivery {
	display: flex;
	justify-content: flex-start;
	gap: 6px;
	padding: 16px 24px;
	color: #888;
	font-size: 14px;
	line-height: 1.8;
}

.rem-account-order__delivery strong {
	color: #222;
	font-weight: 500;
}

.rem-account-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	margin-top: 24px;
	color: #777;
}

.rem-account-pagination a {
	color: #799174;
	position: relative;
	font-size: 18px;
	padding: 0 8px !important;
	min-height: 24px;
  	line-height: 19px;
}

.rem-pg-prev::before {
	content: "\f120";
	font-family: "woodmart-font";
	font-weight: 400;
	position: absolute;
	right: 0;
	top: 1px;
}

.rem-pg-next::after {
	content: "\f121";
	font-family: "woodmart-font";
	font-weight: 400;
	position: absolute;
	left: 0;
	top: 1px;
}

.rem-account-pagination a:hover,
.rem-account-pagination a:focus {
	color: #222;
	text-decoration: none;
}

.rem-account-detail-head {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	margin-bottom: 16px;
}

.rem-account-detail-head h2 {
	margin: 0;
	color: #444;
	font-size: 18px;
	line-height: 1.6;
	text-transform: none;
	letter-spacing: 0;
}

.rem-account-detail-head__back {
	color: #222;
	font-size: 24px;
	line-height: 1;
	text-decoration: none;
}

.rem-account-detail-head__back:hover,
.rem-account-detail-head__back:focus {
	color: #799174;
	text-decoration: none;
}

.rem-account-detail-card {
	border: 1px solid #dedede;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
}

.rem-account-detail-row {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
	padding: 16px 22px;
	border-bottom: 1px dashed #e2e2e2;
	color: #888;
	font-size: 14px !important;
	line-height: 1.9;
}

.rem-account-detail-row:last-child {
	border-bottom: 0;
}

.rem-account-detail-row span {
	color: #999;
}

.rem-account-detail-row strong,
.rem-account-detail-row span.woocommerce-Price-amount.amount,
.rem-account-order__meta strong {
	color: #222 !important;
	font-family: 'yekanBold' !important;
	overflow-wrap: anywhere;
}

.rem-account-detail-row__wide {
	grid-column: span 2;
}

.rem-account-detail-row--shipping {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rem-account-items-title {
	margin: 24px 0 14px;
	color: #222;
	font-size: 18px;
	line-height: 1.6;
	text-align: right;
}

.rem-account-items {
	display: grid;
	gap: 12px;
	border: 1px solid #eee;
  	border-radius: 15px;
  	padding: 10px;
}

.rem-account-item {
	display: flex;
	gap: 8px;
	align-items: center;
	padding: 12px 14px;
	border-bottom: 1px solid #eee;
}

.rem-account-item__image {
	display: block;
	width: 74px;
	height: 74px;
	border-radius: 6px;
	overflow: hidden;
	background: #f8f8f8;
}

.rem-account-item__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rem-account-item__body {
	display: grid;
	gap: 3px;
	justify-items: start;
}

.rem-account-item__title {
	color: #1f2f5c;
	font-size: 14px;
	line-height: 1.8;
	text-decoration: none;
}

.rem-account-item__title:hover,
.rem-account-item__title:focus {
	color: #799174;
	text-decoration: none;
}

.rem-account-item__price {
	color: #799174;
	font-size: 13px;
}

.rem-account-item__qty {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 0 12px;
	border-radius: 20px;
	background: #f4f4f4;
	color: #777;
	font-size: 12px;
}

@media (max-width: 768px) {
	.rem-account--global-drawer {
		display: block;
	}

	.rem-account {
		grid-template-columns: 1fr;
		gap: 16px;
		direction: rtl;
	}

	.rem-account__main {
		grid-column: auto;
		grid-row: auto;
	}

	.rem-account__side {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 10002;
		display: grid;
		align-content: start;
		gap: 18px;
		width: min(86vw, 340px);
		padding: 62px 18px 24px;
		overflow-y: auto;
		background: #fff;
		box-shadow: -12px 0 35px rgba(0, 0, 0, .14);
		transform: translateX(110%);
		visibility: hidden;
		transition: transform .25s ease, visibility .25s ease;
	}

	.rem-account.is-mobile-menu-open .rem-account__side {
		transform: translateX(0);
		visibility: visible;
	}

	.rem-account-mobile-close {
		position: absolute !important;
		top: 14px;
		left: 14px;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 36px;
		height: 36px;
		padding: 0;
		border: 0;
		background: transparent !important;
		color: #444 !important;
		font-size: 30px !important;
		font-weight: 300 !important;
		line-height: 1 !important;
		cursor: pointer !important;
	}

	.rem-account-mobile-backdrop {
		position: fixed;
		inset: 0;
		z-index: 10001;
		display: block !important;
		width: 100%;
		height: 100%;
		padding: 0;
		border: 0;
		background: rgba(0, 0, 0, .38);
		cursor: default;
	}

	.rem-account-mobile-backdrop[hidden] {
		display: none !important;
	}

	body.rem-account-mobile-lock {
		overflow: hidden;
	}

	.rem-account-menu a {
		min-height: 52px;
	}

	.rem-account-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px;
	}

	.rem-account-stat img {
		width: 44px;
	}

	.rem-account-stat__label {
		font-size: 13px;
	}

	.rem-account-products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		justify-items: stretch;
	}

	.rem-account-product {
		max-width: none;
	}

	.rem-account-order__meta {
		grid-template-columns: 1fr;
		gap: 8px;
		padding: 16px 18px;
	}

	.rem-account-order__delivery {
		justify-content: flex-start;
		flex-wrap: wrap;
		padding: 14px 18px;
	}

	.rem-account-order__status {
		padding: 15px 18px 12px 56px;
	}

	.rem-account-order__products {
		padding: 16px 18px;
	}

	.rem-account-order__products a {
		width: 64px;
		height: 64px;
	}

	.rem-account-detail-row__wide {
		grid-column: auto;
	}

	.rem-account-item {
		grid-template-columns: 74px minmax(0, 1fr);
	}

	.rem-account-addresses {
		padding-top: 0;
	}

	.rem-address-card {
		min-height: 0;
		padding: 18px;
		border-radius: 14px;
	}

	.rem-account-details {
		padding-top: 0;
	}

	.rem-account-details__row {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.rem-account-details__submit {
		justify-self: stretch;
		width: 100%;
	}

	.rem-delivery-estimate th,
	.rem-delivery-estimate td,
	.rem-delivery-address th,
	.rem-delivery-address td {
		font-size: 13px !important;
	}
}