html.fixed body { position:fixed; width:100%; }

/* GLOBAL */
.bold, .bold a { font-weight:400; } 
.color-black, .page-title.color-black { color:#000000!important; }
input { border-radius:0px; border:none; outline:0; background-color: transparent; }
textarea { border-radius:0px; border:none; outline:0; background-color: transparent; }
select::-ms-expand { display: none; } /* For IE10 */
select { appearance: none; border-radius:0px; border:none; outline:0; background-color: transparent; color:#000000; 
    background-image:url(../images/icon/icon_arrow_down.svg);
    background-repeat:no-repeat;
    background-position:center right;
    background-size:inherit;
    cursor:pointer;
}

.loading-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
    z-index:999
}
.sk-chase {
  width: 40px;
  height: 40px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: sk-chase-dot 2.0s infinite ease-in-out both;
}

.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
  100% { transform: rotate(360deg); }
}

@keyframes sk-chase-dot {
  80%, 100% { transform: rotate(360deg); }
}

@keyframes sk-chase-dot-before {
  50% {
        transform: scale(0.4);
  } 100%, 0% {
        transform: scale(1.0);
  }
}

.member-only { 
    display:none; 
}
.member-only.loaded { 
    display:block; 
}
.no-display {
    display:none;
}
.desktop-display {
    display:block;
}
.mobile-display {
    display:none;
}
.fleft { 
    float:left;
}
.fright {
    float:right;
}
.clear {
    clear: both;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.align-l {
    text-align:left;
}
.align-c {
    text-align:center;
}
.align-r {
    text-align:right;
}
.w1240 {
    width:100%;
    max-width:1280px;
    padding:0px 20px;
    margin:0px auto;
}
.page-reward .w1240 {
    padding:0px 7.5px 0px 20px;
}

.page-reward .page-title {
    margin-bottom:30px;
}

.page-reward .view-more-wrapper.btn-wrapper {
    text-align:center;
    margin:0px auto;
}

.page-reward a.btn-view-more .button {
    font-family: var(--_font-coral-blush-serif);
    padding:13.5px 50px;
    background-color:transparent;
    border:1px solid #000000;
    color:#000000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    display:inline-block;
    text-wrap-mode: nowrap;
}

.icon-close {
    width:24px;
    height:24px;
    background-image:url(../images/icon/icon_close.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:24px 24px;
    cursor:pointer;
}
.page-reward .btn-wrapper a {
    text-decoration:none;
}
.page-reward .button {
    font-family: var(--_font-coral-blush-serif);
    padding:13px 5px;
    background-color:#000000;
    color:#FFFFFF;
    text-align:center;
    text-transform: uppercase;
}
.page-reward .button.style-border {
    border:1px solid #000000;
    background-color:transparent;
    color:#000000;
}

/* FILTER - LEFT MENU */
.filter-wrapper a {
    text-decoration:none;
}
.filter-wrapper .filter-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding:20px 0px;
    border-bottom:1px solid rgba(55, 29, 36, 0.15);
    background-image:url(../images/icon/icon_arrow_down.svg);
    background-repeat:no-repeat;
    background-position:center right;
    background-size:inherit;
    cursor:pointer;
}
.filter-wrapper.active .filter-title {
    background-image:url(../images/icon/icon_arrow_up.svg);
    text-transform:uppercase;
}
.category-panel {
    width:22%;
    float:left;
    margin-right:40px;
}
.filter-list {
    padding:10px 0px;
    border-bottom: 1px solid rgba(55, 29, 36, 0.15);
    margin-bottom:10px;
}
.filter-list-item {
    width:100%;
    display:flex;
    align-items: center;
    font-family: Helvetica;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: inherit;
    /*text-transform: capitalize;*/
    padding:10px 0px;
}
.filter-list-item .checkbox {
    width:20px;
    height:20px;
    display:inline-block;
    background-image:url(../images/icon/icon_check_box_off.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%;
    margin-right:10px;
}
.filter-list-item.active .checkbox {
    background-image:url(../images/icon/icon_check_box_on.svg);
}
.filter-list-item .label {
    width:calc(100% - 30px);
}

/* BAR */
.result-bar {
    padding:0px 12.5px;
}
.total-items {
    display:inline-block;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    margin:20px 0px 30px;
}
.total-items span {
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
}
.icon-filter {
    display:inline-block;
    margin-right:20px;
    width:24px;
    height:24px;
    background-image:url(../images/icon/icon_filter.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:inherit;
}

/* SORTING */
.sorting-wrapper {
    margin-top:4px;
    float:right;
    position:relative;
    cursor:pointer;
}
.sorting-container {
    position:relative;
    width:100%;
}
.sorting-wrapper:hover .sorting-list {
    display:inline-block;
}
.sorting-selected {
    display:flex;
    align-items:center;
    padding-right:24px;
    background-image:url(../images/icon/icon_arrow_down.svg);
    background-repeat:no-repeat;
    background-position:center right;
    background-size:inherit;
    padding:16px 24px 16px;
}
.sorting-title {
    width:100%;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
    text-transform: capitalize;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding:15px 20px;
    cursor:auto;
}
.result-bar .icon-sort {
    display:inline-block;
    margin-right:5px;
    width:24px;
    height:24px;
    background-image:url(../images/icon/icon_sort.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:inherit;
}
.sorting-list {
    width:320px;
    position:absolute;
    background-color:#FFFFFF;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15);
    right:0px;
    padding:5px 20px;
    display:none;
    z-index:3;
}
.sorting-list div {
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px; /* 160% */
    text-transform: capitalize;
    padding:15px 0px;
    border-bottom:1px solid rgba(0, 0, 0, 0.15);
    cursor:pointer;
}
.sorting-list div:last-child {
    border-bottom:none;
}
.sorting-list div.active, .sorting-list div:hover {
    font-weight:400;
}

/* RESULT */
.result-wrapper {
    float:left;
    width:calc(100% - 22% - (40px + 12.5px));
}
.result-wrapper .items-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: flex-start;
    align-self: stretch;
    
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.result-wrapper .items-wrapper a {
    text-decoration:none;
}
.result-wrapper .items-wrapper .item-container {
    position:relative;
    margin-bottom:50px;
    flex: 0 0 auto;
    width: 33.33333333%;
    padding:0px 12.5px;
}
.result-wrapper .items-wrapper .item-container .tag {
    position:absolute;
    top:0px;
    right:0px;
    background-color:#000000;
    color:#ffffff;
    font-family: Helvetica;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
    padding:3px 8px;
    z-index:2;
}
.result-wrapper .items-wrapper .item-title {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom:5px;
}
.result-wrapper .items-wrapper .item-desc {
    margin-bottom:20px;
    
    color: #000;
    min-height:32px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.result-wrapper .items-wrapper .price-and-points {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-bottom:5px;
}
.result-wrapper .items-wrapper .price-and-points .price-wrapper {
    display:none;
}
.result-wrapper .items-wrapper .price-and-points div {
    display:inline-block;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}
.result-wrapper .items-wrapper .price-and-points .points {
    background-image:url(../images/icon/icon_points.svg);
    background-repeat:no-repeat;
    background-position:center left;
    background-size:18px 18px;
    padding-left:23px;
}
.result-wrapper .items-wrapper .value-wrapper {
    margin-bottom:7px;
    font-size:14px;
}
.result-wrapper .items-wrapper .value-wrapper span {
    font-size:14px;
}
.result-wrapper .items-wrapper .img-wrapper {
    margin-bottom:10px;
    position:relative;
}
.result-wrapper .items-wrapper .img-wrapper .img-container {
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}
.result-wrapper .items-wrapper .img-wrapper .out-of-stock-wrapper {
    position:absolute;
    width:100%;
    height:100%;
    background: rgba(0, 0, 0, 0.20);
    z-index:1;
    display:flex;
    justify-content:center;
    align-items:center;
}
.result-wrapper .items-wrapper .img-wrapper .out-of-stock-wrapper .out-of-stock-tag {
    font-size:14px;
    color:#ffffff;
    padding:9.5px 20px;
    font-family: var(--_font-coral-blush-serif);
    background: rgba(0, 0, 0, 0.70);
}
.result-wrapper .items-wrapper .out-of-stock-message {
    color:#FA2626;
    font-size:14px;
    line-height:normal;
    text-transform:uppercase;
}

@media screen and (max-width: 767px) {
    .result-wrapper .items-wrapper .item-title {
        height:32px;
    }
    .desktop-display {
        display:none;
    }
    .mobile-display {
        display:block;
    }
    .page-reward .w1240 {
        padding:0px 12.5px;
    }
    .page-reward .filter-buttons {
        display:flex;
        justify-content:space-between;
        padding:20px 0px;
    }
    .page-reward .btn-wrapper {
        width:calc(50% - 7.5px);
    }
    .page-reward .btn-wrapper a .button {
        font-size:16px;
        font-weight:400;
    }
    
    /* FILTER - LEFT MENU */
    .filter-overlay.mobile-display {
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        position:fixed;
        z-index:99;
        transition: bottom 0.5s ease;
        background-color:#FFFFFF;
        padding:20px;
        overflow-y:scroll;
    }
    .filter-header {
        position:relative;
    }
    .filter-header .filter-title {
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        padding:20px 0px;
        text-align:center;
    }
    .filter-header .reset-wrapper {
        display:flex;
        align-items:center;
        position:absolute;
        right:0px;
        top:0px;
        bottom:0px;
    }
    .filter-wrapper .filter-title {
        font-size:16px;
    }
    .category-panel {
        width:100%;
        float:none;
        margin-right:0px;
    }
    
    /* BAR */
    .result-bar {
        padding:0px 7.5px;
    }
    .total-items {
        font-size: 13px;
        margin:0px 0px 20px;
    }
    .total-items span {
        font-size: 13px;
    }

    /* SORTING */
    .sorting-overlay.mobile-display {
        bottom:-100%;
        left:0px;
        width:100%;
        height:100%;
        position:fixed;
        z-index:99;
        transition: bottom 0.5s ease;
    }
    .sorting-overlay.mobile-display.active {
        bottom:0px;
    }
    .overlay-bg {
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        position:fixed;
        width:100%;
        height:100%;
        background: rgba(0, 0, 0, 0.70);
        position: fixed;
        z-index:1;
        display:none;
    }
    .sorting-overlay.mobile-display .sorting-wrapper {
        float:none;
        margin:0px;
        position:absolute;
        bottom:-100%;
        width:100%;
        z-index:2;
        background-color:#FFFFFF;
        display: flex;
        padding: 0px;
        border-radius: 10px 10px 0px 0px;
        flex-direction: column;
        align-items: center;
        transition: bottom 0.5s ease;
    }
    .sorting-overlay.mobile-display.active .sorting-wrapper {
        bottom:0;
    }
    .sorting-overlay .icon-close {
        position:absolute;
        top:0px;
        left:0px;
        width:54px;
        height:54px;
    }
    .sorting-container {
        padding:5px 20px 20px;
    }
    .sorting-list {
        position:static;
        display:inline-block;
        box-shadow: none;
        width:100%;
        padding:0px;
    }
    .sorting-list div:last-child {
        border-bottom:1px solid rgba(0, 0, 0, 0.15);
    }
    
    /* RESULT */
    .result-wrapper {
        float:none;
        width:100%;
    }
    .result-wrapper .items-wrapper .item-container {
        width: 50%;
        padding:0px 7.5px;
        margin-bottom:30px;
    }
    .result-wrapper .items-wrapper .item-title {
        font-size:14px;
    }
}

.header.is-fixed .header__authorization a#account-button {
    color:#423d34;
    white-space:nowrap;
}

/* HEADER */
@media screen and (max-width: 767px) {
    .header__right .select-language {
        display:none;
    }
    .header .header__authorization {
        display:none;
    }
}

/* Account Details */
.acc_details-content {
    display: flex; 
    gap: 26px;
    margin: 0 auto 50px; 
    max-width: 1030px; 
}
.page-banner.section.page-acc_details .intro {
    width:min(1043px, 100% - 40px);
    margin: 0 auto;
}
.page-banner.section.page-acc_details .intro p {
    text-align: left;
    margin-top: 0px;
}
@media screen and (max-width: 767px) {
    .page-banner.section.page-acc_details .intro {
        width:100%;
        margin: 0 auto;
    }
    .page-banner.section.page-acc_details .intro p {
        font-size:15px;
        text-align: left;
        margin-top: 0px;
    }
    .page-acc_details .page-title {
        width:100%;
    }
    .page-acc_details .page-title, .acc_content-title {
        font-size:20px;
    }
    .page-acc_details .section-back {
        width:100%;
        padding-top:30px;
        padding-bottom:10px;
    }
    .page-acc_details .account_update-button {
        width:100%;
        margin:20px;
        font-size:15px;
    }
    .page-acc_details.acc_details-container .acc_details-content {
        display:block;
    }
    .page-acc_details .acc_content {
        margin-bottom:50px;
        gap:20px;
    }
}
input#invitation_link {
    position:absolute;
    bottom:1px;
    right:1px;
    height:1px;
    width:1px;
    opacity:0;
}
input#invitation_code {
    position:absolute;
    bottom:1px;
    right:1px;
    height:1px;
    width:1px;
    opacity:0;
}
.recommand-title {
    font-family: var(--_font-coral-blush-serif);
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 100% */
    margin-bottom:25px;
}
.recommand-container {
    display:flex;
    gap:30px;
}

.recommand-wrapper {
    width:100%;
    max-width:1070px;
    margin:100px auto 0px;
    padding:0px 20px;
}
.recommand-wrapper .recommand-container {
    display:flex;
    margin:0px auto 20px;
    justify-content:space-between;
    align-items:center;
}
.recommand-title {
    margin-bottom:0px;
}
.recommand-wrapper .items-wrapper {
    display: flex;
    /*flex-wrap: wrap;*/
    /*justify-content: left;*/
    /*align-items: flex-start;*/
    align-self: stretch;
    
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    gap:30px;
}
.recommand-wrapper .items-wrapper a {
    text-decoration:none;
}
.recommand-wrapper .items-wrapper .item-container {
    position:relative;
    margin-bottom:50px;
    /*flex: 0 0 auto;*/
    width: 25%;
    /*padding:0px 12.5px;*/
}
.recommand-wrapper .items-wrapper .item-container .tag {
    position:absolute;
    top:0px;
    right:0px;
    background-color:#000000;
    color:#ffffff;
    font-family: Helvetica;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
    padding:3px 8px;
}
.recommand-wrapper .items-wrapper .item-title {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom:5px;
}
.recommand-wrapper .items-wrapper .item-desc {
    margin-bottom:20px;
}
.recommand-wrapper .items-wrapper .price-and-points {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}
.recommand-wrapper .items-wrapper .price-and-points .price-wrapper {
    display:none;
}
.recommand-wrapper .items-wrapper .price-and-points div {
    display:inline-block;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}
.recommand-wrapper .items-wrapper .price-and-points .points {
    background-image:url(../images/icon/icon_points.svg);
    background-repeat:no-repeat;
    background-position:center left;
    background-size:18px 18px;
    padding-left:23px;
}
.recommand-wrapper .items-wrapper .img-wrapper {
    margin-bottom:10px;
    position:relative;
}
.recommand-wrapper .btn-view-more a {
    text-decoration:none;
}
.recommand-wrapper .btn-view-more a {
    text-decoration:none;
}
.recommand-wrapper .btn-view-more a .button {
    line-height:30px;
    padding-right:20px;
    background-image:url(../images/icon/icon_arrow_right.svg);
    background-repeat:no-repeat;
    background-position:center right;
}

.page-banner.section.page-change_password, .page-acc_details, .page-acc_details .section-back {
    padding-bottom:20px;
}
.section-back__link {
    position:absolute;
}
.section-back__link .page-title, .page-register .page-title, .page-signin .page-title, .page-change_password .page-title {
    width:100%;
    text-align:center;
}

.page-edit_profile .page-title, .page-change_password .page-title {
    max-width: 625px;
    text-align:left;
    padding:0px 20px;
    margin:0px auto;
}
@media screen and (max-width: 767px) {
    .section-back__link {
        left:20px;
    }
    .page-register .page-title, .page-signin .page-title, .page-change_password .page-title  {
        max-width:inherit;
        text-align:center;
    }
    .page-signin .section-back {
        padding-top:0px;
    }
}
.icon-arrow-left {
    height:30px;
    line-height:30px;
    padding-right:20px;
    background-image:url(../images/icon/icon_arrow_left.svg);
    background-repeat:no-repeat;
    background-position:center;
}

@media screen and (max-width: 767px) {
    /* RESULT */
    .recommand-title {
        font-size:16px;
    }
    .recommand-wrapper {
        float:none;
        width:100%;
    }
    .recommand-wrapper .items-wrapper {
        flex-wrap: wrap;
    }
    .recommand-wrapper .items-wrapper .item-container {
        width: calc(50% - 15px);
        margin-bottom:30px; 
    }
    .recommand-wrapper .items-wrapper .item-title {
        font-size:14px;
    }
}

#mobile-tab .submit-button:disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.20);
    cursor: not-allowed;
    pointer-events: none;
    border: 1px solid rgba(0, 0, 0, 0.20);
}

.search-wrapper .search-container .search {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 5px;
    height: 40px;
    line-height:40px;
    border: 1px solid rgba(0, 0, 0, 0.20);
}

.search-wrapper .search-container {
    position:relative;
    width:100%;
}

.icon-search {
    width:40px;
    height:40px;
    background-image: url(../images/icon/icon_search.svg);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    position:absolute;
    top:0px;
    right:0px;
    z-index:1;
}

.page-banner.lhb  {
    height:126px;
}
.page-banner.lhb .desktop-display, .page-banner.lhb .mobile-display {
    height:100%;
}

.page-banner.lhb img {
    object-fit:none;
    height:100%;
    margin-top:20px;
}

.page-lhb-icon .swiper {
    width: 100%;
}  
.page-lhb-icon .swiper-pagination {
    position:relative;
    margin-top:20px;
    bottom:inherit;
    top:inherit;
}


.page-lhb-icon .lhb__top-cont {
    padding:0px;
    justify-content:space-around;
}

.page-lhb .lhb__box-cont {
    gap:15px;
}
.page-lhb .lhb__box-cont .lhb__box-columns {
    /*min-width:250px;*/
    /*width:38%;*/
    gap:0px;
    text-align:center;
}
.page-lhb .lhb__box-cont .lhb__box-columns.first-column {
    min-width:280px;
    width:24%;
    gap:0px;
    text-align:center;
}
.page-lhb .lhb__box-rows {
    width:100%;
    padding:20px 0px;
    border-bottom: 1px solid #CCCCCC;
    text-align:center;
    display:flex;
    align-items: center;
    justify-content:center;
    flex-direction:column;
}
.page-lhb .lhb__box-rows sup {
    vertical-align: super;
    font-size:0.8em;
}
.page-lhb .lhb__box-rows .bold {
    font-weight:400;
}

.page-lhb .desktop-display .lhb__box-columns.first-column .lhb__box-rows {
    justify-content: inherit;
    text-align:left;
    flex-direction:initial;
}
.page-lhb .lhb__box-rows .lhb__rows-icon {
    display:inline-block;
}
.page-lhb .thead-title {
    text-align: center;
    font-family: var(--_font-coral-blush-serif);
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    padding-top:20px;
}
.page-lhb .lhb__box-cont {
    overflow-x:scroll;
        margin:0px -20px;
        padding:20px 20px;
}

.lhb__icon-title  {
    font-size:inherit;
    font-weight:300;
}
.lhb__icon-desc {
    font-size:20px;
    font-weight: 400;
}
body[data-lang=en] .lhb__icon-title  {
    font-size:20px;
    font-weight: 400;
}
body[data-lang=en] .lhb__icon-desc {
    font-size:inherit;
    font-weight:300;
}

@media screen and (max-width: 767px) {
    
    .lhb__title, .lhb__box-title {
        font-size:20px;
    }
    .page-lhb-top {
        margin-top:20px;
    }
    .page-lhb .lhb__icon {
        width:40px;
        height:40px;
    }
    .page-lhb .lhb__icon-title {
        font-family: Helvetica;
        font-size: 20px;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
    }
    .page-lhb .lhb__icon-desc {
        font-size:15px;
    }
    
    .page-lhb .swiper-pagination-bullet {
        width:8px;
        height:8px;
        opacity:0.2;
    } 
    
    .page-lhb .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color:#000000!important;
        opacity:1;
    }
    
    .page-lhb .thead-title {
        font-size:16px;
    }
    
    .page-lhb .lhb__box-rows {
        font-size:14px;
    }
    
    .page-lhb .lhb__box-rows div {
        padding-bottom:3px;
    }
    
    .page-lhb-remark span {
        font-size:14px;
    }
    
    .page-lhb-remark {
        gap:13px;
    }
    
    .page-lhb .lhb__box-cont .lhb__box-columns {
        min-width:250px;
        width:50%;
    }
    
    .recommand-wrapper .items-wrapper .item-container:nth-child(3),.recommand-wrapper .items-wrapper .item-container:nth-child(4) {
        display:none;
    }
    
    .recommand-title {
        margin-bottom:0px;
    }
    .recommand-wrapper .btn-view-more {
        display:inline-block;
    }

    .member__referral-btn-wrapper .remark-wrapper .remark {
        margin:0px 20px;
    }
    .lhb__desc {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        line-clamp: 5;
        -webkit-box-orient: vertical;
    }
    .lhb__desc.expanded {
        overflow: auto;
        -webkit-line-clamp: inherit;
        line-clamp: inherit;
    }
    .lhb__desc span.more {
        display:inline-block!important;
    }
}
.register-button:disabled, .signin-button:disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.20);
    cursor: not-allowed;
    pointer-events: none;
    border: 1px solid rgba(0, 0, 0, 0.20);
}
.page-acc_details .acc-verify_btn {
    max-width:fit-content;
    max-height:inherit;
}
.page-acc_details .acc-verify_btn:disabled {
    color:rgba(0, 0, 0, 0.20);
    background-color: transparent;
    color: rgba(0, 0, 0, 0.20);
    cursor: not-allowed;
    pointer-events: none;
    border: 1px solid rgba(0, 0, 0, 0.20);
}
.history__grid-cont {
    grid-template-columns:1fr 1fr 1fr;
}
.header__tab-cont.mobile-display .header__tabs-title {
    font-size:20px;
}

.page-acc_details .account_update-button {
    gap:0px;
    justify-content:space-between;
}
@media screen and (max-width: 767px) {
    .header__tab-cont.mobile-display .header__tabs-title {
        padding-top:30px;
    }
    .page-member {
        margin:30px auto;
    }
    .page-reward.section {
        padding-top:30px;
    }
    .page-reward .page-title {
        font-size:20px;
    }
    .page-acc_details .account_update-button {
        
        gap:30px;
        justify-content: left;
    }
    .page-acc_details .section__wrap .section-back__link {
        position:static;
    }
    .page-lhb-icon {
        margin-bottom:50px;
    }
    .page-acc_details .acc-verify_btn {
        min-width:90px;
    }
}

.page-acc_details .acc_col, .page-acc_details .acc_col2 {
    gap:0;
}
.page-acc_details .acc-icon_green {
    margin-left:5px;
}
.page-acc_details .container-hr {
    border:none;
    border-bottom:0.5px solid #000000;
}
.acc_content-hr {
    border:none;
    border-bottom:0.5px solid #000000;
}

button.style-border {
    border:1px solid #000000;
    background-color:transparent;
    color:#000000;
}
.page-success .btn-wrappper {
    display:flex;
    justify-content:center;
    gap:30px;
}

@media screen and (max-width: 767px) {
    .success-message-title {
        font-size:20px;
    }
    .page-success .btn-wrappper {
        flex-direction:column;
        gap:0px;
        width:100%;
    }
    .page-success .success-back_button {
        width:100%;
        height:auto;
        padding:13.5px 0px;
    }
    .page-success .success-back_button:nth-child(2) {
        margin-top:15px!important;
    }
}


.page-failure {
    max-width: 800px;
    margin: 0 auto;
    padding: 32px 20px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.fail-message-title {
    color: #000;
    text-align: center;
    font-family: var(--_font-coral-blush-serif);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
    margin-top: 20px;
}
.fail-message-text {
    color: #000;
    text-align: center;
    font-family: Helvetica;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 19px;
    margin-top: 10px;
}
.page-failure .g-icon--fail {
    width: 60px;
    height: 60px;
}
.g-icon--fail {
    --_icon: url(../images/icon/icon_fail.svg);
    --_icon-size: 1.4rem;
    width: var(--_icon-size, 2rem);
    height: var(--_icon-size, 2rem);
    display: block;
    background-image: var(--_icon);
    background-size: cover;
    background-repeat: no-repeat;
}
.fail-back_button {
    display: flex;
    min-width: 238px;
    height: 45px;
    padding: 13px 50px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #fff;
    background-color: #000;
    margin: 40px auto 0;
    font-family: var(--_font-coral-blush-serif);
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
}

.btn-hint {
    position:relative;
}

.btn-hint:hover .hint-content {
    display:inline-block;
}
.hint-content {
    display:none;
    position:absolute;
    color: rgba(0, 0, 0, 0.50);
    font-family: Helvetica;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding:10px;
    box-shadow: 0px 2px 20px 0px var(--lb-shadow-15, rgba(0, 0, 0, 0.15));
    background-color:#ffffff;
    z-index:2;
    width:250px;
    text-align:left;
}
.hint-content.active {
    display:inline-block;
}
.wallet-coupon-row_cont .thumbnail {
    width:150px;
    height:150px;
}
@media screen and (max-width: 767px) {
    .page-wallet .wallet-coupon_details {
        width:100%;
    }
    .page-wallet .wallet-coupon-row_cont .thumbnail {
        width:100px;
        height:100px;
    }
    .page-wallet .wallet-coupon-row {
        flex-wrap:wrap;
        width:100%;
    } 
    .page-wallet .wallet-brands_name {
        font-size: 13px;
    }
    .page-wallet .wallet-coupon_name {
        font-size:16px;
        line-height:inherit;
    }
    .page-wallet .wallet-active-btn {
        margin-top:15px;
        display:inline-block;
        padding:9.5px;
        text-align:center;
    }
    .page-wallet .wallet-active-btn:hover {
        transform: scale(1.1);
    }
    #expired-tab .wallet-coupon-row_cont {
        opacity:1;
    }
    #expired-tab .wallet-coupon-row_cont .thumbnail, #expired-tab .wallet-brands_name, #expired-tab .wallet-coupon_name, #expired-tab .wallet-coupon_name, #expired-tab .time-wrapper {
        opacity:0.5;
    }
    
    .btn-hint {
        position:static;
    }
    .hint-content {
        left:20px;
        width:calc(100% - 40px)
    }
}

.history__details {
    text-transform:inherit;
}

.page-history .tab-btn {
    min-width: fit-content;
    width:auto;
    padding-bottom:10px;
}
.page-history .tab-nav {
    overflow-x:scroll;
}

dialog.modal {
    width:100%;
    max-width:calc(550px - 40px);
    padding:0px 20px;
}
.page-wallet-modal .modal__box {
    width:100%;
}
.modal .modal__text-wrap {
    width:100%;
    max-width:510px;
}
.reset-password, .reset-password a {
    font-size:16px;
}

@media (max-width: 767px) {
    /*.header__nav-item.select .select__button {
        background-color: rgb(216, 160, 143);
    }
    #account-dropdown-bottom .dropdown-menu a.is-current {
        background-color: rgb(216, 160, 143);
    }*/
    .select__list .select__item.js-select-item[data-guest="true"] {
        display:none!important;
    }
}
@media (max-width: 1025px) {
    .select__list .select__item.js-select-item[data-guest="true"] {
        display:none!important;
    }
}

.js-overlay-nav-mobile-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.70);
    z-index: 3;
    display: none;
}
.js-overlay-nav-mobile-bg.is-open {
    display: block;
    
}

@media (min-width: 1025px) {
    ul.header__nav-list .header__authorization {
        display:none!important;
    }
}
/*.header__bottom-content {
    height:100vh;
}*/
/*.header__bottom-content {
    overflow-y:scroll!important;
}*/

/*html.fixed .header__bottom.is-open {
    height:100vh;
    max-height:inherit;
}*/
@media (max-width: 1025px) {
    html.fixed .header__nav-list {
        display:flex;
    }
}