.my-account-page-wrapper {
	padding: 20px 0 100px;
    overflow-x: hidden;
}

.my-account-page-wrapper .my-account-page-container,
.hs-page-container {
	max-width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
}

.my-account-page-grid {
	display: grid;
	grid-template-columns: 1fr 66.7%;
	gap: 80px;
    padding-top: 40px;
}

.hide-profile-title {
    display: none;
}

.hide-profile-title h1 {
    margin-bottom: 0;
}

.hs-d-none {
    display: none;
}

.my-account-breadcrumbs {
    background-color: #fff;
    padding: 30px 0 0;
    margin-top: -22px;
    width: 100vw;
    margin-left: calc( 50% - 50vw );
}

.my-account-breadcrumbs .hs-breadcrumb {
    max-width: 1200px;
    padding: 0 20px;
    width: 100%;
    margin: 0 auto;
}

.my-account-page-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}

.my-account-page-title h1,
.hs-add-title-header .hs-add-heading-title {
    font-size: 32px;
    margin-bottom: 0;
    text-transform: none;
    color: #1E1E1E;
    margin-top: 0;
    font-weight: 600;
}

.hs-profile-points-wrapper h3 {
	margin-bottom: 20px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 0;
    font-size: 24px;
}

.hs-profile-points-wrapper .hs-profile-points-dropdown-wrap {
	background: #fff;
	border: 1px solid rgba(167, 167, 167, 1);
	border-radius: 10px;
	cursor: pointer;
}

.hs-profile-points-wrapper .hs-profile-points-dropdown-wrap .hs-profile-points-dropdown-head {
	color: #1E1E1E;
	font-size: 20px;
	padding: 20px 30px 20px 48px;
	position: relative;
	font-weight: 600;
	line-height: 1.2;
}

.hs-profile-points-wrapper .hs-profile-points-dropdown-wrap .hs-profile-points-dropdown-head strong {
    font-weight: 600;
    margin-bottom: 0;
}

.hs-profile-points-wrapper .hs-profile-points-dropdown-wrap .hs-profile-points-dropdown-head strong .rwph {
    opacity: 0;
}

.hs-profile-points-wrapper .hs-profile-points-dropdown-wrap .hs-profile-points-dropdown-head span {
	font-size: 15px;
	font-weight: 500;
}

.hs-profile-points-wrapper .hs-profile-points-dropdown-wrap .hs-profile-points-dropdown-head:before {
	content: "";
	display: block;
	position: absolute;
	top: 20px;
    left: 12px;
    height: 22px;
    width: 22px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../images/account-points-icon.svg');
	background-position: center;
}

.hs-profile-points-wrapper .hs-profile-points-dropdown-wrap .hs-profile-points-dropdown-head:after {
	content: "";
	display: block;
	position: absolute;
	top: 24px;
	right: 12px;
	height: 15px;
    width: 15px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../images/points-arrow.svg');
	background-position: center;
	transition: all 0.5s ease;
}

.hs-profile-points-wrapper .hs-profile-points-dropdown-wrap .hs-profile-points-dropdown-head.active:after {
	transform: rotate(180deg);
}

.hs-profile-points-wrapper .hs-profile-points-dropdown-wrap .hs-profile-points-dropdown-content {
	display: none;
}

.hs-profile-points-wrapper .hs-profile-points-dropdown-wrap .hs-profile-points-dropdown-content .points-history-btn {
	margin-left: 48px;
	color: #00518F;
	font-size: 15px;
	font-weight: 500;
	text-decoration: underline;
	transition: all 0.5s ease;
}

.hs-profile-points-wrapper .hs-profile-points-dropdown-wrap .hs-profile-points-dropdown-content ul {
	list-style: none;
    border-top: 1px solid #D8D8D8;
    padding: 16px 10px 20px;
    margin: 20px 10px 0;
}

.hs-profile-points-wrapper .hs-profile-points-dropdown-wrap .hs-profile-points-dropdown-content ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 15px;
	gap: 16px;
	margin-bottom: 16px;
	line-height: 1.4;
}

.hs-profile-points-wrapper .hs-profile-points-dropdown-wrap .hs-profile-points-dropdown-content ul li:last-child {
	margin-bottom: 0;
}

.hs-profile-points-wrapper .hs-profile-points-dropdown-wrap .hs-profile-points-dropdown-content ul li span:first-child {
	max-width: 120px;
    width: 100%;
    margin-bottom: 0;
}

.hs-profile-points-wrapper .hs-profile-points-dropdown-wrap .hs-profile-points-dropdown-content ul li span:last-child {
	font-weight: 600;
	font-size: 17px;
    width: 100%;
    text-align: right;
    margin-bottom: 0;
}

.hs-profile-points-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.65);
	z-index: 999;
	display: none;
}

.hs-profile-points-popup .hs-profile-points-popup-content-wrapper {
    background: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    width: 505px;
    max-width: 90%;
    border-radius: 16px;
}

.hs-profile-points-popup .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 24px;
    line-height: 1;
	border-bottom: 1px solid #D8D8D8;
}

.hs-profile-points-popup .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-header h5 {
    font-size: 16px;
    font-weight: 600;
}

.hs-profile-points-popup .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-content {
    padding: 29px 45px 29px 80px;
	max-height: 495px;
    overflow-y: auto;
}

.hs-profile-points-popup .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-content ul {
    list-style: none;
    margin: 0;
}

.hs-profile-points-popup:not(.about-rewards-popup) .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-content ul li {
    position: relative;
    display: flex;
    align-items: center;
	justify-content: space-between;
	gap: 30px;
	color: #717171;
	border-bottom: 1px solid #D8D8D8;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 1.2;
}

.hs-profile-points-popup:not(.about-rewards-popup) .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-content ul li:before {
	content:"";
	display: block;
	height: 7px;
	width: 7px;
	background: #767676;
	border-radius: 100%;
	position: absolute;
	top: 4px;
	left: -32px;
}

.hs-profile-points-popup:not(.about-rewards-popup) .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-content ul li:after {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    left: -29px;
    height: calc(100% + 8px);
    width: 1px;
    border-left: 1px dashed #A7A7A7;
}

.hs-profile-points-popup:not(.about-rewards-popup) .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-content ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.hs-profile-points-popup:not(.about-rewards-popup) .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-content ul li:last-child:after {
	display: none;
}

.hs-profile-points-popup .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-content ul li .points-info-left span {
	font-size: 12px;
	display: block;
}

.hs-profile-points-popup .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-content ul li .points-info-left h6 {
	font-size: 16px;
	margin: 5px 0;
	line-height: 1;
}

.hs-profile-points-popup .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-content ul li .points-info-left p {
	margin: 0;
}

.hs-profile-points-popup .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-content ul li .points-info-right {
    color: #00518F;
    font-weight: 700;
	min-width: max-content;
}

.my-account-page-sidebar .widget {
    margin-bottom: 24px;
}

.my-account-page-sidebar .widget p:empty {
    display: none;
}

.my-account-page-sidebar .widget#block-7 > p {
    display: none;
}

.my-account-page-grid .my-account-page-sidebar .widget_nav_menu .menu {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.my-account-page-grid .my-account-page-sidebar .widget_nav_menu .menu li a {
	padding: 12px 12px 12px 46px;
	border-radius: 8px;
	line-height: 1.1;
	color: rgb(30, 30, 30);
	font-size: 16px;
	position: relative;
    display: block;
}

.my-account-page-grid .my-account-page-sidebar .widget_nav_menu .menu li a:before {
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	left: 12px;
	height: 20px;
	width: 20px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.my-account-page-grid .my-account-page-sidebar .widget_nav_menu .menu li.my-orders a:before {
	background-image: url('../images/account-orders-icon.svg');
}

.my-account-page-grid .my-account-page-sidebar .widget_nav_menu .menu li.my-rewards a:before {
	background-image: url('../images/account-rewards-icon.svg');
}

.my-account-page-grid .my-account-page-sidebar .widget_nav_menu .menu li.my-items a:before {
	background-image: url('../images/account-items-icon.svg');
}

.my-account-page-grid .my-account-page-sidebar .widget_nav_menu .menu li.my-lists a:before {
	background-image: url('../images/account-my-lists-icon.svg');
}

.my-account-page-grid .my-account-page-sidebar .widget_nav_menu .menu li.my-recipes a:before {
	background-image: url('../images/account-recipes-icon.svg');
}

.my-account-page-grid .my-account-page-sidebar .widget_nav_menu .menu li.personal-info a:before {
	background-image: url('../images/account-personal-info-icon.svg');
}

.my-account-page-grid .my-account-page-sidebar .widget_nav_menu .menu li.saved-address a:before {
	background-image: url('../images/account-saved-address-icon.svg');
}

.my-account-page-grid .my-account-page-sidebar .widget_nav_menu .menu li.payment-methods a:before {
	background-image: url('../images/account-payment-methods-icon.svg');
}

.my-account-page-grid .my-account-page-sidebar .widget_nav_menu .menu li a:hover,
.my-account-page-grid .my-account-page-sidebar .widget_nav_menu .menu li.current-menu-item a {
	background: rgba(245, 245, 245, 1);
}

.my-account-page-grid .my-account-page-sidebar .widget_nav_menu .menu li.sep-before {
	position: relative;
	margin-top: 32px;
}

.my-account-page-grid .my-account-page-sidebar .widget_nav_menu .menu li.sep-before:before {
	content: "";
	display: block;
	position: absolute;
	background: rgba(216, 216, 216, 1);
	height: 1px;
	width: 100%;
	top: -16px;
}

.hs-personal-info-wrap {
    max-width: 588px;
    margin-top: 40px;
}

.hs-personal-info-wrap ul {
	list-style: none;
	margin: 0;
    padding-left: 0;
}

.hs-personal-info-wrap a {
	color: #00518F;
	font-weight: bold;
	text-decoration: underline !important;
}

.hs-personal-info-wrap ul li {
	margin-bottom: 23px;
	padding-bottom: 23px;
	border-bottom: 1px solid #D8D8D8;
}

.hs-personal-info-wrap ul li:nth-last-child(2) {
	border-bottom: 0;
	padding-bottom: 0;
}

.hs-personal-info-wrap ul li:last-child {
	margin-bottom: 0;
	border-bottom: 0;
	padding-bottom: 0;
}

.hs-personal-info-wrap.out-focus ul li:not(.active) {
	opacity: 0.2;
	pointer-events: none;
}

.hs-personal-info-wrap ul li .hs-personal-info-box {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	color: #717171;
	font-size: 15px;
}

.hs-personal-info-wrap ul li .hs-personal-info-box h6 {
    font-weight: 500;
    font-size: 17px;
    color: #1E1E1E;
    text-transform: none;
    margin: 0 0 5px;
}

.hs-personal-info-wrap ul li .hs-personal-info-box p {
	margin-top: 0;
}

.hs-personal-info-wrap ul li .hs-personal-info-box p:last-of-type {
	margin-bottom: 0;
}

.hs-delete-account {
	text-align: center;
	margin-top: 65px;
}

.hs-personal-info-edit-box {
	display: none;
}

.hs-personal-info-edit-box .pi-fields-header,
.phone-otp-verification .pi-fields-header {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}

.hs-personal-info-edit-box .pi-fields-header h6,
.phone-otp-verification .pi-fields-header h6 {
	font-size: 17px;
	font-weight: 500;
    text-transform: none;
    color: #1E1E1E;
}

.hs-personal-info-edit-box .pi-fields-wrapper,
.phone-otp-verification .pi-fields-wrapper {
	display: flex;
	gap: 24px;
	margin: 12px 0 20px;
}

.hs-field-box-wrapper {
    width: 100%;
}

.hs-field-box-wrapper label.error {
    background: #00518F;
    width: 100%;
    display: block;
    padding: 10px;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    margin-top: 10px;
    position: relative;
}

.hs-field-box-wrapper label.error:before {
    content: "";
    display: block;
    position: absolute;
    top: -15px;
    left: 8px;
    height: 0;
    width: 0;
    border: 10px solid transparent;
    border-bottom-color: #00518F;
}

.phone-otp-verification .hs-field-box-wrapper label.error {
    margin-bottom: 20px;
}

.hs-field-box,
.phone-otp-verification .pi-fields-wrapper.c-otp__group .pi-field-box,
.hs-personal-info-edit-box .pi-fields-wrapper .pi-field-box {
	border: 1px solid #A7A7A7;
	border-radius: 8px;
    padding: 12px 12px 7px;
    background: #fff;
    line-height: 1;
    width: 100%;
    position: relative;
    min-height: 58px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.phone-otp-verification .pi-fields-wrapper.c-otp__group .pi-field-box {
    flex-direction: row;
    justify-content: center;
}

.hs-field-box.readonly, .hs-personal-info-edit-box .pi-fields-wrapper .pi-field-box.readonly {
    background:#eee;
    cursor: not-allowed;
}

body form.loading .hs-field-box {
    background-color: #eee;
    border-color: #d8d8d8;
}

.hs-field-box.focus,
.hs-personal-info-edit-box .pi-fields-wrapper .pi-field-box.focus,
.hs-personal-info-edit-box .pi-fields-wrapper .pi-field-box:focus {
	outline: 2px solid #1E1E1E;
    border-color: transparent;
}

.hs-field-box label,
.hs-personal-info-edit-box .pi-fields-wrapper .pi-field-box label {
	display: block;
	color: #767676;
	font-size: 16px;
}

.hs-field-box input,
.hs-personal-info-edit-box .pi-fields-wrapper .pi-field-box input {
	border: 0;
	padding: 0;
	color: #1E1E1E;
	font-size: 17px;
	width: 100%;
	box-shadow: none !important;
    background-color: transparent;
    transition: all 0.5s ease;
    margin-top: 10px;
    outline: 0 !important;
}

.hs-field-box.readonly input, 
.hs-personal-info-edit-box .pi-fields-wrapper .pi-field-box.readonly input {
    pointer-events: none;
    cursor: not-allowed;
}

.hs-field-box input::placeholder {
    color: transparent;
}

.hs-field-box input:placeholder-shown ~ label {
    cursor: text;
    top: 23px;
    font-size: 14px;
    pointer-events: none;
}

.hs-field-box label,
.hs-field-box input:focus ~ label {
    position: absolute;
    top: 8px;
    transition: 0.2s;
    font-size: 12px;
}

.hs-personal-info-edit-box .pi-fields-submit {
	text-align: right;
}

.c-otp__input {
    border: 0;
  	border-radius: 0;
  	outline: none;
  	text-align: center;
  	-webkit-appearance: none;
  	width: 34px !important;
	font-weight: 600;
}

.hs-personal-info-edit-box .pi-fields-wrapper .hs-field-box .c-otp__input,
.phone-otp-verification .pi-fields-wrapper .hs-field-box .c-otp__input {
    margin-top: 0;
}

.hs-field-box .c-otp__input::placeholder {
    color: #767676;
}

.phone-otp-ins {
	margin-top: 15px;
	font-weight: 500;
	font-size: 18px;
}

.pi-phone-actions {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}

.pi-phone-actions .pi-phone-actions-links {
	display: flex;
	gap: 30px;
}

body form .hs-btn-with-loader {
	border-radius: 8px;
	font-size: 17px;
	font-weight: 600;
	position: relative;
}

.hs-btn-with-loader .loader {
	width: 30px;
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side,#fff 90%,#00518F);
  background: 
    var(--_g) 0%   50%,
    var(--_g) 50%  50%,
    var(--_g) 100% 50%;
  background-size: calc(100%/3) 50%;
  animation: dotsanimation 1s infinite linear;
	display: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: auto;
}

body form.loading .hs-btn-with-loader .text {
	opacity: 0;
}

body form.loading .hs-btn-with-loader .loader {
	display: block;
}

@keyframes dotsanimation {
    20%{background-position:0%   0%, 50%  50%,100%  50%}
    40%{background-position:0% 100%, 50%   0%,100%  50%}
    60%{background-position:0%  50%, 50% 100%,100%   0%}
    80%{background-position:0%  50%, 50%  50%,100% 100%}
}

body .swal-delete-account {
	border-radius: 16px;
}

.swal-delete-account .swal2-title {
	text-align: left;
	font-size: 20px;
	padding: 32px 32px 0;
}

.swal-delete-account .swal2-html-container {
	text-align: left;
	font-size: 16px;
	padding-left: 32px;
    padding-right: 32px;
}

.swal-delete-account .swal2-html-container p {
	margin-top: 0;
}

.swal-delete-account .swal2-actions {
	margin-left: auto;
	margin-right: 32px;
	margin-top: 0;
}

.swal-delete-account .swal2-actions button {
	border-radius: 8px;
	border: 1px solid #00518F;
	color: #00518F;
	background-color: transparent;
}

.swal-delete-account .swal2-actions button.swal2-confirm,
body .swal-delete-account .swal2-actions button:hover {
	background-color: #00518F !important;
	color: #fff;
	transition: all 0.5s ease;
}

.hs-add-address-wrapper,
.hs-no-address-wrapper {
    display: none;
}

.hs-add-address-container {
	display: flex;
	flex-direction: column;
    margin-top: -75px;
    background: #fff;
    z-index: 1;
    position: relative;
}
  
.hs-add-title-header {
	display: flex;
	align-items: center;
	gap: 16px;
	color: var(--Text-Primary, #1e1e1e);
	letter-spacing: -0.48px;
	font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
}

.hs-list-detail-title-h1:not(.hs-coupon-detail-title) .hs-add-title-header {
    align-items: flex-start;
}
  
.hs-add-title-icon {
	aspect-ratio: 1;
	object-fit: contain;
	object-position: center;
	width: 48px;
}
  
.hs-add-heading-title {
	margin: auto 0;
}
  
.hs-add-address-input-container {
	display: flex;
	margin-top: 48px;
	width: 100%;
	flex-direction: column;
}
  
.hs-add-address-input-wrapper {
	display: flex;
	min-height: 58px;
	width: 100%;
	align-items: center;
	gap: -64px;
	justify-content: center;
}
  
.hs-add-address-input-field {
	border-radius: 8px;
	display: flex;
	min-width: 240px;
	min-height: 58px;
	width: 100%;
	align-items: center;
	flex: 1;
	padding: 11px 12px;
	border: 2px solid rgba(30, 30, 30, 1);
}
  
.hs-add-address-input-content {
	display: flex;
	flex-direction: column;
	justify-content: start;
	margin: auto 0;
}
  
.hs-add-address-input-placeholder {
	color: var(--Text-Help, #767676);
	font: 400 var(--Tiny-Text, 13px) / 1 var(--Font-Family-Font-2, Inter);
}
  
.hs-add-address-caret {
	display: flex;
	width: 2px;
	align-items: start;
}
  
.hs-add-address-caret-inner {
	border-radius: 1px;
	background-color: rgba(30, 30, 30, 1);
	min-height: 20px;
	width: 2px;
}
  
.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
  
@media (max-width: 991px) {
	.hs-add-address-input-container {
	  max-width: 100%;
	  margin-top: 40px;
	}
  
	.hs-add-address-input-wrapper,
	.hs-add-address-input-field {
	  max-width: 100%;
	}
}

.hs-list-address-container {
	display: flex;
	max-width: 792px;
	flex-direction: column;
	font-size: 17px;
	line-height: 1;
    margin-top: 57px;
}
  
.hs-list-address-item {
	display: flex;
	width: 100%;
	flex-direction: column;
    margin-bottom: 30px;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 30px;
}
  
.hs-list-address-content {
	display: flex;
	width: 100%;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: space-between;
}
  
.hs-list-address-text {
	color: #1e1e1e;
	font-family: Avenir, sans-serif;
	font-weight: 400;
	margin: auto 0;
}
  
.hs-list-address-actions {
	display: flex;
	align-items: center;
	gap: 40px;    
	color: #232323;
	font-weight: 600;
	white-space: nowrap;
	text-align: center;
}

.hs-list-address-actions .hs-list-address-button-wrapper a {
    text-decoration: underline;
}

.hs-list-address-actions .hs-list-address-button-wrapper a:hover {
    text-decoration: none;
}
  
.hs-list-address-button-wrapper {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: auto 0;
}
  
.hs-list-address-button {
	text-decoration: underline;
	align-self: stretch;
	border-radius: 8px;
	min-height: 48px;
	padding: 15px 0;
}
  
.hs-list-address-divider {
	min-height: 1px;
	margin-top: 15px;
	width: 100%;
	border: 1px solid #d8d8d8;
}

.hs-field-row {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 24px;
    margin-bottom: 32px;
}

.hs-field-row .hs-field-row {
    margin-bottom: 0;
}

.hs-fields-submit {
    margin-top: 32px;
}

.hs-fields-submit.btns-right {
    text-align: right;
}

.hs-add-address-all-fields-wrapper {
    display: none;
}

.hs-edit-address-wrapper .hs-add-address-all-fields-wrapper {
    display: block;
}

.hs-add-address-submit {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
}

body .hs-add-address-submit a {
    text-decoration: underline;
    font-weight: 500;
}

body .hs-add-address-submit a:hover {
    text-decoration: none;
}

.hs-tabs-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.hs-payments-tabs-wrapper {
    margin-top: 32px;
}

.hs-tabs-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.no-rewards-btn {
    text-align: center;
    margin-top: 10px;
}

.hs-tabs-header .primary-button,
.no-rewards-btn a {
    border-radius: 8px;
    background-color: #00518F;
    display: inline-flex;
    min-height: 48px;
    width: auto;
    align-items: center;
    gap: 4px;
    justify-content: center;
    padding: 12px 16px;
    color: #fff;
    font-size: var(--Base-Text, 16px);
    font-weight: 500;
}

.hs-account-tab-style1-segmented-control {
    border-radius: 10px;
    background-color: rgba(232, 232, 232, 1);
    display: flex;
    text-align: center;
    justify-content: center;
    font-weight: 500;
    font-size: 16px;
    padding: 4px;
}

.hs-account-tab-style2-segmented-control {
    display: flex;
    border-bottom: 1px solid #A7A7A7;
    gap: 24px;
    width: 100%;
}
  
.hs-tab-titles {
    align-self: stretch;
    border-radius: 6px;
    color: #232323;
    height: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    min-height: 36px;
    padding: 5px 50px;
    min-width: fit-content;
}

.hs-tab-titles.active {
    background-color: #fff;
}

.hs-account-tab-style2-segmented-control .hs-tab-titles {
    padding: 8px 8px 13px;
    flex: none;
    color: #717171;
    font-weight: 600;
    font-size: 14px;
    border-bottom: 2px solid transparent;
    border-radius: 0;
}

.hs-account-tab-style2-segmented-control .hs-tab-titles.active {
    color: #1E1E1E;
    border-bottom-color:#00518F;
}

.hs-tab-contents {
    width: 100%;
}

.hs-tab-contents .hs-tab-content {
    display: none;
}

.hs-tab-contents .hs-tab-content:first-child {
    display: block;
}

.hs-no-card-wrapper {
    padding-top: 74px;
    display: none;
}

.hs-all-orders-listing-wrap {
    margin-top: 32px;
}

.hs-all-orders-list-item {
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid #D8D8D8;
}

.hs-all-orders-list-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.hs-all-orders-list-item .hs-all-orders-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 28px;
}

.hs-all-orders-list-item .hs-all-orders-header h6 {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    color: #1E1E1E;
    text-transform: none;
}

.hs-all-orders-list-item .hs-all-orders-header h6.ongoing {
    border-radius: 6px;
    background: #00518F;
    padding: 4px 6px;
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    line-height: 116.667%;
}

.hs-all-orders-list-item .hs-all-orders-header a {
    display: flex;
    align-items: center;
    font-weight: 500;
    text-decoration: underline;
    font-size: 17px;
}

.hs-all-orders-list-item .hs-all-orders-header a svg path {
    fill: #00518F;
}

.hs-all-orders-list-item .hs-all-orders-meta {
    display: flex;
    gap: 50px;
    color: var(--Text-Secondary, #717171);
    font-size: 14px;
    font-weight: 400;
    line-height: 121.429%;
    margin-bottom: 16px;
}

.hs-all-orders-list-item .hs-all-orders-meta > div {
    position: relative;
    padding-left: 24px;
}

.hs-all-orders-list-item .hs-all-orders-meta > div:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.hs-all-orders-list-item .hs-all-orders-meta .hs-order-date:before {
    background-image: url('../images/Calendar.svg');
}

.hs-all-orders-list-item .hs-all-orders-meta .hs-order-ship:before {
    background-image: url('../images/OrderLocation.svg');
}

.hs-all-orders-list-item .hs-all-orders-meta .hs-order-total:before {
    background-image: url('../images/Total.svg');
}

.hs-all-orders-list-item .hs-all-orders-meta span {
    color: var(--Text-Primary, #1E1E1E);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 116.667%;
    display: block;
}

.hs-all-orders-list-item .hs-order-items {
    display: grid;
    grid-template-columns: repeat(8,minmax(0,1fr));
    gap: 24px;
}

.hs-all-orders-list-item .hs-order-items .hs-order-product {
    position: relative;
    padding-top: 100%;
}

.hs-all-orders-list-item .hs-order-items .hs-order-product img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
    right: 0;
    margin: auto;
}

.hs-all-orders-list-item .hs-order-items .hs-order-product img.placeholder-img {
    max-width: 50px;
}

.hs-all-orders-list-item .hs-order-items .hs-order-product.more-products {
    border-radius: 8px;
    background: #F5F5F5;
    padding: 12px 20px 12px 19px;
    color: #1E1E1E;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 118.75%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hs-all-orders-list-item .hs-order-again {
    text-align: right;
    margin-top: 32px;
}

.hs-all-orders-list-item .hs-order-again a {
    display: inline-block;
    padding: 14px 16px;
    color: var(--Semantic-Colors-White, #FFF);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 118.75%;
    border-radius: 8px;
    background: #00518F;
}

.hs-order-products-list {
    margin-top: 56px;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 44px 24px;
}

.hs-product-box.style-list {
    display: grid;
    grid-template-columns: 23% 1fr auto;
    gap: 24px;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.hs-profile-search-filter-wrapper {
    position: relative;
}

.hs-profile-category-filter-wrapper {
    margin-top: 24px;
    /* max-width: calc(764px - 48px); */
    width: calc(100% - 120px);
    overflow: hidden;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.hs-profile-category-filter-wrapper.no-arrows,
.hs-profile-category-filter-wrapper.swiper-navigation-disabled {
    width: 100%;
}

.hs-profile-category-filter-wrapper.swiper-navigation-disabled ~ .swiper-button-next,
.hs-profile-category-filter-wrapper.swiper-navigation-disabled ~ .swiper-button-prev {
    display: none;
}

.hs-profile-category-filter-wrapper .hs-profile-category-filter-carousel .slick-track {
    margin-left: 0;
}

.hs-profile-category-filter-wrapper .hs-profile-category-filter-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
}

.hs-profile-category-filter-wrapper .hs-profile-category-filter-box .hs-profile-category-filter-img {
    height: 64px;
    width: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    border-radius: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    border: 1px solid #d8d8d8;
}

.hs-profile-category-filter-wrapper .hs-profile-category-filter-box .hs-profile-category-filter-img img {
    height: 40px;
    width: 40px;
    object-fit: contain;
}

.hs-profile-category-filter-wrapper .hs-profile-category-filter-box .hs-profile-category-filter-img svg path {
    fill: #00518F;
}

.hs-profile-category-filter-wrapper .hs-profile-category-filter-box h6 {
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    color: #4A5568;
}

.hs-profile-category-filter-wrapper .hs-profile-category-filter-box.active h6 {
    font-weight: 700;
}

.hs-profile-category-filter-wrapper .swiper-button-next:after,
.hs-profile-search-filter-wrapper .swiper-button-next:after,
.hs-profile-category-filter-wrapper .swiper-button-prev:after,
.hs-profile-search-filter-wrapper .swiper-button-prev:after {
    display: none;
}

.hs-profile-category-filter-wrapper .slick-arrow,
.hs-profile-category-filter-wrapper .swiper-button-next,
.hs-profile-search-filter-wrapper .swiper-button-next,
.hs-profile-category-filter-wrapper .swiper-button-prev,
.hs-profile-search-filter-wrapper .swiper-button-prev {
    position: absolute;
    top: 30px;
    right: 0px;
    background-color: #fff;
    border-radius: 100%;
    font-size: 0;
    padding: 0;
    border: 1px solid #D8D8D8;
    height: 48px;
    width: 48px;
    z-index: 1;
}

.hs-profile-category-filter-wrapper .slick-arrow.slick-prev,
.hs-profile-category-filter-wrapper .swiper-button-prev,
.hs-profile-search-filter-wrapper .swiper-button-prev {
    right: auto;
    left: 0px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC40Njk2NyA1LjQ2OTY3QzguNzYyNTYgNS4xNzY3OCA5LjIzNzQ0IDUuMTc2NzggOS41MzAzMyA1LjQ2OTY3TDE1LjUzMDMgMTEuNDY5N0MxNS44MjMyIDExLjc2MjYgMTUuODIzMiAxMi4yMzc0IDE1LjUzMDMgMTIuNTMwM0w5LjUzMDMzIDE4LjUzMDNDOS4yMzc0NCAxOC44MjMyIDguNzYyNTYgMTguODIzMiA4LjQ2OTY3IDE4LjUzMDNDOC4xNzY3OCAxOC4yMzc0IDguMTc2NzggMTcuNzYyNiA4LjQ2OTY3IDE3LjQ2OTdMMTMuOTM5MyAxMkw4LjQ2OTY3IDYuNTMwMzNDOC4xNzY3OCA2LjIzNzQ0IDguMTc2NzggNS43NjI1NiA4LjQ2OTY3IDUuNDY5NjdaIiBmaWxsPSJibGFjayIvPg0KPC9zdmc+');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    transform: scaleX(-1);
}

.hs-profile-category-filter-wrapper .slick-arrow.slick-next,
.hs-profile-category-filter-wrapper .swiper-button-next,
.hs-profile-search-filter-wrapper .swiper-button-next {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC40Njk2NyA1LjQ2OTY3QzguNzYyNTYgNS4xNzY3OCA5LjIzNzQ0IDUuMTc2NzggOS41MzAzMyA1LjQ2OTY3TDE1LjUzMDMgMTEuNDY5N0MxNS44MjMyIDExLjc2MjYgMTUuODIzMiAxMi4yMzc0IDE1LjUzMDMgMTIuNTMwM0w5LjUzMDMzIDE4LjUzMDNDOS4yMzc0NCAxOC44MjMyIDguNzYyNTYgMTguODIzMiA4LjQ2OTY3IDE4LjUzMDNDOC4xNzY3OCAxOC4yMzc0IDguMTc2NzggMTcuNzYyNiA4LjQ2OTY3IDE3LjQ2OTdMMTMuOTM5MyAxMkw4LjQ2OTY3IDYuNTMwMzNDOC4xNzY3OCA2LjIzNzQ0IDguMTc2NzggNS43NjI1NiA4LjQ2OTY3IDUuNDY5NjdaIiBmaWxsPSJibGFjayIvPg0KPC9zdmc+');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

body .rewards-header-link {
    display: flex;
    align-items: center;
    gap: 28px;
}

body .rewards-header-link a {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: underline;
    font-weight: 600;
    min-width: max-content;
    color: #00518F;
    font-size: 16px;
}

body .rewards-header-link a svg path {
    fill: #00518F;
}

body .rewards-header-link a.hs-print-coupons {
    display: none;
}

body .rewards-header-link a.hs-print-coupons.active {
    display: flex;
}

.hs-list-coupons-wrap {
    margin-top: 35px;
}

.hs-list-coupons-wrap .hs-list-coupons {
    padding-bottom: 48px;
    margin-bottom: 32px;
    border-bottom: 1px solid #D8D8D8;
}

.hs-list-coupons-wrap .hs-list-coupons:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.hs-list-coupons-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.hs-list-coupons-header h3 {
    font-weight: 600;
    font-size: 24px;
}

.hs-list-coupons-header .hs-coupons-nav {
    display: flex;
    align-items: center;
    gap: 12px;
}

.hs-list-coupons-header .hs-coupons-nav a.see-all {
    color: var(--buttons-secondary-tertiary-default, #00518F);
    text-align: center;
    font-size: var(--Base-Text, 16px);
    font-weight: 500;
    line-height: 118.75%;
    text-decoration: underline;
    display: flex;
    align-items: center;
    gap: 8px;
}

.hs-coupons-header-btns {
    display: flex;
    gap: 12px;
}

.hs-coupons-header-btns a {
	border-radius: var(--M, 8px);
	border: 1px solid var(--Lines-Dark, #A7A7A7);
	background: var(--Backgrounds-BG-0, #FFF);
	height: 40px;
	width: 40px;
	color: #232323;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.hs-coupons-header-btns a svg {
    height: 20px;
    width: 20px;
}

.hs-coupons-header-btns a.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

.hs-coupons-header-btns a.swiper-button-lock {
    display: none;
}

.hs-clubs-listing-wrapper {
    margin-top: 32px;
}

.hs-clubs-listing {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 68px 24px;
}

.hs-club-notice {
    display: flex;
    padding: 24px 24px 24px 16px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    background-color: #F5F5F5;
    border-radius: 12px;
    margin-bottom: 32px;
}

.hs-club-notice .hs-club-notice-content {
    display: flex;
    gap: 16px;
    color: var(--Text-Primary, #1E1E1E);
    font-size: var(--Small-Text, 14px);
    font-weight: 400;
    line-height: 157.143%;
}

.hs-club-notice .hs-notice-link a {
    width: 100%;
    display: block;
    color: var(--Text-Primary, #1E1E1E);
    font-size: var(--Small-Text, 14px);
    font-weight: 500;
    line-height: 121.429%;
    text-decoration: underline;
    min-width: max-content;
}

.hs-club-box .hs-club-img-wrap {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    padding-top: 52%;
    margin-bottom: 12px;
}

.hs-club-box .hs-club-img-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.hs-club-box .hs-club-info-wrap h5 {
    color: var(--Text-Primary, #1E1E1E);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.2px;
}

.hs-club-box .hs-club-info-wrap .hs-club-info-meta {
    color: var(--Text-Primary, #1E1E1E);
    font-size: var(--Tiny-Text, 12px);
    font-weight: 400;
    line-height: 116.667%;
    display: flex;
    align-items: center;
    margin-top: 4px;
}

.hs-club-box .hs-club-info-wrap .hs-club-info-meta span {
    display: flex;
    position: relative;
    align-items: center;
}

.hs-club-box .hs-club-info-wrap .hs-club-info-meta span:after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background-color: #00518F;
    border-radius: 100%;
    margin-right: 8px;
    margin-left: 8px;
}

.hs-club-box .hs-club-info-wrap .hs-club-info-meta span:last-child:after {
    display: none;
}

.hs-club-box .hs-club-info-wrap .hs-club-info-desc {
    margin-top: 20px;
    margin-bottom: 16px;
    color: var(--Text-Primary, #1E1E1E);
    font-size: var(--Grid-Text, 16px);
    font-weight: 400;
    line-height: 118.75%;
}

.hs-club-box .hs-club-info-wrap .hs-club-info-desc p {
    margin-top: 0;
}

.hs-club-box .hs-club-info-wrap .hs-club-info-desc p:last-child {
    margin-bottom: 0;
}

.hs-club-box .hs-club-info-wrap .hs-club-action {
    margin-top: 18px;
}

.hs-club-box .hs-club-info-wrap .hs-club-info-reward,
.hs-coupon-eligibles-popup .hs-club-info-reward {
    display: flex;
    align-items: center;
    gap: 16px;
    color: var(--Text-Primary, #1E1E1E);
    font-family: var(--Font-Family-Font-2, Avenir);
    font-size: var(--Small-Text, 14px);
    font-weight: 400;
    line-height: 121.429%;
}

.hs-club-box .hs-club-info-wrap .hs-club-info-reward.available {
    color: #00518F;
    font-weight: 500;
}

.hs-club-box .hs-club-info-wrap .hs-club-info-reward .circle-wrap,
.hs-coupon-eligibles-popup .hs-club-info-reward .circle-wrap {
    min-width: 42px;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    background: 
    radial-gradient(closest-side, white 75%, transparent 80% 100%),
    conic-gradient(#00518F 0%, #E5E5E5 0);
}

.hs-club-box .hs-club-info-wrap .hs-club-info-reward.available .circle-wrap {
    background: 
    radial-gradient(closest-side, white 75%, transparent 80% 100%),
    conic-gradient(#00518F 100%, #E5E5E5 0);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hs-club-box .hs-club-info-wrap .hs-club-action a {
    color: var(--buttons-secondary-tertiary-default, #00518F);
    font-size: var(--Base-Text, 14px);
    font-weight: 500;
    line-height: 118.75%;
    text-decoration: underline;
}

.hs-no-records-wrapper {
	padding-top: 30px;
}

.hs-no-records-container {
	display: flex;
	max-width: 588px;
	flex-direction: column;
	align-items: center;
	text-align: center;
	justify-content: start;
    margin: 0 auto;
}

.hs-no-records-image {
	aspect-ratio: 1;
	object-fit: contain;
	object-position: center;
	width: 48px;
}

.hs-no-records-details {
	align-self: stretch;
	display: flex;
	margin-top: 31px;
	width: 100%;
	flex-direction: column;
	justify-content: start;
}

@media (max-width: 991px) {
	.hs-no-records-details {
		max-width: 100%;
	}
}

.hs-no-records-title {
	color: var(--Text-Primary, #1E1E1E);
    font-size: 20px !important;
    font-weight: 600;
    line-height: 120%;
}

@media (max-width: 991px) {
	.hs-no-records-title {
		max-width: 100%;
	}
}

.hs-no-records-description {
	color: var(--Text-Secondary, #717171);
	margin-top: 8px;
    margin-bottom: 0;
	font: 400 var(--Base-Text, 16px) / 24px var(--Font-Family-Font-2, Avenir);
}

@media (max-width: 991px) {
	.hs-no-records-description {
		max-width: 100%;
	}
}

.hs-no-records-cta-buttons {
	display: flex;
	margin-top: 40px;
	max-width: 100%;
	flex-direction: column;
	color: var(--Semantic-Colors-White, #fff);
	justify-content: center;
	font-weight: 500; 
    font-size: 16px;
}

.hs-no-records-cta-buttons .primary-button,
.hs-profile-header-actions .primary-button {
	border-radius: 8px;
	background-color: #00518F;
	display: flex;
	min-height: 48px;
	width: 100%;
	align-items: center;
	gap: 4px;
	justify-content: center;
	padding: 12px 16px;
	color: #fff;
    font-size: 16px;
    text-decoration: none;
}

.hs-no-records-cta-buttons .hs-outline-btn {
    border: 1px solid var(--buttons-secondary-tertiary-default, #00518F);
    background-color: transparent;
    color: #00518F;
}

.hs-no-records-cta-buttons .hs-outline-btn:hover {
    background-color: #00518F;
    color: #fff;
}

.hs-no-records-cta-buttons .button-icon {
	aspect-ratio: 1;
	object-fit: contain;
	object-position: center;
	width: 24px;
}

.hs-no-records-cta-buttons .button-text {
	margin-left: 4px;
}

.hs-clipped-coupon-wrap {
    margin-top: 24px;
}

.hs-clipped-coupon-listing,
.hs-list-coupons-details-list {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 49px 24px;
    margin-top: 24px;
}

.hs-coupon-box .hs-coupon-img-wrap {
    position: relative;
    padding-top: 93%;
    overflow: hidden;
}

.hs-coupon-box .hs-coupon-img-wrap.eligible-items-coupon {
    cursor: pointer;
}

.hs-coupon-box .hs-coupon-img-wrap.shimmer {
    border-radius: 12px;
}

.hs-coupon-box .hs-coupon-img-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.hs-coupon-box .hs-coupon-img-wrap img.placeholder-img {
    max-width: 80px;
    margin: auto;
    right: 0;
}

.hs-coupon-box .hs-coupon-clip {
    display: flex;
    justify-content: flex-end;
    margin: 12px 0 8px;
}

.hs-coupon-box .hs-coupon-clip a:not(.skeleton) {
    display: flex;
    border-radius: var(--M, 8px);
    border: 1px solid var(--buttons-secondary-tertiary-default, #00518F);
    background: var(--Backgrounds-BG-0, #FFF);
    padding: 8px;
    transition: all 0.5s ease;
    align-items: center;
    justify-content: center;
    color: #00518F;
    width: 42px;
    text-decoration: none;
}

.hs-coupon-box .hs-coupon-clip a.skeleton {
    pointer-events: none;
    height: 42px;
    width: 42px;
    min-width: 0;
    border-radius: var(--M, 8px);
}

.hs-coupon-box .hs-coupon-clip.points-required a:not(.skeleton),
.hs-coupon-box .hs-coupon-clip.nopoints a:not(.skeleton) {
    display: flex;
    width: 100%;
    color: #00518F;
    font-size: var(--Tiny-Text, 12px);
    font-style: normal;
    font-weight: 600;
    line-height: 116.667%;
    gap: 8px;
}

.hs-coupon-box .hs-coupon-clip.points-required a:not(.skeleton).loading {
    color: #fff;
}

.hs-coupon-box .hs-coupon-clip.nopoints a:not(.skeleton) {
    pointer-events: none;
    background: var(--Backgrounds-BG-1, #F5F5F5);
    border-color: #f5f5f5;
}

.hs-coupon-box .hs-coupon-clip a span.point-needed {
    display: block;
    line-height: 1;
    margin-top: 5px;
}

.hs-coupon-box .hs-coupon-clip a span:not(.point-needed):not(.btn-loader) {
    display: inline-block;
    width: 0;
    transition: opacity 0.8s ease;
    color: var(--Semantic-Colors-White, #FFF);
    text-align: center;    
    font-weight: 500;
    line-height: 116.667%;
    height: 0;
    opacity: 0;
    font-size: 0;
}

.hs-coupon-box .hs-coupon-clip.points-required a span:not(.point-needed) {
    display: none;
}

.hs-coupon-box .hs-coupon-clip.points-required.nopoints a span.point-needed {
    display: none;
}

.hs-coupon-box .hs-coupon-clip.points-required.nopoints a span {
    display: block;
    color: #222;
    opacity: 1;
    width: auto;
    height: auto;
    font-size: 12px;
}

.hs-coupon-box .hs-coupon-clip a:hover,
.hs-coupon-box .hs-coupon-clip a.loading,
.hs-coupon-box .hs-coupon-clip.points-required a:not(.shimmer):hover {
    width: 100%;
    background: #00518F;
    color: #fff;
    gap: 8px;
}

.hs-coupon-box .hs-coupon-clip a:hover span:not(.point-needed):not(.btn-loader),
.hs-coupon-box .hs-coupon-clip a.loading span:not(.point-needed):not(.btn-loader) {
    height: auto;
    width: auto;
    color: #fff;
    opacity: 1;
    min-width: max-content;
    font-size: 12px;
}

.hs-coupon-box .hs-coupon-clip a svg {
    display: block;
}

.hs-coupon-box .btn-with-loader {
    position: relative;
    overflow: hidden;
}

.hs-coupon-box .btn-with-loader .btn-loader {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background-color: #a82229;
    transition: all 0.8s ease;
    z-index: 0;
}

.hs-coupon-box .btn-with-loader svg,
.hs-coupon-box .btn-with-loader .btn-txt,
.hs-coupon-box .btn-with-loader .btn-txt-pre {
    z-index: 1;
    position: relative;
}

.hs-coupon-box .hs-coupon-info-wrap h5 {
    color: var(--Text-Primary, #222);
    font-size: var(--Grid-Text, 14px);
    font-weight: 400;
    line-height: 118.75%;
    margin-top: 4px;
    height: 2.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

.hs-coupon-box .hs-coupon-info-wrap h5 a {
    text-decoration: none;
    color: inherit;
}

.hs-coupon-box .hs-coupon-info-wrap .coupon-expiry {
    color: var(--Text-Secondary, #6A6A6A);
    font-size: var(--Tiny-Text, 12px);    
    font-weight: 500;
    line-height: 116.667%;
    margin-top: 14px;
    margin-bottom: 14px;
}

.hs-coupon-box .hs-coupon-info-wrap .coupon-actions a {
    color: var(--Text-Secondary, #6A6A6A);
    text-align: center;
    font-size: var(--Tiny-Text, 12px);
    line-height: 107.692%;
    text-decoration: underline;
    font-weight: 500;
}

.hs-club-box .hs-club-img-wrap {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    padding-top: 52%;
    margin-bottom: 12px;
}

.hs-club-box .hs-club-img-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.hs-club-box .hs-club-info-wrap h5 {
    color: var(--Text-Primary, #1E1E1E);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.2px;
}

.hs-club-box .hs-club-info-wrap .hs-club-info-meta {
    color: var(--Text-Primary, #1E1E1E);
    font-size: var(--Tiny-Text, 12px);
    font-weight: 400;
    line-height: 116.667%;
    display: flex;
    align-items: center;
    margin-top: 4px;
}

.hs-club-box .hs-club-info-wrap .hs-club-info-meta span {
    display: flex;
    position: relative;
    align-items: center;
}

.hs-club-box .hs-club-info-wrap .hs-club-info-meta span:after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background-color: #00518F;
    border-radius: 100%;
    margin-right: 8px;
    margin-left: 8px;
}

.hs-club-box .hs-club-info-wrap .hs-club-info-meta span:last-child:after {
    display: none;
}

.hs-club-box .hs-club-info-wrap .hs-club-info-desc {
    margin-top: 20px;
    margin-bottom: 16px;
    color: var(--Text-Primary, #1E1E1E);
    font-size: var(--Grid-Text, 16px);
    font-weight: 400;
    line-height: 118.75%;
}

.hs-club-box .hs-club-info-wrap .hs-club-info-desc p {
    margin-top: 0;
}

.hs-club-box .hs-club-info-wrap .hs-club-info-desc p:last-child {
    margin-bottom: 0;
}

.hs-club-box .hs-club-info-wrap .hs-club-action {
    margin-top: 18px;
}

.hs-club-box .hs-club-info-wrap .hs-club-info-reward,
.hs-coupon-detail-wrap .hs-club-info-reward,
.hs-coupon-eligibles-popup .hs-club-info-reward {
    display: flex;
    align-items: center;
    gap: 16px;
    color: var(--Text-Primary, #1E1E1E);
    font-family: var(--Font-Family-Font-2, Avenir);
    font-size: var(--Small-Text, 14px);
    font-weight: 400;
    line-height: 121.429%;
}

.hs-club-box .hs-club-info-wrap .hs-club-info-reward.available {
    color: #00518F;
    font-weight: 500;
}

.hs-club-box .hs-club-info-wrap .hs-club-info-reward .circle-wrap,
.hs-coupon-detail-wrap .hs-club-info-reward .circle-wrap,
.hs-coupon-eligibles-popup .hs-club-info-reward .circle-wrap {
    min-width: 42px;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    background: 
    radial-gradient(closest-side, white 75%, transparent 80% 100%),
    conic-gradient(#00518F 0%, #E5E5E5 0);
}

.hs-club-box .hs-club-info-wrap .hs-club-info-reward.available .circle-wrap {
    background: 
    radial-gradient(closest-side, white 75%, transparent 80% 100%),
    conic-gradient(#00518F 100%, #E5E5E5 0);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hs-club-box .hs-club-info-wrap .hs-club-action a {
    color: var(--buttons-secondary-tertiary-default, #00518F);
    font-size: var(--Base-Text, 14px);
    font-weight: 500;
    line-height: 118.75%;
    text-decoration: underline;
}

.hs-club-notice {
    display: flex;
    padding: 24px 24px 24px 16px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    background-color: #F5F5F5;
    border-radius: 12px;
    margin-bottom: 32px;
}

.hs-club-notice .hs-club-notice-content {
    display: flex;
    gap: 16px;
    color: var(--Text-Primary, #1E1E1E);
    font-size: var(--Small-Text, 14px);
    font-weight: 400;
    line-height: 157.143%;
}

.hs-club-notice .hs-notice-link a {
    width: 100%;
    display: block;
    color: var(--Text-Primary, #1E1E1E);
    font-size: var(--Small-Text, 14px);
    font-weight: 500;
    line-height: 121.429%;
    text-decoration: underline;
    min-width: max-content;
}

.hs-clipped-coupon-wrap {
    margin-top: 24px;
}

.hs-list-coupons-details {
    margin-top: -40px;
}

.hs-clipped-coupon-listing,
.hs-list-coupons-details-list {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 49px 24px;
    margin-top: 24px;
}

.hs-coupon-clipped {
    margin-bottom: 8px;
    margin-top: 12px;
}

.hs-coupon-clipped a {
    border-radius: var(--M, 8px);
    border: 1.4px dashed var(--Semantic-Colors-Success, #00518F);
    display: flex;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    color: #00518F;
    font-size: 12px;
    transition: all 0.5s ease;
    text-decoration: none;
}

.hs-coupon-actions .btn-txt-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.hs-coupon-actions.loading .btn-txt-wrap {
    opacity: 0;
    width: 0;
    white-space: nowrap;
}

.noclip .hs-coupon-clipped a {
    pointer-events: none;
    cursor: not-allowed;
}

.hs-coupon-clipped a:hover,
.hs-coupon-clipped a.loading {
    background: #00518F;
    color: #fff;
}

.hs-coupon-actions.loading a {
    background-color: #F5F5F5 !important;
    border-color: #F5F5F5 !important;
    pointer-events: none;
    cursor: wait;
    width: 100%;
}

.hs-popup-wrap .hs-popup-content-wrap .hs-popup-content .bouncing-loader, 
.hs-coupon-detail-wrap .hs-coupon-popup-actions .bouncing-loader {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
}

.hs-coupon-actions:not(.loading) .bouncing-loader,
.hs-coupon-popup-actions:not(.loading) .bouncing-loader {
    display: none;
}

.hs-coupon-actions .bouncing-loader > div,
.hs-coupon-popup-actions .bouncing-loader > div {
    height: 12px;
    width: 12px;
    margin-top: 12px;
    margin-bottom: 0;
}

.hs-coupon-popup-actions .bouncing-loader > div {
    margin-top: 6px;
}

.hs-coupon-actions.loading .hs-coupon-clipped a .bouncing-loader,
.hs-coupon-popup-actions.loading a .bouncing-loader {
    display: flex;
}

.hs-list-coupons .hs-coupon-clipped,
.hs-featured-products .hs-coupon-clipped,
.hs-clipped-coupon-listing .hs-coupon-box:not(.shimmer-product-boxes) .hs-coupon-actions.clipped .hs-coupon-clip,
.hs-list-coupons-details-list .hs-coupon-clipped,
.hs-coupon-actions:not(.clipped) .hs-coupon-clipped {
    display: none;
}

.hs-coupon-actions.clipped .hs-coupon-clip {
    display: none;
}

.hs-coupon-actions.clipped .hs-coupon-clipped {
    display: block;
}

.hs-coupon-banners {
    max-width: 764px;
    margin-bottom: 32px;
}

.hs-coupon-banners .slick-slide {
    margin: 0 12px;
}

.hs-coupon-banners .slick-list {
    margin: 0 -12px;
}

.hs-list-coupons-carousel {
    overflow: hidden;
}

.shimmer-boxes {
    display: none;
}

.shimmer-active > div:not(.shimmer-boxes) {
    display: none;
}

.shimmer-active .shimmer-boxes {
    display: block;
}

.hs-profile-search-filter-search-content {
    width: 100%;
    position: relative;
}

.hs-profile-search-filter-container .hs-profile-search-filter-placeholder {
    width: 100%;
    background-color: #f5f5f5;
    padding: 13px 10px 13px 40px;
    border-radius: 8px;
    border: 0;
    line-height: 1;
    background-image: url('../images/search-icon.svg');
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 10px center;
    font-size: 16px;
    transition: all 0.5s ease;
}

.hs-profile-search-filter-container .hs-profile-search-filter-placeholder:focus {
    background-color: #fff;
    outline: 2px solid #000;
    box-shadow: none;
}

.hs-coupon-detail-info-wrap,
.hs-coupon-popup-info-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    color: var(--Text-Primary, #1E1E1E);
    font-size: var(--Small-Text, 14px);
    font-weight: 400;
    line-height: 128.571%;
}

.hs-coupon-detail-info-wrap .hs-coupon-popup-info-left,
.hs-coupon-popup-info-wrap .hs-coupon-popup-info-left {
    width: 100%;
}

.hs-coupon-detail-popup-info-meta,
.hs-coupon-popup-info-meta {
    color: var(--Text-Secondary, #717171);
    font-size: var(--Tiny-Text, 12px);
    font-weight: 600;
    line-height: 116.667%;
    margin-top: 23px;
    display: flex;
    align-items: center;
}

.hs-coupon-detail-popup-info-meta {
    margin-top: 12px;
}

.hs-coupon-detail-popup-info-meta span,
.hs-coupon-popup-info-meta span {
    display: flex;
    align-items: center;
}

.hs-coupon-detail-popup-info-meta span:after,
.hs-coupon-popup-info-meta span:after {
    content: "";
    display: block;
    height: 4px;
    width: 4px;
    border-radius: 100%;
    background-color: #00518F;
    margin-left: 8px;
    margin-right: 8px;
}

.hs-coupon-detail-popup-info-meta span:last-child:after,
.hs-coupon-popup-info-meta span:last-child:after {
    display: none;
}

.coupon-popup-search {
    max-width: 344px;
}

.hs-coupon-popup-product-list-wrap {
    min-height: 60vh;
    max-height: 60vh;
    overflow-y: auto;
    padding: 32px 48px;
}

.hs-coupon-popup-actions {
    position: fixed;
    bottom: 32px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    z-index: 1;
}

.hs-coupon-detail-wrap .hs-coupon-popup-actions {
    position: sticky;
    margin-top: 30px;
    display: none;
}

.hs-coupon-popup-actions a {
    display: inline-flex;
    border-radius: 42px;
    background: var(--Backgrounds-Negative, #1E1E1E);
    color: var(--Semantic-Colors-White, #FFF);
    text-align: center;
    font-size: var(--Small-Text, 14px);
    font-weight: 600;
    line-height: 121.429%;
    align-items: center;
    padding: 12px 24px;
    gap: 8px;
    text-decoration: none;
}

.hs-coupon-popup-actions a span {
    display: block;
    margin-top: 1px;
}

.hs-coupon-popup-actions.clipped .hs-coupon-popup-clip,
.hs-coupon-popup-actions:not(.clipped) .hs-coupon-popup-unclip {
    display: none;
}

.hs-coupon-popup-actions a.btn-with-loader .btn-txt-wrap {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
}

.hs-coupon-popup-actions.loading a.btn-with-loader {
    background: #A7A7A7;
}

.hs-coupon-popup-actions.loading a.btn-with-loader .btn-txt-wrap {
    opacity: 0;
}

.hs-edit-list-popup .hs-popup-content-wrap,
.hs-coupon-eligibles-popup .hs-popup-content-wrap {
    width: 1167px !important;
}

.hs-edit-list-popup .hs-popup-content-wrap .hs-popup-content .hs-popup-content-header,
.hs-coupon-eligibles-popup .hs-popup-content-wrap .hs-popup-content .hs-popup-content-header,
.hs-coupon-detail-wrap .hs-coupon-detail-content-header {
    padding: 18px 48px;
    border-bottom: 1px solid #D8D8D8;
}

.hs-coupon-detail-wrap .hs-coupon-detail-content-header {
    padding-left: 0;
    padding-right: 0;
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 24px;
}

.hs-edit-list-popup .hs-popup-content-wrap .hs-popup-content .hs-popup-content-header h5,
.hs-coupon-eligibles-popup .hs-popup-content-wrap .hs-popup-content .hs-popup-content-header h5,
.hs-coupon-detail-wrap .hs-coupon-detail-content-header h5 {
    font-weight: 600;
}

.hs-coupon-detail-wrap .hs-coupon-detail-content-header h5 {
    margin-top: 0;
    margin-bottom: 12px;
}

.hs-popup-content-header .short-desc,
.hs-coupon-detail-wrap .hs-coupon-detail-content-header .short-desc {
    color: var(--Text-Secondary, #717171);
    font-size: var(--Base-Text, 16px);
    font-weight: 400;
    line-height: 125%;
}

.hs-coupon-detail-wrap .hs-coupon-detail-content-header .short-desc {
    margin-bottom: 8px;
}

.edit-list-search-wrap .edit-list-search-input,
.coupon-popup-search {
    width: 100%;
}

.coupon-popup-search {
    max-width: 344px;
}

.edit-list-search-wrap input,
.coupon-popup-search input {
    width: 100%;
    border-radius: var(--M, 8px);
    background-color: var(--Backgrounds-BG-2, #F5F5F5);
    padding: 10px 10px 10px 40px;
    font-size: 16px;
    border: 0;
    background-image: url('../images/search-icon.svg');
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 24px;
}

.edit-list-search-wrap input:focus,
.coupon-popup-search input:focus {
    outline: 2px solid #1E1E1E;
}

.hs-coupon-detail-product-list-wrap {
    padding: 24px 0;
}

.hs-coupon-detail-recommanded-coupons {
	border-top: 1px solid #D8D8D8;
	padding-top: 40px;    
    position: relative;
    overflow: hidden;
}

.hs-coupon-detail-recommanded-coupons h3 {
	font-weight: 500;
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 24px;
}

.hs-recommanded-coupons-carousel:not(.swiper-initialized) {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 24px;
}

.hs-recommanded-coupons-carousel .swiper-button-prev, 
.hs-recommanded-coupons-carousel .swiper-button-next {
    top: 55px !important;
}

.my-account-page-title-heading {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.hs-no-lists-wrapper {
    display: none;
}

.hs-list-meta-info {
    display: flex;
    align-items: center;
}

.hs-list-meta-info span {
    color: var(--Text-Secondary, #717171);
    font-size: var(--Small-Text, 14px);
    font-weight: 400;
    line-height: 128.571%;
    display: flex;
    align-items: center;
}

.hs-list-meta-info span:after {
    content: "";
    display: block;
    background-color: #00518F;
    height: 4px;
    width: 4px;
    border-radius: 100%;
    margin: 0 12px;
}

.hs-list-meta-info span:last-child:after {
    display: none;
}

.hs-delete-list-wrap {
    margin-top: 32px;
    text-align: right;
}

.my-list-details-wrap {
    margin-top: 32px;
}

.my-list-detail-products .my-list-product-groups {
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 32px;
    margin-bottom: 32px;
}

.my-list-detail-products .my-list-product-groups:nth-last-child(2) {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.my-list-detail-products .my-list-product-groups .my-list-product-groups-container {
    max-width: 526px;
    margin: 0 auto;
}

.my-list-detail-products .my-list-product-groups .my-list-product-groups-header {
    margin-bottom: 24px;
}

.my-list-detail-products .my-list-product-groups .my-list-product-groups-header h6 {
    font-weight: 600;
    text-transform: none;
    color: #1E1E1E;
}

.my-list-detail-products .my-list-product-groups .my-list-product-groups-header h6 span {
    display: block;
    color: var(--Text-Secondary, #717171);
    font-size: var(--Small-Text, 14px);
    font-weight: 400;
    line-height: 128.571%;
    margin-top: 5px;
}

.hs-create-list-popup .hs-popup-content-wrap,
.hs-edit-list-name-popup .hs-popup-content-wrap {
    width: 487px !important;
}

.hs-create-list-popup .hs-popup-content,
.hs-edit-list-name-popup .hs-popup-content {
    padding: 32px;
    font-size: var(--Base-Text, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.hs-create-list-popup .hs-popup-content-wrap .hs-popup-close,
.hs-edit-list-name-popup .hs-popup-content-wrap .hs-popup-close {
    display: none !important;
}

.hs-create-list-popup .hs-popup-content h5,
.hs-edit-list-name-popup .hs-popup-content h5 {
    color: var(--Text-Primary, #1E1E1E);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-top: 0;
}

.hs-create-list-popup .hs-popup-content .pi-fields-submit,
.hs-edit-list-name-popup .hs-popup-content .pi-fields-submit {
    margin-top: 40px;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    gap: 16px;
}

.hs-create-list-popup .hs-popup-content .pi-fields-submit .cancel-list,
.hs-edit-list-name-popup .hs-popup-content .pi-fields-submit .cancel-list {
    padding: 14px 20px;
    border-radius: var(--M, 8px);
    border: 1px solid var(--buttons-secondary-tertiary-default, #00518F);
    background: var(--Backgrounds-BG-0, #FFF);
    color: var(--buttons-secondary-tertiary-default, #00518F);
    text-align: center;
    font-size: var(--Base-Text, 16px);
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
}

.hs-my-list-heading-title .hs-list-meta-info {
    margin-top: 7px;
}

.hs-detail-title-h1.active {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.hs-mylist-detail-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.hs-mylist-detail-actions .edit-list-action {
    color: var(--buttons-secondary-tertiary-default, #00518F);
    text-align: center;
    font-size: var(--Base-Text, 16px);
    font-weight: 600;
    line-height: 125%;
    border-radius: var(--M, 8px);
    border: 1px solid var(--buttons-secondary-tertiary-default, #00518F);
    background: var(--Backgrounds-BG-0, #FFF);
    padding: 14px 20px;
    transition: all 0.5s ease;
}

.hs-mylist-detail-actions .edit-list-action:hover {
    background: #00518F;
    color: #fff;
}

.my-list-product-group-products .hs-product-box.style-list:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.list-bulk-add-cart-wrap {
    position: sticky;
    bottom: 30px;
    right: 0;
    z-index: 1;
    width: auto;
    display: flex;
    justify-content: flex-end;
}

.list-bulk-add-cart-wrap.active {
    display: flex;
}

.list-bulk-add-cart-wrap a {
    border-radius: 42px;
    background: var(--Backgrounds-Negative, #1E1E1E);
    padding: 11px 20px;
    display: flex;
    align-items: center;
    color: var(--Text-Negative, #FFF);
    text-align: center;
    font-size: var(--Small-Text, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: 121.429%;
    transition: all 0.5s ease;
}

.list-bulk-add-cart-wrap a:hover {
    background: #00518F;
}

.list-bulk-add-cart-wrap a svg {
    display: block;
    margin-right: 7px;
}

.hs-dots-menu-wrap {
    position: relative;
}

.hs-dots-menu-wrap .hs-dots-menu,
.hs-dots-menu-wrap .hs-dots-menu svg {
    display: block;
}

.hs-dots-menu-wrap .hs-dots-menu-dropdown {
    list-style: none;
    margin-left: 0;
    border-radius: 8px;
    background: var(--Backgrounds-BG-0, #FFF);
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.15);
    padding: 12px 0;
    width: 270px;
    position: absolute;
    right: 0;
    top: -20px;
    z-index: 2;
    display: none;
}

.hs-dots-menu-wrap .hs-dots-menu-dropdown li a {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--Text-Primary, #1E1E1E);
    font-size: var(--Base-Text, 16px);
    font-weight: 400;
    line-height: 125%;
    padding: 12px 24px;
    transition: all 0.5s ease;
}

.hs-dots-menu-wrap .hs-dots-menu-dropdown li a:hover {
    background-color: #F5F5F5;
}

.edit-list-products-list {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 20px;
}

.edit-list-products-list-item {
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 44px;
    margin-bottom: 44px;
}

.edit-list-products-list-item .product-list-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.edit-list-products-list-item .product-list-header h5 {
    font-weight: 600;
}

.edit-list-products-list-item .product-list-header .product-list-view-all {
    color: var(--buttons-secondary-tertiary-default, #00518F);
    text-align: center;
    font-size: var(--Small-Text, 14px);
    font-weight: 600;
    line-height: 128.571%;
    text-decoration: underline;
    display: flex;
    align-items: center;
    gap: 8px;
}

.edit-list-products-wrapper {
    padding: 18px 48px;
    max-height: 60vh;
    overflow-y: auto;
    min-height: 60vh;
}

.edit-list-products-wrapper .edit-list-products-list-item:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.edit-listing-stats-wrapper {
    border-top: 1px solid #D8D8D8;
    padding: 15px 48px;
    position: relative;
}

.edit-listing-stats-wrapper .edit-listing-back-wrapper {
    position: absolute;
    top: 11px;
    left: 48px;
    display: none;
}

.edit-listing-stats-wrapper .edit-listing-back-wrapper .edit-listing-back {
    color: var(--buttons-secondary-tertiary-default, #00518F);
    text-align: center;
    font-size: var(--Base-Text, 16px);
    font-weight: 600;
    line-height: 125%;
    border-radius: var(--M, 8px);
    border: 1px solid var(--buttons-secondary-tertiary-default, #00518F);
    background: var(--Backgrounds-BG-0, #FFF);
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 20px 11px 12px;
}

.edit-listing-stats-wrapper .edit-listing-stats {
    color: var(--Text-Primary, #1E1E1E);
    font-size: var(--Base-Text, 16px);
    font-weight: 400;
    line-height: 125%;
    text-align: center;
}

.edit-listing-stats-wrapper .edit-listing-stats .items-count {
    color: var(--Text-Secondary, #717171);
}

.edit-listing-stats-wrapper .edit-listing-stats .subtotal {
    display: block;
    color: var(--Text-Primary, #1E1E1E);
    font-size: 18px;
    font-weight: 600;
    line-height: 116.667%;
    margin-top: 3px;
}

.edit-listing-details-wrapper .hs-profile-category-filter-wrapper {
    margin-top: 0;
    max-width: 100%;
}

.edit-listing-details-wrapper .hs-profile-category-filter-wrapper .slick-track {
    margin-left: 0;
}

.edit-list-search-wrap {
    margin-top: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.edit-list-search-wrap .edit-list-search-input,
.coupon-popup-search {
    width: 100%;
}

.edit-list-search-wrap input,
.coupon-popup-search input {
    width: 100%;
    border-radius: var(--M, 8px);
    background-color: var(--Backgrounds-BG-2, #F5F5F5);
    padding: 10px 10px 10px 40px;
    font-size: 16px;
    border: 0;
    background-image: url('../images/search-icon.svg');
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 24px;
}

.edit-list-search-wrap input:focus,
.coupon-popup-search input:focus {
    outline: 2px solid #1E1E1E;
}

.edit-list-search-wrap .cancel-edit-list-search {
    color: var(--buttons-secondary-tertiary-default, #00518F);
    text-align: center;
    font-size: var(--Base-Text, 16px);
    font-weight: 600;
    line-height: 125%;
    text-decoration: underline;
    display: none;
}

.edit-list-search-screen {
    min-height: 60vh;
    display: none;
    flex-direction: column;
}

.edit-list-search-screen.active {
    display: flex;
}

.edit-list-search-loader {
    min-height: inherit;
    position: relative;
}

.edit-list-search-screen .edit-list-start-search-wrap {
    min-height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.edit-list-search-screen .edit-list-start-search-wrap .edit-list-start-search-content {
    max-width: 707px;
    margin: 0 auto;
    text-align: center;
    color: var(--Text-Secondary, #717171);
    text-align: center;
    font-size: var(--Base-Text, 16px);
    font-weight: 400;
    line-height: 150%;
}

.edit-list-search-screen .edit-list-start-search-wrap .edit-list-start-search-content h5 {
    color: #1E1E1E;
    font-weight: 600;
    margin-top: 20px;
}

.edit-list-products-wrapper .edit-list-search-data {
    width: 100%;
}

.edit-list-products-wrapper .edit-list-search-data .hs-edit-search-suggestion-item {
    display: flex;
    padding: 15px 20px;
    color: #232323;
    align-items: center;
    transition: all 0.5s ease;
    cursor: pointer;
}

.edit-list-products-wrapper .edit-list-search-data .hs-edit-search-suggestion-item:hover {
    background-color: #f5f5f5;
}

.edit-list-products-wrapper .edit-list-search-data .hs-edit-search-suggestion-item .sr-img-wrap {
    margin-right: 16px;
    position: relative;
    height: 40px;
    width: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.edit-list-products-wrapper .edit-list-search-data .hs-edit-search-suggestion-item .sr-img-wrap img {
    max-height: 100%;
    object-fit: contain;
}

.edit-listing-search-detais-header {
    margin-top: 24px;
    margin-bottom: 40px;
}

.edit-listing-search-detais-header h6 {
    font-weight: 600;
}

.edit-listing-search-detais-header .result-count {
    display: block;
    color: var(--Text-Secondary, #717171);
    font-size: var(--Small-Text, 14px);
    font-weight: 400;
    line-height: 128.571%;
}

.hs-profile-points-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.65);
	z-index: 999;
	display: none;
}

.hs-profile-points-popup .hs-profile-points-popup-content-wrapper {
    background: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    width: 585px;
    max-width: 90%;
    border-radius: 16px;
}

.hs-profile-points-popup .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 30px;
    line-height: 1;
	border-bottom: 1px solid #D8D8D8;
}

.hs-profile-points-popup .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-header h5 {
    font-size: 18px;
    margin: 0;
}

.hs-profile-points-popup .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-content {
    padding: 29px 45px 29px 80px;
	max-height: 620px;
    overflow-y: auto;
}

.hs-profile-points-popup.about-rewards-popup .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-content {
    padding: 16px 24px;
}

.hs-profile-points-popup .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-content ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.hs-profile-points-popup:not(.about-rewards-popup) .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-content ul li {
    position: relative;
    display: flex;
    align-items: center;
	justify-content: space-between;
	gap: 30px;
	color: #717171;
	border-bottom: 1px solid #D8D8D8;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 1.2;
}

.hs-profile-points-popup:not(.about-rewards-popup) .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-content ul li:before {
	content:"";
	display: block;
	height: 7px;
	width: 7px;
	background: #767676;
	border-radius: 100%;
	position: absolute;
	top: 4px;
	left: -32px;
}

.hs-profile-points-popup:not(.about-rewards-popup) .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-content ul li:after {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    left: -29px;
    height: calc(100% + 8px);
    width: 1px;
    border-left: 1px dashed #A7A7A7;
}

.hs-profile-points-popup:not(.about-rewards-popup) .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-content ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.hs-profile-points-popup:not(.about-rewards-popup) .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-content ul li:last-child:after {
	display: none;
}

.hs-profile-points-popup:not(.about-rewards-popup) .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-content ul li .points-info-left span {
	font-size: 12px;
	display: block;
}

.hs-profile-points-popup:not(.about-rewards-popup) .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-content ul li .points-info-left h6 {
	font-size: 16px;
	margin: 5px 0;
	line-height: 1;
    text-transform: none;
    color: #1E1E1E;
}

.hs-profile-points-popup:not(.about-rewards-popup) .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-content ul li .points-info-left p {
	margin: 0;
}

.hs-profile-points-popup:not(.about-rewards-popup) .hs-profile-points-popup-content-wrapper .hs-profile-points-popup-content ul li .points-info-right {
    color: #00518F;
    font-weight: 700;
	min-width: max-content;
}

.hs-coupon-detail-wrappper .hs-no-eligible-items {
    padding: 100px 0;
}

.hs-rw-points-box {
    border-radius: 16px;
    background: linear-gradient(252deg, #187CC8 2.87%, #00518F 86.62%);
    padding: 20px 24px;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.hs-rw-points-box-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hs-rw-points-box-top .hs-rw-points-box-top-left {
    display: flex;
    gap: 12px;
}

.hs-rw-points-box-top .hs-rw-points-box-top-left .hs-rw-points-box-top-points {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    text-transform: uppercase;
    text-align: left;
}

.hs-rw-points-box-top .hs-rw-points-box-top-left .hs-rw-points-box-top-points .hs-user-points {
    font-size: 32px;
    font-weight: 600;
    line-height: 118.75%;
    letter-spacing: -0.32px;
}

.hs-rw-points-box-top .hs-rw-points-box-top-right a {
    color: #FFF;
    text-align: center;
    font-size: var(--Small-Text, 14px);
    font-weight: 600;
    line-height: 128.571%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    display: none;
}

.hs-rw-points-box-progress {
    width: 100%;
    max-width: 600px;
    position: relative;
    margin: 30px 0 50px;
}

.progress-bar {
    height: 4px;
    background: rgba(255,255,255,0.3);
    border-radius: 4px;
    position: relative;
}

.progress-fill {
    position: absolute;
    height: 4px;
    background: #E6F2FA;
    top: 0;
    left: 0;
    right: 20%;
    border-radius: 4px;
    z-index: 1;
    width: 0%;
}

.progress-knob {
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    outline: 3px solid #156FB3;
    border: 2px solid #fff;
    background-color: #156EB3;
    z-index: 2;
}

.progress-knob.filled {
    background-color: #fff;
    outline-color: #0D63A4;
}

.progress-label {
    position: absolute;
    top: 12px;
    transform: translateX(-50%);
    font-size: 14px;
}

.knob-left {
    left: 43%;
}

.knob-right {
    left: 80%;
}

.label-left {
    left: 43%;
}

.label-right {
    left: 80%;
}

@media screen and (max-width: 991px) {
    .hs-clubs-listing {
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    .hs-club-notice {
        flex-direction: column;
    }
    .hs-notice-link {
        width: 100%;
        text-align: right;
    }
    .hs-clipped-coupon-listing, .hs-list-coupons-details-list {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 15px 24px;
    }
    .hs-clubs-listing .hs-club-box {
        padding-bottom: 32px;
        margin-bottom: 32px;
        border-bottom: 1px solid #D8D8D8;
    }
    .hs-clubs-listing .hs-club-box:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }
    .hs-coupon-popup-product-list.hs-product-listing.col-6 {
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 20px 40px;
    }
    .hs-coupon-popup-product-list.hs-product-listing.col-6,
    .edit-list-products-list,
    .hs-order-products-list {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 20px 40px;
    }
    .my-account-page-grid {
        grid-template-columns: 1fr 65%;
        gap: 48px;
    }
    body .rewards-header-link a.hs-print-coupons.active {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .my-account-page-sidebar {
        display: none;
    }
    .my-account-breadcrumbs .rank-math-breadcrumb {
        max-width: 100%;
    }
    .my-account-page-title h1, 
    .hs-add-title-header .hs-add-heading-title {
        font-size: 20px;
    }
    .my-account-page-grid {
        display: flex;
        flex-direction: column;
    }
    .hs-personal-info-edit-box .pi-fields-wrapper {
        flex-direction: column;
    }
    .hs-personal-info-edit-box .c-otp__group.pi-fields-wrapper {
        flex-direction: row;
        gap: 17px;
    }
    .hs-field-row {
        grid-template-columns: 1fr;
        margin-bottom: 24px;
    }
    .hs-tabs-header .primary-button {
        display: none;
    }
    .hs-account-tab-style1-segmented-control {
        width: 100%;
    }
    .hs-field-row .hs-field-row {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .hs-add-address-container {
        margin-top: -68px;
    }
    .hs-order-products-list,
    .hs-product-listing.col-5,
    .hs-product-listing.col-4,
    .hs-product-listing.col-3 {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .hs-product-listing.col-6:not(.swiper-initialized) {
        grid-template-columns: repeat(6, minmax(125px, 1fr));
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .hs-all-orders-list-item .hs-order-items {
        grid-template-columns: repeat(8, minmax(70px, 1fr));
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        width: 100vw;
        margin-left: calc(50% - 50vw);
        padding: 0 20px 20px;
    }

    body .rewards-header-link a {
        font-size: 0;
    }

    .hs-edit-list-popup .hs-popup-content-wrap .hs-popup-content .hs-popup-content-header, .hs-coupon-eligibles-popup .hs-popup-content-wrap .hs-popup-content .hs-popup-content-header {
        padding: 16px;
    }
    .hs-coupon-popup-product-list.hs-product-listing.col-6,
    .hs-coupon-detail-product-list.hs-product-listing.col-6,
    .edit-list-products-list,
    .hs-order-products-list {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 20px 40px;
    }
    .hs-edit-list-popup .hs-popup-content-wrap .hs-popup-content .hs-popup-content-header h5, .hs-coupon-eligibles-popup .hs-popup-content-wrap .hs-popup-content .hs-popup-content-header h5 {
        font-size: 18px;
    }
    .hs-popup-content-header .short-desc {
        font-size: 14px;
    }
    .hs-all-orders-list-item .hs-all-orders-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .hs-create-list-popup .hs-popup-content .pi-fields-submit,
    .hs-edit-list-name-popup .hs-popup-content .pi-fields-submit {
        margin-top: 30px;
    }
    .hs-detail-title-h1 .hs-my-list-heading-title {
        font-size: 18px;
    }
    .hs-mylist-detail-actions .edit-list-action {
        display: none;
    }
    .hs-product-box.style-list .hs-product-img-wrap img {
        padding: 5px;
    }
    .my-list-detail-products .my-list-product-groups .my-list-product-groups-header h6 {
        font-size: 14px;
        padding: 10px 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #f5f5f5;
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }
    .list-bulk-add-cart-wrap {
        justify-content: center;
    }
    .list-bulk-add-cart-wrap a {
        margin-top: 20px;
    }
    .edit-list-products-wrapper,
    .edit-listing-stats-wrapper {
        padding: 16px;
    }
    .edit-listing-stats-wrapper .edit-listing-back-wrapper {
        left: 16px;
    }
    .edit-listing-stats-wrapper .edit-listing-back-wrapper .edit-listing-back {
        font-size: 0;
        padding: 10px;
        gap: 0;
    }
    .edit-list-products-wrapper .edit-list-search-data .hs-edit-search-suggestion-item {
        padding: 12px;
        font-size: 14px;
    }
    .hs-edit-address-header .hs-add-heading-title {
        font-size: 18px;
    }
    .hs-coupon-detail-wrap .hs-coupon-detail-content-header {
        display: block;
    }
    .hs-coupon-detail-recommanded-coupons h3 {
        font-size: 20px;
    }
    .hs-coupon-detail-wrappper .hs-no-eligible-items {
        padding: 40px 0;
    }
    body .rewards-header-link .rewards-info-action {
        display: flex !important;
    }
    .no-rewards-btn {
        display: none !important;
    }
    #rewards-embed {
        min-height: 35vh;
    }
    #payment-embed {
        min-height: 800px;
    }
}

@media (max-width: 480px) {
    .progress-label {
      font-size: 16px;
      top: 36px;
    }

    .progress-knob {
      width: 16px;
      height: 16px;
    }

    .progress-fill {
      height: 4px;
    }

    .progress-bar {
      height: 4px;
    }
}

.hs-clipped-coupon-print {
    display: none;
}

.hs-pdf-header-top-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.hs-pdf-header-right {
    text-align: right;
}

.hs-pdf-header-right p {
    margin-top: 0;
    margin-bottom: 5px;
}

.hs-pdf-header-right p:last-of-type {
    margin-bottom: 0;
}

.hs-pdf-heading-wrap {
    margin-top: 15px;
}

.hs-pdf-heading-wrap h5 {
    font-weight: 600;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 5px;
}

.hs-pdf-heading-wrap p {
    margin-top: 0;
}

.hs-pdf-coupon-table table {
    border: 0;
    border-collapse: collapse;
    page-break-inside: avoid;
}

.hs-pdf-coupon-table table thead tr th {
    border: 0 !important;
    border-bottom: 1px solid #222 !important;
    padding: 10px;
    text-align: left;
}

.hs-pdf-coupon-table table thead tr th:last-child {
    text-align: right;
}

.hs-pdf-coupon-table table tbody tr td {
    padding: 10px;
    border: 0 !important;
    border-bottom: 1px solid #E8E8E8 !important;
}

@media print {
    @page {
        size: auto;   /* auto is the initial value */        
    }
    body {
        margin: 0px;
    } 
    header, footer {
        display: none;
    }
    #masthead,
    .my-account-breadcrumbs,
    .my-account-page-sidebar,
    .my-account-page-title,
    .hs-tabs-header,
    .hs-clipped-coupon-wrap {
        display: none !important;
    }
    .my-account-page-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .hs-clipped-coupon-print {
        display: block;
    }
    .hs-pdf-coupon-table {
        display: table;
    }
    .hs-pdf-coupon-table table {
        page-break-inside: avoid;
    }
    .hs-pdf-coupon-table table tr {
        page-break-inside: avoid;
    }
}