/**================== ROOT ==================**/
:root {
    --cl-main: #20B14C;
    --cl-second: #FCBA27;
    --cl-accent: #FF424E;
    --cl-light-main: #FFF5F6;
    --cl-mega-menu: rgba(192, 35, 64, 0.1);
    --cl-black: #333333;
    --cl-white: #ffffff;
    --cl-gray: #979797;
    --cl-light-gray: #EBEBF0;
    --cl-dark-gray: #6E6E73;
    --cl-sp-gray: #F5F5F5;
    --cl-light-red: #C60000;
    --cl-dark-red: #990a00;
    --cl-red: #c72528;
    --cl-yl: #FFCB05;
    --cl-green: #009739;
    --cl-blue: #00CDFF;
    --cl-light-blue: #dbedf9;
    --cl-orange: #FF662C;
    --cl-purple: #934785;
    --font-aws: FontAwesome;
    --font-main: "SVN-Gotham", sans-serif !important;
    --font-second: "Arial", sans-serif !important;
    --ratio-16-9: calc(9 / 16 * 100%);
    --ratio-4-3: calc(3 / 4 * 100%);
    --ratio-3-4: calc(4 / 3 * 100%);
    --ratio-9-16: calc(16 / 9 * 100%);
    --ratio-1-1: 100%;
    --transition-duration: 1s;
    --transition-delay-one: transform var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.1),
    opacity var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.2);
    --transition-delay-two: transform var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.22),
    opacity var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.32);
    --transition-delay-three: transform var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.28),
    opacity var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.38);
    --transition-delay-four: transform var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.34),
    opacity var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.44);
    --transition-delay-five: transform var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.4),
    opacity var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.5);
    --appear-animation: translateY(3.75rem);
    --active-appear-animation: translateY(0);
}

.appear-delay-1 {
    transition: var(--transition-delay-one);
}

.appear-delay-2 {
    transition: var(--transition-delay-two);
}

.appear-delay-3 {
    transition: var(--transition-delay-three);
}

.appear-delay-4 {
    transition: var(--transition-delay-four);
}

.appear-delay-5 {
    transition: var(--transition-delay-five);
}

.CR-show-mb {
    display: none !important;
}

/**================== FONTS ==================**/
@font-face {
    font-family: 'Arial';
    src: url('../fonts/Arial/ArialMT.eot');
    src: url('../fonts/Arial/ArialMT.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Arial/ArialMT.woff2') format('woff2'),
    url('../fonts/Arial/ArialMT.woff') format('woff'),
    url('../fonts/Arial/ArialMT.ttf') format('truetype'),
    url('../fonts/Arial/ArialMT.svg#ArialMT') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial';
    src: url('../fonts/Arial/Arial-BoldMT.eot');
    src: url('../fonts/Arial/Arial-BoldMT.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Arial/Arial-BoldMT.woff2') format('woff2'),
    url('../fonts/Arial/Arial-BoldMT.woff') format('woff'),
    url('../fonts/Arial/Arial-BoldMT.ttf') format('truetype'),
    url('../fonts/Arial/Arial-BoldMT.svg#Arial-BoldMT') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gotham';
    src: url('../fonts/SVN-Gotham/SVN-GothamLight.eot');
    src: url('../fonts/SVN-Gotham/SVN-GothamLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SVN-Gotham/SVN-GothamLight.woff2') format('woff2'),
    url('../fonts/SVN-Gotham/SVN-GothamLight.woff') format('woff'),
    url('../fonts/SVN-Gotham/SVN-GothamLight.ttf') format('truetype'),
    url('../fonts/SVN-Gotham/SVN-GothamLight.svg#SVN-GothamLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gotham';
    src: url('../fonts/SVN-Gotham/SVN-GothamBook.eot');
    src: url('../fonts/SVN-Gotham/SVN-GothamBook.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SVN-Gotham/SVN-GothamBook.woff2') format('woff2'),
    url('../fonts/SVN-Gotham/SVN-GothamBook.woff') format('woff'),
    url('../fonts/SVN-Gotham/SVN-GothamBook.ttf') format('truetype'),
    url('../fonts/SVN-Gotham/SVN-GothamBook.svg#SVN-GothamBook') format('svg');
    font-weight: 450;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gotham';
    src: url('../fonts/SVN-Gotham/SVN-Gotham.eot');
    src: url('../fonts/SVN-Gotham/SVN-Gotham.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SVN-Gotham/SVN-Gotham.woff2') format('woff2'),
    url('../fonts/SVN-Gotham/SVN-Gotham.woff') format('woff'),
    url('../fonts/SVN-Gotham/SVN-Gotham.ttf') format('truetype'),
    url('../fonts/SVN-Gotham/SVN-Gotham.svg#SVN-Gotham') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gotham';
    src: url('../fonts/SVN-Gotham/SVN-GothamBold.eot');
    src: url('../fonts/SVN-Gotham/SVN-GothamBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SVN-Gotham/SVN-GothamBold.woff2') format('woff2'),
    url('../fonts/SVN-Gotham/SVN-GothamBold.woff') format('woff'),
    url('../fonts/SVN-Gotham/SVN-GothamBold.ttf') format('truetype'),
    url('../fonts/SVN-Gotham/SVN-GothamBold.svg#SVN-GothamBold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gotham';
    src: url('../fonts/SVN-Gotham/SVN-GothamUltra.eot');
    src: url('../fonts/SVN-Gotham/SVN-GothamUltra.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SVN-Gotham/SVN-GothamUltra.woff2') format('woff2'),
    url('../fonts/SVN-Gotham/SVN-GothamUltra.woff') format('woff'),
    url('../fonts/SVN-Gotham/SVN-GothamUltra.ttf') format('truetype'),
    url('../fonts/SVN-Gotham/SVN-GothamUltra.svg#SVN-GothamUltra') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/**================== BANNER GROUP ==================**/
.CR-banner--group {
    position: relative;
    width: 100%;
}

.CR-banner--group img {
    width: 100%;
    height: auto;
}

/**================== BUTTON STYLE ==================**/
.CR-btn-style-icon {
    border-radius: 0.3125rem /* 5/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.875rem /* 30/16 */;
    height: 3.75rem  /* 60/16 */;
    gap: 0.625rem /* 10/16 */;
    font-size: 1.25rem  /* 20/16 */;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: relative;
    z-index: 1;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    width: max-content;
    margin: 0 auto;
    border: 1px solid;
}

.CR-btn-style-icon {
    color: var(--cl-main);
    background-color: var(--cl-white);
    border-color: var(--cl-main);
}

.CR-btn-style-icon.second {
    background-color: var(--cl-second) !important;
    border-color: var(--cl-second) !important;
    color: var(--cl-white) !important;
}

body .CR-btn-style-icon.warning {
    background-color: #FFF9E8 !important;
    border-color: var(--cl-second) !important;
    color: var(--cl-second) !important;
}

.CR-btn-style-icon.white {
    background-color: var(--cl-white) !important;
    border-color: #EBEBF0 !important;
    color: var(--cl-black) !important;
}

.CR-btn-style-icon:hover {
    color: var(--cl-white);
    background-color: var(--cl-main);
}

.CR-btn-style-icon svg {
    width: auto;
    height: 1.5rem /* 24/16 */;
}

.CR-btn-style-icon:hover svg * {
    stroke: var(--cl-white);
}

.CR-btn-style-icon svg * {
    stroke: var(--cl-main);
}

.CR-btn-style-icon svg,
.CR-btn-style-icon svg * {
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

/**================== TITLE GROUP ==================**/
.CR-heading-title--group {
    position: relative;
}

.CR-heading-title--group.left * {
    text-align: left !important;
}

.CR-heading-title--group.center * {
    text-align: center;
}

.CR-heading-title--group .heading-title {
    font-size: 3.125rem /* 50/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 auto;
    color: var(--cl-black);
}

.CR-heading-title--group .heading-title b {
    color: var(--cl-main);
    font-weight: 700;
}

.CR-heading-title--group .desc {
    margin: 0.625rem /* 10/16 */ 0 0;
    color: var(--cl-black);
    text-align: center;
    font-size: 1.125rem /* 18/16 */;
    font-style: normal;
    font-weight: 450;
    line-height: 1.625rem /* 26/16 */;
}

/**================== HEADER ==================**/
.admin-bar #CR-header {
    top: 32px;
}

#CR-header {
    -webkit-transition: 0.65s ease-in-out;
    -o-transition: 0.65s ease-in-out;
    transition: 0.65s ease-in-out;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 8888;
    box-shadow: 0px 2px 12px 0px #14142B14;
    text-align: center;
    color: var(--cl-white);
    padding: 0;
}

#CR-header.header-normal {
    background: var(--cl-main);
}

body.page-template-mall #CR-header,
#CR-header.header-dashboard {
    background: var(--cl-second);
}

#CR-header:hover,
#CR-header.CR-fixed {
    -webkit-box-shadow: 0 10px 26px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 10px 26px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.05);
}

#CR-header .main--box {
    padding: 1.5rem /* 24/16 */ 0 1rem /* 16/16 */;
    gap: 2.25rem /* 36/16 */;
}

#CR-header.header-dashboard .main--box {
    padding-bottom: 2.8125rem  /* 45/16 */;
}

#CR-header .main--box .left--box,
#CR-header .main--box .right--box {
    width: auto;
}

#CR-header .main--box .center--box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.9375rem /* 15/16 */;
    position: relative;
}

#CR-header .main--box .center--box .search-head--box {
    flex: 1;
}

#CR-header .main--box .center--box #CR-search-form-ajax input {

}

#CR-header .main--box .center--box .action-nav--box {

}

#CR-header .main--box .center--box .action-nav--box a {
    font-size: 0.75rem /* 12/16 */;
    font-weight: 450;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.25rem /* 36/16 */;
    padding: 0 0.375rem /* 6/16 */;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 0.3125rem /* 5/16 */;
    color: var(--cl-white);
    -webkit-transition: 0.65s ease-in-out;
    -o-transition: 0.65s ease-in-out;
    transition: 0.65s ease-in-out;
    gap: 0.25rem /* 4/16 */;
}

#CR-header .main--box .center--box .action-nav--box a svg {
    height: 1.5625rem /* 25/16 */;
    width: auto;
}

#CR-header .main--box .right--box,
#CR-header .top--box .custom-items--box {
    gap: 1.25rem /* 20/16 */;
}

#CR-header .custom-items--box .item {

}

#CR-header .main--box .right--box .icon img,
#CR-header .main--box .right--box .icon svg {
    width: auto;
    height: 1.5rem /* 24/16 */;
}

#CR-header .main--box .right--box a,
#CR-header .main--box .right--box p {
    font-size: 0.75rem /* 12/16 */;
    font-weight: 450;
    line-height: normal;
    text-align: center;
    margin: 0;
    color: var(--cl-white);
}

#CR-header .logo--box svg,
#CR-header .logo--box img {
    width: auto;
    height: 2.875rem /* 46/16 */;
}

#CR-header.header-normal .logo--box svg * {
    fill: var(--cl-second);
}

body.page-template-mall #CR-header .logo--box svg *,
#CR-header.header-dashboard .logo--box svg * {
    fill: var(--cl-main);
}

#CR-header .top--box {
    padding: 0.8125rem /* 13/16 */ 0 0;
}

#CR-header .top--box .left--box {
    gap: 1.875rem /* 30/16 */;
}

#CR-header .top--box .left--box .item:not(:last-child):after {
    content: '';
    position: absolute;
    width: 0.5px;
    height: 1rem /* 16/16 */;
    top: 50%;
    transform: translateY(-50%);
    right: -0.9375rem /* -15/16 */;
    background: var(--cl-white);
    opacity: 0.5;
}

body.page-template-mall #CR-header .top--box .left--box .item:not(:last-child):after,
#CR-header.header-dashboard .top--box .left--box .item:not(:last-child):after {
    background: var(--cl-black);
}

#CR-header .top--box .left--box .item {
    display: flex;
    align-items: center;
    gap: 1rem /* 16/16 */;
    position: relative;
}

#CR-header .top--box .left--box .item p,
#CR-header .top--box .left--box .item a {
    font-size: 0.875rem /* 14/16 */;
    font-weight: 450;
    line-height: normal;
    text-align: left;
    margin: 0;
}

#CR-header.header-normal .top--box .left--box .item p,
#CR-header.header-normal .top--box .left--box .item a {
    color: var(--cl-white);
}

body.page-template-mall #CR-header .top--box .left--box .item p,
body.page-template-mall #CR-header .top--box .left--box .item a,
#CR-header.header-dashboard .top--box .left--box .item p,
#CR-header.header-dashboard .top--box .left--box .item a {
    color: var(--cl-black);
}

#CR-header .top--box .left--box .item-social b {
    display: none;
}

#CR-header .top--box .left--box .CR-socials-list-acf {
    gap: 0.9375rem /* 15/16 */;
}

#CR-header .custom-items--box .item.account .wrap {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

#CR-header .custom-items--box .item a {
    font-size: 0.875rem /* 14/16 */;
    font-weight: 450;
    line-height: normal;
    gap: 0.25rem;
}


#CR-header.header-normal .custom-items--box .item a {
    color: var(--cl-white);
}

#CR-header.header-normal .custom-items--box .item.notification {
    position: relative;
}

#CR-header.header-normal .custom-items--box .item.notification:hover .CR-notification-account--box {
    visibility: visible;
    transform: scale(1);
}

#CR-header.header-normal .custom-items--box .item.notification .icon {
    position: relative;
}

#CR-header.header-normal .custom-items--box .item.notification.active .icon:before {
    content: '';
    width: 0.35rem;
    height: 0.35rem;
    border-radius: 50%;
    background: var(--cl-accent);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

#CR-header.header-normal .custom-items--box .item.notification.active .icon {
    animation: cr-zoom-in-out 0.75s infinite ease-in-out;
}

@keyframes cr-zoom-in-out {
    0%, 100% {
        transform: scale(1) rotate(0deg);
    }
    25% {
        transform: scale(1.1) rotate(-2deg);
    }
    50% {
        transform: scale(1.2) rotate(2deg);
    }
    75% {
        transform: scale(1.1) rotate(-2deg);
    }
}

body.page-template-mall #CR-header #CR-search-form-ajax button {
    background: var(--cl-main);
}

body.page-template-mall #CR-header .suggestions--box li a,
#CR-header.header-dashboard .custom-items--box .item a,
body.page-template-mall #CR-header .main--box .right--box > div:hover p,
body.page-template-mall #CR-header .main--box .right--box a,
body.page-template-mall #CR-header .main--box .right--box p,
body.page-template-mall #CR-header .custom-items--box .item a {
    color: var(--cl-black) !important;
}

body.page-template-mall #CR-header .track-order--box {
    opacity: 0;
    pointer-events: none;
}

#CR-header .custom-items--box .item svg,
#CR-header .custom-items--box .item a svg,
#CR-header .custom-items--box .item a img {
    width: auto;
    height: 1.25rem /* 20/16 */;
}

#CR-header .custom-items--box .item.log-out a svg * {
    fill: #ffffff;
}

body.page-template-mall #CR-header .custom-items--box .item.log-out a svg *,
body.page-template-mall #CR-header .custom-items--box .item svg *,
body.page-template-mall #CR-header .custom-items--box .item a svg *,
#CR-header.header-dashboard .custom-items--box .item a svg * {
    fill: #000000;
}

body.page-template-mall #CR-header .custom-items--box .item a img,
#CR-header.header-dashboard .custom-items--box .item a img {
    filter: invert(1);
}

#CR-header .cart--box a {
    gap: 0.125rem /* 2/16 */;
    padding: .25rem;
    border-radius: 0.25rem /* 4/16 */;
    flex-direction: column;
}

#CR-header .main--box .right--box a svg *,
#CR-header .main--box .right--box a p {
    transition: 0.5s ease-in-out;
}

body.page-template-mall #CR-header .main--box .right--box svg *,
body.page-template-mall #CR-header .main--box .right--box a svg * {
    stroke: var(--cl-black) !important;
}

#CR-header.header-normal .main--box .right--box > div:hover p {
    color: var(--cl-second) !important;
}

#CR-header.header-normal .main--box .right--box > div:hover svg * {
    stroke: var(--cl-second);
}

#CR-header .cart--box .icon {
    position: relative;
}

body.page-template-mall #CR-header .cart--box .CR-view-total-cart-head {
    background: var(--cl-black);
    color: var(--cl-white)
}

#CR-header .cart--box .CR-view-total-cart-head {
    background: var(--cl-white);
    color: var(--cl-accent);
    border-radius: 50%;
    position: absolute;
    width: 1rem /* 16/16 */;
    height: 1rem /* 16/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -0.25rem /* -4/16 */;
    right: -0.25rem /* -4/16 */;
    font-size: 0.625rem /* 10/16 */;
    font-weight: 450;
    line-height: normal;
}

#CR-header .main-nav--box.active {
    opacity: 1;
    visibility: visible;
}

#CR-header .main-nav--box {
    opacity: 0;
    transition: 0.5s ease-in-out;
    visibility: hidden;
}

#CR-header .main-nav--box .menu-item--box {
    position: absolute !important;
    z-index: 28;
    height: auto !important;
    top: calc(100% + 1.25rem /* 20/16 */);
    width: 12.5rem /* 200/16 */;
    left: 0;
}

#CR-header .main-nav--box .menu-item--box:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 10px solid var(--cl-white);
    border-top: 0;
    position: absolute;
    bottom: 100%;
    left: 1rem /* 16/16 */;
}

#CR-header .main-nav--box * {
    text-align: left !important;
}

#CR-header .main-nav--box .main-nav-bg {
    background: rgb(0 0 0 / 50%);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    cursor: pointer;
}

#CR-header .track-order--box a {
    height: 2.875rem /* 46/16 */;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.3125rem /* 5/16 */;
    border-radius: 0.3125rem /* 5/16 */;
}

#CR-header.CR-fixed .bottom--box {
    display: none;
}

#CR-header .bottom--box {
    background: var(--cl-white);
    padding: 0.875rem /* 14/16 */ 0;
    transition: 0.5s ease-in-out;
}

#CR-header .bottom--box .main-list--box {
    gap: 3.125rem /* 50/16 */;
}

#CR-header .bottom--box .title--box {
    width: auto;
}

#CR-header .bottom--box .title--box p {
    font-size: 1.125rem /* 18/16 */;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    color: var(--cl-main);
    margin: 0;
}

#CR-header .bottom--box .list--box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 4.375rem /* 70/16 */;
    position: relative;
}

#CR-header .bottom--box .item {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    position: relative;
}

#CR-header .bottom--box .item:not(:last-child):after {
    content: '';
    position: absolute;
    width: 0.5px;
    height: 1.25rem /* 20/16 */;
    top: 50%;
    transform: translateY(-50%);
    right: -2.1875rem /* -35/16 */;
    background: #EBEBF0;
}

#CR-header .bottom--box .item p {
    font-size: 0.875rem /* 14/16 */;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    color: var(--cl-black);
    margin: 0;
}

#CR-header .bottom--box .item .icon img {
    width: auto;
    height: 1.375rem /* 22/16 */;
}

#CR-header .suggestions--box {
    padding-top: 0.75rem  /* 12/16 */;
}

#CR-header .suggestions--box ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.125rem  /* 18/16 */;
}

#CR-header .suggestions--box li a:hover {
    text-shadow: 0 0 1px var(--cl-white), 0 0 3px transparent;
}

#CR-header .suggestions--box li a {
    font-weight: 450;
    font-size: 0.8125rem  /* 13/16 */;
    line-height: normal;
    color: var(--cl-white);
}

#CR-header .account--box {
    position: relative;
}

#CR-header:not(.header-dashboard) .account--box {
    max-width: 5rem  /* 80/16 */;
}

#CR-header .account--box:hover .CR-action-account--box {
    /*transform: scale(1);*/
    /*visibility: visible;*/
    opacity: 1;
    pointer-events: auto;
}

#CR-header .account--box p:not(.log-out) {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

#CR-header .account--box .CR-action-account--box {
    position: absolute;
    width: 10.625rem  /* 170/16 */;
    top: 100%;
    padding-top: 0.375rem  /* 6/16 */;
    transition: 0.5s ease-in-out;
    /*transform: scale(0);*/
    /*visibility: hidden;*/
    z-index: 3;
    opacity: 0;
    pointer-events: none;
}

#CR-header .account--box .CR-action-account--box ul {
    background: var(--cl-white);
    padding: 0.75rem /* 12/16 */;
    border-radius: 0.3125rem /* 5/16 */;
}

#CR-header .account--box .CR-action-account--box li:not(:last-child) {
    margin-bottom: 0.9375rem  /* 15/16 */;
}

#CR-header .account--box .CR-action-account--box a {
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 500;
    line-height: normal;
    color: var(--cl-black);
    text-align: left;
    display: block;
}

#CR-header .account--box .CR-action-account--box a:hover {
    color: var(--cl-main);
}

#CR-header.header-dashboard .main--box .left--box {
    gap: 3.125rem  /* 50/16 */;
}

#CR-header.header-dashboard .main--box .left--box .logo--box {
    position: relative;
}

#CR-header.header-dashboard .main--box .left--box .logo--box:after {
    content: '';
    position: absolute;
    background: var(--cl-main);
    width: 1px;
    height: 100%;
    left: calc(100% + 1.5625rem  /* 25/16 */);
}

#CR-header.header-dashboard .main--box .left--box .page-title {
    font-size: 1.875rem  /* 30/16 */;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    color: var(--cl-main);
    margin: 0;
}

#CR-header.header-dashboard .account--box {
    align-items: center;
    gap: 0.5rem  /* 8/16 */;
}

#CR-header.header-dashboard .account--box .avatar--box {
    width: 2.1875rem  /* 35/16 */;
    border-radius: 50%;
    overflow: hidden;
    aspect-ratio: 1/1;
    position: relative;
}

#CR-header.header-dashboard .account--box .avatar--box img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: top center;
}

#CR-header.header-dashboard .account--box .log-out {
    position: relative;
}

#CR-header.header-dashboard .account--box .log-out:before {
    content: '';
    position: absolute;
    width: 0.5px;
    height: 1rem /* 16/16 */;
    top: 50%;
    transform: translateY(-50%);
    left: -0.25rem;
    background: var(--cl-black);
    opacity: 0.5;
}

#CR-header.header-dashboard .account--box .log-out a,
#CR-header.header-dashboard .account--box .log-out p,
#CR-header.header-dashboard .account--box .name {
    font-size: 0.75rem  /* 12/16 */;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    color: var(--cl-black) !important;
    margin: 0;
    width: max-content;
}

/**================== FOOTER ==================**/
#CR-footer {
    padding-top: 3.75rem  /* 60/16 */;
}

#CR-footer .main--box .sub--box {
    padding: 1.875rem /* 30/16 */ 1.25rem /* 20/16 */ 2.5rem /* 40/16 */;
    border-radius: 0.3125rem /* 5/16 */;
    background: var(--cl-white);
}

#CR-footer .main--box img {
    max-width: 100%;
    width: auto;
    height: auto;
}

#CR-footer .main--box .heading-title {
    color: var(--cl-black);
    font-size: 0.875rem /* 14/16 */;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 1rem /* 16/16 */;
}

#CR-footer .main--box .menu-item.active a,
#CR-footer .main--box a:hover {
    color: var(--cl-main) !important;
}

#CR-footer .certification--box p,
#CR-footer .info--box,
#CR-footer .copyright--box,
#CR-footer .main--box a,
#CR-footer .main--box p {
    color: #6E6E73;
    font-size: 0.875rem /* 14/16 */;
    font-weight: 500;
    line-height: normal;
}

#CR-footer .main--box .menu-item-box li:not(:last-child) {
    margin-bottom: 0.625rem /* 10/16 */;
}

#CR-footer .main--box .delivery--box {
    margin-top: 1.875rem /* 30/16 */;
}

#CR-footer .main--box .certification-socials--box {
    gap: 1rem /* 16/16 */
}

#CR-footer .main--box .certification-socials--box > div {
    width: 50%;
}

#CR-footer .main--box .custom-col {
    flex: 0 0 20%;
    max-width: 20%;
}

#CR-footer .main--box .socials--box ul {
    flex-wrap: wrap;
}

#CR-footer .main--box .socials--box li {
    width: 100%;
}

#CR-footer .main--box .socials--box .icon {
    width: 1.875rem /* 30/16 */;
    display: inline-block;
}

#CR-footer .main--box .socials--box b {
    color: #6E6E73;
    font-size: 0.875rem /* 14/16 */;
    font-weight: 500;
    line-height: normal;
    text-align: left;
}

#CR-footer .main--box .socials--box a:hover {
    color: var(--cl-main) !important;
}

#CR-footer .main--box .socials--box a:hover svg * {
    fill: var(--cl-main);
    stroke: var(--cl-main);
}

#CR-footer .main--box .socials--box a svg * {
    transition: 0.5s ease-in-out;
}

#CR-footer .main--box .socials--box a svg {
    width: auto;
    height: 1rem /* 16/16 */;
    object-fit: contain;
}

#CR-footer .intro--box,
#CR-footer .popular-keywords--box {
    border-bottom: 1px solid #EBEBF0;
    padding-bottom: 1.875rem /* 30/16 */;
    margin-bottom: 1.875rem /* 30/16 */;
}

#CR-footer .popular-keywords--box ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: disc;
    list-style-position: inside;
    margin: -0.3125rem /* -5/16 */;
}

#CR-footer .popular-keywords--box li {
    width: 20%;
    padding: 0.3125rem /* 5/16 */;
    margin: 0 !important;
}

#CR-footer .popular-keywords--box li::marker {
    font-size: 0.625rem /* 10/16 */;
}

#CR-footer .app-main--box {
    gap: 0.3125rem /* 5/16 */;
}

#CR-footer .app-main--box .app-left--box,
#CR-footer .app-main--box .app-right--box {
    width: 50%;
}

#CR-footer .app-main--box .app-left--box .item {
    background: var(--cl-white);
    box-shadow: 0 2px 12px 0 #14142B14;
    border-radius: 0.3125rem /* 5/16 */;
}

#CR-footer .app-main--box .app-left--box .item img {
    width: 100%;
    height: auto;
}

#CR-footer .app-main--box .app-right--box {
    display: flex;
    flex-direction: column;
    gap: 0.3125rem /* 5/16 */;
}

#CR-footer .app-main--box .app-right--box .item {
    width: 100%;
}

#CR-footer .app-main--box .app-right--box .item img {
    height: 50%;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

#CR-footer .app-main--box .app-right--box .item a {
    height: 2.125rem /* 34/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.1875rem /* 3/16 */;
    background: var(--cl-white);
    box-shadow: 0 2px 12px 0 #14142B14;
    width: 100%;
}

#CR-footer .bottom--box {
    padding: 1.875rem /* 30/16 */ 0 1.5625rem /* 25/16 */;
    background: var(--cl-sp-gray);
}

#CR-footer .bottom--box .certification--box img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    height: auto;
}

#CR-footer .bottom--box .certification--box {
    margin-bottom: 1.25rem /* 20/16 */;
}

#CR-footer .bottom--box .certification--box p {
    margin-top: 0.3125rem /* 5/16 */;
}

#CR-footer .bottom--box .certification--box p,
#CR-footer .bottom--box .info--box,
#CR-footer .bottom--box .copyright--box {
    line-height: 1.3125rem /* 21/16 */;
    text-align: center;
    font-weight: 450;
}

#CR-footer .toggle-menu-item-cont--mb {
    display: none !important;
}

/**================== HOME PAGE ==================**/
.CR-default-home-page .heading-title--box {
    margin-bottom: 1.5625rem  /* 25/16 */;
}

.CR-default-home-page .heading-title--box .heading-title {
    font-size: 1.5rem  /* 24/16 */;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
}

.CR-default-home-page .heading-title--box a {
    font-size: 1rem /* 16/16 */;
    font-weight: 500;
    line-height: normal;
    text-align: right;
    color: var(--cl-main);
}

#CR-home-page .brands--sec .main-list--box,
.CR-default-home-page .terms--sec .terms-list--box {
    background: var(--cl-white);
    padding: 1.25rem  /* 20/16 */ 1.5625rem /* 25/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
}

.default-custom-pds--sec .main--box,
.suggestions--sec .main-list--box {
    background: var(--cl-white);
    padding: 1rem  /* 16/16 */ 1rem  /* 16/16 */ 1.875rem  /* 30/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
}

.CR-default-home-page .suggestions--sec,
.default-custom-pds--sec {
    padding-top: 1.25rem /* 20/16 */;
}

.default-custom-pds--sec .heading-title--box {
    margin-bottom: 1rem /* 16/16 */ !important;
}

.default-custom-pds--sec .heading-title--box .sub--box {
    gap: 2.1875rem /* 35/16 */;
}

.default-custom-pds--sec .sub-terms--box {
    gap: 0.75rem /* 12/16 */;
}

.default-custom-pds--sec .sub-terms--box a {
    font-size: 0.875rem /* 14/16 */ !important;
    font-weight: 450;
    line-height: normal;
    height: 2.375rem /* 38/16 */;
    border-radius: 0.625rem /* 10/16 */;
    padding: 0 0.75rem /* 12/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cl-black) !important;
    border: 1px solid #E6E6E8;
    background: var(--cl-white);
    text-align: center !important;
}

.default-custom-pds--sec .sub-terms--box a:hover {
    background: var(--cl-main);
    color: var(--cl-white) !important;
    border-color: var(--cl-main);
}

.CR-banner-advertisement-list--box {
    margin: 0.9375rem  /* 15/16 */ -0.3125rem  /* -5/16 */ -0.3125rem  /* 5/16 */;
}

.CR-item-banner-advertisement {
    width: 50%;
    padding: 0.3125rem  /* 5/16 */;
}

.CR-item-banner-advertisement .wrap {
    position: relative;
}

.CR-item-banner-advertisement img {
    width: 100%;
    height: auto;
    border-radius: 0.625rem /* 10/16 */;
    display: block !important;
}

#CR-home-page .flash-sale--sec .CR-empty-result {
    color: var(--cl-white);
}

#CR-home-page .flash-sale--sec,
#CR-home-page .intro--sec,
.CR-default-home-page .terms--sec {
    padding-top: 1.25rem /* 20/16 */;
}

#CR-home-page .brands--sec .CR-custom-arrow-full,
.CR-default-home-page .terms--sec .CR-custom-arrow-full {
    width: 1.5625rem  /* 25/16 */;
}

.CR-default-home-page .terms--sec .CR-custom-arrow-full.left {
    left: 0.3125rem  /* 5/16 */;
}

.CR-default-home-page .terms--sec .CR-custom-arrow-full.right {
    right: 0.3125rem  /* 5/16 */;
}

.CR-default-home-page .terms--sec .CR-slider-term-view {
    margin: 0 -1.875rem  /* -30/16 */;
}

.CR-item-product-term-view {
    width: 12.5%;
    padding: 0 1.875rem  /* 30/16 */;
}

.CR-item-product-term-view .wrap {
    position: relative;
    width: 100%;
}

.CR-item-product-term-view .wrap a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}

.CR-item-product-term-view .term-thumb {
    aspect-ratio: 1 / 1;
    width: 65%;
    margin: 0 auto 0.375rem /* 6/16 */;
    position: relative;
}

.CR-item-product-term-view .term-thumb img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    object-fit: contain;
    transition: 0.5s ease-in-out;
}

.CR-item-product-term-view .term-name {
    font-size: 0.875rem /* 14/16 */;
    font-weight: 450;
    line-height: normal;
    text-align: center;
    color: var(--cl-black);
    transition: 0.5s ease-in-out;
}

.CR-item-product-term-view .wrap:hover .term-name {
    color: var(--cl-main);
}

.CR-product-flash-sale-list--box,
.CR-product-list--box {
    margin: -0.625rem  /* -10/16 */ -0.3125rem  /* -5/16 */;
}

#CR-home-page .custom-pds--sec .heading-title--box .heading-title {
    display: flex;
    align-items: center;
    gap: 0.9375rem  /* 15/16 */;
    font-size: 1.5rem  /* 24/16 */;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    background: linear-gradient(90deg, #FF8800 0%, #FFBA00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}

#CR-home-page .custom-pds--sec .heading-title--box .heading-title .icon img {
    width: auto;
    height: 1.875rem  /* 30/16 */;
}

#CR-home-page .suggestions--sec .CR-btn-style-icon {
    min-width: 18.75rem  /* 300/16 */;
    margin-top: 2.5rem  /* 40/16 */;
}

.CR-item-product {
    width: 16.667%;
    padding: 0.625rem  /* 10/16 */ 0.3125rem  /* 5/16 */;
}

.CR-item-product .wrap {
    position: relative;
    border: 1px solid #EBEBF0;
    border-radius: 0.3125rem  /* 5/16 */;
    background: var(--cl-white);
    overflow: hidden;
    transition: 0.5s ease-in-out;
    height: 100%;
    padding: 0.375rem  /* 6/16 */ 0.625rem  /* 10/16 */ 1rem  /* 16/16 */;
}

.CR-item-product .wrap:hover {
    border-color: var(--cl-main);
    box-shadow: 0px 2px 12px 0px #14142B14;
}

.CR-item-product .view {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.CR-item-product .thumb--box {
    position: relative;
    aspect-ratio: 1 / 1;
}

.CR-item-product .thumb--box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top center;
    transition: 0.5s ease-in-out;
}

.CR-item-product .content--box {
    padding: 0.3125rem  /* 5/16 */ 0 0;
}

.CR-item-product .heading-title {
    font-size: 0.875rem /* 14/16 */;
    font-weight: 500;
    line-height: 1.3125rem /* 21/16 */;
    text-align: left;
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: calc(1.3125rem * 2);
    height: calc(1.3125rem * 2);
    color: var(--cl-black);
    transition: 0.5s ease-in-out;
}

.CR-item-product .status--box {
    margin-top: 0.3125rem  /* 5/16 */;
}

.CR-item-product .status--box ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.CR-item-product .status--box p {
    color: #979797;
    font-weight: 500;
    font-size: 0.75rem  /* 12/16 */;
    line-height: normal;
}

.CR-item-product .review-rating--box {
    gap: 0.125rem  /* 2/16 */;
    margin-top: 0.5rem  /* 8/16 */;
}

.CR-item-product .review-rating--box .review--total {
    font-size: 0.75rem  /* 12/16 */;
    font-weight: 500;
    line-height: normal;
    color: var(--cl-black);
    margin: 0;
}

.CR-item-product .review-rating--box span.checked {
    color: #FFC400;
}

.CR-item-product .review-rating--box span {
    color: #DDDDE3;
    font-size: 0.75rem  /* 12/16 */;
}

.CR-item-product .price--box {
    margin-top: 0.5rem  /* 8/16 */;
}

.CR-item-product .CR-woo-prices .single-sp-price--box,
.CR-item-product .CR-woo-prices .variable-sp-price--box,
.CR-item-product .CR-woo-prices {
    gap: 0.3125rem /* 5/16 */;
    width: 100%;
    justify-content: space-between;
}

.CR-item-product .CR-woo-prices .percentage {
    position: absolute;
    top: 0;
    right: 0;
}

.CR-item-product.CR-item-product-flash-sale .CR-woo-prices {
    flex-direction: unset;
    align-items: center;
    gap: unset;
    width: 100%;
    justify-content: space-between;
}

.CR-item-product.CR-item-product-flash-sale .CR-woo-prices * {
    font-size: 1rem /* 16/16 */;
}

.CR-item-product.CR-item-product-flash-sale .CR-woo-prices del span,
.CR-item-product.CR-item-product-flash-sale .CR-woo-prices del span *,
.CR-item-product.CR-item-product-flash-sale .CR-woo-prices del {
    font-size: 0.875rem /* 14/16 */ !important;
}

.CR-item-product.CR-item-product-flash-sale .countdown--box {
    position: relative;
    margin-top: .625rem;
}

.CR-item-product.CR-item-product-flash-sale .countdown--box .bar {
    width: 100%;
    height: 1rem;
    background: #ffaaaf;
    line-height: 0;
    font-size: 0;
    margin: 0;
    border-radius: 3.125rem /* 50/16 */;
}

.CR-item-product.CR-item-product-flash-sale .countdown--box .bar > div {
    display: inline-block;
    height: 1rem;
    border-radius: .625rem;
    -webkit-animation: animateBg 1s linear infinite;
    animation: animateBg 1s linear infinite;
    background-image: linear-gradient(90deg, #FC2207, #FF5C38, #FC2207, #FF5C38);
    background-size: 300% 100%;
}

.CR-item-product.CR-item-product-flash-sale .countdown--box .countdown-timer {
    font-size: 0.75rem /* 12/16 */;
    line-height: normal;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    color: var(--cl-white);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .75rem;
    justify-content: center;
}

.CR-item-product.CR-item-product-flash-sale .countdown--box svg {
    position: absolute;
    top: 35%;
    transform: translateY(-50%);
    left: 0;
}

.CR-item-product.CR-item-product-flash-sale.slick-slide {
    transition: 0.5s ease-in-out;
    opacity: 0;
}

.CR-item-product.CR-item-product-flash-sale.slick-slide.slick-active {
    opacity: 1;
}

.CR-item-product .status-sale--box {
    margin-top: 0.5rem /* 8/16 */;
}

.CR-item-product .status-sale--box .progress-bar {
    background: #FFE295;
    border-radius: 3.125rem /* 50/16 */;
    height: 1.25rem  /* 20/16 */;
    position: relative;
}

.CR-item-product .status-sale--box .progress-bar .progress-percentage {
    display: inline-block;
    height: 100%;
    border-radius: 3.125rem /* 50/16 */;
    -webkit-animation: animateBg 1s linear infinite;
    animation: animateBg 1s linear infinite;
    background-image: linear-gradient(90deg, #FCBA27 , #f1af1b, #FCBA27 , #f1af1b );
    background-size: 300% 100%;
    width: 95%;
}

.CR-item-product .status-sale--box .progress-bar p {
    font-size: 0.75rem  /* 12/16 */;
    font-weight: 450;
    line-height: normal;
    text-align: center;
    color: var(--cl-black);
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.CR-default-home-page .banner-group--sec {
    padding-top: 1.25rem  /* 20/16 */;
}

.CR-default-home-page .banner-group--sec .banner--box {
    gap: .5rem;
    /*grid-template-columns: repeat(5, minmax(0, 1fr));*/
    /*display: grid;*/
    display: flex;
    height: 26.25rem  /* 420/16 */;
}

.CR-default-home-page .banner-group--sec .banner--box .main--box {
    /*grid-column: span 4 / span 4;*/
    margin: 0;
    flex: 0 0 70%;
    max-width: 70%;
}

.CR-default-home-page .banner-group--sec .banner--box .main--box .slick-list,
.CR-default-home-page .banner-group--sec .banner--box .main--box .slick-track {
    height: 100%;
}

.CR-default-home-page .banner-group--sec .banner--box .main--box .CR-custom-arrow-full {
    width: 1.5rem  /* 24/16 */;
}

.CR-default-home-page .banner-group--sec .banner--box .main--box .CR-custom-arrow-full.right {
    right: 0;
}

.CR-default-home-page .banner-group--sec .banner--box .main--box .CR-custom-arrow-full.left {
    left: 0;
}

.CR-default-home-page .banner-group--sec .banner--box .main--box .CR-custom-arrow-full .icon {
    background: rgba(29, 29, 31, 0.5);
    height: 3.75rem /* 60/16 */;
    width: 100%;
}

.CR-default-home-page .banner-group--sec .banner--box .main--box .CR-custom-arrow-full .icon svg {
    width: 30%;
    height: auto;
}

.CR-default-home-page .banner-group--sec .banner--box .main--box .CR-custom-arrow-full .icon svg * {
    stroke: var(--cl-white);
}

.CR-default-home-page .banner-group--sec .banner--box .main--box .CR-custom-arrow-full.right .icon {
    border-top-left-radius: 0.3125rem /* 5/16 */;
    border-bottom-left-radius: 0.3125rem /* 5/16 */;
}

.CR-default-home-page .banner-group--sec .banner--box .main--box .CR-custom-arrow-full.left .icon {
    border-top-right-radius: 0.3125rem /* 5/16 */;
    border-bottom-right-radius: 0.3125rem /* 5/16 */;
}

.CR-default-home-page .banner-group--sec .banner--box .sub--box {
    /*grid-column: span 1 / span 1;*/
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.625rem /* 10/16 */;
}

.CR-default-home-page .banner-group--sec .banner--box .main--box .item {
    height: 100%;
}

.CR-default-home-page .banner-group--sec .banner--box .main--box .item .wrap,
.CR-default-home-page .banner-group--sec .banner--box .sub--box .item .wrap {
    width: 100%;
    height: 100%;
    border-radius: 0.625rem /* 10/16 */;
    overflow: hidden;
}

.CR-default-home-page .banner-group--sec .banner--box .sub--box .item {
    height: 50%;
}

.CR-default-home-page .banner-group--sec .banner--box .item {
    width: 100%;
}

.CR-default-home-page .banner-group--sec .banner--box .item .wrap {
    position: relative;
}

.CR-default-home-page .banner-group--sec .banner--box .item .wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.CR-default-home-page .banner-group--sec .row {
    margin: 0 -0.3125rem /* -5/16 */;
}

.CR-default-home-page .banner-group--sec .row > div {
    padding: 0 0.3125rem /* 5/16 */;
}

#CR-home-page .brands--sec {
    padding-top: 1.25rem  /* 20/16 */;
}

#CR-home-page .brands--sec .brand-list--box {
    margin: 0 -0.625rem  /* -10/16 */;
}

#CR-home-page .brands--sec .CR-custom-arrow-full.left {
    left: -1.25rem  /* -20/16 */;
}

#CR-home-page .brands--sec .CR-custom-arrow-full.right {
    right: -1.25rem  /* -20/16 */;
}

.CR-item-brand {
    width: 14.28571428571429%;
    padding: 0 0.625rem  /* 10/16 */;
}

.CR-item-brand .wrap {
    position: relative;
    border: 1px solid #E6E6E8;
    border-radius: 0.3125rem  /* 5/16 */;
    overflow: hidden;
    transition: 0.5s ease-in-out;
    height: 100%;
    padding: 0.3125rem  /* 5/16 */;
}

.CR-item-brand .term-thumb {
    aspect-ratio: 16/9;
    width: 100%;
    position: relative;
}

.CR-item-brand .term-thumb img {
    width: auto;
    max-width: 80%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    object-fit: contain;
    transition: 0.5s ease-in-out;
}

.default-flash-sale--sec,
.default-recently-viewed--sec {
    margin-top: 1.25rem  /* 20/16 */;
}

.default-flash-sale--sec .flash-sale--box,
.default-recently-viewed--sec .main-list--box {
    background: var(--cl-white);
    border-radius: 0.3125rem  /* 5/16 */;
    padding: 1rem  /* 16/16 */;
}

.default-flash-sale--sec .heading-title--box,
.default-recently-viewed--sec .heading-title--box {
    margin-bottom: 1.5625rem /* 25/16 */;
}

.default-flash-sale--sec.default .heading-title--box .heading-title,
.default-recently-viewed--sec .heading-title--box .heading-title {
    font-size: 1.5rem /* 24/16 */;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
}

.default-recently-viewed--sec .CR-item-product {
    width: 16.667%;
}

.CR-item-product.CR-item-product-flash-sale .CR-woo-prices .percentage {
    right: unset;
    left: 0;
}

.default-flash-sale--sec .heading-title--box .CR-heading-title--group {
    display: flex;
    align-items: center;
}

.default-flash-sale--sec.special .heading-title--box .CR-heading-title--group {
    gap: 1.875rem  /* 30/16 */;
}

.default-flash-sale--sec.default .heading-title--box .CR-heading-title--group {
    gap: 1rem  /* 16/16 */;
}

.default-flash-sale--sec.special .heading-title--box .heading-title {
    font-size: 1.5rem  /* 24/16 */;
    font-style: italic;
    font-weight: 900;
    line-height: normal;
    background: linear-gradient(90deg, #FF8800 0%, #FFBA00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    text-transform: uppercase;
}

.default-flash-sale--sec .flash-sale--box {
    padding-bottom: 1.5625rem  /* 25/16 */ !important;
}

.default-flash-sale--sec .flash-sale--box .CR-item-product.CR-item-product-flash-sale .CR-woo-prices .variable-sp-price--box,
.default-flash-sale--sec .flash-sale--box .CR-item-product.CR-item-product-flash-sale .CR-woo-prices {
    justify-content: center;
}

.default-flash-sale--sec .flash-sale--box .CR-item-product.CR-item-product-flash-sale .CR-woo-prices del {
    display: none;
}

.CR-countdown--box .countdown-timer {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.CR-countdown--box .countdown-timer > div {
    background: var(--cl-second);
    color: var(--cl-white);
    border-radius: 0.3125rem;
    padding: 0 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 700;
    position: relative;
    width: 2.25rem;
    height: 2.25rem;
}

.CR-countdown--box .countdown-timer b {
    display: none;
}

.CR-countdown--box .countdown-timer > div:not(:last-child)::after {
    content: ':';
    font-size: 1.25rem;
    font-weight: 700;
    color: #979797;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -0.75rem;
}

.CR-countdown--box .countdown-timer .digit {
    display: flex;
    align-items: center;
}

.CR-countdown--box .countdown-timer .digit span {
    display: inline-block;
    transform: translateY(0);
    opacity: 1;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.CR-countdown--box .countdown-timer .digit.digit-update span {
    transform: translateY(-100%);
    opacity: 0;
}

.CR-countdown--box .countdown-timer .digit span.new {
    transform: translateY(100%);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.CR-countdown--box .countdown-timer .digit.digit-update span.new {
    transform: translateY(0);
    opacity: 1;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/**================== MALL PAGE ==================**/
#CR-mall-page .brands--sec,
#CR-mall-page .main-pds--sec,
#CR-mall-page .featured--sec {
    margin-top: 1.25rem  /* 20/16 */;
}

#CR-mall-page .featured--sec .main--box {
    background: linear-gradient(180deg, #EDFFE6 0%, #FFFDF6 50%, #FFF9E6 100%);
}

#CR-mall-page .featured--sec .heading--box .heading-title {
    font-size: 2rem /* 32/16 */;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem /* 16/16 */;
    border-top-left-radius: 0.3125rem /* 5/16 */;
    border-top-right-radius: 0.3125rem /* 5/16 */;
    color: var(--cl-white);
    background: linear-gradient(90deg, #FFC400 0%, #20B14C 100%);
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

#CR-mall-page .featured--sec .heading--box .heading-title:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='1304' height='78' viewBox='0 0 1304 78' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%3E%3Cmask id='mask0_1_10262' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='1304' height='78'%3E%3Cpath d='M0 5C0 2.23858 2.23858 0 5 0H1299C1301.76 0 1304 2.23858 1304 5V78H0V5Z' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1_10262)'%3E%3Cpath d='M28.1367 42.9902L78.7632 0.990234H135.833L28.1367 42.9902Z' fill='white'/%3E%3Cpath d='M1117.71 38.9902L1067.09 80.9902H1010.02L1117.71 38.9902Z' fill='white'/%3E%3Cpath d='M-4.85156 116.99V84.5954L101.875 42.9902L12.1136 116.99H-4.85156Z' fill='white'/%3E%3Cpath d='M1126.45 59.9902L1234.1 -14.0098H1339.9L1126.45 59.9902Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#CR-mall-page .featured--sec .items--box {

}

#CR-mall-page .featured--sec .item--box:not(:last-child) {
    margin-bottom: 1.25rem  /* 20/16 */;
}

#CR-mall-page .featured--sec .banner--box {
    margin-top: 1.25rem  /* 20/16 */;
    border-top-left-radius: 1.25rem  /* 20/16 */;
    border-top-right-radius: 1.25rem  /* 20/16 */;
    overflow: hidden;
}

#CR-mall-page .featured--sec .banner--box img {
    width: 100%;
    height: auto;
}

#CR-mall-page .featured--sec .main-list--box {
    padding: 1.25rem /* 20/16 */ 1.5625rem /* 25/16 */ 40px;
    border-radius: 0.3125rem /* 5/16 */;
    background: transparent;
}

#CR-mall-page .featured--sec .CR-custom-arrow-full {
    width: 1.5625rem  /* 25/16 */;
}

#CR-mall-page .featured--sec .CR-custom-arrow-full.left {
    left: -1.25rem  /* -20/16 */;
}

#CR-mall-page .featured--sec .CR-custom-arrow-full.right {
    right: -1.25rem  /* -20/16 */;
}

#CR-mall-page .CR-item-product {
    width: 16.667%;
}

#CR-mall-page .brands--sec .main-list--box,
#CR-mall-page .main-pds--sec .default--box {
    background: var(--cl-white);
    padding: 0.9375rem /* 15/16 */ 1.5625rem /* 25/16 */;
    border-radius: 0.3125rem /* 5/16 */;
}

#CR-mall-page .brands--sec .main-list--box {
    background: linear-gradient(180deg, #EDFFF2 0%, #FFFFFF 100%) !important;
    padding-bottom: 1.5625rem  /* 25/16 */ !important;
}

#CR-mall-page .brands--sec .list--box {
    margin: 0 -0.3125rem  /* -5/16 */;
    display: flex;
    flex-wrap: wrap;
}

#CR-mall-page .brands--sec .CR-custom-arrow-full {
    width: 1.5625rem  /* 25/16 */;
}

#CR-mall-page .brands--sec .CR-custom-arrow-full.left {
    left: -1.5625rem  /* -25/16 */;
}

#CR-mall-page .brands--sec .CR-custom-arrow-full.right {
    right: -1.5625rem  /* -25/16 */;
}

#CR-mall-page .brands--sec .list--box .CR-item-brand-custom {
    padding: 0.3125rem  /* 5/16 */;
}

.CR-item-brand-custom {
    width: 16.667%;
    padding: 0 0.3125rem  /* 5/16 */;
}

.CR-item-brand-custom .wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    border: 1px solid #EBEBF0;
    border-radius: 0.3125rem /* 5/16 */;
    overflow: hidden;
    transition: 0.5s ease-in-out;
    background: var(--cl-white);
}

.CR-item-brand-custom .wrap a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
    gap: 1rem  /* 16/16 */;
    padding: 0.5rem  /* 8/16 */;
}

.CR-item-brand-custom .term-logo {
    width: 50%;
    height: 2.0625rem  /* 33/16 */;
    border: 1px solid #EBEBF0;
    background: var(--cl-white);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.625rem  /* -10/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
}

.CR-item-brand-custom .term-logo img {
    width: auto;
    max-width: 80%;
    height: 80%;
    object-fit: contain;
}

.CR-item-brand-custom .term-thumb {
    width: 100%;
    height: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.CR-item-brand-custom .term-thumb > img {
    height: 100%;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

.CR-item-brand-custom .term-name {
    font-size: 0.75rem  /* 12/16 */;
    font-weight: 500;
    line-height: 1.125rem  /* 18/16 */;
    text-align: center;
    color: var(--cl-black);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: calc(1.125rem * 2);
    height: calc(1.125rem * 2);
}

#CR-mall-page .main-flash-sale--sec {
    margin-top: 1.25rem  /* 20/16 */;
}

#CR-mall-page .banner-flash-sale--sec img {
    width: 100%;
    height: auto;
}

/**================== MALL PAGE ==================**/
#CR-flash-sale-page .intro--sec {
    padding: 1.625rem  /* 26/16 */ 0;
}

#CR-flash-sale-page .intro--sec .main--box {
    text-align: center;
}

#CR-flash-sale-page .intro--sec .CR-heading-title--group {
    justify-content: center;
    width: max-content;
    position: relative;
    background: #f5f5f5;
    margin: 0 auto;
    padding: 0 1.875rem  /* 30/16 */;
}

#CR-flash-sale-page .intro--sec .CR-heading-title--group:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -6.875rem  /* -110/16 */;
    right: -6.875rem  /* -110/16 */;
    height: 1px;
    background: #979797;
    z-index: -1;
}

#CR-flash-sale-page .intro--sec .heading-title {
    font-size: 1.5rem  /* 24/16 */;
    font-style: italic;
    font-weight: 900;
    line-height: normal;
    background: linear-gradient(90deg, #FF8800 0%, #FFBA00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    text-transform: uppercase;
}

#CR-flash-sale-page .intro--sec .CR-heading-title--group,
#CR-flash-sale-page .intro--sec .CR-countdown--box {
    display: flex;
    align-items: center;
    gap: 1.25rem  /* 20/16 */;
}

#CR-flash-sale-page .intro--sec .CR-countdown--box .title--box {
    display: flex;
    align-items: center;
    gap: 0.625rem  /* 10/16 */;
}

#CR-flash-sale-page .intro--sec .CR-countdown--box .title--box svg {
    width: auto;
    height: 1.5rem  /* 24/16 */;
}

#CR-flash-sale-page .intro--sec .CR-countdown--box .title--box p {
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 450;
    line-height: normal;
    text-transform: uppercase;
    color: var(--cl-black);
    margin: 0;
}

#CR-flash-sale-page .intro--sec .CR-countdown--box .countdown-timer > div {
    background: #545454;
}

#CR-flash-sale-page .intro--sec .time-slots--box {
    margin-top: 1.25rem  /* 20/16 */;
    position: relative;
}

#CR-flash-sale-page .intro--sec .banner--box {
    position: relative;
    width: 100%;
    height: 14.375rem  /* 230/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
    overflow: hidden;
}

#CR-flash-sale-page .intro--sec .banner--box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

#CR-flash-sale-page .intro--sec .list--box {
    position: absolute;
    bottom: 0;
    width: 100%;
}

#CR-flash-sale-page .intro--sec .list--box ul {
    display: flex;
}

#CR-flash-sale-page .intro--sec .list--box li {
    width: 20%;
    padding: 0 3.125rem  /* 50/16 */;
}

#CR-flash-sale-page .intro--sec .list--box a {
    display: flex;
    flex-direction: column;
    color: var(--cl-white);
    align-items: center;
    padding: 0.9375rem  /* 15/16 */;
    position: relative;
}

#CR-flash-sale-page .intro--sec .list--box a:hover:after,
#CR-flash-sale-page .intro--sec .list--box a.active:after {
    right: 0;
}

#CR-flash-sale-page .intro--sec .list--box a:after {
    content: '';
    position: absolute;
    bottom: 0.3125rem  /* 5/16 */;
    left: 0;
    right: 100%;
    transition: 0.5s ease-in-out;
    background: var(--cl-white);
    height: 0.3125rem  /* 5/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
}

#CR-flash-sale-page .intro--sec .list--box a span {
    font-size: 2rem  /* 32/16 */;
    font-weight: 700;
    line-height: normal;
}

#CR-flash-sale-page .intro--sec .list--box a p {
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 500;
    line-height: normal;
}

#CR-flash-sale-page .main-pds--sec .filter--box {
    display: flex;
    align-items: center;
    gap: 2.5rem  /* 40/16 */;
    background: var(--cl-white);
}

#CR-flash-sale-page .main-pds--sec .filter--box .overview-list {
    flex: 1;
    display: flex;
    align-items: center;
}

#CR-flash-sale-page .main-pds--sec .filter--box .overview-list li {
    width: 20%;
}

#CR-flash-sale-page .main-pds--sec .filter--box .overview-list li a {
    height: 3.5rem  /* 56/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.375rem  /* 6/16 */;
    position: relative;
    color: var(--cl-black);
}

#CR-flash-sale-page .main-pds--sec .filter--box .overview-list li.active a {
    color: var(--cl-main);
}

#CR-flash-sale-page .main-pds--sec .filter--box .overview-list li.active a:after {
    right: 0;
}

#CR-flash-sale-page .main-pds--sec .filter--box .overview-list li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    height: 2px;
    background: var(--cl-main);
    transition: 0.5s ease-in-out;
}

#CR-flash-sale-page .main-pds--sec .filter--box .more--box li a span,
#CR-flash-sale-page .main-pds--sec .filter--box .overview-list li a span {
    font-size: 1rem  /* 16/16 */;
    font-weight: 500;
    line-height: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

#CR-flash-sale-page .main-pds--sec .filter--box .more--box {
    flex: 0 0 max-content;
    position: relative;
    padding-right: 1.5625rem  /* 25/16 */;
}

#CR-flash-sale-page .main-pds--sec .filter--box .more--box:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -1.25rem  /* -20/16 */;
    width: 1px;
    height: 1.875rem  /* 30/16 */;
    background: #EBEBF0;
    opacity: 0.5;
}

#CR-flash-sale-page .main-pds--sec .filter--box .more--box .more-btn {
    font-size: 1rem  /* 16/16 */;
    font-weight: 500;
    line-height: normal;
    color: var(--cl-black);
    position: relative;
    padding-right: 1rem  /* 16/16 */;
}

#CR-flash-sale-page .main-pds--sec .filter--box .more--box .more-btn:before,
#CR-flash-sale-page .main-pds--sec .filter--box .more--box .more-btn:after {
    font-family: var(--font-aws);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    transition: 0.5s ease-in-out;
}

#CR-flash-sale-page .main-pds--sec .filter--box .more--box .more-btn:before,
#CR-flash-sale-page .main-pds--sec .filter--box .more--box .more-btn:hover:after {
    opacity: 0;
}

#CR-flash-sale-page .main-pds--sec .filter--box .more--box .more-btn:hover:before,
#CR-flash-sale-page .main-pds--sec .filter--box .more--box .more-btn:after {
    opacity: 1;
}

#CR-flash-sale-page .main-pds--sec .filter--box .more--box .more-btn:before {
    content: "\f0d8";
}

#CR-flash-sale-page .main-pds--sec .filter--box .more--box .more-btn:after {
    content: "\f0d7";
}

#CR-flash-sale-page .main-pds--sec .filter--box .more--box:hover .hide-list {
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}

#CR-flash-sale-page .main-pds--sec .filter--box .more--box .hide-list {
    position: absolute;
    width: 16.25rem  /* 260/16 */;
    right: 0;
    top: 100%;
    z-index: 55;
    padding-top: 1.25rem  /* 20/16 */;
    transition: 0.5s ease-in-out;
    transform: scale(0);
    opacity: 0;
    pointer-events: none;
}

#CR-flash-sale-page .main-pds--sec .filter--box .more--box ul {
    width: 100%;
    background: var(--cl-white);
    padding: 0.625rem  /* 10/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
    box-shadow: 0px 0px 0.625rem  /* 10/16 */ rgba(0, 0, 0, 0.1);
    position: relative;
    max-height: 18.75rem  /* 300/16 */;
    overflow-y: auto;
}

#CR-flash-sale-page .main-pds--sec .filter--box .more--box ul:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 10px solid #ffffff;
    border-top: 0;
    position: absolute;
    bottom: 100%;
    right: 10%;
}

#CR-flash-sale-page .main-pds--sec .filter--box .more--box li a {
    color: var(--cl-black);
    display: flex;
    align-items: center;
    padding: 0.625rem  /* 10/16 */ 0;
}

#CR-flash-sale-page .main-pds--sec .filter--box .overview-list li a:hover,
#CR-flash-sale-page .main-pds--sec .filter--box .more--box li a:hover {
    color: var(--cl-main);
}

#CR-flash-sale-page .main-pds--sec .main-list--box {
    margin-top: 1.25rem  /* 20/16 */;
    padding: 1.5625rem  /* 25/16 */ 1rem  /* 16/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
    background: var(--cl-white);
}

#CR-flash-sale-page .CR-item-product .wrap {
    border: none;
}

#CR-flash-sale-page .CR-item-product.CR-item-product-flash-sale .CR-woo-prices .percentage {
    left: unset;
    right: 0;
    background: transparent;
    color: var(--cl-white);
    font-size: 0.75rem /* 12/16 */;
    z-index: 1;
    padding-left: 0.875rem  /* 14/16 */;
}

#CR-flash-sale-page .CR-item-product.CR-item-product-flash-sale .CR-woo-prices .percentage:before {
    content: url("data:image/svg+xml,%3Csvg width='14' height='23' viewBox='0 0 14 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.94164 0.036859L0 12.3478H6.53581L2.56233 23L14 8.55128L7.83554 8.40385L13.6286 0L5.94164 0.036859Z' fill='url(%23paint0_linear_1679_11040)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1679_11040' x1='14' y1='11.5' x2='0' y2='11.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFBA00'/%3E%3Cstop offset='1' stop-color='%23FF9500'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -0.125rem  /* -2/16 */;
    z-index: -1;
}

#CR-flash-sale-page .CR-item-product.CR-item-product-flash-sale .CR-woo-prices .percentage:after {
    content: '';
    background: var(--cl-accent);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
}


/**================== NEWS PAGE ==================**/
#CR-news-page .blogs {
    padding: 0 0 2.5rem /* 40/16 */;
}

.CR-news-list--box {
    margin: -0.75rem /* -12/16 */;
}

.CR-item-news {
    width: 33.33%;
    padding: 0.75rem /* 12/16 */;
}

.CR-item-news > div {
    margin-bottom: 0;
}

.CR-item-news .blog-item {
    position: relative;
    height: 100%;
}

.CR-item-news .blog-item:hover .meta .date {
    background-color: var(--cl-main);
    color: #fff;
}

.CR-item-news .blog-item .meta {
    position: absolute;
    top: 7%;
    left: 0;
    width: 2.8rem;
    height: 2.8rem;
    text-align: center;

}

.CR-item-news .blog-item .meta .date {
    background-color: #fff;
    border: 2px solid;
    color: var(--cl-main);
    font-size: 0.875rem;
    font-weight: bolder;
    transition: all 250ms linear;
}

.CR-item-news .blog-item .meta .date span {
    display: block;
    font-size: .7rem;
}

.CR-item-news .blog-item .image {
    position: relative;
    aspect-ratio: 1 / .6;
}

.CR-item-news .blog-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.CR-item-news .blog-item .content {
    padding: .9rem 0;
}

.CR-item-news .blog-item .title {
    font-size: 1rem;
    color: var(--cl-black) !important;
    line-height: 1.3125rem;
    transition: all 250ms linear;
}

.CR-item-news .blog-item .title a {
    color: var(--cl-black) !important;
    transition: all 250ms linear;
}

.CR-item-news .blog-item .title:hover a {
    color: var(--cl-main) !important;
}

.CR-item-news .blog-item .excerpt {
    font-size: 0.875rem;
}

/**================== NEWS DETAIL PAGE ==================**/
#CR-news-detail-page .main--sec {
    padding: 0 0 2.5rem /* 40/16 */;
}

#CR-news-detail-page .main--sec .main--box {
    width: 80%;
    margin: 0 auto;
}

#CR-news-detail-page .main--sec .heading--box .heading-title {
    font-size: 1.5rem  /* 24/16 */;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 1.125rem /* 18/16 */;
    word-wrap: break-word;
}

#CR-news-detail-page .main--sec .main-content--box .thumb--box {
    position: relative;
    width: 100%;
    border-radius: 0.3125rem /* 5/16 */;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}

#CR-news-detail-page .main--sec .main-content--box .thumb--box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#CR-news-detail-page .main--sec .main-content--box .thumb--box ul {
    position: absolute;
    bottom: 0.625rem /* 10/16 */;
    left: 0.625rem /* 10/16 */;
    z-index: 3;
    display: flex;
    gap: 0.65rem;
}

#CR-news-detail-page .main--sec .main-content--box .thumb--box a {
    font-size: 0.75rem /* 12/16 */;
    font-weight: 700;
    text-transform: uppercase;
    line-height: normal;
    padding: 0 0.5rem /* 8/16 */;
    border-radius: 0.1875rem /* 3/16 */;
    margin: 0;
    background: var(--cl-black);
    color: var(--cl-white);
    height: 1.5rem /* 24/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
}

#CR-news-detail-page .main--sec .main-content--box .thumb--box a:hover {
    background: var(--cl-main);
}

#CR-news-detail-page .main--sec .heading--box .sub--box {
    margin: 1.25rem /* 20/16 */ 0 0.9375rem /* 15/16 */;
}

#CR-news-detail-page .main--sec .heading--box .sub--box ul {
    gap: 1.625rem /* 26/16 */;
}

#CR-news-detail-page .main--sec .heading--box .sub--box li {
    gap: 0.5rem /* 8/16 */;
}

#CR-news-detail-page .main--sec .heading--box .sub--box li svg {
    width: auto;
    height: 0.9375rem /* 15/16 */;
    fill: rgb(126, 126, 126);
}

#CR-news-detail-page .main--sec .heading--box .sub--box li p {
    color: rgb(126, 126, 126);
    font-size: 0.8125rem /* 13/16 */;
    font-weight: 450;
    line-height: normal;
}

#CR-news-detail-page .main--sec .action--box {
    margin: 1.875rem /* 30/16 */ 0 2.5rem /* 40/16 */;
    padding-bottom: 1.875rem /* 30/16 */;
    border-bottom: 1px solid rgb(238, 238, 238);
}

#CR-news-detail-page .main--sec .action--box .share--box {
    min-width: max-content;
}

#CR-news-detail-page .related--sec .related-detail--box .CR-custom-arrow-full {
    width: 3.125rem /* 50/16 */;
    opacity: 0;
    transition: 0.5s ease-in-out;
}

#CR-news-detail-page .related--sec .related-detail--box:hover .CR-custom-arrow-full {
    opacity: 1;
}

#CR-news-detail-page .related--sec .related-detail--box .CR-custom-arrow-full:hover .icon {
    background: var(--cl-main);
}

#CR-news-detail-page .related--sec .related-detail--box .CR-custom-arrow-full .icon {
    border-radius: 50%;
    box-shadow: 0 0 7px rgba(0, 0, 0, .09);
    width: 3.125rem /* 50/16 */;
    height: 3.125rem /* 50/16 */;
    background: var(--cl-white);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s ease-in-out;
}

#CR-news-detail-page .related--sec .related-detail--box .CR-custom-arrow-full:hover svg {
    fill: var(--cl-white);
}

#CR-news-detail-page .related--sec .related-detail--box .CR-custom-arrow-full svg {
    fill: var(--cl-black);
    width: auto;
    height: 1rem /* 16/16 */;
    transition: 0.5s ease-in-out;
}

#CR-news-detail-page .related--sec .related-detail--box .CR-custom-arrow-full.left {
    left: -1.5625rem /* -25/16 */;
}

#CR-news-detail-page .related--sec .related-detail--box .CR-custom-arrow-full.right {
    right: -1.5625rem /* -25/16 */;
}

#CR-news-detail-page .related--sec .related-detail--box .heading--box {
    margin-bottom: 1.25rem /* 20/16 */
}

#CR-news-detail-page .related--sec .related-detail--box .heading--box .heading--title {
    font-size: 1.25rem /* 20/16 */;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

#CR-news-detail-page .related--sec {
    padding: 0 0 2.5rem /* 40/16 */;
}

/**================== PRODUCTS PAGE ==================**/
.CR-pds-page {
    /*overflow: hidden;*/
}

.CR-pds-page .default--box {
    background: var(--cl-white);
    padding: 0.9375rem  /* 15/16 */ 1.5625rem  /* 25/16 */;
    border-radius: 0.3125rem /* 5/16 */;
}

.CR-pds-page .current-title-view {
    color: var(--cl-black);
    font-size: 1.5rem  /* 24/16 */;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.CR-pds-page .terms--sec .current-title--box {
    margin-top: 0;
    margin-bottom: 1.25rem  /* 20/16 */;
}

.default-filter-pds--sec .heading-title,
.CR-pds-page .terms--box .heading-title {
    color: var(--cl-black);
    font-size: 1.25rem  /* 20/16 */;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 1.125rem  /* 18/16 */;
    display: block;
}

.CR-pds-page .terms--box .list--box {
    margin: -0.9375rem  /* -15/16 */ -1.25rem  /* -20/16 */;
    display: flex;
    flex-wrap: wrap;
}

.CR-item-product-term {
    width: 11.111%;
    padding: 0.9375rem  /* 15/16 */ 1.25rem  /* 20/16 */;
}

.CR-item-product-term .wrap {
    position: relative;
}

.CR-item-product-term .term-thumb {
    border-radius: 50%;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    width: 90%;
    margin: 0 auto;
    position: relative;
    background: var(--cl-main);
}

.CR-item-product-term .term-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}

.CR-item-product-term .term-name {
    font-size: 0.8125rem  /* 13/16 */;
    font-weight: 500;
    line-height: 1.3125rem  /* 21/16 */;
    text-align: center;
    margin: 0.3125rem  /* 5/16 */ auto 0;
    color: var(--cl-black);
    transition: 0.5s ease-in-out;
}

.CR-item-product-term .wrap:hover .term-name {
    color: var(--cl-main);
}

.CR-pds-page .filter--sec {
    margin-top: 1.25rem  /* 20/16 */;
}

.default-filter-pds--sec .sort--box {
    gap: 1.25rem  /* 20/16 */;
}

.default-filter-pds--sec .sort--box a,
.default-filter-pds--sec .sort--box .title {
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 500;
    line-height: normal;
}

.default-filter-pds--sec .sort--box .title {
    color: #979797;
}

.default-filter-pds--sec .sort--box a.active {
    color: var(--cl-main);
    border-color: var(--cl-main);
}

.default-filter-pds--sec .sort--box a {
    color: var(--cl-black);
    height: 2.0625rem  /* 33/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #BEBEBE;
    border-radius: 2.5rem  /* 40/16 */;
    padding: 0 0.875rem  /* 14/16 */;
}

.default-filter-pds--sec .remove-filter--box {
    max-width: 100%;
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.default-filter-pds--sec .remove-filter--box .box {
    gap: 0.375rem /* 6/16 */;
}

.default-filter-pds--sec .remove-filter--box a {
    background: var(--cl-main);
    padding: 0.5rem;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-style: normal;
    font-weight: 700;
    font-size: 0.75rem /* 12/16 */;
    line-height: normal;
    color: var(--cl-white);
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    position: relative;
    gap: 0.25rem;
    border-radius: 0.3125rem /* 5/16 */;
}

.default-filter-pds--sec .remove-filter--box a i {
    position: absolute;
    top: -0.375rem /* -6/16 */;
    right: -0.375rem /* -6/16 */;
    border-radius: 50%;
    width: 1rem /* 16/16 */;
    height: 1rem /* 16/16 */;
    background: var(--cl-black);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.625rem /* 10/16 */;
}

.default-filter-pds--sec .filter--box {
    border-bottom: 1px solid #F6F6F6;
    padding-bottom: 0.9375rem  /* 15/16 */;
    margin-bottom: 0.9375rem  /* 15/16 */;
    display: flex;
    align-items: center;
    gap: 0.9375rem  /* 15/16 */;
}

.default-filter-pds--sec .filter--box .items--box {
    display: flex;
    gap: 0.9375rem  /* 15/16 */;
    flex: 1;
}

.default-filter-pds--sec .filter--box .total--box {
    flex: 0 0 max-content;
}

.default-filter-pds--sec .filter--box .total--box.active .title:after {
    opacity: 1;
}

.default-filter-pds--sec .filter--box .total--box .title:after {
    content: '';
    width: 0.5rem  /* 8/16 */;
    height: 0.5rem  /* 8/16 */;
    background: var(--cl-second);
    border-radius: 50%;
    position: absolute;
    top: -0.25rem  /* -4/16 */;
    right: -0.25rem  /* -4/16 */;
    opacity: 0;
    transition: 0.5s ease-in-out;
}

.default-filter-pds--sec .filter--box .item--box {
    position: relative;
    width: max-content;
}

.default-filter-pds--sec .filter--box .total--box .title,
.default-filter-pds--sec .filter--box .item--box .title {
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 500;
    line-height: normal;
    color: var(--cl-black);
    border: 1px solid #BEBEBE;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.625rem  /* 10/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
    height: 2.25rem  /* 36/16 */;
    width: max-content;
    gap: 0.5rem  /* 8/16 */;
    cursor: pointer;
    transition: 0.5s ease-in-out;
    position: relative;
}

.default-filter-pds--sec .filter--box .item--box.active .title {
    border-color: var(--cl-main);
    color: var(--cl-main);
}

.default-filter-pds--sec .filter--box .item--box.show .content {
    transform: scale(1);
    pointer-events: auto;
}

.default-filter-pds--sec .filter--box .item--box.show .title i {
    transform: rotate(180deg);
}

.default-filter-pds--sec .filter--box .item--box .title i {
    transition: 0.5s ease-in-out;
}

.default-filter-pds--sec .filter--box .item--box .content {
    width: 23.75rem  /* 380/16 */;
    padding-top: 0.625rem  /* 10/16 */;
    position: absolute;
    top: 100%;
    transition: 0.5s ease-in-out;
    transform: scale(0);
    pointer-events: none;
    z-index: 50;
}

.default-filter-pds--sec .filter--box .item--box .sub--box {
    width: 100%;
    padding: 0.75rem  /* 12/16 */;
    background: var(--cl-white);
    position: relative;
    box-shadow: 0px 2px 12px 0px #14142B14;
    border-radius: 0.3125rem  /* 5/16 */;
}

.default-filter-pds--sec .filter--box .item--box .sub--box:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 0.3125rem  /* 5/16 */ solid transparent;
    border-left: 0.3125rem  /* 5/16 */ solid transparent;
    border-bottom: 0.5rem  /* 8/16 */ solid var(--cl-white);
    border-top: 0;
    position: absolute;
    left: 1.875rem  /* 30/16 */;
    bottom: 100%;
}

#CR-popup-all-filter-pds .actions--box,
.default-filter-pds--sec .filter--box .item--box .actions--box {
    display: flex;
    align-items: center;
    gap: 0.625rem  /* 10/16 */;
    padding: 0.75rem /* 12/16 */ 0 0;
    margin-top: 0.75rem  /* 12/16 */;
    border-top: 1px solid #F6F6F6;
}

#CR-popup-all-filter-pds .actions--box a,
.default-filter-pds--sec .filter--box .item--box .actions--box a {
    width: 50%;
    height: 2.25rem  /* 36/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 500;
    line-height: normal;
    border-radius: 0.3125rem  /* 5/16 */;
}

#CR-popup-all-filter-pds .actions--box .remove-filter,
.default-filter-pds--sec .filter--box .item--box .actions--box .remove-filter {
    color: var(--cl-main);
    border: 1px solid var(--cl-main);
}

#CR-popup-all-filter-pds .actions--box .apply-filter,
.default-filter-pds--sec .filter--box .item--box .actions--box .apply-filter {
    background: var(--cl-main);
    color: var(--cl-white);
}

.default-filter-pds--sec .filter--box .item--box .list {
    width: 100%;
    max-height: 15.25rem  /* 244/16 */;
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem /* 8/16 */;
    padding-right: 0.5rem;
}

.default-filter-pds--sec .filter--box .item--box .list li {
    max-width: 100%;
}

.default-filter-pds--sec .filter--box .item--box .CR-def-checkbox {
    font-size: 0.875rem /* 14/16 */;
    font-weight: 500;
    line-height: normal;
    color: var(--cl-black);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.625rem /* 10/16 */;
    border-radius: 0.3125rem /* 5/16 */;
    min-height: 2.25rem /* 36/16 */;
    width: max-content;
    background: #EBEBF0;
    position: relative;
    max-width: 100%;
}

.default-filter-pds--sec .filter--box .item--box .CR-def-checkbox .checkmark {
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    position: absolute;
    top:0 ;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.3125rem  /* 5/16 */;
    z-index: 1;
    color: transparent;
    background-color: #EBEBF0;
}

.default-filter-pds--sec .filter--box .item--box .CR-def-checkbox .checkmark:after {
    display: none;
}

.default-filter-pds--sec .filter--box .item--box .CR-def-checkbox input:checked ~ .checkmark {
    background-color: var(--cl-main);
}

.default-filter-pds--sec .filter--box .item--box .CR-def-checkbox input:checked ~ b {
    color: var(--cl-white);
}

.default-filter-pds--sec .filter--box .item--box .CR-def-checkbox b {
    position: relative;
    z-index: 2;
}

.default-filter-pds--sec .filter--box .total--box .content {
    position: relative;
}

#CR-popup-all-filter-pds .box {
    padding: 0;
    max-width: 35rem  /* 560/16 */;
}

#CR-popup-all-filter-pds .box > div {
    padding: 1rem  /* 16/16 */ 1.25rem  /* 20/16 */!important;
}

#CR-popup-all-filter-pds .heading--box {
    margin-bottom: 0;
}

#CR-popup-all-filter-pds .heading-title {
    text-align: center;
    margin: 0 auto;
}

#CR-popup-all-filter-pds .actions--box {
    margin-top: 0;
}

#CR-popup-all-filter-pds .scroll--box {
    overflow-y: auto;
    max-height: 40.625rem  /* 650/16 */;
}

#CR-popup-all-filter-pds .total-item--box:not(:last-child) {
    border-bottom: 1px solid #F6F6F6;
    padding-bottom: 1rem  /* 16/16 */;
    margin-bottom: 1rem  /* 16/16 */;
}

#CR-popup-all-filter-pds .total-item--box .sub-title {
    font-size: 0.9375rem  /* 15/16 */;
    font-weight: 500;
    line-height: normal;
    color: var(--cl-black);
    margin-bottom: 0.625rem  /* 10/16 */;
    display: block;
}

#CR-popup-all-filter-pds .total-item--box .view-more-btn--box {
    margin-top: 0.65rem;
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

#CR-popup-all-filter-pds .total-item--box .view-more-btn--box a {
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 500;
    line-height: normal;
    color: var(--cl-black);
    margin: 0 !important;
}

#CR-popup-all-filter-pds .sub-list {
    display: flex;
    flex-wrap: wrap;
    margin: -0.3125rem  /* -5/16 */;
}

#CR-popup-all-filter-pds .sub-list li {
    width: 50%;
    padding: 0.3125rem  /* 5/16 */;
}

#CR-popup-all-filter-pds .CR-def-checkbox {
    font-size: 0.8125rem  /* 13/16 */;
}

.default-main-pds--sec {
    margin-top: 1.25rem  /* 20/16 */;
}

.default-main-pds--sec .default--box {
    padding: 1.875rem  /* 30/16 */ 0.9375rem  /* 15/16 */ !important;
}

.default-main-pds--sec .CR-item-product {
    width: 16.667%;
}






/**================== PRODUCT DETAIL PAGE ==================**/
#CR-product-detail-page .default-sub--box {
    background: var(--cl-white);
    padding: 1.5625rem  /* 25/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
}

#CR-product-detail-page .default-sub--box .CR-style-default-content .wp-video {
    width: 100% !important;
}

#CR-product-detail-page .default-sub--box .CR-style-default-content .wp-video .wp-video-shortcode,
#CR-product-detail-page .default-sub--box .CR-style-default-content .wp-video .mejs-video {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
}

#CR-product-detail-page .default-heading-title {
    font-size: 1.125rem  /* 18/16 */;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 1.125rem  /* 18/16 */;
}

#CR-product-detail-page .main--sec .brand--box {
    margin-bottom: 0.625rem  /* 10/16 */;
}

#CR-product-detail-page .main--sec .brand--box a {
    color: var(--cl-main);
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 500;
}

#CR-product-detail-page .main--sec .brand--box a b {
    color: var(--cl-black);
    font-weight: 500;
}

#CR-product-detail-page .main--sec .custom-tag--box {
    margin-bottom: 0.625rem  /* 10/16 */;
    gap: 0.5rem  /* 8/16 */;
    display: flex;
    flex-wrap: wrap;
}

#CR-product-detail-page .main--sec .custom-tag--box a {
    height: 1.5rem  /* 24/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
    padding: 0 0.5rem  /* 8/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    gap: 0.375rem  /* 6/16 */;
    font-size: 0.75rem  /* 12/16 */;
    line-height: normal;
    font-weight: 500;
    text-transform: uppercase;
}

#CR-product-detail-page .main--sec .custom-tag--box a img {
    width: auto;
    height: 0.875rem  /* 14/16 */;
}

#CR-product-detail-page .main--sec .coupon--box {
    margin-top: 0.625rem  /* 10/16 */;
}

#CR-product-detail-page .main--sec .coupon--box ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem  /* 10/16 */ 1.625rem  /* 26/16 */;
}

#CR-product-detail-page .main--sec .coupon--box a {
    font-size: 0.875rem  /* 14/16 */;
    line-height: normal;
    font-weight: 450;
    color: #979797;
    display: flex;
    align-items: center;
    gap: 0.625rem  /* 10/16 */;
}

#CR-product-detail-page .main--sec .coupon--box a img {
    width: auto;
    height: 1.5rem  /* 24/16 */;
}

#CR-product-detail-page .main--sec .coupon--box a b {
    color: var(--cl-black);
    font-weight: 450;
}

#CR-product-detail-page .main--sec .heading--box .heading-title {
    font-style: normal;
    font-weight: 700;
    font-size: 1.5rem  /* 24/16 */;
    line-height: 2.25rem  /* 36/16 */;
    margin-bottom: 0;
}

#CR-product-detail-page .main--sec .review-info--box {
    margin: 0.9375rem /* 15/16 */ 0 1.25rem /* 20/16 */;
}

#CR-product-detail-page .main--sec .review-info--box .item:not(:last-child) {
    position: relative;
    margin-right: 0.875rem /* 14/16 */;
    padding-right: 0.875rem /* 14/16 */;
}

#CR-product-detail-page .main--sec .review-info--box .item:not(:last-child):after {
    content: '';
    position: absolute;
    width: 0.5px;
    height: 1.25rem /* 20/16 */;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: #EBEBF0;
}

#CR-product-detail-page .main--sec .review-info--box .review-rating--box {
    gap: 0.125rem /* 2/16 */;
}

#CR-product-detail-page .main--sec .review-info--box .review-rating--box .review--total {
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 500;
    line-height: normal;
    color: var(--cl-accent);
    margin: 0;
}

#CR-product-detail-page .main--sec .review-info--box .review-rating--box span.checked {
    color: #FFC400;
}

#CR-product-detail-page .main--sec .review-info--box .review-rating--box span {
    color: #DDDDE3;
    font-size: 0.75rem  /* 12/16 */;
    line-height: normal;
}

#CR-product-detail-page .main--sec .review-info--box a,
#CR-product-detail-page .main--sec .review-info--box p {
    color: #999999;
    font-size: 0.875rem /* 14/16 */;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
}

#CR-product-detail-page .main--sec .review-info--box a,
#CR-product-detail-page .main--sec .review-info--box p b {
    color: var(--cl-black);
    font-weight: 700;
}

#CR-product-detail-page .main--sec .sort-desc--box {
    font-style: normal;
    font-weight: 450;
    font-size: 0.875rem /* 14/16 */;
    line-height: 1.5rem /* 24/16 */;
    margin: 1.25rem /* 20/16 */ 0 1.5rem /* 24/16 */;
    color: var(--cl-black);
}

#CR-product-detail-page .main--sec .CR-add-cart-pd-box {
    width: 100%;
}

#CR-product-detail-page .main--sec .CR-add-cart-pd-box .stock.out-of-stock {
    font-size: 0.875rem /* 14/16 */;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 1rem 0 0;
    display: block !important;
    color: var(--cl-accent);
}

#CR-product-detail-page .main--sec .CR-all-btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 1.5625rem  /* 25/16 */;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#CR-product-detail-page .main--sec .endow-box {
    border-radius: 0.3125rem /* 5/16 */;
    -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
    background: var(--cl-white);
    position: relative;
    padding: 2.25rem /* 36/16 */ 1.25rem /* 20/16 */ 1.5rem /* 24/16 */;
    margin-top: 2.5rem /* 40/16 */;
    color: var(--cl-black);
    font-size: 1rem /* 16/16 */;
    font-style: normal;
    font-weight: 450;
    line-height: 1.375rem /* 22/16 */;
}

#CR-product-detail-page .main--sec .endow-box b {
    color: var(--cl-main);
    font-weight: 700;
}

#CR-product-detail-page .main--sec .endow-box .heading-title {
    padding: 0.3125rem /* 5/16 */ 1.25rem /* 20/16 */;
    height: 1.875rem /* 30/16 */;
    color: var(--cl-white);
    font-size: 0.875rem /* 14/16 */;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
    background: linear-gradient(90deg, #FC2207 0%, #FF5C38 100%);
    border-radius: 1.25rem /* 20/16 */;
    position: absolute;
    top: -0.9375rem /* -15/16 */;
    left: 1.25rem /* 20/16 */;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#CR-product-detail-page .main--sec .coupon--box .sub-title,
#CR-product-detail-page .main--sec .CR-add-cart-pd-box .sub-title {
    color: #979797;
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
    font-style: normal;
    font-weight: 500;
    flex: 0 0 6.25rem /* 100/16 */;
}

#CR-product-detail-page .main--sec .stock-status--box {
    margin-left: 1.25rem  /* 20/16 */;
}

#CR-product-detail-page .main--sec .stock-status--box p {
    font-size: 0.875rem  /* 14/16 */;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    display: block !important;
    color: #979797;
}

#CR-product-detail-page .main--sec .stock-status--box .in-stock {
    color: #979797;
}

#CR-product-detail-page .main--sec .stock-status--box .out-of-stock {
    color: var(--cl-red);
}

#CR-product-detail-page .main--sec .CR-all-btn-box .CR-custom-add-cart-box {
    flex: 1;
    margin-top: 1.5625rem  /* 25/16 */;
}

#CR-product-detail-page .main--sec .CR-all-btn-box .CR-custom-add-cart-box .hide--box {
    align-items: center;
    gap: 1.125rem /* 18/16 */;
}

#CR-product-detail-page .main--sec .CR-add-cart-pd-box > .stock.in-stock {
    display: none !important;
}

#CR-product-detail-page .main--sec .CR-add-cart-pd-box > .stock.out-of-stock {
    height: 2.625rem /* 42/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.3125rem /* 5/16 */;
    border: 1px solid var(--cl-light-gray);
    background: var(--cl-white);
    color: var(--cl-black);
    text-align: center;
    font-size: 0.75rem /* 12/16 */;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    transition: 0.5s ease-in-out;
    width: 50%;
    margin-top: 1.25rem /* 20/16 */;
    opacity: 0.5;
}

#CR-product-detail-page .main--sec .CR-all-btn-box .CR-btn[data-type="buy_now"] {
    background: var(--cl-second) !important;
    color: var(--cl-white) !important;
    border-color: var(--cl-second) !important;
}

#CR-product-detail-page .main--sec .CR-all-btn-box .CR-btn {
    height: 3.125rem  /* 50/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.3125rem /* 5/16 */;
    border: 1px solid var(--cl-main);
    background: var(--cl-white);
    color: var(--cl-main);
    text-align: center;
    font-size: 1.125rem  /* 18/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    transition: 0.5s ease-in-out;
    width: 33.33%;
    gap: 0.5rem;
}

#CR-product-detail-page .main--sec .CR-all-btn-box .CR-btn svg {
    width: auto;
    height: 1.5rem  /* 24/16 */;
}

#CR-product-detail-page .main--sec .CR-all-btn-box .CR-custom-qty-box {

}

#CR-product-detail-page .main--sec .CR-custom-qty {
    flex: 0 0 7.875rem /* 126/16 */;
}

#CR-product-detail-page .main--sec .CR-custom-qty > div {
    width: 100%;
}

#CR-product-detail-page .main--sec .CR-all-btn-box .CR-custom-add-cart-box {
    flex: 1;
}

#CR-product-detail-page .main--sec .CR-all-btn-box .CR-custom-add-cart-box .hide--box {
    align-items: center;
    gap: 1.25rem  /* 20/16 */;
}

#CR-product-detail-page .main--sec .CR-variations-box {
    margin-top: 1.25rem /* 20/16 */;
}

#CR-product-detail-page .main--sec .CR-variations-box .label--box {
    flex: 0 0 6.25rem  /* 100/16 */;
}

#CR-product-detail-page .main--sec .CR-variations-box .label--box .label {
    margin: 0;
}

#CR-product-detail-page .main--sec .CR-variations-box .label--box .label * {
    color: #979797;
    font-size: 0.875rem  /* 14/16 */;
    line-height: normal;
    font-style: normal;
    font-weight: 500;
}

#CR-product-detail-page .main--sec .CR-variations-box .label--box .label .view {
    display: none !important;
}

#CR-product-detail-page .main--sec .CR-variations-box .detail-variation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
}

#CR-product-detail-page .main--sec .CR-variations-box .detail-variation:not(:last-child) {
    margin-bottom: 1rem /* 16/16 */;
}

#CR-product-detail-page .main--sec .CR-variations-box .detail-variation .value {
    flex: 1;
}

#CR-product-detail-page .main--sec .CR-variations-box .tawcvs-swatches {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem /* 10/16 */;
}

#CR-product-detail-page .main--sec .CR-variations-box .hrSwatch.swatch.swatch-image {
    min-width: auto;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.5rem !important;
    background: var(--cl-white) !important;
}

#CR-product-detail-page .main--sec .CR-variations-box .hrSwatch.swatch.swatch-image b {
    font-size: 0.75rem /* 12/16 */;
    line-height: normal;
    color: var(--cl-black);
    font-weight: 450;
}

#CR-product-detail-page .main--sec .CR-variations-box .hrSwatch {
    background-color: transparent !important;
    border: none !important;
    width: auto;
    height: auto !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

#CR-product-detail-page .main--sec .CR-variations-box .hrImg,
#CR-product-detail-page .main--sec .CR-variations-box .hrDown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 1.875rem /* 30/16 */;
    height: 2.3125rem  /* 37/16 */;
    border-radius: 0;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 1rem  /* 16/16 */;
    padding-right: 1rem  /* 16/16 */;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#CR-product-detail-page .main--sec .CR-variations-box .hrImg {
    background-color: var(--cl-white);
    width: 3rem;
    height: 3rem;
    border: 1px solid var(--cl-dark-gray);
    border-radius: 0.3125rem /* 5/16 */;
}

#CR-product-detail-page .main--sec .CR-variations-box .hrDown {
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem  /* 14/16 */;
    line-height: normal;
    color: var(--cl-black);
    border-radius: 0.25rem /* 4/16 */;
    border: 1px solid #EBEBF0;
    background-color: var(--cl-white);
    overflow: hidden;
}

#CR-product-detail-page .main--sec .CR-variations-box .hrDown:after,
#CR-product-detail-page .main--sec .CR-variations-box .hrDown:before {
    position: absolute;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    opacity: 0;
}

#CR-product-detail-page .main--sec .CR-variations-box .hrDown:after {
    content: '';
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    background: var(--cl-main);
    width: 1.5625rem  /* 25/16 */;
    height: 1.5625rem  /* 25/16 */;
    bottom: 0;
    right: 0;
}

#CR-product-detail-page .main--sec .CR-variations-box .hrDown:before {
    color: var(--cl-white);
    bottom: 0.125rem  /* 2/16 */;
    right: 0.25rem  /* 4/16 */;
    z-index: 1;
    font-size: 0.625rem  /* 10/16 */;
    font-family: var(--font-aws);
    content: "\f00c";
}

#CR-product-detail-page .main--sec .CR-variations-box .hrImg:after,
#CR-product-detail-page .main--sec .CR-variations-box .hrImg:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    z-index: 1
}

#CR-product-detail-page .main--sec .CR-variations-box .hrSwatch.selected .hrDown:after,
#CR-product-detail-page .main--sec .CR-variations-box .hrSwatch.selected .hrDown:before,
#CR-product-detail-page .main--sec .CR-variations-box .hrSwatch.selected .hrImg:after,
#CR-product-detail-page .main--sec .CR-variations-box .hrSwatch.selected .hrImg:before {
    opacity: 1
}

#CR-product-detail-page .main--sec .CR-variations-box .hrSwatch.selected {
    pointer-events: none;
}

#CR-product-detail-page .main--sec .CR-variations-box .hrSwatch.selected .hrDown {
    border-color: var(--cl-main);
}

#CR-product-detail-page .main--sec .CR-variations-box .hrImg:after {
    border: 2px solid var(--cl-main);
    border-radius: 0.3125rem /* 5/16 */;
}

#CR-product-detail-page .main--sec .CR-variations-box .hrImg:before {
    border: .25rem solid var(--cl-white);
    border-radius: 0.3125rem /* 5/16 */;
}

#CR-product-detail-page .main--sec .CR-variations-box .hrImg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 0.3125rem /* 5/16 */;
}

#CR-product-detail-page .main--sec .CR-variations-box .value .reset_variations {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -1.25rem;
    color: var(--cl-black);
    font-weight: 700
}

#CR-product-detail-page .main--sec .single-variation-wrap .woocommerce-variation-description,
#CR-product-detail-page .main--sec .single-variation-wrap .woocommerce-variation-price,
#CR-product-detail-page .main--sec .single-variation-wrap .woocommerce-variation-availability,
#CR-product-detail-page .main--sec .tawcvs-swatches .swatch-color.selected:before,
#CR-product-detail-page .main--sec .CR-price-product #CR-main-price.hide {
    display: none !important
}

#CR-product-detail-page .main--sec .woocommerce-variation-add-to-cart-disabled .CR-custom-qty,
#CR-product-detail-page .main--sec .CR-custom-qty.hide-qty {
    cursor: no-drop;
}

#CR-product-detail-page .main--sec .CR-all-btn-box .CR-btn.disabled,
#CR-product-detail-page .main--sec .woocommerce-variation-add-to-cart-disabled .CR-custom-qty .quantity,
#CR-product-detail-page .main--sec .CR-custom-qty.hide-qty * {
    opacity: .5;
    pointer-events: none
}

#CR-product-detail-page .main--sec .flash-sale--box {
    margin-bottom: 1rem  /* 16/16 */;
}

#CR-product-detail-page .main--sec .flash-sale--box .CR-countdown--box {
    background: linear-gradient(90deg, #FFC400 0%, #FF8800 100%);
    border-radius: 0.3125rem /* 5/16 */;
    padding: 1rem 1.875rem  /* 30/16 */;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.625rem  /* 10/16 */;
}

#CR-product-detail-page .main--sec .flash-sale--box .left--box img {
    width: auto;
    height: 2.8125rem  /* 45/16 */;
}

#CR-product-detail-page .main--sec .flash-sale--box .CR-countdown--box .right--box {
    display: flex;
    align-items: center;
    gap: 1.25rem  /* 20/16 */;
}

#CR-product-detail-page .main--sec .flash-sale--box .right--box .title--box {
    display: flex;
    align-items: center;
    gap: 0.625rem  /* 10/16 */;
}

#CR-product-detail-page .main--sec .flash-sale--box .right--box .title--box svg {
    width: auto;
    height: 1.5rem  /* 24/16 */;
}

#CR-product-detail-page .main--sec .flash-sale--box .right--box .title--box svg * {
    stroke: var(--cl-white);
}

#CR-product-detail-page .main--sec .flash-sale--box .right--box .title--box p {
    font-weight: 450;
    font-size: 0.875rem  /* 14/16 */;
    line-height: normal;
    color: var(--cl-white);
    text-transform: uppercase;
}

#CR-product-detail-page .main--sec .flash-sale--box .CR-countdown--box .countdown-timer > div {
    background: var(--cl-white);
    color: var(--cl-second);
}

#CR-product-detail-page .main--sec .flash-sale--box .CR-countdown--box .countdown-timer,
#CR-product-detail-page .main--sec .flash-sale--box .CR-countdown--box .countdown-timer > div:not(:last-child)::after {
    color: var(--cl-white);
}

#CR-product-detail-page .main--sec .main-price--box {
    background: #FFF2D0;
    border-radius: 0.3125rem /* 5/16 */;
    padding: 1rem 1.5625rem /* 25/16 */;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#CR-product-detail-page .main--sec .favourite-share--box {
    gap: 1.5625rem  /* 25/16 */;
}

#CR-product-detail-page .main--sec .favourite--box a.active {
    pointer-events: none;
}

#CR-product-detail-page .main--sec .favourite--box a.active svg *{
    stroke: var(--cl-main);
    fill: var(--cl-main);
}

#CR-product-detail-page .main--sec .favourite--box a svg {
    width: auto;
    height: 1.5rem  /* 24/16 */;
}

#CR-product-detail-page .main--sec .favourite--box a svg * {
    transition: 0.5s ease-in-out;
}

#CR-product-detail-page .main--sec .main-price--box #CR-move-price .price,
#CR-product-detail-page .main--sec .main-price--box .CR-woo-prices,
#CR-product-detail-page .main--sec .main-price--box .CR-woo-prices .variable-sp-price--box {
    position: relative;
}

#CR-product-detail-page .main--sec .main-price--box #CR-move-price .price {
    line-height: normal;
    word-break: break-word;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.25rem /* 20/16 */;
}

#CR-product-detail-page .main--sec .main-price--box #CR-move-price .price,
#CR-product-detail-page .main--sec .main-price--box .CR-price-pd-box > div {
    width: 100%;
}

#CR-product-detail-page .main--sec .main-price--box .CR-woo-prices * {
    font-size: 2.5rem  /* 40/16 */;
}

#CR-product-detail-page .main--sec .main-price--box .CR-woo-prices del *,
#CR-product-detail-page .main--sec .main-price--box .CR-woo-prices del {
    font-size: 1.5rem  /* 24/16 */ !important;
}

#CR-product-detail-page .main--sec .main-price--box .CR-woo-prices .percentage {
    background: var(--cl-accent);
    color: var(--cl-white);
    font-weight: 700;
    font-size: 0.875rem  /* 14/16 */;
    padding: 0 0.625rem  /* 10/16 */;
    height: 1.5rem  /* 24/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
}

#CR-product-detail-page .info-detail--sec {
    margin-top: 1.25rem  /* 20/16 */;
}

#CR-product-detail-page .info-detail--sec .info-seller--box {
    position: sticky;
    z-index: 1;
    transition: 0.5s ease-in-all;
    top: 0;
}

#CR-product-detail-page .info-detail--sec .info-seller--box:after {
    content: '';
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF7E5 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: -1;
}

#CR-product-detail-page .info-detail--sec .info-seller--box > div:not(:last-child) {
    padding-bottom: 1.25rem  /* 20/16 */;
    margin-bottom: 1.25rem  /* 20/16 */;
    border-bottom: 1px solid #EBEBF0;
}

#CR-product-detail-page .info-detail--sec .description--box {
    margin-top: 1.5625rem  /* 25/16 */;
}

#CR-product-detail-page .info-detail--sec .detail-list--box li {
    display: flex;
    gap: 0.5rem;
}

#CR-product-detail-page .info-detail--sec .detail-list--box li:not(:last-child) {
    padding-bottom: 0.9375rem  /* 15/16 */;
    margin-bottom: 0.9375rem  /* 15/16 */;
    border-bottom: 1px solid #EBEBF0;
}

#CR-product-detail-page .info-detail--sec .detail-list--box li span {
    color: #979797;
    flex: 0 0 50%;
}

#CR-product-detail-page .info-detail--sec .detail-list--box li a,
#CR-product-detail-page .info-detail--sec .detail-list--box li p {
    color: var(--cl-black);
}

#CR-product-detail-page .info-detail--sec .detail-list--box li span,
#CR-product-detail-page .info-detail--sec .detail-list--box li a,
#CR-product-detail-page .info-detail--sec .detail-list--box li p {
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 500;
    line-height: normal;
}

#CR-product-detail-page .info-detail--sec .custom-col {
    flex: 0 0 36%;
    max-width: 36%;
}

#CR-product-detail-page .info-detail--sec .CR-item-product {
    width: 33.33%;
    padding-top: 0;
    padding-bottom: 0;
}

#CR-product-detail-page .info-detail--sec .CR-item-product .wrap {
    border: none;
}

#CR-product-detail-page .info-detail--sec .CR-item-product .CR-woo-prices .variable-sp-price--box,
#CR-product-detail-page .info-detail--sec .CR-item-product .CR-woo-prices {
    flex-direction: column-reverse;
    align-items: flex-start;
}

#CR-product-detail-page .info-detail--sec .CR-slider-featured-pd .slick-list {
    margin: 0 0 0 -0.3125rem /* -5/16 */;
}

#CR-product-detail-page .info-detail--sec .CR-slider-featured-pd .CR-custom-arrow-full {
    width: 1.5625rem  /* 25/16 */;
}

#CR-product-detail-page .info-detail--sec .CR-slider-featured-pd .CR-custom-arrow-full.left {
    left: -1.5625rem  /* -25/16 */;
}

#CR-product-detail-page .info-detail--sec .CR-slider-featured-pd .CR-custom-arrow-full.right {
    right: -1.5625rem  /* -25/16 */;
}

#CR-product-detail-page .product-review--box {
    margin-top: 1.25rem  /* 20/16 */;
}

.default-info-seller--box {

}

.default-info-seller--box .top--box,
.default-info-seller--box .contact--box,
.default-info-seller--box .list--box {
    display: flex;
}

.default-info-seller--box .top--box {
    gap: 0.9375rem  /* 15/16 */;
}

.default-info-seller--box .top--box .avatar--box {
    flex: 0 0 5rem  /* 80/16 */;
    border-radius: 50%;
    position: relative;
    aspect-ratio: 1/1;
    background: var(--cl-black);
}

.default-info-seller--box .top--box .avatar--box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.default-info-seller--box .top--box .avatar--box .status {
    position: absolute;
    bottom: 0;
    right: 0;
    border: 3px solid var(--cl-white);
    width: 1.3125rem  /* 21/16 */;
    height: 1.3125rem  /* 21/16 */;
    border-radius: 50%;
}

.default-info-seller--box .top--box .avatar--box .status.on {
    background: var(--cl-main);
}

.default-info-seller--box .top--box .avatar--box .status.off {
    background: #EBEBF0;
}

.default-info-seller--box .top--box .info--box {
    flex: 1;
}

.default-info-seller--box .top--box .info--box .shop-name {
    font-size: 1rem  /* 16/16 */;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    margin: 0;
}

.default-info-seller--box .top--box .info--box .official {
    background: linear-gradient(270deg, #F8C302 0%, #26B24A 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.25rem /* 20/16 */;
    padding: 0 0.3125rem /* 5/16 */;
    border-radius: 0.875rem /* 14/16 */;
    width: max-content;
    margin-top: 0.5rem /* 8/16 */;
}

.default-info-seller--box .top--box .info--box ul {
    display: flex;
    align-items: center;
    margin-top: 0.5rem  /* 8/16 */;
}

.default-info-seller--box .top--box .info--box li:not(:last-child) {
    margin-right: 0.375rem  /* 6/16 */;
    padding-right: 0.375rem  /* 6/16 */;
}

.default-info-seller--box .top--box .info--box li:not(:last-child):after {
    content: '';
    position: absolute;
    width: 1px;
    height: 0.625rem  /* 10/16 */;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: #6E6E73;
}

.default-info-seller--box .top--box .info--box li {
    font-weight: 450;
    font-size: 0.75rem  /* 12/16 */;
    color: #6E6E73;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    position: relative;
}

.default-info-seller--box .top--box .info--box li i {
    color: var(--cl-second);
    font-size: 0.625rem  /* 10/16 */;
}

.default-info-seller--box .list--box {
    margin-top: 1.25rem  /* 20/16 */;
    gap: 1.25rem  /* 20/16 */;
}

.default-info-seller--box .list--box li {
    flex: auto;
    text-align: center;
}

.default-info-seller--box .list--box li * {
    font-weight: 500;
    line-height: normal;
    text-align: center;
    margin: 0 auto;
}

.default-info-seller--box .list--box li b {
    font-size: 0.875rem  /* 14/16 */;
    color: var(--cl-black);
}

.default-info-seller--box .list--box li p {
    font-size: 0.75rem  /* 12/16 */;
    color: #6E6E73;
}

.default-info-seller--box .contact--box {
    gap: 0.625rem  /* 10/16 */;
    margin-top: 1.25rem  /* 20/16 */;
}

.default-info-seller--box .contact--box a {
    background: #EBEBF0;
    height: 2.5rem  /* 40/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem  /* 10/16 */;
    padding: 0 0.75rem  /* 12/16 */;
    font-size: 1rem  /* 16/16 */;
    font-weight: 700;
    line-height: normal;
    color: var(--cl-black);
    flex: auto;
}

.default-info-seller--box .contact--box a:last-child {

}

.default-info-seller--box .contact--box a svg {
    width: auto;
    height: 1.5rem  /* 24/16 */;
}

#CR-product-detail-page .suggest--sec {
    padding: 1.25rem  /* 20/16 */ 0 0;
}

#CR-product-detail-page .suggest--sec .default-heading-title {
    font-size: 1.5rem  /* 24/16 */;
    margin-bottom: 1.25rem  /* 20/16 */;
}

#CR-product-detail-page .suggest--sec .CR-custom-arrow-full {
    width: 3.125rem /* 50/16 */;
    opacity: 0;
    transition: 0.5s ease-in-out;
}

#CR-product-detail-page .suggest--sec .main--box:hover .CR-custom-arrow-full {
    opacity: 1;
}

#CR-product-detail-page .suggest--sec .main--box .CR-custom-arrow-full:hover .icon {
    background: var(--cl-main);
}

#CR-product-detail-page .suggest--sec .CR-custom-arrow-full .icon {
    border-radius: 50%;
    box-shadow: 0 0 7px rgba(0, 0, 0, .09);
    width: 3.125rem /* 50/16 */;
    height: 3.125rem /* 50/16 */;
    background: var(--cl-white);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s ease-in-out;
}

#CR-product-detail-page .suggest--sec .CR-custom-arrow-full:hover svg {
    fill: var(--cl-white);
}

#CR-product-detail-page .suggest--sec .CR-custom-arrow-full svg {
    fill: var(--cl-black);
    width: auto;
    height: 1rem /* 16/16 */;
    transition: 0.5s ease-in-out;
}

#CR-product-detail-page .suggest--sec .CR-custom-arrow-full.left {
    left: -1.5625rem /* -25/16 */;
}

#CR-product-detail-page .suggest--sec .CR-custom-arrow-full.right {
    right: -1.5625rem /* -25/16 */;
}

/**================== STICKY ICONS ==================**/
.CR-custom-sticky-icons {
    position: fixed;
    right: 4.375rem /* 70/16 */;
    bottom: 7.5rem /* 120/16 */;
    z-index: 99;
}

.CR-open-custom-sticky-icons {
    width: 3.75rem /* 60/16 */;
    height: 3.75rem /* 60/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--cl-white);
    position: relative;
    z-index: 100;
    border-radius: 50%;
}

.CR-open-custom-sticky-icons:before,
.CR-open-custom-sticky-icons:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.CR-open-custom-sticky-icons:before {
    background: rgba(252, 34, 7, 0.2);
    width: calc(100% + 1rem);
    height: calc(100% + 1rem);
    z-index: -2;
}

.CR-open-custom-sticky-icons:after {
    background: linear-gradient(90deg, #FC2207 0%, #FF5C38 100%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% + 0.125rem /* 2/16 */);
    height: calc(100% + 0.125rem /* 2/16 */);
    z-index: -1;
}

.CR-open-custom-sticky-icons circle {
    fill: var(--cl-main);
}

.CR-custom-sticky-icons.active .sub--box {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}

.CR-custom-sticky-icons .sub--box {
    position: absolute;
    right: 0;
    bottom: 80%;
    background: var(--cl-white);
    border-radius: 1rem;
    -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, .2);
    box-shadow: 0 0 12px rgba(51, 51, 51, .2);
    padding: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    pointer-events: none;
    z-index: 99;
    width: 21.875rem /* 350/16 */;
    overflow: hidden;
}

.CR-custom-sticky-icons .sub--box li:not(:last-child) {
    margin-bottom: 0.25rem;
}

.CR-custom-sticky-icons .sub--box li a {
    color: var(--cl-black);
    line-height: normal;
    height: auto;
    display: block;
}

.CR-custom-sticky-icons .sub--box li a .wrap {
    padding: 1rem;
    background: var(--cl-gray);
}

.CR-custom-sticky-icons .sub--box a .icon {
    min-width: 3.125rem /* 50/16 */;
    width: 3.125rem /* 50/16 */;
    height: 3.125rem /* 50/16 */;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
}

.CR-custom-sticky-icons .sub--box a .icon svg,
.CR-custom-sticky-icons .sub--box a .icon img {
    width: auto;
    height: 65%;
    max-width: 60%;
    -o-object-fit: contain;
    object-fit: contain;
}

.CR-custom-sticky-icons .sub--box a .icon svg *,
.CR-custom-sticky-icons .sub--box a .icon svg {
    fill: var(--cl-white);
}

.CR-custom-sticky-icons .sub--box a .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 1rem;
}

.CR-custom-sticky-icons .sub--box a:hover b {
    color: var(--cl-main);
}

.CR-custom-sticky-icons .sub--box a b {
    font-size: 0.875rem /* 14/16 */;
    font-weight: 450;
    line-height: normal;
    display: block;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-custom-sticky-icons .sub--box a span {
    font-size: 0.75rem /* 12/16 */;
    font-weight: 450;
    line-height: normal;
    display: block;
}

/**================== Store Seller Page ==================**/
#CR-store-seller-page .default--box {
    background: var(--cl-white);
    padding: 1rem /* 16/16 */ 1rem /* 16/16 */ 1.875rem /* 30/16 */;
    border-radius: 0.3125rem /* 5/16 */;
}

#CR-store-seller-page .default--sec {
    margin-top: 1.25rem  /* 20/16 */;
}

#CR-store-seller-page .default--sec .banner--box {
    margin-bottom: 1.25rem  /* 20/16 */;
}

#CR-store-seller-page .default--sec .banner--box img {
    width: 100%;
    height: auto;
}

#CR-store-seller-page .CR-item-product {
    width: 16.667%;
}

#CR-store-seller-page .heading-title--box {
    margin-bottom: 1.5625rem  /* 25/16 */;
}

#CR-store-seller-page .heading-title--box .heading-title {
    font-size: 1.5rem  /* 24/16 */;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
}

#CR-store-seller-page .heading-title--box.sp .heading-title {
    display: flex;
    align-items: center;
    gap: 0.9375rem /* 15/16 */;
    font-size: 1.5rem /* 24/16 */;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    background: linear-gradient(90deg, #FF8800 0%, #FFBA00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}

#CR-store-seller-page .heading-title--box.sp .heading-title .icon svg {
    width: auto;
    height: 1.875rem /* 30/16 */;
}

#CR-store-seller-page .heading-title--box a {
    font-size: 1rem /* 16/16 */;
    font-weight: 500;
    line-height: normal;
    text-align: right;
    color: var(--cl-main);
}

#CR-store-seller-page .main-info--sec {
    background: var(--cl-white);
    padding-top: 1.25rem  /* 20/16 */;
}

#CR-store-seller-page .main-info--sec .seller-overview--box {
    padding: 2.875rem  /* 46/16 */ 0.625rem  /* 10/16 */ 0.625rem  /* 10/16 */;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-radius: 0.3125rem  /* 5/16 */;
}

#CR-store-seller-page .main-info--sec .seller-overview--box .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#CR-store-seller-page .main-info--sec .seller-overview--box .background:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2632388C;
}

#CR-store-seller-page .main-info--sec .seller-overview--box .background img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-position: top center;
    object-fit: cover;
}

#CR-store-seller-page .main-info--sec .seller-overview--box .content {

}

#CR-store-seller-page .main-info--sec .seller-overview--box .seller-info {
    display: flex;
    align-items: center;
    gap: 0.8125rem  /* 13/16 */;
}

#CR-store-seller-page .main-info--sec .seller-overview--box .seller-info .avatar--box {
    position: relative;
    flex: 0 0 5.625rem  /* 90/16 */;
    aspect-ratio: 1/1;
}

#CR-store-seller-page .main-info--sec .seller-overview--box .seller-info .avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    background: var(--cl-white);
}

#CR-store-seller-page .main-info--sec .seller-overview--box .seller-info .avatar img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-position: top center;
    object-fit: cover;
}

#CR-store-seller-page .main-info--sec .seller-overview--box .seller-info .official {
    background: var(--cl-second);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.25rem  /* 20/16 */;
    padding: 0 0.3125rem  /* 5/16 */;
    border-radius: 0.875rem  /* 14/16 */;
    position: absolute;
    top: 85%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

#CR-store-seller-page .main-info--sec .seller-overview--box .seller-info .official svg {
    width: auto;
    height: 80%;
    max-width: 100%;
    object-fit: contain;
}

#CR-store-seller-page .main-info--sec .seller-overview--box .seller-info .info {
    color: var(--cl-white);
    flex: 1;
}

#CR-store-seller-page .main-info--sec .seller-overview--box .seller-info .name {
    font-size: 1.125rem  /* 18/16 */;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

#CR-store-seller-page .main-info--sec .seller-overview--box .seller-info .status {
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 500;
    line-height: normal;
    margin-top: 0.625rem  /* 10/16 */;
}

#CR-store-seller-page .main-info--sec .seller-overview--box .actions {
    display: flex;
    align-items: center;
    gap: 0.625rem  /* 10/16 */;
    margin-top: 2.1875rem  /* 35/16 */;
}

#CR-store-seller-page .main-info--sec .seller-overview--box .actions .btn {
    border: 1px solid var(--cl-white);
    border-radius: 0.3125rem  /* 5/16 */;
    height: 2.5rem  /* 40/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 700;
    line-height: normal;
    color: var(--cl-white);
    gap: 0.5rem  /* 8/16 */;
    padding: 0 0.3125rem  /* 5/16 */;
}

#CR-store-seller-page .main-info--sec .seller-overview--box .actions .btn svg {
    height: 1.0625rem  /* 17/16 */;
    width: auto;
}

#CR-store-seller-page .main-info--sec .seller-overview--box .actions .btn.call {
    flex: 0 0 3.125rem  /* 50/16 */;
}

#CR-store-seller-page .main-info--sec .search--box form {
    position: relative;
    background: var(--cl-white);
    border: 1px solid #BEBEBE;
    border-radius: 0.3125rem  /* 5/16 */;
    overflow: hidden;
}

#CR-store-seller-page .main-info--sec .search--box input::placeholder {
    color: #979797;
}

#CR-store-seller-page .main-info--sec .search--box input {
    border: none;
    width: 100%;
    height: 2.8125rem /* 45/16 */;
    padding: 0 0.875rem /* 14/16 */ 0 3.125rem  /* 50/16 */;
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
    font-weight: 500;
    border-radius: 0.3125rem /* 5/16 */;
    color: var(--cl-black);
    outline: none;
}

#CR-store-seller-page .main-info--sec .search--box button {
    width: 3rem /* 48/16 */;
    height: 100%;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0.1875rem /* 3/16 */;
    transition: 0.5s ease-in-out;
    background: none;
    outline: none;
    box-shadow: none;
    padding: 0;
    border: none;
}

#CR-store-seller-page .main-info--sec .search--box button svg {
    width: auto;
    height: 50%;
}

#CR-store-seller-page .main-info--sec .list-info--box {
    margin-top: 1.875rem  /* 30/16 */;
}

#CR-store-seller-page .main-info--sec .list-info--box ul {
    display: flex;
    flex-wrap: wrap;
    margin: -0.9375rem  /* -15/16 */;
}

#CR-store-seller-page .main-info--sec .list-info--box li {
    width: 50%;
    padding: 0.9375rem  /* 15/16 */;
}

#CR-store-seller-page .main-info--sec .list-info--box li .icon {
    flex: 0 0 1.5rem  /* 24/16 */;
}

#CR-store-seller-page .main-info--sec .list-info--box li .icon svg {
    width: 100%;
    height: auto;
}

#CR-store-seller-page .main-info--sec .list-info--box li .text {
    flex: 1;
}

#CR-store-seller-page .main-info--sec .list-info--box li p {
    font-size: 1rem  /* 16/16 */;
    font-weight: 450;
    line-height: normal;
    color: var(--cl-black);
    display: flex;
    align-items: center;
    gap: 0.625rem  /* 10/16 */;
}

#CR-store-seller-page .main-info--sec .list-info--box li b {
    color: var(--cl-main);
}

#CR-store-seller-page .main-info--sec .main-menu--box {
    margin-top: 1.25rem  /* 20/16 */;
}

#CR-store-seller-page .main-info--sec .main-menu--box .list--box {
    display: flex;
    align-items: center;
    gap: 2.5rem  /* 40/16 */;
}

#CR-store-seller-page .main-info--sec .main-menu--box .overview-list {
    flex: 1;
    display: flex;
    align-items: center;
}

#CR-store-seller-page .main-info--sec .main-menu--box .overview-list li {
    width: 16.6667%;
}

#CR-store-seller-page .main-info--sec .main-menu--box .overview-list li a {
    height: 3.125rem  /* 50/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.375rem  /* 6/16 */;
    position: relative;
    color: var(--cl-black);
}

#CR-store-seller-page .main-info--sec .main-menu--box .overview-list li.active a {
    color: var(--cl-main);
}

#CR-store-seller-page .main-info--sec .main-menu--box .overview-list li.active a:after {
    right: 0;
}

#CR-store-seller-page .main-info--sec .main-menu--box .overview-list li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    height: 2px;
    background: var(--cl-main);
    transition: 0.5s ease-in-out;
}

#CR-store-seller-page .main-info--sec .main-menu--box .more--box li a span,
#CR-store-seller-page .main-info--sec .main-menu--box .overview-list li a span {
    font-size: 1rem  /* 16/16 */;
    font-weight: 500;
    line-height: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

#CR-store-seller-page .main-info--sec .main-menu--box .more--box {
    flex: 0 0 max-content;
    position: relative;
}

#CR-store-seller-page .main-info--sec .main-menu--box .more--box:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -1.25rem  /* -20/16 */;
    width: 1px;
    height: 1.875rem  /* 30/16 */;
    background: #EBEBF0;
    opacity: 0.5;
}

#CR-store-seller-page .main-info--sec .main-menu--box .more--box .more-btn {
    font-size: 1rem  /* 16/16 */;
    font-weight: 500;
    line-height: normal;
    color: var(--cl-black);
    position: relative;
    padding-right: 1rem  /* 16/16 */;
}

#CR-store-seller-page .main-info--sec .main-menu--box .more--box .more-btn:before,
#CR-store-seller-page .main-info--sec .main-menu--box .more--box .more-btn:after {
    font-family: var(--font-aws);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    transition: 0.5s ease-in-out;
}

#CR-store-seller-page .main-info--sec .main-menu--box .more--box .more-btn:before,
#CR-store-seller-page .main-info--sec .main-menu--box .more--box .more-btn:hover:after {
    opacity: 0;
}

#CR-store-seller-page .main-info--sec .main-menu--box .more--box .more-btn:hover:before,
#CR-store-seller-page .main-info--sec .main-menu--box .more--box .more-btn:after {
    opacity: 1;
}

#CR-store-seller-page .main-info--sec .main-menu--box .more--box .more-btn:before {
    content: "\f0d8";
}

#CR-store-seller-page .main-info--sec .main-menu--box .more--box .more-btn:after {
    content: "\f0d7";
}

#CR-store-seller-page .main-info--sec .main-menu--box .more--box:hover .hide-list {
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}

#CR-store-seller-page .main-info--sec .main-menu--box .more--box .hide-list {
    position: absolute;
    width: 16.25rem  /* 260/16 */;
    right: 0;
    top: 100%;
    z-index: 55;
    padding-top: 1.25rem  /* 20/16 */;
    transition: 0.5s ease-in-out;
    transform: scale(0);
    opacity: 0;
    pointer-events: none;
}

#CR-store-seller-page .main-info--sec .main-menu--box .more--box ul {
    width: 100%;
    background: var(--cl-white);
    padding: 0.625rem  /* 10/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
    box-shadow: 0px 0px 0.625rem  /* 10/16 */ rgba(0, 0, 0, 0.1);
    position: relative;
    max-height: 18.75rem  /* 300/16 */;
    overflow-y: auto;
}

#CR-store-seller-page .main-info--sec .main-menu--box .more--box ul:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 10px solid #ffffff;
    border-top: 0;
    position: absolute;
    bottom: 100%;
    right: 10%;
}

#CR-store-seller-page .main-info--sec .main-menu--box .more--box li a {
    color: var(--cl-black);
    display: flex;
    align-items: center;
    padding: 0.625rem  /* 10/16 */ 0;
}

#CR-store-seller-page .main-info--sec .main-menu--box .overview-list li a:hover,
#CR-store-seller-page .main-info--sec .main-menu--box .more--box li a:hover {
    color: var(--cl-main);
}

#CR-store-seller-page .terms--sec .CR-custom-arrow-full {
    width: 1.5625rem  /* 25/16 */;
}

#CR-store-seller-page .terms--sec .CR-custom-arrow-full.left {
    left: 0.3125rem  /* 5/16 */;
}

#CR-store-seller-page .terms--sec .CR-custom-arrow-full.right {
    right: 0.3125rem  /* 5/16 */;
}

#CR-store-seller-page .terms--sec .CR-slider-term-view {
    margin: 0 -1.25rem  /* -20/16 */;
}

#CR-store-seller-page .main-pds--sec .main-sort--box {
    margin-bottom: 1.25rem  /* 20/16 */;
    padding-bottom: 0;
}

#CR-store-seller-page .main-pds--sec .main-sort--box h3 {
    font-size: 1.25rem  /* 20/16 */;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
}

#CR-store-seller-page .main-pds--sec .sort--box {
    margin-top: 0.375rem  /* 6/16 */;
}

#CR-store-seller-page .main-pds--sec .sort--box ul {
    flex: 1;
    display: flex;
    align-items: center;
}

#CR-store-seller-page .main-pds--sec .sort--box ul li a {
    height: 3.125rem  /* 50/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.25rem  /* 20/16 */;
    position: relative;
    color: #6E6E73;
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 500;
    line-height: normal;
    width: max-content;
}

#CR-store-seller-page .main-pds--sec .sort--box ul li a:hover,
#CR-store-seller-page .main-pds--sec .sort--box ul li.active a {
    color: var(--cl-main);
}

#CR-store-seller-page .main-pds--sec .sort--box ul li.active a:after {
    right: 0;
}

#CR-store-seller-page .main-pds--sec .sort--box ul li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    height: 2px;
    background: var(--cl-main);
    transition: 0.5s ease-in-out;
}

.default-voucher--sec .default--box {
    background: linear-gradient(180deg, #EDFFF2 0%, #FFFFFF 100%) !important;
    padding: 1.125rem  /* 18/16 */ 1.5625rem  /* 25/16 */ 1.875rem  /* 30/16 */ !important;
}

.default-voucher--sec .CR-slider-coupon .CR-coupon-list--box {
    margin-left: -0.9375rem  /* -15/16 */;
    margin-right: -0.9375rem  /* -15/16 */;
}

.default-voucher--sec .CR-slider-coupon .CR-coupon-list--box .slick-list {
    padding: 0 0 0.625rem  /* 10/16 */;
}

.default-voucher--sec .CR-slider-coupon .CR-custom-arrow-full {
    width: 1.25rem  /* 20/16 */;
}

.default-voucher--sec .CR-slider-coupon .CR-custom-arrow-full.left {
    left: -0.3125rem  /* -5/16 */;
}

.default-voucher--sec .CR-slider-coupon .CR-custom-arrow-full.right {
    right: -0.3125rem  /* -5/16 */;
}

.CR-sub-store-seller-page .main-heading--box {
    padding: 2.5rem  /* 40/16 */ 0;
    position: relative;
}

.CR-sub-store-seller-page .main-heading--box:before {
    content: '';
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    border: 1px dotted #9797974d;
    z-index: -1;
}

.CR-sub-store-seller-page .main-heading--box .heading-title {
    background-color: var(--cl-main);
    border-radius: 0.3125rem  /* 5/16 */;
    color: var(--cl-white);
    cursor: default;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    font-size: 1.25rem;
    font-weight: 500;
    margin: auto;
    padding: 0 1.25rem;
    height: 3.125rem  /* 50/16 */;
    position: relative;
    z-index: 1;
}

.CR-coupon-list--box {
    margin: 0 -1.5625rem  /* -25/16 */;
}

#CR-load-voucher-listing .CR-item-coupon {
    width: 50%;
    padding: 1.5625rem  /* 25/16 */;
}

#CR-load-voucher-listing .CR-coupon-list--box {
    margin: -1.5625rem  /* -25/16 */;
}

.CR-item-coupon {
    width: 33.33%;
    padding: 0 1.5625rem  /* 25/16 */;
}

.CR-item-coupon.over-limit .wrap {
    opacity: 0.5;
    cursor: not-allowed;
}

.CR-item-coupon.over-limit .action--box {
    pointer-events: none;
}

.CR-item-coupon .wrap {
    display: flex;
    padding: 0;
    position: relative;
    border-radius: 0.625rem  /* 10/16 */;
}

.CR-item-coupon .rip {
    flex: 0 0 1.25rem  /* 20/16 */;
    margin: 0.625rem  /* 10/16 */ 0;
    position: relative;
    background: var(--cl-white);
}

.CR-item-coupon .rip:before,
.CR-item-coupon .rip:after {
    content: "";
    position: absolute;
    width: 1.875rem  /* 30/16 */;
    height: 1.875rem  /* 30/16 */;
    left: 50%;
    transform: translate(-50%, -50%) rotate(135deg);
    border: 5px solid transparent;
    border-top-color: #fff;
    border-right-color: #fff;
    border-radius: 100%;
    pointer-events: none;
}

.CR-item-coupon .rip:before {
    top: -0.625rem  /* -10/16 */;
}

.CR-item-coupon .rip:after {
    transform: translate(-50%, -50%) rotate(315deg);
    bottom: -2.5rem  /* -40/16 */;
}

.CR-item-coupon .thumb--box {
    background: var(--cl-white);
    flex: 0 0 6.25rem  /* 100/16 */;
    padding: 0.3125rem  /* 5/16 */;
    box-shadow: 0px 2px 12px 0px #14142B14;
    border-bottom-left-radius: 0.3125rem  /* 5/16 */;
    border-top-left-radius: 0.3125rem  /* 5/16 */;
}
.CR-item-coupon .thumb--box .thumb {
    width: 100%;
    aspect-ratio: 4/3;
    position: relative;
}

.CR-item-coupon .thumb--box svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.CR-item-coupon .content--box {
    display: flex;
    align-items: center;
    gap: 1.5625rem  /* 25/16 */;
    background: var(--cl-white);
    flex: 1;
    padding: 0.3125rem  /* 5/16 */ 0.75rem  /* 12/16 */ 0.3125rem  /* 5/16 */ 0.3125rem  /* 5/16 */;
    box-shadow: 0px 2px 12px 0px #14142B14;
    border-bottom-right-radius: 0.3125rem  /* 5/16 */;
    border-top-right-radius: 0.3125rem  /* 5/16 */;
}

.CR-item-coupon .info--box {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.3125rem  /* 5/16 */;
}

.CR-item-coupon .info--box .desc {
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 500;
    line-height: 1.3125rem  /* 21/16 */;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: calc(1.3125rem * 2);
}

.CR-item-coupon .info--box .coupon-limit-msg {
    color: var(--cl-accent);
    font-size: 0.75rem  /* 12/16 */;
    font-weight: 500;
    line-height: normal;
}

.CR-item-coupon .info--box .tooltip-icon {
    color: var(--cl-second);
}

.CR-item-coupon .action--box {
    flex: 0 0 max-content;
}

.CR-item-coupon .action--box a {
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 500;
    line-height: normal;
    color: var(--cl-white);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.125rem  /* 18/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
    background: var(--cl-second);
    width: max-content;
    height: 2.25rem  /* 36/16 */;
}

.CR-item-coupon .action--box a:hover {
    background: var(--cl-main);
}

/**================== PROMOTION LIST PAGE ==================**/
#CR-promotion-list-page {
    padding: 1.25rem  /* 20/16 */ 0 0;
}

#CR-promotion-list-page .CR-item-product {
    width: 16.667%;
}

#CR-promotion-list-page .default--sec {
    margin-top: 1.25rem  /* 20/16 */;
}

#CR-promotion-list-page .default--box {
    background: var(--cl-white);
    padding: 1.25rem  /* 20/16 */ 1.5625rem  /* 25/16 */ 40px;
    border-radius: 0.3125rem /* 5/16 */;
}

#CR-promotion-list-page .heading-title--box {
    margin-bottom: 1.5625rem  /* 25/16 */;
}

#CR-promotion-list-page .heading-title--box .heading-title {
    font-size: 1.5rem  /* 24/16 */;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
}

#CR-promotion-list-page .heading-title--box a {
    font-size: 1rem /* 16/16 */;
    font-weight: 500;
    line-height: normal;
    text-align: right;
    color: var(--cl-main);
}

#CR-promotion-list-page .banner--sec .list--box {
    display: flex;
    flex-wrap: wrap;
    margin: -0.375rem  /* -6/16 */;
}

#CR-promotion-list-page .banner--sec .item {
    width: 50%;
    padding: 0.375rem  /* 6/16 */;
}

#CR-promotion-list-page .banner--sec .item .wrap {
    position: relative;
    aspect-ratio: 16/9;
    border-radius: 0.3125rem  /* 5/16 */;
    overflow: hidden;
}

#CR-promotion-list-page .banner--sec .item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#CR-promotion-list-page .terms--sec .default--box {
    padding: 1.25rem  /* 20/16 */ 1.5625rem  /* 25/16 */;
}

#CR-promotion-list-page .terms--sec .CR-custom-arrow-full {
    width: 1.5625rem  /* 25/16 */;
}

#CR-promotion-list-page .terms--sec .CR-custom-arrow-full.left {
    left: 0;
}

#CR-promotion-list-page .terms--sec .CR-custom-arrow-full.right {
    right: 0;
}

#CR-promotion-list-page .terms--sec .CR-slider-term-view {
    margin: 0 -1.25rem  /* -20/16 */;
}

#CR-promotion-list-page .custom-pds--sec .main--box {
    background: linear-gradient(180deg, #EDFFE6 0%, #FFFDF6 50%, #FFF9E6 100%);
}

#CR-promotion-list-page .custom-pds--sec .heading--box .heading-title {
    font-size: 2rem /* 32/16 */;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--cl-main);
    padding: 1rem /* 16/16 */;
    border-top-left-radius: 0.3125rem /* 5/16 */;
    border-top-right-radius: 0.3125rem /* 5/16 */;
    color: var(--cl-white);
    background-image: url("data:image/svg+xml,%3Csvg width='1305' height='79' viewBox='0 0 1305 79' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%3E%3Cmask id='mask0_475_60238' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='1305' height='79'%3E%3Cpath d='M0.25 5.01953C0.25 2.25811 2.48858 0.0195312 5.25 0.0195312H1299.25C1302.01 0.0195312 1304.25 2.25811 1304.25 5.01953V78.0195H0.25V5.01953Z' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_475_60238)'%3E%3Cpath d='M28.3867 43.0098L79.0132 1.00977H136.083L28.3867 43.0098Z' fill='white'/%3E%3Cpath d='M1117.96 39.0098L1067.34 81.0098H1010.27L1117.96 39.0098Z' fill='white'/%3E%3Cpath d='M-4.60132 117.01V84.6149L102.125 43.0098L12.3638 117.01H-4.60132Z' fill='white'/%3E%3Cpath d='M1126.7 60.0098L1234.35 -13.9902H1340.15L1126.7 60.0098Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    text-transform: uppercase;
}

#CR-promotion-list-page .custom-pds--sec .banner--box {
    margin-top: 1.25rem  /* 20/16 */;
    border-top-left-radius: 1.25rem  /* 20/16 */;
    border-top-right-radius: 1.25rem  /* 20/16 */;
    overflow: hidden;
}

#CR-promotion-list-page .custom-pds--sec .banner--box img {
    width: 100%;
    height: auto;
}

#CR-promotion-list-page .custom-pds--sec .main-list--box {
    background: transparent;
}

#CR-promotion-list-page .custom-pds--sec .CR-custom-arrow-full {
    width: 1.5625rem  /* 25/16 */;
}

#CR-promotion-list-page .custom-pds--sec .CR-custom-arrow-full.left {
    left: -1.25rem  /* -20/16 */;
}

#CR-promotion-list-page .custom-pds--sec .CR-custom-arrow-full.right {
    right: -1.25rem  /* -20/16 */;
}

























/**================== POPUP ALL PAGE ==================**/
#CR-popup-all-page .box {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    position: relative;
    width: 80%;
    max-width: 27.5rem /* 440/16 */;
    max-height: 100%;
    padding: 0;
    border-radius: 0;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: unset;
    backdrop-filter: unset !important;
}

#CR-popup-all-page .box a {
    outline: none !important;
}

#CR-popup-all-page .CR-pop-all-page-img {
    display: block;
    width: 100%;
    overflow: hidden;
    height: auto;
}

#CR-popup-all-page .CR-close-popup-btn svg {
    width: auto;
    height: 50%;
}

#CR-popup-all-page .CR-close-popup-btn {
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.875rem /* 30/16 */;
    height: 1.875rem /* 30/16 */;
    background: var(--cl-white);
    position: absolute;
    top: -0.9375rem /* -15/16 */;
    right: -0.9375rem /* -15/16 */;
    z-index: 2;
}

#CR-popup-search .box {
    padding: 0;
    border-radius: 0;
    background: transparent;
    max-width: 60vw;
    overflow: unset;
}

#CR-popup-search.CR-popup-default-wrap .CR-close-popup-btn svg {
    width: auto;
    height: 3.125rem /* 50/16 */;
}

#CR-popup-search.CR-popup-default-wrap .CR-close-popup-btn {
    top: -3.75rem /* -60/16 */;
    right: 0;
}

#CR-search-form-ajax {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border: none;
    background: var(--cl-white);
    border-radius: 0.3125rem /* 5/16 */;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

#CR-search-form-ajax input,
#CR-search-form-ajax button {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent;
}

#CR-search-form-ajax input::placeholder {
    color: var(--cl-gray);
}

#CR-search-form-ajax input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 2.8125rem /* 45/16 */;
    padding: 0 6.25rem /* 100/16 */ 0 0.875rem /* 14/16 */;
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
    font-weight: 450;
    border-radius: 0.3125rem /* 5/16 */;
    color: var(--cl-black);
}

#CR-search-form-ajax button {
    width: 5.25rem /* 84/16 */;
    height: 90%;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0.1875rem /* 3/16 */;
    transition: 0.5s ease-in-out;
    border-radius: 0.125rem /* 2/16 */;
    background: var(--cl-second);
}

#CR-search-form-ajax button svg {
    width: auto;
    height: 50%;
}

#CR-search-form-ajax button svg * {
    fill: var(--cl-white);
}

/**================== CONTACT PAGE ==================**/
#CR-contact-page .customer-service--box .list--box {
    margin: -0.625rem  /* -10/16 */;
}

#CR-contact-page .customer-service--box .item {
    width: 33.33%;
    padding: 0.625rem  /* 10/16 */;
}

#CR-contact-page .customer-service--box .item .wrap {
    position: relative;
    border: 1px solid var(--cl-main);
    border-radius: 0.3125rem  /* 5/16 */;
    background: #EDFFF3;
    padding: 1rem  /* 16/16 */;
    height: 100%;
}

#CR-contact-page .customer-service--box .item .icon--box {
    width: 3.75rem  /* 60/16 */;
    aspect-ratio: 1/1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
}

#CR-contact-page .customer-service--box .item .icon--box img {
    width: auto;
    height: 100%;
    object-fit: contain;
}

#CR-contact-page .customer-service--box .item .cont--box {
    margin-top: 0.5rem  /* 8/16 */;
}

#CR-contact-page .customer-service--box .item a:not(.item-btn),
#CR-contact-page .customer-service--box .item .heading-title,
#CR-contact-page .customer-service--box .item .desc {
    line-height: normal;
    text-align: center;
    font-weight: 500;
}

#CR-contact-page .customer-service--box .item .heading-title {
    font-size: 1rem  /* 16/16 */;
    color: var(--cl-black);
    margin-bottom: 0.5rem  /* 8/16 */;
}

#CR-contact-page .customer-service--box .item .desc {
    font-size: 0.875rem  /* 14/16 */;
    color: #979797;
    margin-top: 0.5rem  /* 8/16 */;
}

#CR-contact-page .customer-service--box .item a {
    width: max-content;
    max-width: 100%;
    margin: 0 auto;
}

#CR-contact-page .customer-service--box .item a:not(.item-btn) {
    font-size: 1.125rem  /* 18/16 */;
    color: var(--cl-black);
    display: flex;
    align-items: center;
    justify-content: center;
}

#CR-contact-page .customer-service--box .item a:not(.item-btn):hover {
    color: var(--cl-main);
}

#CR-contact-page .customer-service--box .item .item-btn {
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.75rem  /* 12/16 */;
    height: 2.1875rem  /* 35/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
    background: var(--cl-second);
    color: var(--cl-white);
}

#CR-contact-page .customer-service--box .item .item-btn:hover {
    background: var(--cl-main);
}

/**================== SUPPORT PAGE ==================**/
#CR-support-default-page .main-content--box {
    margin-top: 1.25rem  /* 20/16 */;
    gap: 1rem  /* 16/16 */;
}

#CR-support-default-page .main-content--box .left--box {
    flex: 0 0 23%;
}

#CR-support-default-page .main-content--box .left--box .content--box {
    position: sticky;
    transition: 0.5s ease-in-out;
    top: 0;
}

#CR-support-default-page .main-content--box .right--box {
    flex: 1;
}

#CR-support-default-page .main-content--box .content--box {
    padding: 1.25rem  /* 20/16 */ 1.5625rem  /* 25/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
    background: var(--cl-white);
}

#CR-support-default-page .main-content--box .content--box:not(:first-child) {
    margin-top: 1.25rem  /* 20/16 */;
}

#CR-support-default-page .main-content--box .main-heading-title {
    font-size: 1.25rem  /* 20/16 */;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    color: var(--cl-black);
    margin-bottom: 1.25rem  /* 20/16 */;
    padding-bottom: 1.25rem  /* 20/16 */;
    border-bottom: 1px solid #EBEBF0;
}

#CR-support-default-page .main-content--box .action--box {
    margin-top: 1.25rem /* 20/16 */;
    padding-top: 1.25rem /* 20/16 */;
    border-top: 1px solid #EBEBF0;
}

#CR-support-default-page .main-content--box .action--box.pending {
    cursor: wait;
}

#CR-support-default-page .main-content--box .action--box.pending a {
    pointer-events: none;
    opacity: 0.5;
}

#CR-support-default-page .main-content--box .action--box .main-heading-title {
    font-size: 1rem /* 16/16 */;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    color: var(--cl-black);
    margin-bottom: 1.25rem /* 20/16 */;
    border: none;
    padding: 0;
}

#CR-support-default-page .main-content--box .action--box ul {
    gap: 0.9375rem  /* 15/16 */;
}

#CR-support-default-page .main-content--box .action--box a {
    font-size: 1.125rem  /* 18/16 */;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    color: var(--cl-black);
    display: flex;
    align-items: center;
    border: 1px solid #979797;
    width: max-content;
    padding: 0 1.5rem  /* 24/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
    height: 3.125rem  /* 50/16 */;
    gap: 0.5rem  /* 8/16 */;
}

#CR-support-default-page .main-content--box .action--box a.active {
    color: var(--cl-white);
    border-color: var(--cl-main);
    background: var(--cl-main);
}

#CR-support-default-page .main-content--box .action--box a.active svg * {
    stroke: var(--cl-white);
}

#CR-support-default-page .main-content--box .action--box a svg {
    width: auto;
    height: 1.875rem  /* 30/16 */;
    transition: 0.5s ease-in-out;
}

.CR-sidebar-support .heading-title {
    font-size: 1.25rem  /* 20/16 */;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0.625rem  /* 10/16 */;
}

.CR-sidebar-support li.open > .sub--box {

}

.CR-sidebar-support li.open > .taxonomy-item > .arrow i {
    transform: rotate(180deg);
}

.CR-sidebar-support li .sub--box {
    margin-top: 0.9375rem  /* 15/16 */;
    padding-left: 1.875rem  /* 30/16 */;
    display: none;
}

.CR-sidebar-support li:not(:last-child) {
    margin-bottom: 0.9375rem  /* 15/16 */;
}

.CR-sidebar-support li.level-1 > .taxonomy-item a {
    color: var(--cl-black);
}

.CR-sidebar-support a:hover,
.CR-sidebar-support a.active {
    color: var(--cl-black);
}

.CR-sidebar-support a {
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 500;
    line-height: normal;
    color: #979797;
    display: block;
    padding-right: 1.875rem  /* 30/16 */;
}

.CR-sidebar-support .taxonomy-item {
    position: relative;
}

.CR-sidebar-support .arrow {
    position: absolute;
    top: 0.125rem  /* 2/16 */;
    right: 0;
    width: 1.25rem  /* 20/16 */;
    height: 1.25rem  /* 20/16 */;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 2;
    cursor: pointer;
}

.CR-sidebar-support .arrow i {
    transition: 0.5s ease-in-out;
    font-size: 0.875rem  /* 14/16 */;
}

#CR-support-search-page .main-content--box .main-heading-title {
    text-transform: initial !important;
}

#CR-support-search-page .main-content--box .main-heading-title b {
    color: var(--cl-main);
}

#CR-support-search-page .main-content--box,
#CR-contact-page .customer-service--box,
#CR-support-page .faq-list--box {
    padding-top: 1.25rem  /* 20/16 */ !important;
    padding-bottom: 1.25rem  /* 20/16 */ !important;
}

#CR-support-page .faq-list--box .CR-item-support {
    width: 50%;
}

.CR-support-list--box {
    margin: -0.625rem  /* -10/16 */;
}

.CR-item-support {
    width: 100%;
    padding: 0.625rem  /* 10/16 */;
}

.CR-item-support .wrap {
    position: relative;
    padding-left: 1rem  /* 16/16 */;
}

.CR-item-support .wrap:before {
    content: '';
    width: 0.3125rem /* 5/16 */;
    height: 0.3125rem /* 5/16 */;
    display: block;
    background: var(--cl-black);
    border-radius: 50%;
    position: absolute;
    top: 0.75rem  /* 12/16 */;
    left: 0;
}

.CR-item-support .wrap:hover .heading-title {
    color: var(--cl-main);
}

.CR-item-support .heading-title {
    font-size: 0.875rem  /* 14/16 */;
    font-weight:500;
    line-height: normal;
    text-align: left;
    color: var(--cl-black);
    margin-bottom: 0;
}

.CR-support-form--box {

}

.CR-support-form--box .main--box {
    background: linear-gradient(90deg, #FFC400 0%, #20B14C 100%);
    padding: 2.5rem  /* 40/16 */ 1.875rem  /* 30/16 */ 3.75rem  /* 60/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
}

.CR-support-form--box .main--box .heading-title {
    font-size: 2rem  /* 32/16 */;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    color: var(--cl-white);
    margin: 0 auto;
}

.CR-support-form--box .main--box form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border: none;
    background: var(--cl-white);
    border-radius: 0.3125rem /* 5/16 */;
    overflow: hidden;
    width: 100%;
    max-width: 41.875rem  /* 670/16 */;
    margin: 1.25rem  /* 20/16 */ auto 0;
}

.CR-support-form--box .main--box form input,
.CR-support-form--box .main--box form button {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent;
}

.CR-support-form--box .main--box form input::placeholder {
    color: var(--cl-gray);
}

.CR-support-form--box .main--box form input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 3.75rem  /* 60/16 */;
    padding: 0 6.25rem /* 100/16 */ 0 0.875rem /* 14/16 */;
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
    font-weight: 450;
    border-radius: 0.3125rem /* 5/16 */;
    color: var(--cl-black);
}

.CR-support-form--box .main--box form button {
    width: 5.25rem /* 84/16 */;
    height: 90%;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0.1875rem /* 3/16 */;
    transition: 0.5s ease-in-out;
    border-radius: 0.125rem /* 2/16 */;
    background: var(--cl-second);
}

.CR-support-form--box .main--box form button svg {
    width: auto;
    height: 50%;
}

.CR-support-form--box .main--box form button svg * {
    fill: var(--cl-white);
}

.CR-support-form--box .slider--box {
    border: 1px solid var(--cl-main);
    background: #EDFFF3;
    border-radius: 0.3125rem  /* 5/16 */;
    padding: 1.25rem  /* 20/16 */ 3.75rem  /* 60/16 */ 2.5rem  /* 40/16 */ 1.25rem  /* 20/16 */;
    margin-top: 1.875rem  /* 30/16 */;
    position: relative;
}

.CR-support-form--box .slider--box .CR-close-slider-support {
    position: absolute;
    top: 1.25rem  /* 20/16 */;
    right: 1.25rem  /* 20/16 */;
}

.CR-support-form--box .slider--box .item {
    width: 100%;
}

.CR-support-form--box .slider--box .item .content--box.CR-style-default-content a,
.CR-support-form--box .slider--box .item .content--box.CR-style-default-content p,
.CR-support-form--box .slider--box .item .content--box.CR-style-default-content li,
.CR-support-form--box .slider--box .item .content--box.CR-style-default-content strong,
.CR-support-form--box .slider--box .item .content--box.CR-style-default-content b {
    font-weight: 500;
    font-size: 1rem  /* 16/16 */;
}

.CR-support-form--box .slider--box .CR-custom-dots .slick-dots {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -1.25rem  /* -20/16 */;
}

.CR-support-form--box .slider--box .CR-custom-dots .slick-dots li button {
    width: 0.3125rem  /* 5/16 */;
    height: 0.3125rem  /* 5/16 */;
}

.CR-support-form--box .slider--box .CR-slider-support {
    margin-bottom: 0;
}

#CR-support-search-page .main-content--box,
#CR-contact-page .customer-service--box,
#CR-support-page .faq-list--box,
.CR-support-terms--box {
    padding: 1.875rem  /* 30/16 */ 0.9375rem  /* 15/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
    background: var(--cl-white);
    margin-top: 1.875rem  /* 30/16 */;
}

#CR-support-search-page .main-content--box .main-heading-title,
#CR-contact-page .customer-service--box .main-heading-title,
#CR-support-page .faq-list--box .main-heading-title,
.CR-support-terms--box .heading-title {
    font-size: 1.5rem  /* 24/16 */;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 1.25rem  /* 20/16 */;
}

.CR-support-terms--box .list--box {
    margin: -0.5rem  /* -8/16 */;
}

.CR-item-support-term {
    width: 14.28571428571429%;
    padding: 0.5rem  /* 8/16 */;
}

.CR-item-support-term .term-name {
    font-size: 0.8125rem  /* 13/16 */;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    color: var(--cl-black);
    margin: 0 auto;
}

.CR-item-support-term .term-thumb {
    width: 5.625rem  /* 90/16 */;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #FFF9E3;
    margin: 0 auto 0.5rem  /* 8/16 */;
}

.CR-item-support-term .term-thumb img {
    width: auto;
    height: 50%;
    object-fit: contain;
    max-width: 90%;
}

.CR-support-contact--box {
    margin-top: 1.875rem  /* 30/16 */;
}

.CR-support-contact--box .title-group {
    position: relative;
    z-index: 1;
}

.CR-support-contact--box .title-group .heading-title {
    font-size: 1.5rem  /* 24/16 */;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    color: var(--cl-black);
    margin: 0 auto;
    padding: 0 1.875rem  /* 30/16 */;
    background: #f5f5f5;
    width: max-content;
}

.CR-support-contact--box .title-group:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #E5E5E5;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.CR-support-contact--box .list--box {
    margin: 1.625rem  /* 26/16 */ -0.5rem -0.5rem;
    display: flex;
    flex-wrap: wrap;
}

.CR-support-contact--box .item {
    width: 33.33%;
    padding: 0.5rem;
}

.CR-support-contact--box .item .wrap {
    gap: 1.25rem  /* 20/16 */;
    display: flex;
}

.CR-support-contact--box .item .icon--box {
    flex:0 0 4.375rem  /* 70/16 */;
}

.CR-support-contact--box .item .icon--box img {
    width: 100%;
    height: auto;
}

.CR-support-contact--box .item .cont--box {
    flex: 1;
}

.CR-support-contact--box .item .cont--box .heading-title {
    font-size: 1.125rem  /* 18/16 */;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
}

.CR-support-contact--box .item .cont--box .desc {
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 500;
    line-height: 1.3125rem  /* 21/16 */;
    margin-top: 0.5rem  /* 8/16 */;
}

.CR-support-contact--box .item .cont--box .item-btn:hover {
    border-color: var(--cl-main);
    background: var(--cl-white);
    color: var(--cl-main);
}

.CR-support-contact--box .item .cont--box .item-btn {
    height: 2.25rem  /* 36/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 500;
    line-height: normal;
    width: max-content;
    border: 1px solid #D5D5D5;
    color: var(--cl-black);
    border-radius: 0.3125rem  /* 5/16 */;
    margin-top: 1.25rem  /* 20/16 */;
    background: transparent;
    padding: 0 0.75rem  /* 12/16 */;
}

/**================== STORE PAGE ==================**/
.CR-store-system-map--box .main-list--box {
    width: 30%
}

.CR-store-system-map--box .map--box {
    width: 70%
}

.CR-store-system-map--box .map--box #CR-stores-map-view {
    height: 100%
}

.CR-store-system-map--box .filter--box {
    background: linear-gradient(90deg, #FFC400 0%, #20B14C 100%);
    padding: 2.5rem /* 40/16 */ 1.875rem /* 30/16 */ 3.75rem /* 60/16 */;
    border-radius: 0.3125rem /* 5/16 */;
    margin-bottom: 1.25rem  /* 20/16 */;
}

.CR-store-system-map--box .filter--box .items--box {
    margin: 1.25rem  /* 20/16 */ auto 0;
    gap: 0.9375rem  /* 15/16 */;
    width: 60%;
}

.CR-store-system-map--box .filter--box .item:last-child {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset
}

.CR-store-system-map--box .filter--box .item {
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.CR-store-system-map--box .filter--box .CR-chosen-item .chosen-single {
    height: 3.4375rem  /* 55/16 */;
}

.CR-store-system-map--box .filter--box .CR-btn-style-icon {
    font-weight: 700;
    font-size: 1rem  /* 16/16 */;
    min-width: max-content;
    height: 3.4375rem  /* 55/16 */;
}

.CR-store-system-map--box .filter--box .heading-title {
    font-size: 2rem /* 32/16 */;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    color: var(--cl-white);
    margin: 0 auto;
}

.CR-store-system-map--box .main--box {
    background: var(--cl-white);
    padding: 1.5625rem  /* 25/16 */ 1.25rem  /* 20/16 */ 2.1875rem  /* 35/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
}

.CR-store-system-map--box .stores--box {
    margin: 0;
    padding: 0 1rem 0 0;
    height: 31.25rem  /* 500/16 */;
    max-height: 31.25rem  /* 500/16 */;
    overflow-y: auto;
    overflow-x: hidden
}

.CR-store-system-map--box .total-store--box {
    margin-bottom: 1.5625rem  /* 25/16 */;
}

.CR-store-system-map--box .total-store--box p {
    color: var(--cl-black);
    font-size: 1rem  /* 16/16 */;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
    margin-bottom: 0
}

.CR-item-store {
    width: 100%
}

.CR-item-store:not(:last-child) {
    margin-bottom: .375rem
}

.CR-item-store .wrap:hover {
    background: #f5f8ff;
    border-color: transparent
}

.CR-item-store .wrap {
    padding: 1.125rem 3.125rem;
    position: relative;
    transition: .5s ease-in-out;
    border-bottom: 1px solid #ededed
}

.CR-item-store .view {
    z-index: 1
}

.CR-item-store .thumb--box img,.CR-item-store .view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.CR-item-store .thumb--box {
    position: relative;
    aspect-ratio: 4/2.5;
    border-radius: .625rem;
    overflow: hidden;
    margin-bottom: 1.75rem;
    display: none
}

.CR-item-store .content--box {
    color: var(--cl-black)
}

.CR-item-store .heading-title {
    color: var(--cl-main);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.375rem;
    text-transform: uppercase;
    margin-bottom: .9375rem;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.CR-item-store li:not(:last-child) {
    margin-bottom: .625rem
}

.CR-item-store li p,.CR-item-store li a {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.375rem;
    color: var(--cl-black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.CR-item-store li .sub-list--box {
    gap: .25rem
}

.CR-item-store li a {
    position: relative;
    z-index: 2
}

.CR-item-store li.item.phone a {
    font-size: 1.25rem
}

.CR-item-store li i {
    margin-right: .625rem;
    color: #9a9a9a;
    font-size: 1rem;
    min-width: 1rem
}

.CR-item-store .wrap:hover .title,.CR-item-store li a:hover {
    color: var(--cl-main);
}


/**================== REGISTER - LOGIN PAGE ==================**/
body.page-template-request-seller-reg,
body.page-template-request-forgot-password,
body.page-template-custom-login,
body.page-template-custom-register {
    background: #F1FFEF !important;
}

.CR-register-login-page {
    position: relative;
    padding: 3.125rem  /* 50/16 */ 0 0;
}

.CR-register-login-page .icons--box .icon {
    position: absolute;
    z-index: -1;
    pointer-events: none;
}

.CR-register-login-page .icons--box .icon:nth-child(1) {
    top: -2.8125rem  /* -45/16 */;
    left: -2.5rem  /* -40/16 */;
}

.CR-register-login-page .icons--box .icon:nth-child(2) {
    top: -2.8125rem  /* -45/16 */;
    right: 4.375rem  /* 70/16 */;
}

.CR-register-login-page .icons--box .icon:nth-child(3) {
    bottom: 0;
    right: -1rem  /* -16/16 */;
}

.CR-register-login-page .main-form--box {
    box-shadow: 0 2px 12px 0 #14142B14;
    background: var(--cl-white);
    border-radius: 0.3125rem  /* 5/16 */;
    padding: 1.75rem  /* 28/16 */ 3rem  /* 48/16 */;
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 33.125rem  /* 530/16 */;
}

.CR-register-login-page .main-form--box .title-group {
    margin-bottom: 1.5625rem  /* 25/16 */;
    text-align: center;
    position: relative;
}

.CR-register-login-page .main-form--box .title-group .heading-title {
    font-size: 2rem  /* 32/16 */;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin: 0 auto;
    color: var(--cl-black);
}

.CR-register-login-page .main-form--box .title-group .desc {
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    margin-top: 0.9375rem  /* 15/16 */;
    color: #545454;
}

.CR-register-login-page .main-form--box .title-group .back-btn {
    position: absolute;
    top: -0.9375rem  /* -15/16 */;
    left: -1.875rem  /* -30/16 */;
}

.CR-register-login-page .main-form--box .logo--box {
    margin-bottom: 1rem  /* 16/16 */;
    text-align: center;
}

.CR-register-login-page .main-form--box .logo--box svg {
    margin: 0 auto;
    width: auto;
    height: 2.875rem  /* 46/16 */;
}

.CR-register-login-page .main-form--box .logo--box svg * {
    fill: var(--cl-main);
}

.CR-register-login-page .main-form--box .swap--box {
    margin-top: 1.5625rem  /* 25/16 */;
}

.CR-register-login-page .main-form--box .swap--box .swap-title--box {
    position: relative;
    z-index: 1;
}

.CR-register-login-page .main-form--box .swap--box .swap-title--box:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    transform: translateY(-50%);
    background: #979797;
    z-index: -1;
}

.CR-register-login-page .main-form--box .swap--box .swap-title--box .title {
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 500;
    line-height: normal;
    color: var(--cl-black);
    text-align: center;
    margin: 0 auto;
    padding: 0 1rem  /* 16/16 */;
    background: var(--cl-white);
    width: max-content;
}

.CR-register-login-page .main-form--box .swap--box .CR-btn-style-icon:hover {
    border-color: var(--cl-main);
    color: var(--cl-white);
    background: var(--cl-main);
}

.CR-register-login-page .main-form--box .swap--box .CR-btn-style-icon {
    width: 100%;
    margin: 1.5625rem  /* 25/16 */ 0;
    border-color: #C0C0C0;
    color: var(--cl-black);
}

.CR-register-login-page .resend--box p,
.CR-register-login-page .main-form--box .swap--box p {
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 500;
    line-height: normal;
    color: var(--cl-black);
    text-align: center;
    margin: 0;
}

.CR-register-login-page .resend--box p a,
.CR-register-login-page .main-form--box .swap--box p a {
    color: var(--cl-main);
}

.CR-register-login-page .main-form--box .icon-form {
    z-index: -1;
    position: absolute;
    bottom: -1.25rem  /* -20/16 */;
    right: calc(100% - 3.125rem  /* 50/16 */);
    pointer-events: none;
}

.CR-def-form-wrap .success-message--box {
    border: 1px solid;
    transition: 0.5s ease-in-out;
    padding: 1.25rem  /* 20/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
    display: none;
}

.CR-def-form-wrap .success-message--box.warning,
.CR-def-form-wrap .success-message--box.success,
.CR-def-form-wrap .success-message--box.error {
    margin-bottom: 1.25rem /* 20/16 */;
    display: flex;
    gap: 0.75rem;
    align-items: baseline;
}

.CR-def-form-wrap .success-message--box i {
    font-size: 1rem  /* 16/16 */;
}

.CR-def-form-wrap .success-message--box ul {
    flex: 1;
    flex-direction: column;
}

.CR-def-form-wrap .success-message--box.success i {
    color: var(--cl-main);
}

.CR-def-form-wrap .success-message--box.error i {
    color: #FF424E;
}

.CR-def-form-wrap .success-message--box.warning i {
    color: var(--cl-second);
}

.CR-def-form-wrap .success-message--box.success {
    border-color: var(--cl-main);
    background: #F1FFEF;
}

.CR-def-form-wrap .success-message--box.error {
    border-color: #FF424E;
    background: #FFEDEE;
}

.CR-def-form-wrap .success-message--box.warning {
    border-color: var(--cl-second);
    background: #FFF9E8;
}

.CR-def-form-wrap .success-message--box li {
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 500;
    line-height: 1.3125rem  /* 21/16 */;
    color: var(--cl-black);
}

.CR-register-login-page .main-form--box .forgot--box {
    margin-top: 1.5625rem  /* 25/16 */;
}

.CR-register-login-page .main-form--box .forgot--box a {
    font-size: 0.875rem /* 14/16 */;
    font-weight: 500;
    line-height: normal;
    color: var(--cl-main);
    margin: 0;
}

.CR-register-login-page.seller .main-content--box {
    display: flex;
    align-items: flex-start;
}

.CR-register-login-page.seller .main-content--box .main-intro--box {
    flex: 1;
    padding: 0 1.25rem  /* 20/16 */;
}

.CR-register-login-page.seller .main-content--box .main-intro--box .heading-title {
    font-size: 2rem  /* 32/16 */;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin: 0 auto;
    color: var(--cl-main);
}

.CR-register-login-page.seller .main-content--box .main-intro--box .desc {
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 500;
    line-height: 1.3125rem  /* 21/16 */;
    text-align: center;
    color: #545454;
    margin-top: 0.625rem  /* 10/16 */;
}

.CR-register-login-page.seller .main-content--box .main-intro--box img {
    margin: 1.25rem  /* 20/16 */ auto 0;
    max-width: 50%;
    width: 100%;
    height: auto;
    display: block;
}

.CR-register-login-page.seller .main-form--box .icon-form {
    bottom: unset;
    top: -10%;
    right: calc(100% - 2.1875rem  /* 35/16 */);
}

.CR-register-login-page.seller .main-form--box .icon-form svg {
    width: 11.25rem  /* 180/16 */;
}

.CR-register-login-page .resend--box {
    margin-top: 1.25rem  /* 20/16 */;
}

.CR-register-login-page .CR-otp--box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.5rem  /* 8/16 */;
    padding: 0;
}

.CR-register-login-page .CR-otp--box .code-input:focus,
.CR-register-login-page .CR-otp--box .code-input:hover {
    border-color: transparent;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    color: var(--cl-main);
}

.CR-register-login-page .CR-otp--box .code-input {
    width: 16.66666666666667% !important;
    aspect-ratio: 1/1;
    height: auto !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--cl-white);
    border: 1px solid #C0C0C0;
    box-sizing: border-box;
    border-radius: 0.3125rem  /* 5/16 */;
    font-weight: 700;
    font-size: 1.5rem  /* 24/16 */;
    line-height: normal;
    color: var(--cl-black);
    text-align: center;
    padding: 0;
    transition: 0.5s ease-in-out;
    outline: none !important;
}

.CR-register-login-page .main-step--box {
    position: relative;
}

.CR-register-login-page .main-step--box .step--box.visibility-hidden {
    z-index: -1;
    position: absolute;
    top: 0;
    overflow: hidden;
    -webkit-animation-name: crFadeOut;
    -moz-animation-name: crFadeOut;
    -o-animation-name: crFadeOut;
    animation-name: crFadeOut;
    opacity: 0;
}

.CR-register-login-page .main-step--box .step--box.visibility-visible {
    -webkit-animation-name: crFadeIn;
    -moz-animation-name: crFadeIn;
    -o-animation-name: crFadeIn;
    animation-name: crFadeIn;
}

.CR-register-login-page .main-step--box .step--box {
    position: relative;
    width: 100%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-register-login-page .main-step--box .step--box.step-success .title-group .heading-title {
    font-size: 1.5rem  /* 24/16 */;
}

.CR-register-login-page .main-step--box .step--box.step-success .icon {
    margin-top: 1.25rem  /* 20/16 */;
}

.CR-register-login-page .main-step--box .step--box.step-success .icon svg {
    width: 6.25rem  /* 100/16 */;
    height: auto;
}

.CR-register-login-page .main-step--box .step--box.step-success .CR-btn-style-icon {
    width: 100%;
    text-transform: uppercase;
}

.status-pass--box {
    margin-top: 1.5625rem /* 25/16 */ !important;
    list-style-type: decimal !important;
    display: block !important;
    list-style-position: inside !important;
    padding: initial !important;
}

.status-pass--box li {
    font-size: 0.75rem  /* 12/16 */;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    transition: 0.5s ease-in-out;
    color: var(--cl-black);
}

.status-pass--box li.valid {
    color: var(--cl-main);
}

.status-pass--box li:not(:last-child) {
    margin-bottom: 0.375rem  /* 6/16 */;
}

/**================== NOTIFICATION ACCOUNT ==================**/
.CR-notification-account-list--box {
    background: #f5f5f5;
}

.CR-notification-account--box {
    position: absolute;
    width: 25rem  /* 400/16 */;
    top: 100%;
    padding-top: 0.375rem /* 6/16 */;
    transition: 0.5s ease-in-out;
    transform: scale(0);
    visibility: hidden;
    z-index: 3;
}

.CR-notification-account--box .wrap {
    border-radius: 0.3125rem /* 5/16 */;
    background: linear-gradient(255.67deg, #07BE4D 7.81%, #159747 78.23%);
    padding: 0.75rem /* 12/16 */;
}

.CR-notification-account--box .heading--box {
    background: linear-gradient(255.67deg, #07BE4D 7.81%, #159747 78.23%);
    padding: 0.3125rem  /* 5/16 */;
}

.CR-notification-account--box .heading--box .heading--title {
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 700;
    text-align: center;
    margin: 0 auto;
    color: var(--cl-white);
}

.CR-notification-account--box .CR-notification-account-list--box {
    border-radius: 0.3125rem /* 5/16 */;
    max-height: 25rem  /* 400/16 */;
    overflow-y: auto;
}

.CR-notification-account--box .CR-notification-account-list--box::-webkit-scrollbar {
    width: 2px;
    border-radius: 2px;
    background-color: #EBEBF0;
}

.CR-notification-account--box .CR-notification-account-list--box::-webkit-scrollbar-track {
    border: none;
}

.CR-notification-account--box .CR-notification-account-list--box::-webkit-scrollbar-thumb {
    background-color: var(--cl-second);
    outline: 1px solid var(--cl-second);
}

.CR-notification-detail-page .main--sec .main-content--box {
    padding: 0.625rem  /* 10/16 */;
    background: var(--cl-white);
    border-radius: 0.625rem  /* 10/16 */;
}

#CR-notifications-page #CR-load-notifications-list {
    width: 100%;
}

#CR-notifications-page .CR-notification-account-list--box {
    display: flex;
    flex-wrap: wrap;
    margin: -0.3125rem  /* -5/16 */;
}

#CR-notifications-page .CR-item-notification {
    width: 50%;
    padding: 0.3125rem  /* 5/16 */;
    margin: 0;
}

.CR-load-ajax-skeleton.active .CR-paging-wrap ul,
.CR-load-ajax-skeleton.active .CR-item-notification .wrap {
    animation: skeleton-loading 1s linear infinite alternate;
    border-radius: 0.3125rem  /* 5/16 */;
    overflow: hidden;
}

.CR-load-ajax-skeleton.active .CR-paging-wrap ul *,
.CR-load-ajax-skeleton.active .CR-item-notification .wrap *{
    opacity: 0;
    pointer-events: none;
}

.CR-item-notification {
    width: 100%;
}

.CR-item-notification.is-deleted * {
    opacity: 0.8;
    cursor: not-allowed;
}

.CR-item-notification:not(:last-child) {
    margin-bottom: 0.625rem  /* 10/16 */;
}

.CR-item-notification .wrap {
    position: relative;
    display: flex;
    gap: 0.75rem  /* 12/16 */;
    flex-wrap: wrap;
    background: var(--cl-white);
    padding: 0.625rem  /* 10/16 */;
    border-radius: 0.625rem  /* 10/16 */;
}

.CR-item-notification .view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.CR-item-notification .head--box {
    width: 100%;
    display: flex;
    gap: 0.625rem  /* 10/16 */;
}

.CR-item-notification .type-icon {
    flex: 0 0 2.5rem /* 40/16 */;
    border-radius: 50%;
    aspect-ratio: 1/1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.CR-item-notification.order .type-icon{
    background: linear-gradient(255.67deg, #07BE4D 7.81%, #159747 78.23%);
}

.CR-item-notification.default .type-icon{
    background: linear-gradient(329.18deg, #FDCD63 8.78%, #FCBA27 86.95%);
}

.CR-item-notification .type-icon svg {
    width: auto !important;
    height: 50% !important;
}

.CR-item-notification .type-icon svg * {
    fill: #ffffff !important;
}

.CR-item-notification .heading {
    flex: 1;
    text-align: left;
}

.CR-item-notification a.heading-title {
    font-weight: 500 !important;
    font-size: 0.875rem  /* 14/16 */ !important;
    color: var(--cl-black) !important;
    line-height: 1.3125rem  /* 21/16 */ !important;
    margin: 0 !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: calc(1.3125rem * 1);
}

.CR-item-notification .date {
    color: #676767;
    font-size: 0.75rem  /* 12/16 */;
    font-weight: 450;
    line-height: normal;
    display: block;
    margin-top: 0.375rem  /* 6/16 */;
}

.CR-item-notification .content--box {
    width: 100%;
    display: flex;
    background: #F5F5F5;
    border-radius: 0.3125rem  /* 5/16 */;
    overflow: hidden;
}

.CR-item-notification .thumb--box {
    min-width: 4.375rem  /* 70/16 */;
    width: 4.375rem  /* 70/16 */;
    aspect-ratio: 1/1;
    border-radius: 0.3125rem  /* 5/16 */;
    position: relative;
    border: 1px solid #F0F0F0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cl-white);
}

.CR-item-notification .thumb--box a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.CR-item-notification .thumb--box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    filter: unset !important;
}

.CR-item-notification .desc--box {
    flex: 1;
    padding: 0.375rem  /* 6/16 */;
}

.CR-item-notification .desc--box .desc {
    color: #676767;
    font-size: 0.75rem  /* 12/16 */;
    font-weight: 450;
    line-height: 1.25rem  /* 20/16 */;
    text-align: left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: calc(1.25rem * 3);
}

.CR-item-notification .desc--box .notification-error {
    color: var(--cl-accent);
    font-size: 0.75rem  /* 12/16 */;
    font-weight: 450;
    line-height: 1.25rem  /* 20/16 */;
    text-align: left;
}

.CR-item-notification.order .desc--box .desc b {
    color: var(--cl-main);
    font-weight: 500;
}




/**================== MAINTENANCE ==================**/
.CR-maintenance--sec {
    padding: 10rem 0;
}

.CR-maintenance--sec .heading-title {
    font-size: 1.875rem /* 30/16 */;
    font-style: italic;
    font-weight: 700;
    text-transform: uppercase;
    line-height: normal;
    margin: 2rem auto 1rem;
    color: var(--cl-main);
    text-align: center;
}

.CR-maintenance--sec p {
    color: var(--cl-black);
    font-size: 1.25rem /* 20/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}

.CR-maintenance--sec .icon--box {
    font-size: 6.25rem /* 100/16 */;
    text-align: center;
}

.CR-maintenance--sec .icon--box svg {
    width: auto;
    height: 6.25rem /* 100/16 */;
}

.CR-maintenance--sec .icon--box svg path {
    stroke: black;

}

.CR-maintenance--sec a {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
}
.cr-loading:after {
    content: "";
    border-radius: 50%;
    width: 1.5625rem;
    height: 1.5625rem;
    position: relative;
    display: inline-block;
    border: 2px solid #eeeeee;
    border-top-color: #1d1d1d;
    -webkit-animation: loadingSubmit 1s infinite;
    animation: loadingSubmit 1s infinite;
    margin: 0 !important;
}

#CR-header:not(.header-dashboard) .account--box.hide {
    display: none;
}

.CR-otp-countdown--box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.CR-otp-countdown--box .countdown--box {
    margin-bottom: 1.25rem  /* 20/16 */;
}

.CR-otp-countdown--box .countdown--box .countdown-timer .countdown-hours {
    display: none !important;
}

/**================== RESPONSIVE ==================**/
@media (min-width: 1025px) {
    html {
        font-size: 0.75rem;
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 0.8rem;
    }
}

@media (min-width: 1440px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1324px !important;
    }

    html {
        font-size: 0.85rem;
    }
}

@media (min-width: 1600px) {
    html {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 1450px) {
    body .CR-container {
        padding: 0 1rem /* 16/16 */;
    }
}

@media only screen and (max-width: 1366px) {


}

@media only screen and (max-width: 1199px) {
    #CR-promotion-list-page .terms--sec .slick-dots,
    #CR-store-seller-page .terms--sec .slick-dots,
    .CR-default-home-page .terms--sec .slick-dots {
        position: relative;
        bottom: 0;
    }

    .default-flash-sale--sec.default .heading-title--box .heading-title,
    .default-recently-viewed--sec .heading-title--box .heading-title,
    .CR-pds-page .current-title-view,
    #CR-pds-page .current-title-view {
        font-size: 1.25rem  /* 20/16 */;
    }

    #CR-pds-page #CR-products-filter {
        padding-right: 0;
        z-index: 99999
    }

    #CR-pds-page .CR-pds-remove-sort-box .sort-box {
        flex-wrap: wrap;
    }

    #CR-pds-page .CR-sidebar-products.active .items-box {
        left: 0
    }

    .admin-bar #CR-pds-page .CR-sidebar-products .items-box {
        padding-top: 46px
    }

    #CR-pds-page .CR-sidebar-products .items-box {
        position: fixed;
        background: var(--cl-white);
        top: 0;
        left: -25rem;
        width: 25rem;
        height: 100%;
        z-index: 999999;
        transition: .5s ease-in-out;
        max-height: 100%;
        overflow-y: auto;
        padding: 1rem;
        box-shadow: -1px 4px 29px rgb(0 0 0/21%)
    }

    #CR-pds-page .CR-sidebar-products .items-box::-webkit-scrollbar {
        width: 3px;
        border-radius: 2px;
        background-color: var(--cl-white)
    }

    #CR-pds-page .CR-sidebar-products .items-box::-webkit-scrollbar-track {
        border: none
    }

    #CR-pds-page .CR-sidebar-products .items-box::-webkit-scrollbar-thumb {
        background-color: #ccc;
        outline: 1px solid #ccc
    }

    #CR-pds-page .CR-sidebar-products .main-title {
        position: fixed;
        cursor: pointer;
        box-shadow: -1px 4px 29px rgb(0 0 0/21%);
        border-radius: .3125rem;
        right: 0.5rem;
        bottom: 73%;
        font-size: 0.75rem /* 12/16 */;
        z-index: 99;
        pointer-events: auto;
    }

    #CR-pds-page .CR-sidebar-products .main-title svg path {
        fill: var(--cl-white);
        color: var(--cl-white);
        stroke: var(--cl-white)
    }

    #CR-pds-page .CR-sidebar-products .main-title svg {
        fill: var(--cl-white)
    }

    #CR-pds-page .CR-sidebar-products.active .bg-filter-box {
        opacity: 1;
        pointer-events: auto
    }

    #CR-pds-page .CR-sidebar-products .bg-filter-box {
        position: fixed;
        pointer-events: none;
        opacity: 0;
        background: rgb(0 0 0/50%);
        -webkit-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        cursor: pointer;
        backdrop-filter: blur(10px);
        display: block
    }

    #CR-pds-page .CR-sidebar-products a.CR-close-filter-box {
        height: 2.5rem;
        display: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: .3125rem;
        font-size: .875rem;
        line-height: normal;
        font-weight: 500;
        background: var(--cl-main);
        color: var(--cl-white);
        padding: 0 1rem;
        width: 100%;
        margin: 0 auto 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-transform: uppercase
    }

    #CR-pds-page .CR-sidebar-products .item-checkbox li:not(:last-child) {
        margin-bottom: 0.625rem /* 10/16 */;
    }

    #CR-pds-page .CR-sidebar-products .CR-def-checkbox {
        font-size: 0.875rem /* 14/16 */;
    }

    .CR-special-empty-result {
        font-size: 0.875rem  /* 14/16 */;
    }

    #CR-flash-sale-page .intro--sec .list--box ul {
        max-width: 100%;
        overflow-x: auto;
        gap: 1rem;
    }

    #CR-flash-sale-page .intro--sec .list--box li {
        width: max-content;
        padding: 0;
    }
}

@media only screen and (max-width: 1024px) {
    html {
        font-size: 0.95rem;
    }

    #CR-header:not(.header-dashboard) .account--box.hide,
    .CR-show-mb {
        display: block !important;
    }

    .CR-hide-mb {
        display: none !important;
    }

    .CR-main-wrap {
        overflow: clip !important;
    }

    #CR-popup-search .box {
        max-width: 90vw;
    }

    #CR-footer .main--box .menu-item-box {
        border-top: 1px solid var(--cl-sp-gray);
        padding-bottom: 0;
        margin: 0 !important;
    }

    #CR-footer .main--box .heading-title {
        position: relative;
        text-align: left;
        letter-spacing: normal;
        font-size: 0.875rem  /* 14/16 */;
        padding: 0.9375rem /* 15/16 */ 0 1.125rem /* 18/16 */;
        margin: 0 !important;
        font-weight: 700;
        text-transform: uppercase;
    }

    #CR-footer a, #CR-footer span, #CR-footer span b, #CR-footer p {
        font-size: 0.875rem /* 14/16 */;
    }

    #CR-footer .main--box .menu-item-box .toggle-menu-item-cont--mb {
        width: 100%;
        height: 100%;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2;
        margin: 0 !important;
    }

    #CR-footer .main--box .menu-item-box.active .menu-item-cont--mb {
        visibility: visible;
        opacity: 1;
        transition: opacity 1s cubic-bezier(.25, .46, .45, .94), height .35s cubic-bezier(.25, .46, .45, .94);
    }

    #CR-footer .main--box .menu-item-box .menu-item-cont--mb {
        visibility: hidden;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        opacity: 0;
        height: 0;
        transition: opacity .3s cubic-bezier(.25, .46, .45, .94), height .3s cubic-bezier(.25, .46, .45, .94);
    }

    #CR-footer .main--box .menu-item-box.active .menu-item-cont--mb .inner--box {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        transition: transform .5s cubic-bezier(.25, .46, .45, .94);
    }

    #CR-footer .main--box .menu-item-box .menu-item-cont--mb .inner--box {
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px);
        transition: transform .5s cubic-bezier(.25, .46, .45, .94);
        padding: 0 0 0.9375rem /* 15/16 */;
    }

    #CR-footer .main--box .certification-socials--box {
        gap: 0;
        flex-wrap: wrap;
    }

    #CR-footer .main--box .certification-socials--box > div {
        width: 100%;
    }

    #CR-footer .main--box .socials--box .icon {
        width: 1.875rem /* 30/16 */;
    }

    #CR-header .main--box .right--box {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: var(--cl-white);
        padding: 0.625rem  /* 10/16 */ 0.3125rem /* 5/16 */;
        gap: 0.625rem /* 10/16 */;
        -webkit-box-shadow: 0 10px 26px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 10px 26px rgba(0, 0, 0, 0.05);
        box-shadow: 0 10px 26px rgba(0, 0, 0, 0.05);
        border-top-right-radius: 1rem  /* 16/16 */;
        border-top-left-radius: 1rem  /* 16/16 */;
    }

    #CR-header .main--box .right--box > div {
        width: auto;
        flex: 1;
        max-width: unset;
    }

    body.page-template-mall #CR-header .track-order--box {
        display: none;
    }

    #CR-header .main--box .right--box a,
    #CR-header .main--box .right--box p {
        color: var(--cl-black);
    }

    #CR-header .cart--box .CR-view-total-cart-head {
        background: var(--cl-main);
        color: var(--cl-white);
    }

    #CR-header .main--box .right--box a {
        height: auto !important;
        background: unset;
        flex-direction: column;
        display: flex;
        gap: 0.2rem;
        padding: 0;
        border-radius: 0;
    }

    #CR-header .main--box .right--box .icon svg * {
        stroke: var(--cl-black);
    }

    #CR-header .main--box .right--box .log-out--box .icon svg * {
        stroke: none;
    }

    #CR-footer .main--box .bottom--box {
        margin-bottom: 2.8125rem /* 45/16 */;
    }

    .CR-sticky-icons {
        bottom: 6.25rem  /* 100/16 */;
    }

    #CR-header .logo--box svg,
    #CR-header .logo--box img {
        height: 1.875rem /* 30/16 */;
    }

    #CR-header {
        padding: 1rem /* 16/16 */ 0;
    }

    #CR-header .main--box {
        gap: 1.25rem /* 20/16 */;
        position: relative;
        padding-bottom: 0;
    }

    #CR-header .suggestions--box,
    #CR-header .account--box .CR-action-account--box,
    #CR-header .custom-items--box .item p {
        display: none!important;
    }

    #CR-header .toggle-menu-mb--box svg {
        width: auto;
        height: 2.5rem /* 40/16 */;
    }

    #CR-header .toggle-menu-mb--box svg * {
        stroke: var(--cl-white);
        stroke-width: 3px;
    }

    #CR-header #CR-search-form-ajax button {
        width: 3.125rem  /* 50/16 */;
    }

    #CR-header .main--box .center--box #CR-search-form-ajax input {
        padding-right: 3.75rem  /* 60/16 */;
    }

    #CR-header .top--box {
        padding-top: 0;
    }

    .admin-bar #CR-header .CR-main-nav-mb--box {
        padding-top: 46px;
    }

    #CR-header .CR-main-header-mb--box.active .CR-main-nav-mb--box {
        transition-duration: .45s;
        transform: translate(21.875rem /* 350/16 */);
    }

    #CR-header .CR-main-header-mb--box.active .CR-main-nav-mb--bg {
        visibility: visible;
        pointer-events: auto;
        opacity: 1;
    }

    #CR-header .CR-main-nav-mb--bg {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9;
        background: rgb(255 255 255 / 60%);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        cursor: pointer;
        backdrop-filter: blur(5px);
    }

    #CR-header .CR-main-nav-mb--box {
        position: fixed;
        top: 0;
        bottom: 0;
        opacity: 1;
        z-index: 9999;
        width: 21.875rem /* -350/16 */;
        left: -21.875rem /* -350/16 */;
        max-width: 95%;
        background-color: var(--cl-white);
        box-shadow: 0 0 150px #0000001a;
        transition: transform .25s cubic-bezier(.165, .84, .44, 1);
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #CR-header .CR-main-header-mb--box.active .CR-main-nav-mb--box .appear-animation {
        opacity: 1;
        transform: var(--active-appear-animation);
    }

    #CR-header .CR-main-nav-mb--box .appear-animation {
        opacity: 0;
        transform: var(--appear-animation);
    }

    #CR-header .CR-main-header-mb--box .nav-mb--head {
        padding: 0 1rem /* 16/16 */;
        background: linear-gradient(90deg, #FC2207 0%, #FF5C38 100%);
    }

    #CR-header .CR-main-header-mb--box .nav-mb--head .inner--box {
        height: 5rem /* 80/16 */;
        padding: 0.625rem /* 10/16 */ 0;
        /*border-bottom: 1px solid var(--cl-light-gray);*/
    }

    #CR-header .CR-main-header-mb--box .nav-mb--head .inner--box a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    #CR-header .CR-main-header-mb--box .nav-mb--head .inner--box svg {
        width: 1.875rem /* 30/16 */;
        height: 1.875rem /* 30/16 */;
    }

    #CR-header .CR-main-header-mb--box .nav-mb--head .inner--box svg path {
        fill: none !important;
        stroke-width: 2px;
        stroke: var(--cl-white);
        stroke-linecap: var(--cl-white);
        stroke-linejoin: var(--cl-white);
    }

    #CR-header .CR-main-header-mb--box .nav-mb--head--content {
        padding: 1.875rem /* 30/16 */ 1.875rem /* 30/16 */ 0;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow-y: hidden;
    }

    #CR-header .CR-main-header-mb--box .nav-mb--content {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow-x: hidden;
        overflow-y: auto;
    }

    #CR-header .main-merged-menu .sub-menu-wrapper {
        display: none;
    }

    #CR-header .menu-item.active > .sub-menu-wrapper > .CR-sub-menu {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        transition: transform .5s cubic-bezier(.25, .46, .45, .94);
    }

    #CR-header .main-merged-menu .sub-menu-wrapper .CR-sub-menu {
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px);
        transition: transform .3s cubic-bezier(.25, .46, .45, .94);
        padding-bottom: 0.5rem;
        width: 100% !important;
    }

    #CR-header .main-merged-menu .CR-sub-menu .CR-sub-menu {
        padding-bottom: 0;
    }

    #CR-header .main-merged-menu .CR-sub-menu .CR-sub-menu:before {
        content: "";
        display: block;
        position: absolute;
        width: 1px;
        background: var(--cl-black);
        left: 1.875rem /* 30/16 */;
        top: 0.625rem /* 10/16 */;
        bottom: 0.625rem /* 10/16 */;
    }

    #CR-header .main-merged-menu .CR-sub-menu .CR-sub-menu a {
        font-size: 0.875rem /* 14/16 */;
        padding: 0.625rem /* 10/16 */ 2.8125rem /* 45/16 */;
    }

    #CR-header .main-merged-menu .item-with-arrow-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    #CR-header .main-merged-menu .main-merged-menu--list {

    }

    #CR-header .main-merged-menu > ul > li {
        position: relative;
    }

    #CR-header .main-merged-menu > ul > li:after {
        content: '';
        background: var(--cl-light-gray);
        position: absolute;
        left: 1.875rem /* 30/16 */;
        right: 1.875rem /* 30/16 */;
        height: 1px;
        bottom: 0;
    }

    #CR-header .CR-main-nav-mb .CR-account-head-btn {
        text-transform: capitalize !important;
        letter-spacing: normal !important;
    }

    #CR-header .CR-main-nav-mb .CR-account-head-btn,
    #CR-header .main-merged-menu > ul > li > a,
    #CR-header .main-merged-menu > ul > li > .item-with-arrow-box a {
        font-size: 1rem /* 16/16 */;
        letter-spacing: 0;
        word-break: break-word;
        line-height: normal;
        font-weight: 450;
        color: var(--cl-black);
        padding: 0.9375rem /* 15/16 */ 1.875rem /* 30/16 */;
        display: block;
        flex: 1;
        text-align: left;
        align-items: center;
        display: flex;
        gap: 0.5rem;
    }

    #CR-header .main-merged-menu > ul > li .custom-icon {
        min-width: 1.25rem /* 20/16 */;
        width: 1.25rem /* 20/16 */;
    }

    #CR-header .main-merged-menu > ul > li .custom-icon img {
        width: 100%;
        height: 1.25rem /* 20/16 */;
        -o-object-fit: contain;
        object-fit: contain;
    }

    #CR-header .main-merged-menu > ul > li > .item-with-arrow-box .arrow:before {
        content: '';
        background: var(--cl-light-gray);
        position: absolute;
        left: 0;
        width: 1px;
        top: 0.75rem /* 12/16 */;
        bottom: 0.75rem /* 12/16 */;
    }

    #CR-header .main-merged-menu > ul > li > .item-with-arrow-box .arrow {
        position: relative;
        min-width: 3.75rem /* 60/16 */;
        width: 3.75rem /* 60/16 */;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        padding: 0.75rem /* 12/16 */ 0;
        color: var(--cl-black);
    }

    #CR-header .main-merged-menu .CR-sub-menu > li > a,
    #CR-header .main-merged-menu .CR-sub-menu > li > .item-with-arrow-box a {
        padding: 0.75rem /* 12/16 */ 2.1875rem /* 35/16 */;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: block;
        text-align: left;
        color: var(--cl-black);
        font-size: 0.875rem /* 14/16 */;
    }

    #CR-header .main-merged-menu .CR-sub-menu > li > .item-with-arrow-box .arrow {
        position: relative;
        min-width: 3.75rem /* 60/16 */;
        width: 3.75rem /* 60/16 */;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        padding: 0;
        color: var(--cl-black);
    }

    #CR-header .main-merged-menu .CR-sub-menu > li > .item-with-arrow-box .arrow i {
        width: 1.875rem /* 30/16 */;
        height: 1.875rem /* 30/16 */;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
        border: 1px solid var(--cl-light-gray);
    }

    #CR-header .main-merged-menu .current-menu-item > .item-with-arrow-box > a,
    #CR-header .main-merged-menu .current-menu-item > a,
    #CR-header .main-merged-menu .current-product_cat-parent > .item-with-arrow-box > a,
    #CR-header .main-merged-menu .current-product_cat-parent > a,
    #CR-header .main-merged-menu .current_page_parent > .item-with-arrow-box > a,
    #CR-header .main-merged-menu .current_page_parent > a,
    #CR-header .main-merged-menu .sub-menu .current-menu-item > a {
        font-weight: 700;
        color: var(--cl-main);
    }
    #CR-header .bottom--box {
        display: none;
    }

    .CR-default-home-page .banner-group--sec .banner--box {
        gap: .5rem;
        display: flex;
        height: auto;
        flex-direction: column;
    }

    .CR-default-home-page .banner-group--sec .banner--box .main--box {
        height: auto;
        width: 100%;
        aspect-ratio: 16 / 9;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .CR-default-home-page .banner-group--sec .banner--box .main--box .item {
        height: auto;
    }

    .CR-default-home-page .banner-group--sec .banner--box .sub--box {
        display: none;
    }

    .CR-default-home-page .banner-group--sec .banner--box .sub--box .item {
        width:50%;
        height: auto;
    }

    .CR-default-home-page .banner-group--sec .banner--box .main--box .item .wrap,
    .CR-default-home-page .banner-group--sec .banner--box .sub--box .item .wrap {
        aspect-ratio: 16/9;
    }

    #CR-promotion-list-page .CR-item-product,
    #CR-store-seller-page .CR-item-product,
    .default-main-pds--sec .CR-item-product,
    #CR-mall-page .CR-item-product,
    .CR-products-viewed-account-box .CR-item-product,
    .default-recently-viewed--sec .CR-item-product,
    .CR-item-product {
        width: 25%;
    }

    #CR-support-search-page .main-content--box .main-heading-title,
    #CR-contact-page .customer-service--box .main-heading-title,
    #CR-support-page .faq-list--box .main-heading-title,
    .CR-support-terms--box .heading-title,
    #CR-home-page .custom-pds--sec .heading-title--box .heading-title {
        font-size: 1.125rem  /* 18/16 */;
    }

    #CR-footer .bottom--box {
        padding-bottom: 6.25rem  /* 100/16 */;
    }

    #CR-footer .main--box .custom-col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #CR-footer .intro--box {
        margin-bottom: 0;
    }

    #CR-footer .intro--box, #CR-footer .popular-keywords--box {
        border-bottom:none;
    }

    #CR-footer .app-main--box {
        width: 15rem  /* 240/16 */;
    }

    .CR-maintenance--sec .heading-title,
    .CR-support-form--box .main--box .heading-title,
    #CR-news-detail-page .main--sec .heading--box .heading-title,
    .CR-support-contact--box .title-group .heading-title {
        font-size: 1.25rem  /* 20/16 */;
    }

    #CR-support-default-page .main-content--box .main-heading-title {
        font-size: 1.125rem  /* 18/16 */;
    }

    .CR-maintenance--sec p,
    .CR-support-contact--box .item .cont--box .heading-title {
        font-size: 0.875rem  /* 14/16 */;
    }

    .CR-support-contact--box .item .cont--box .desc {
        font-size: 0.75rem  /* 12/16 */;
    }

    .CR-item-support-term {
        width: 25%;
    }

    #CR-product-detail-page .main--sec .stock-status--box p,
    .CR-support-form--box .slider--box .item .content--box.CR-style-default-content * {
        font-size: 0.75rem  /* 12/16 */ !important;
    }

    .CR-support-form--box .main--box form button {
        width: 2.8125rem  /* 45/16 */;
    }

    .CR-support-form--box .main--box form input {
        height: 2.8125rem  /* 45/16 */;
        padding-right: 3.75rem  /* 60/16 */;
        font-size: 0.875rem  /* 14/16 */;
    }

    .CR-support-form--box .main--box {
        padding: 1rem  /* 16/16 */;
    }

    #CR-promotion-list-page .custom-pds--sec .heading--box .heading-title,
    #CR-mall-page .featured--sec .heading--box .heading-title {
        font-size: 1.625rem  /* 26/16 */;
    }

    .default-filter-pds--sec .filter--box {
        gap: 0.625rem  /* 10/16 */;
        flex-wrap: wrap;
    }

    .default-filter-pds--sec .filter--box .items--box {
        gap: 0.625rem  /* 10/16 */;
        flex-wrap: wrap;
    }

    .default-filter-pds--sec .filter--box > div {
        width: 100%;
        flex: unset !important;
    }

    .default-filter-pds--sec .sort--box {
        gap: 0.625rem  /* 10/16 */;
        flex-wrap: wrap;
        justify-content: flex-start !important;
    }

    .default-filter-pds--sec .sort--box .title {
        display: block;
        width: 100%;
    }

    .CR-default-home-page .heading-title--box {
        gap: 1rem;
        align-items: flex-start !important;
        flex-direction: column;
    }

    .default-flash-sale--sec .heading-title--box .CR-heading-title--group {
        gap: 1rem !important;
    }

    .default-flash-sale--sec .heading-title--box .heading-title {
        font-size: 1rem  /* 16/16 */ !important;
    }

    .CR-default-home-page .heading-title--box .sub--box {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }

    .CR-countdown--box .countdown-timer > div {
        font-size: 0.75rem  /* 12/16 */;
        width: 2rem;
        height: 2rem;
    }

    #CR-header .custom-items--box .item.account {
        display: none !important;
    }
}

@media only screen and (max-width: 992px) {
    #CR-mall-page .brands--sec .list--box .CR-item-brand-custom {
        width: 25%;
    }

    #CR-store-seller-page .main-info--sec .seller-overview--box {
        margin-bottom: 1.25rem  /* 20/16 */;
    }

    #CR-support-page .CR-content-support {
        padding: 1.25rem /* 20/16 */ 0 0;
    }

    body .CR-container {
        padding: 0 0.9375rem /* 15/16 */;
    }

    .CR-breadcrumb * {
        min-width: max-content;
    }

    .CR-breadcrumb {
        overflow-y: hidden;
        padding: 1rem 0 !important;
        margin-bottom: 1.25rem /* 20/16 */ !important;
        flex-wrap: unset;
    }

    .CR-sticky-icons {
        right: 0.5rem;
    }

    .CR-custom-sticky-icons {
        bottom: 8.125rem /* 130/16 */;
        right: 0.5rem;
    }

    #CR-header .main--box {
        flex-direction: column;
        padding-top: 1rem;
    }

    #CR-header .main--box .center--box {
        width: 100%;
    }

    #CR-header .top--box .left--box .item:nth-child(2):after,
    #CR-header .top--box .left--box .item.socials--box {
        display: none;
    }

    .CR-def-form-wrap .CR-btn-submit-form,
    .CR-btn-style-icon {
        height: 2.8125rem  /* 45/16 */ !important;
        font-size: 0.875rem  /* 14/16 */ !important;
    }

    #CR-footer .popular-keywords--box li {
        width: 25%;
    }

    #CR-product-detail-page .info-detail--sec .detail-list--box li span, #CR-product-detail-page .info-detail--sec .detail-list--box li a, #CR-product-detail-page .info-detail--sec .detail-list--box li p,
    #CR-footer .certification--box p, #CR-footer .info--box, #CR-footer .copyright--box, #CR-footer .main--box a, #CR-footer .main--box p {
        font-size: 0.75rem  /* 12/16 */;
    }

    .CR-notification-account--box {
        width: 17.5rem  /* 280/16 */;
        right: -4.375rem  /* -70/16 */;
    }

    #CR-support-page .faq-list--box .CR-item-support,
    .CR-item-support,
    #CR-news-detail-page .main--sec .main--box,
    #CR-notifications-page .CR-item-notification,
    .CR-support-contact--box .item {
        width: 100%;
    }

    .CR-support-terms--box .list--box {
        margin: 0;
        flex-wrap: nowrap !important;
        max-width: 100%;
        overflow-x: auto;
    }

    .CR-item-support-term {
        width: max-content;
    }

    #CR-support-default-page .main-content--box {
        flex-direction: column;
    }

    #CR-support-default-page .main-content--box .action--box a {
        font-size: 0.875rem  /* 14/16 */;
        padding: 0 1rem;
        height: 2.8125rem  /* 45/16 */;
    }

    #CR-contact-page .customer-service--box .item {
        width: 100%;
    }

    .CR-orders-account-box .filter--box li {
        flex: unset;
        position: relative;
    }

    .CR-orders-account-box .filter--box a {
        width: max-content;
    }

    .CR-orders-account-box .filter--box ul {
        gap: 0.5rem;
        max-width: 100%;
        overflow-x: auto;
    }

    #CR-promotion-list-page .custom-pds--sec .heading--box .heading-title,
    #CR-mall-page .featured--sec .heading--box .heading-title {
        font-size: 1.25rem  /* 20/16 */;
    }

    #CR-popup-all-filter-pds .scroll--box {
        max-height: 60vh;
    }

    .CR-pds-page .terms--box .list--box {
        margin: 0;
        flex-wrap: unset;
        max-width: 100%;
        overflow-x: auto;
        gap: 1.25rem  /* 20/16 */;
        padding-bottom: 0.5rem;
    }

    .CR-item-product-term {
        width: max-content;
        padding: 0;
    }

    .CR-item-product-term .wrap {
        width: 6.25rem  /* 100/16 */;
    }

    #CR-promotion-list-page .heading-title--box a,
    #CR-promotion-list-page .heading-title--box .heading-title,
    #CR-store-seller-page .main-pds--sec .main-sort--box h3,
    #CR-store-seller-page .heading-title--box.sp .heading-title,
    #CR-store-seller-page .heading-title--box a,
    #CR-store-seller-page .heading-title--box .heading-title {
        font-size: 0.9375rem  /* 15/16 */;
    }

    .CR-item-coupon .info--box .desc,
    #CR-store-seller-page .main-info--sec .seller-overview--box .actions .btn,
    #CR-store-seller-page .main-info--sec .main-menu--box .more--box .more-btn,
    #CR-store-seller-page .main-info--sec .main-menu--box .more--box li a span,
    #CR-store-seller-page .main-info--sec .main-menu--box .overview-list li a span,
    #CR-store-seller-page .main-info--sec .list-info--box li p {
        font-size: 0.75rem  /* 12/16 */;
    }

    .CR-coupon-list--box {
        gap: 0.5rem;
    }

    #CR-load-voucher-listing .CR-item-coupon,
    .CR-item-coupon {
        width: 100%;
    }

    #CR-load-voucher-listing .CR-coupon-list--box {
        margin: -0.625rem  /* -10/16 */;
    }

    #CR-load-voucher-listing .CR-item-coupon {
        padding: 0.625rem  /* 10/16 */;
    }

    #CR-store-seller-page .main-pds--sec .sort--box ul {
        max-width: 100%;
        overflow-x: auto;
        padding-bottom: 0.5rem;
    }

    #CR-store-seller-page .main-info--sec .main-menu--box .list--box {
        gap: 1rem  /* 16/16 */;
        flex-wrap: wrap;
        align-items: baseline;
    }

    #CR-flash-sale-page .main-pds--sec .filter--box .overview-list,
    #CR-store-seller-page .main-info--sec .main-menu--box .overview-list {
        max-width: 100%;
        overflow-x: auto;
        padding-bottom: 0.5rem;
    }

    #CR-flash-sale-page .main-pds--sec .filter--box .overview-list li,
    #CR-flash-sale-page .main-pds--sec .filter--box .overview-list li a,
    #CR-store-seller-page .main-info--sec .main-menu--box .overview-list li,
    #CR-store-seller-page .main-info--sec .main-menu--box .overview-list li a {
        width: max-content;
    }

    #CR-flash-sale-page .main-pds--sec .filter--box .more--box,
    #CR-store-seller-page .main-info--sec .main-menu--box .more--box {
        padding-left: 0.5rem;
    }

    #CR-flash-sale-page .main-pds--sec .filter--box .more--box:before,
    #CR-store-seller-page .main-info--sec .main-menu--box .more--box:before {
        left: 0;
    }

    #CR-promotion-list-page .banner--sec .item {
        width: 100%;
    }

    #CR-flash-sale-page .intro--sec .CR-heading-title--group, #CR-flash-sale-page .intro--sec .CR-countdown--box {
        flex-direction: column;
    }

    #CR-flash-sale-page .intro--sec .list--box a span {
        font-size: 1.25rem  /* 20/16 */;
    }
}

@media only screen and (max-width: 782px) {
    html #wpadminbar {
        position: fixed;
        height: 46px;
        min-width: 240px;
        border-radius: 0;
    }

    .admin-bar #CR-header .CR-header-mobile--box .CR-main-nav-mobile--box,
    .admin-bar #CR-header {
        top: 46px !important;
    }

    #CR-promotion-list-page .CR-item-product,
    #CR-store-seller-page .CR-item-product,
    .default-main-pds--sec .CR-item-product,
    #CR-mall-page .CR-item-product,
    .CR-products-viewed-account-box .CR-item-product,
    .default-recently-viewed--sec .CR-item-product,
    .CR-item-product {
        width: 33.33%;
    }
}

@media only screen and (max-width: 768px) {
    .admin-bar #CR-pds-page .CR-sidebar-products .items-box {
        padding-top: 50px;
    }

    #CR-product-detail-page .main--sec .gallery--box {
        padding-right: 0;
    }

    #CR-flash-sale-page .intro--sec .banner--box {
        height: auto;
        aspect-ratio: 16 / 9;
    }
}

@media only screen and (max-width: 767px) {
    html {
        font-size: 0.95rem;
    }

    #CR-mall-page .brands--sec .list--box .CR-item-brand-custom {
        width: 50%;
    }

    .CR-item-tiktok,
    .CR-item-news {
        width: 100%;
    }

    #CR-promotion-list-page .CR-item-product,
    #CR-store-seller-page .CR-item-product,
    .default-main-pds--sec .CR-item-product,
    #CR-mall-page .CR-item-product,
    .CR-products-viewed-account-box .CR-item-product,
    .default-recently-viewed--sec .CR-item-product,
    .CR-item-product {
        width: 50%;
    }

    .CR-item-product .status--box p {
        font-size: 0.625rem  /* 10/16 */;
    }

    .CR-default-home-page .heading-title--box .heading-title,
    .CR-default-home-page .heading-title--box a,
    #CR-home-page .custom-pds--sec .heading-title--box .heading-title {
        font-size: 0.875rem  /* 14/16 */;
    }

    #CR-footer .popular-keywords--box li {
        width: 33.33%;
    }

    .default-filter-pds--sec .filter--box .items--box {
        display: none !important;
    }

    .default-filter-pds--sec .filter--box .item--box .content {
        width: 18.75rem  /* 300/16 */;
    }

    .default-filter-pds--sec .filter--box .item--box .list {
        overflow-x: hidden;
    }
}

@media only screen and (max-width: 454px) {
    .CR-item-product.CR-item-product-flash-sale .countdown--box .countdown-timer {
        font-size: 0.625rem /* 10/16 */;
    }

    .CR-item-tiktok .info--box .product--box .item .CR-woo-prices *,
    .CR-item-product .CR-woo-prices * {
        font-size: 0.75rem /* 12/16 */ !important;
    }

    #CR-footer .popular-keywords--box li {
        width: 50%;
    }
}

@media only screen and (max-width: 320px) {
    #CR-header .custom-items--box .item a p {
        display: none;
    }
}