@charset "UTF-8";
@font-face {
    font-family: "SF Pro Display";
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://file.hstatic.net/200000636033/file/sf-pro-display-ultralight_5b6a39d816e24f6994021426f37c9ab2.otf)
        format("opentype");
}

@font-face {
    font-family: "SF Pro Display";
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://file.hstatic.net/200000636033/file/sf-pro-display-thin_48578e02ae7f4ea09ce812315ae18fdc.otf)
        format("opentype");
}

@font-face {
    font-family: "SF Pro Display";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://file.hstatic.net/200000636033/file/sf-pro-display-light_165fdbc0fe774e82b0fb54ac2150a7c0.otf)
        format("opentype");
}

@font-face {
    font-family: "SF Pro Display";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://file.hstatic.net/200000636033/file/sf-pro-display-regular_abbbcf80b2b5453188b767aec8c4061d.otf)
        format("opentype");
}

@font-face {
    font-family: "SF Pro Display";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://file.hstatic.net/200000636033/file/sf-pro-display-medium_b03a4ea351ac4d0ba7e1b3bd31194735.otf)
        format("opentype");
}

@font-face {
    font-family: "SF Pro Display";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://file.hstatic.net/200000636033/file/sf-pro-display-semibold_239d89cf45824f358e16eb4e6328794c.otf)
        format("opentype");
}

@font-face {
    font-family: "SF Pro Display";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://file.hstatic.net/200000636033/file/sf-pro-display-heavy_4ae6682c2e5c44f2bc79506a451f07c1.otf)
        format("opentype");
}

@font-face {
    font-family: "SF Pro Display";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://file.hstatic.net/200000636033/file/sf-pro-display-black_b980ffef8bd9490fa2724d285254cd81.otf)
        format("opentype");
}

@font-face {
    font-family: "SF Pro Display";
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(https://file.hstatic.net/200000636033/file/sf-pro-display-ultralightitalic_ef85c20ddaf144708a7a7d892a653716.otf)
        format("opentype");
}

@font-face {
    font-family: "SF Pro Display";
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url(https://file.hstatic.net/200000636033/file/sf-pro-display-thinitalic_2bf21c1fb7084c4d84cb57f99cc42922.otf)
        format("opentype");
}

@font-face {
    font-family: "SF Pro Display";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://file.hstatic.net/200000636033/file/sf-pro-display-lightitalic_2a0b333126394ee88063c870101cccad.otf)
        format("opentype");
}

@font-face {
    font-family: "SF Pro Display";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://file.hstatic.net/200000636033/file/sf-pro-display-regularitalic_e03d23dca1934307850f147d46ceec9d.otf)
        format("opentype");
}

@font-face {
    font-family: "SF Pro Display";
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(https://file.hstatic.net/200000636033/file/sf-pro-display-mediumitalic_c6319a53297944aba7f1d7f8032528ee.otf)
        format("opentype");
}

@font-face {
    font-family: "SF Pro Display";
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(https://file.hstatic.net/200000636033/file/sf-pro-display-semibolditalic_5e7a8daa93894cd3bafe53a7b1d534ab.otf)
        format("opentype");
}

@font-face {
    font-family: "SF Pro Display";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://file.hstatic.net/200000636033/file/sf-pro-display-heavyitalic_5ac6b83a160d4dd7ae1b22d713f8dd82.otf)
        format("opentype");
}

@font-face {
    font-family: "SF Pro Display";
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(https://file.hstatic.net/200000636033/file/sf-pro-display-blackitalic_85c1d3c6cfac4672924c38222c9791d1.otf)
        format("opentype");
}

/*
* {font-family: "SF Pro Display", 'Arial', sans-serif; margin: 0;padding: 0; }
*/
* {
    font-family: "Inter", sans-serif;
    margin: 0;
    padding: 0;
}

/* . - var */
:root {
    --color-primary: #e30019;
    --color-secondary: #6d6e72;
    --color-sub: #1982f9;
    --color-state-info: #1982f9;
    --color-state-success: #24b400;
    --color-state-warning: #fdd835;
    --color-state-error: #e30019;
    --color-state-question: #ff8a00;
    --color-text: #111111;
    --color-title: #333333;
    --color-hover: #e30019;
    --color-line-border: #cfcfcf;
    --color-text-link: #0568d6;
    --color-body-bg: #ececec;
    --color-body-bg-loading: rgba(255, 255, 255, 0.5);
    --color-price: #2c3c4d;
    --color-old-price: #e2231a;
    --color-new-price: #e30019;
    --color-input-bg: #f6f7fa;
    --color-input-text: #2c3c4d;
    --color-input-fill: #cfcfcf;
    --color-input-fill-sucess: #1e9800;
    --color-input-fill-error: #e30019;
    --color-input-bg-active: var(--color-body-bg);
    --shadow: 0px 4px 20px rgba(22, 19, 69, 0.13);
    --radius: 10px;
    --radius-input: 4px;
    --radius-button: 4px;
    --radius-badge1: 3px;
    --radius-badge2: 16px;
    --radius-checkbox: 4px;
    --radius-image: 4px;
    --radius-label-percent: 2px;
    --radius-progress: 16px;
    --home-coupon-bg: #ffffff;
    --home-coupon-light: #ffffff;
    --home-coupon-border: #f8d0d3;
    --home-coupon-text: #333333;
    --textcolor: #111111;
    --maincolor: #e30019;
    --titlecolor: #333333;
    --hovercolor: #e30019;
    --bordercolor: #cfcfcf;
}

/* . - General */
html {
    overflow-x: hidden;
}

body {
    font-family: "Inter", sans-serif;
    color: var(--color-text);
    font-size: 14px;
    font-weight: 400;
    background: var(--color-body-bg);
    position: relative;
}
body .loading {
    z-index: 99999;
    position: fixed;
    left: 0;
    top: 0;
    background: var(--color-body-bg-loading);
    width: 100%;
    height: 100vh;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
}
body .loading.off {
    display: none;
}
@media (max-width: 991px) {
    body {
        overflow-x: hidden;
    }
}
body.bg-black {
    background: var(--color-body-bg);
}

html,
body {
    /*
	&::-webkit-scrollbar { width: 0; }
	&::-webkit-scrollbar-track { background: #ccc;}
	&::-webkit-scrollbar-thumb { background: #D0D0D0; }
	*/
}
html.open-noscroll,
body.open-noscroll {
    overflow-y: hidden;
}
html.open-overlay .site-overlay,
body.open-overlay .site-overlay {
    opacity: 1;
    visibility: visible;
}
html.open-cart .toolbar-menu-mobile,
body.open-cart .toolbar-menu-mobile {
    z-index: 9;
}
html.open-cart .sidebar-cart,
body.open-cart .sidebar-cart {
    opacity: 1;
    visibility: visible;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
html.open-cart .site-overlay,
body.open-cart .site-overlay {
    z-index: 10;
}
html.open-menu .menu-mobile,
body.open-menu .menu-mobile {
    transform: none;
    visibility: visible;
    opacity: 1;
}
html.open-menu .menu-desktop,
body.open-menu .menu-desktop {
    visibility: visible !important;
    opacity: 1 !important;
}
@media (max-width: 1024px) {
    html.open-menu .site-overlay,
    body.open-menu .site-overlay {
        z-index: 10;
    }
}
html.open-search .toolbar-menu-mobile,
body.open-search .toolbar-menu-mobile {
    z-index: 9;
}
html.open-search .sidebar-search-mb,
body.open-search .sidebar-search-mb {
    opacity: 1;
    visibility: visible;
}
html.open-search .site-overlay,
body.open-search .site-overlay {
    z-index: 10;
}
html.modal-open .modal-backdrop.show,
body.modal-open .modal-backdrop.show {
    opacity: 0;
}

@media (max-width: 991px) {
    body.open-search.open-noscroll {
        position: fixed;
        width: 100%;
        height: 100%;
        overflow: hidden;
        transition: fill 0.2s ease;
    }
}

img {
    max-width: 100%;
}

a {
    color: var(--textcolor);
    text-decoration: none;
    outline: none;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a:hover,
a:focus {
    color: var(--color-primary);
    text-decoration: none;
    outline: none;
}

table {
    width: 100%;
    border-spacing: 0;
}
table tr td {
    border-top: 1px solid #eee;
}
table tr td,
table tr th {
    position: relative;
    padding: 10px;
    text-align: left;
}
table tr td:first-child,
table tr th:first-child {
    padding-left: 0px;
}
table tr td:last-child,
table tr th:last-child {
    padding-right: 0px;
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.hidden {
    display: none !important;
}

/* 1.1 - HTML5 Elements */
article,
aside,
details,
figcaption,
figure,
dialog,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

/* 1.2 - Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--titlecolor);
    margin: 0 0 10px 0;
    font-weight: 600;
    line-height: 1.2;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: var(--titlecolor);
}

/* 1.3 - Buttons */
.button {
    position: relative;
    display: inline-block;
    padding: 10px 28px;
    line-height: normal;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: 4px;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 1;
    overflow: hidden;
    outline: none !important;
    cursor: pointer;
}

.button:focus,
.button:hover {
    color: #fff;
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
}

.button.btn-addtocart {
    width: 100%;
    min-height: 50px;
    background: #fff;
    border: 1px solid #e70505;
    color: #e70505;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
}
.button.btn-addtocart.disabled {
    color: #ffffff;
    background: #cfcfcf;
    border-color: #cfcfcf;
    cursor: no-drop;
}
.button.btn-addtocart.disabled:hover,
.button.btn-addtocart.disabled:focus {
    color: #ffffff;
}
.button.btn-addtocart:hover,
.button.btn-addtocart:focus {
    color: #fff;
}

.button.btn-addtocart-qv {
    width: 100%;
    min-height: 50px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
}
.button.btn-addtocart-qv.disabled {
    color: #ffffff;
    background: #cfcfcf;
    border-color: #cfcfcf;
    pointer-events: none;
}
.button.btn-addtocart-qv.disabled:hover {
    color: #929292;
    border-color: #929292;
}

.button.btn-buynow {
    width: 100%;
    min-height: 50px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
}

.button.btn-contact-now {
    width: 100%;
    min-height: 50px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
}

.button.btn-preorder {
    width: 100%;
    font-weight: 600;
}

.tooltip-cs {
    position: relative;
}
.tooltip-cs .tooltip-hover {
    position: absolute;
    top: -36px;
    left: 50%;
    transform: translateX(-50%);
    height: 24px;
    line-height: 24px;
    background: #17191a;
    color: #fff;
    font-size: 10px;
    text-decoration: none;
    white-space: nowrap;
    padding: 0 8px;
    border-radius: 3px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease;
}
.tooltip-cs .tooltip-hover:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 1px;
    left: 50%;
    width: 0;
    height: 0;
    border: solid;
    border-width: 8px 8px 0 8px;
    border-color: transparent;
    border-top-color: #111111;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
}
.tooltip-cs:hover .tooltip-hover {
    opacity: 1;
    visibility: visible;
}

@media (min-width: 992px) {
    .button:hover,
    .button:focus {
        color: #ffffff;
    }
    .button:hover:before,
    .button:focus:before {
        width: 120%;
    }
    .button.btnred:hover,
    .button.btnred:focus {
        color: #fff;
        border-color: #ff0000;
    }
    .button.btnlight:hover,
    .button.btnlight:focus {
        color: #fff;
    }
    .button.btn-see-more {
        min-width: 400px;
        display: block;
        margin: 0 auto;
    }
}

@media (max-width: 991px) {
    .button.btn-see-more {
        width: 100%;
    }
    .button.btn-addtocart {
        background: #e70505;
        border: 1px solid #fff;
        color: #fff;
    }
}

/* 1.4 Image & Loading */
.fade-box {
    position: relative;
    overflow: hidden;
}
.fade-box img.lazyload,
.fade-box img.lazyloading {
    font-family: "blur-up: always", "object-fit: cover";
    object-fit: cover;
    filter: blur(10px);
    opacity: 0.05;
    transition: opacity 300ms, filter 400ms;
    background: #000;
}
.fade-box a {
    display: block;
}

img {
    max-width: 100%;
}

img.lazyload:not([src]) {
    visibility: hidden;
}

.animated-background,
.loading-mask .loading-mask__image .mask-line,
.loading-mask .loading-mask__detail .mask-line {
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f6f6;
    background: linear-gradient(to right, #f6f6f6 8%, #f0f0f0 18%, #f6f6f6 33%);
    background-size: 800px 104px;
    position: relative;
}

.loading-mask .loading-mask__image {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.loading-mask .loading-mask__detail {
    padding: 10px;
}

.loading-mask .loading-mask__detail .mask-line {
    height: 10px;
    width: 100%;
    border-radius: 8px;
    margin: 4px 0;
}
.loading-mask .loading-mask__detail .mask-line:nth-child(2) {
    width: 80%;
}
.loading-mask .loading-mask__detail .mask-line:nth-child(3) {
    width: 65%;
}

/* 1.5 - Input, textarea, checkbox, radio */
.form-control,
.form__field {
    width: 100%;
    height: 40px;
    background: #ffffff;
    color: var(--color-text);
    border: 1px solid var(--color-line-border);
    border-radius: 4px;
    outline: none;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none !important;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out,
        color 0.2s ease-in-out;
    /* Chrome/Opera/Safari */
    /* Firefox 19+ */
    /* IE 10+ */
    /* Firefox 18- */
}
.form-control::-webkit-input-placeholder,
.form__field::-webkit-input-placeholder {
    color: #535353;
}
.form-control::-moz-placeholder,
.form__field::-moz-placeholder {
    color: #535353;
}
.form-control:-ms-input-placeholder,
.form__field:-ms-input-placeholder {
    color: #535353;
}
.form-control:-moz-placeholder,
.form__field:-moz-placeholder {
    color: #535353;
}
.form-control:focus,
.form__field:focus {
    background: #fff;
    border-color: var(--color-input-fill);
    box-shadow: none;
}
.form-control.is-filled,
.form__field.is-filled {
    background: #fff;
    border-color: var(--color-input-fill-sucess);
    /*box-shadow: 0 0 0 1px var(--color-input-fill-sucess);*/
}
@media (min-width: 992px) {
    .form-control,
    .form__field {
        font-size: 16px;
    }
}

.form-control[type="radio"] {
    width: 14px;
    height: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    margin: 4px 6px 0 0;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none !important;
}
.form-control[type="radio"]:before {
    content: "";
    position: absolute;
    z-index: 2;
    left: -1px;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    background: #fff;
    border: 1px solid #fff;
    cursor: pointer;
    border-radius: 50%;
}
.form-control[type="radio"]:checked:before {
    background: var(--color-primary);
    border-color: var(--color-primary);
}
.form-control[type="radio"]:after {
    content: "";
    position: absolute;
    left: -1px;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 14px;
    height: 14px;
    background: #fff;
    border: 1px solid #777777;
    cursor: pointer;
    border-radius: 50%;
}
.form-control[type="radio"]:checked:after {
    border-color: var(--color-primary);
}

.form__input-wrapper {
    position: relative;
    margin-bottom: 16px;
}
.form__input-wrapper .form__floating-label {
    position: absolute;
    left: 16px;
    top: 0;
    font-size: 16px;
    margin-bottom: 0;
    font-size: 16px;
    color: #535353;
    -webkit-transform: translateY(32%);
    transform: translateY(32%);
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    pointer-events: none;
}
.form__input-wrapper .form__field.is-filled + .form__floating-label,
.form__input-wrapper .form__field:focus + .form__floating-label {
    -webkit-transform: translateY(-9px);
    transform: translateY(-9px);
    background: #fff;
    padding: 0 5px;
    font-size: 12px;
}
.form__input-wrapper .form__field.is-filled + .form__floating-label.bg-gradient,
.form__input-wrapper .form__field:focus + .form__floating-label.bg-gradient {
    background: linear-gradient(-180deg, #ececec 55%, #fff 0) !important;
}
.form__input-wrapper .form__field:-webkit-autofill,
.form__input-wrapper .form__field:-webkit-autofill:hover,
.form__input-wrapper .form__field:-webkit-autofill:focus,
.form__input-wrapper .form__field:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.form__input-wrapper[class*="error"] input {
    /*box-shadow: 0 0 0 1px var(--maincolor);*/
    border: 1px solid var(--maincolor);
    box-shadow: none;
    outline: none;
    background-color: #fff;
}
.form__input-wrapper[class*="error"]:after {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #f00;
    font-size: 12px;
}
.form__input-wrapper.error5:after {
    content: attr(data-err5);
}
.form__input-wrapper.error4:after {
    content: attr(data-err4);
}
.form__input-wrapper.error3:after {
    content: attr(data-err3);
}
.form__input-wrapper.error2:after {
    content: attr(data-err2);
}
.form__input-wrapper.error1:after {
    content: attr(data-err1);
}
.form__input-wrapper .toggle-password {
    position: absolute;
    z-index: 3;
    right: 1px;
    bottom: 0;
    top: 0;
    margin: auto;
    padding: 0 45px 0 0;
    height: 90%;
    width: 50px;
    text-align: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 128 128' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M64 104C22.127 104 1.367 67.496.504 65.943a4 4 0 0 1 0-3.887C1.367 60.504 22.127 24 64 24s62.633 36.504 63.496 38.057a4 4 0 0 1 0 3.887C126.633 67.496 105.873 104 64 104zM8.707 63.994C13.465 71.205 32.146 96 64 96c31.955 0 50.553-24.775 55.293-31.994C114.535 56.795 95.854 32 64 32 32.045 32 13.447 56.775 8.707 63.994zM64 88c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm0-40c-8.822 0-16 7.178-16 16s7.178 16 16 16 16-7.178 16-16-7.178-16-16-16z' fill='%23000000' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
}
.form__input-wrapper .toggle-password.show {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 128 128' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='m79.891 65.078 7.27-7.27C87.69 59.787 88 61.856 88 64c0 13.234-10.766 24-24 24-2.144 0-4.213-.31-6.192-.839l7.27-7.27a15.929 15.929 0 0 0 14.813-14.813zm47.605-3.021c-.492-.885-7.47-13.112-21.11-23.474l-5.821 5.821c9.946 7.313 16.248 15.842 18.729 19.602C114.553 71.225 95.955 96 64 96c-4.792 0-9.248-.613-13.441-1.591l-6.573 6.573C50.029 102.835 56.671 104 64 104c41.873 0 62.633-36.504 63.496-38.057a3.997 3.997 0 0 0 0-3.886zm-16.668-39.229-88 88C22.047 111.609 21.023 112 20 112s-2.047-.391-2.828-1.172a3.997 3.997 0 0 1 0-5.656l11.196-11.196C10.268 83.049 1.071 66.964.504 65.943a4 4 0 0 1 0-3.887C1.367 60.504 22.127 24 64 24c10.827 0 20.205 2.47 28.222 6.122l12.95-12.95c1.563-1.563 4.094-1.563 5.656 0s1.563 4.094 0 5.656zM34.333 88.011 44.46 77.884C41.663 73.96 40 69.175 40 64c0-13.234 10.766-24 24-24 5.175 0 9.96 1.663 13.884 4.459l8.189-8.189C79.603 33.679 72.251 32 64 32 32.045 32 13.447 56.775 8.707 63.994c3.01 4.562 11.662 16.11 25.626 24.017zm15.934-15.935 21.809-21.809C69.697 48.862 66.958 48 64 48c-8.822 0-16 7.178-16 16 0 2.958.862 5.697 2.267 8.076z' fill='%23000000' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

/* . - Overlay */
.site-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.6);
    transition: all 200ms linear;
}
.site-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* . - Animation */
@-webkit-keyframes pulse-blue {
    0% {
        box-shadow: 0 0 0 0 rgba(42, 98, 255, 0.7);
        transform: scale(0.95);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(42, 98, 255, 0);
        transform: scale(1);
    }
    to {
        box-shadow: 0 0 0 0 rgba(42, 98, 255, 0);
        transform: scale(0.95);
    }
}

@keyframes pulse-blue {
    0% {
        box-shadow: 0 0 0 0 rgba(42, 98, 255, 0.7);
        transform: scale(0.95);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(42, 98, 255, 0);
        transform: scale(1);
    }
    to {
        box-shadow: 0 0 0 0 rgba(42, 98, 255, 0);
        transform: scale(0.95);
    }
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes twinkle {
    50% {
        opacity: 0.5;
        transform: scale(1.3);
    }
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }
    100% {
        background-position: 468px 0;
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }
    100% {
        background-position: 468px 0;
    }
}

/* . - Svg icon */
svg.icon {
    display: inline-block;
    height: 15px;
    width: 15px;
    fill: currentColor;
    vertical-align: middle;
    background: none;
    pointer-events: none;
    overflow: visible;
}

/* . - Effect */
.effect-img {
    position: relative;
    overflow: hidden;
    display: block;
}
.effect-img:before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(
        left,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.3) 100%
    );
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.3) 100%
    );
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.effect-img:hover:before {
    -webkit-animation: shine 1.1s;
    animation: shine 1.1s;
}

/* . - Pagination */
/* .pagination {
    padding: 20px 0 24px;
}
.pagination span {
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 10px 0 0;
}
.pagination a {
    font-size: 16px;
    --width: 40px;
    width: var(--width);
    height: var(--width);
    line-height: var(--width);
    border-radius: 50%;
    background: #f3f3f3;
    text-align: center;
    font-weight: 600;
    color: #000;
    margin: 0 5px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
}
.pagination a:after {
    content: "";
    position: absolute;
    height: 2px;
    display: none;
    right: 0;
    bottom: 0;
    background: currentColor;
    width: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.pagination a.active-page,
.pagination a:hover {
    color: #fff;
    background: #000;
}
.pagination a.active-page:after,
.pagination a:hover:after {
    width: 100%;
}
.pagination a.prev-page:before,
.pagination a.next-page:before {
    content: " ";
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    cursor: pointer;
    display: block;
}
.pagination a.prev-page:before {
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-left: 5px;
}
.pagination a.next-page:before {
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    margin-right: 5px;
}
.pagination a.prev-page:hover:before,
.pagination a.next-page:hover:before {
    border-color: #fff;
}
@media (max-width: 991px) {
    .pagination {
        padding: 0 0 16px;
    }
    .pagination a {
        font-size: 13px;
        --width: 24px;
    }
} */

/* . - Breadcrumb */
.breadcrumb-wrap {
    background: transparent;
    overflow-x: hidden;
    flex-wrap: nowrap;
}
.breadcrumb-wrap ol {
    background: transparent;
    padding: 14px 0;
    white-space: nowrap;
    overflow-x: scroll;
    margin-bottom: 0;
    flex-wrap: nowrap;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #111111;
}
.breadcrumb-wrap ol a {
    color: #1250dc;
}
.breadcrumb-wrap ol strong {
    font-weight: 400;
    color: #6d6e72;
}
.breadcrumb-wrap ol li:first-child a {
    display: inline-flex;
    align-items: center;
}
.breadcrumb-wrap ol li:first-child a svg {
    margin-right: 4px;
}
.breadcrumb-wrap ol > li + li:before {
    color: #1250dc;
    font-weight: 500;
    padding: 0 8px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='12' viewBox='0 0 5 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.97791 0.554644C4.99721 0.50084 5.00396 0.444304 4.99778 0.388264C4.99159 0.332224 4.97259 0.277777 4.94185 0.228032C4.91112 0.178287 4.86925 0.134218 4.81865 0.0983413C4.76804 0.0624647 4.70969 0.0354829 4.64692 0.0189366C4.58415 0.00239027 4.51819 -0.00339659 4.45282 0.00190639C4.38744 0.00720936 4.32392 0.0234984 4.26588 0.0498433C4.20785 0.0761883 4.15644 0.112073 4.11458 0.155449C4.07273 0.198826 4.04125 0.248843 4.02194 0.302647L0.0220929 11.4454C-0.0168925 11.554 -0.00392229 11.6715 0.0581499 11.772C0.120222 11.8724 0.226312 11.9476 0.353081 11.9811C0.47985 12.0145 0.616913 12.0034 0.734119 11.9502C0.851324 11.8969 0.939072 11.806 0.978058 11.6974L4.97791 0.554644Z' fill='rgb(18, 80, 220)'/%3E%3C/svg%3E%0A");
    background-size: 5px;
    background-repeat: no-repeat;
    background-position: center;
}
.breadcrumb-wrap ol::-webkit-scrollbar {
    display: none;
}
.breadcrumb-wrap .breadcrumb-cart {
    padding: 16px;
}
.breadcrumb-wrap .breadcrumb-cart a {
    color: #1982f9;
    font-size: 16px;
    display: flex;
    align-items: center;
}
.breadcrumb-wrap .breadcrumb-cart a svg {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
@media (max-width: 991px) {
    .breadcrumb-wrap ol {
        padding: 6px 0;
    }
}

/* . - Container */
.container-fluid {
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
}

.row {
    margin-right: -8px;
    margin-left: -8px;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    padding-right: 8px;
    padding-left: 8px;
}

@media (max-width: 991px) {
    .container-fluid {
        padding: 0 8px;
    }
    .row {
        margin-right: -8px;
        margin-left: -8px;
    }
    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        padding-right: 8px;
        padding-left: 8px;
    }
}

/* . -  Style slickslider */
.slick-style .slick-track {
    margin: 0;
    display: flex;
}
.slick-style .slick-track .slick-slide {
    outline: none;
    height: auto;
}

.slick-style.style-pr .slick-arrow {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: #ececec;
    z-index: 1;
    outline: none;
    border-radius: 50%;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow: 0px 0px 4.80687px rgba(0, 0, 0, 0.2);
}
.slick-style.style-pr .slick-arrow.slick-disabled {
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    cursor: default;
}
.slick-style.style-pr .slick-arrow svg {
    width: 18px;
    height: 18px;
    fill: #6d6e72;
    stroke: #6d6e72;
}
.slick-style.style-pr .slick-arrow:hover svg {
    fill: var(--color-primary);
    stroke: var(--color-primary);
}
.slick-style.style-pr .slick-arrow.slick-next {
    right: 5px;
}
.slick-style.style-pr .slick-arrow.slick-prev {
    left: 5px;
}
@media (min-width: 992px) {
    .slick-style.style-pr .slick-arrow.slick-next {
        right: -2px;
    }
    .slick-style.style-pr .slick-arrow.slick-prev {
        left: -2px;
    }
}

.slick-style.style-pr .slick-dots {
    text-align: center;
    width: 100%;
}
.slick-style.style-pr .slick-dots li {
    display: inline-block;
}
.slick-style.style-pr .slick-dots li button {
    position: relative;
    display: inline-block;
    outline: none;
    font-size: 0;
    width: 12px;
    height: 2px;
    margin: 0 5px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    background: rgba(225, 255, 255, 0.7);
    -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
}
.slick-style.style-pr .slick-dots li.slick-active button {
    background: #ffec39;
}

.slick-style.style-banner .slick-arrow {
    width: 70px;
    height: 70px;
    color: #ffffff;
    background-color: transparent;
    text-align: center;
    font-size: 0;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    top: 50%;
    border-radius: 0;
    outline: none;
    border: none;
    transform: translateY(-50%);
}
.slick-style.style-banner .slick-arrow svg {
    fill: currentColor;
    width: 40px;
    height: 40px;
}
.slick-style.style-banner .slick-arrow.slick-prev {
    left: 0;
}
.slick-style.style-banner .slick-arrow.slick-next {
    right: 0;
}

.slick-style.style-banner .slick-dots {
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 100%;
    z-index: 999;
}
.slick-style.style-banner .slick-dots li {
    display: inline-block;
}
.slick-style.style-banner .slick-dots li button {
    position: relative;
    display: inline-block;
    outline: none;
    font-size: 0;
    width: 20px;
    height: 4px;
    margin: 0 4px;
    border-radius: 0;
    border: none;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.3);
    -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
}
.slick-style.style-banner .slick-dots li.slick-active button {
    background: var(--color-primary);
}

/* 1. - Scroll Up */
#scroll_up {
    position: fixed;
    z-index: 5;
    width: 40px;
    height: 40px;
    line-height: 40px;
    right: 0;
    bottom: 80px;
    opacity: 0;
    text-align: center;
    transition: all 0.4s;
    transform: translateX(130%);
    cursor: pointer;
    border-radius: 30px 0 0 30px;
    box-shadow: 0 5px 38px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    color: var(--subcolor);
}
#scroll_up.active {
    opacity: 1;
    transform: translateY(0%);
}
#scroll_up svg {
    stroke-width: 2px;
    width: 18px;
    height: 18px;
    fill: currentColor;
    margin-left: 4px;
}

/* . - Recaptcha */
.sitebox-recaptcha {
    font-size: 12px;
}

/* . - Loyalty */
.loyalty {
    position: fixed;
    z-index: 9;
    display: inline-block;
    bottom: 50px;
    left: 20px;
}
.loyalty svg {
    width: 80px;
    height: 80px;
}

#hrv-loyalty {
    z-index: 10 !important;
}
#hrv-loyalty .button-popup-loyalty svg {
    width: 60px;
    height: 60px;
}
@media (max-width: 991px) {
    #hrv-loyalty {
        bottom: 3.5em !important;
    }
}

/* . - Product loop */
.sticker_right {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
    z-index: 2;
}

.sticker_left {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 40px;
    z-index: 2;
}

.sticker_percent {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    z-index: 1;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    line-height: 36px;
    background-image: url(https://file.hstatic.net/1000036599/file/stickertfs_bg_a7da913f3e6740e289cd4cf5a9262d1c.png);
    background-size: contain;
}
.sticker_percent span span {
    font-size: 9px;
    vertical-align: super;
}

.lazy-img--prod {
    padding-bottom: 100%;
}

.lazy-img-cb {
    padding-bottom: 100%;
    display: block;
    height: 0;
    position: relative;
}
.lazy-img-cb img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    object-fit: contain;
    transform: translate(-50%, -50%);
}

/* CSS dịp 30/4 - 50 năm
.proloop-img {
  &:before{
    content: "";
    position: absolute;
    left: 10px;
    top: 3px;
    width: 35px;
    height: 35px;
    z-index: 2;
    background: url('https://file.hstatic.net/200000722513/file/viet-nam.png') no-repeat;
    background-size: contain;
  }
}
[class*="page-ldp-"]{
  .proloop-img {
    &:before{
      left: 5px;
      top: 0px;
    }
  }
}
*/
#section_viewed .proloop-img:before {
    display: none;
}

.proloop {
    padding: 0 4px;
    margin-bottom: 8px;
    outline: none;
}
.proloop .proloop-block {
    display: block;
    position: relative;
    height: 100%;
    overflow: hidden;
    background: #fff;
    border-radius: 4px;
    box-shadow: inset 1px 0px 0px #ededed, inset -1px 0px 0px #ededed,
        inset 0px 1px 0px #ededed, inset 0px -1px 0px #ededed;
}
.proloop .proloop-img {
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 10px;
}
.proloop .proloop-img .aspect-ratio {
    position: relative;
    padding-bottom: 100%;
    display: block;
    border-radius: 4px;
}
.proloop .proloop-img .aspect-ratio img {
    width: 100%;
    border-radius: 4px;
}
.proloop .proloop-img .aspect-ratio picture {
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(0%);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.proloop .proloop-img .aspect-ratio .has-hover img {
    transition: all 1.2s ease-out 0s;
    -webkit-transition: all 1.2s ease-in-out 0s;
    -ms-transition: all 1.2s ease-in-out 0s;
}
.proloop .proloop-img .sticker_frame {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 34px);
    display: flex;
    align-items: flex-end;
}
.proloop .proloop-img .sticker_left_bottom {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: flex-end;
}
.proloop .proloop-img .sticker_left_bottom img {
    height: 62px;
}
.proloop .proloop-label {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding-bottom: 10px;
    height: 34px;
    white-space: nowrap;
    margin-top: -40px;
}
.proloop .proloop-label--top {
    justify-content: space-between;
    column-gap: 8px;
    /* 30/4 */
    /*padding-left: 40px !important;*/
    /*display: none;*/
}
.proloop .proloop-label--top_ldp {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
    padding: 0 10px;
    /* 30/4 */
    /*justify-content: flex-end;*/
}
.proloop .proloop-label--top span.tag-student {
    position: absolute;
    z-index: 5;
    background: transparent !important;
    width: 30%;
    top: 5px;
    left: 5px;
    padding: 0;
}
.proloop .proloop-label--gift {
    cursor: pointer;
    border: none;
    padding: 0;
    background: none;
    outline: none;
}
.proloop .proloop-label--gift svg {
    width: 20px;
    height: 20px;
    vertical-align: -2px;
}
.proloop .proloop-label--tag {
    display: inline-flex;
    overflow-x: scroll;
}
.proloop .proloop-label--tag::-webkit-scrollbar {
    display: none;
}
.proloop .proloop-label--tag > span {
    padding: 2px 4px;
    background: #ececec;
    border-radius: 4px;
    display: inline-block;
    font-size: 13px;
    line-height: 16px;
}
.proloop .proloop-label--tag span + span {
    margin-left: 8px;
}
.proloop .proloop-label--tag .tag-gifthot,
.proloop .proloop-label--tag .tag-ins1 {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px 2px 6px;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 600;
}
.proloop .proloop-label--tag .tag-gifthot svg,
.proloop .proloop-label--tag .tag-ins1 svg {
    width: 12px;
    height: 12px;
    margin-right: 4px;
}
.proloop .proloop-label--tag .tag-gifthot > span,
.proloop .proloop-label--tag .tag-ins1 > span {
    white-space: nowrap;
}
.proloop .proloop-label--tag .tag-gifthot {
    background: #e30019;
    color: #fff;
}
.proloop .proloop-label--tag .tag-lixi {
    position: relative;
    padding-left: 30px;
    background: rgba(247, 222, 133, 0.9);
    color: #e30019;
}
.proloop .proloop-label--tag .tag-lixi img {
    position: absolute;
    left: 7px;
    bottom: 2px;
    width: 20px;
}
.proloop .proloop-label--tag .tag-ins1 {
    background: #e30019;
    color: #fff;
    padding: 2px 10px;
}
.proloop .proloop-label--tag.has_student span.tag-student {
    left: 8px;
    right: unset;
}
.proloop .proloop-label--new {
    padding: 2px 16px;
    background: #1e9800;
    color: #fff;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 600;
}
.proloop .proloop-label--freeship {
    padding: 2px 16px;
    background: #005ec9;
    color: #fff;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 600;
}
.proloop .proloop-label--bestseller {
    display: inline-flex;
    align-items: center;
    padding: 2px 16px 2px 6px;
    background: #e30019;
    color: #fff;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 600;
}
.proloop .proloop-label--bestseller svg {
    width: 12px;
    height: 12px;
    margin-right: 4px;
}
.proloop .proloop-label--bestseller span {
    white-space: nowrap;
}
.proloop .proloop-label.hide {
    opacity: 0;
    visibility: hidden;
}
.proloop .proloop-label > span + span {
    margin-left: 8px;
}
.proloop .proloop-label--bottom {
    overflow-x: scroll;
}
.proloop .proloop-label--bottom::-webkit-scrollbar {
    display: none;
}
.proloop.bg_border .proloop-img .fade-box {
    border: 2px solid #f00;
}
.proloop.bg_border .proloop-label--tag {
    overflow: unset;
}
.proloop.bg_border .proloop-label--tag .tag-gifthot-2 {
    position: relative;
    padding-left: 20px;
    background: none;
    background-image: url(https://theme.hstatic.net/200000722513/1001140065/14/hotdeal-bg.png?v=717);
    background-repeat: no-repeat;
    background-size: contain;
}
.proloop.bg_border .proloop-label--tag .tag-gifthot-2 img {
    position: absolute;
    width: 13px;
    height: 25px;
    left: 4px;
    top: -8px;
}
.proloop.bg_border .proloop-label--tag .tag-gifthot-2 span {
    background: linear-gradient(180deg, #fff7df 0%, #fff77d 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.proloop .proloop-detail {
    padding: 6px 16px 16px;
    width: 100%;
    position: relative;
    z-index: 3;
}
.proloop .proloop-detail .proloop-name {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}
.proloop .proloop-detail .proloop-name a {
    color: #333333;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.proloop .proloop-detail .proloop-price {
    margin: 0 0 8px;
    position: relative;
}
.proloop .proloop-detail .proloop-price span {
    display: inline-block;
}
.proloop .proloop-detail .proloop-price .proloop-price--normal {
    font-size: 16px;
    font-weight: 600;
    color: #e30019;
}
.proloop .proloop-detail .proloop-price .proloop-price--highlight {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #e30019;
}
.proloop .proloop-detail .proloop-price .proloop-price--compare {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    color: #6d6e72;
}
.proloop .proloop-detail .proloop-price .proloop-label--on-sale {
    padding: 0 4px;
    background: #ffeded;
    border-radius: 2px;
    color: #e30019;
    border: 1px solid #e30019;
    line-height: 16px;
    font-size: 13px;
    margin-left: 10px;
}
.proloop .proloop-detail .proloop-price .proloop-price--default {
    display: flex;
    align-items: center;
}
.proloop .proloop-detail .proloop-price.hfs_4.hideprice {
    display: none;
}
.proloop .proloop-detail .proloop-technical {
    background: #ececec;
    border-radius: 4px;
    color: #6d6e72;
    font-size: 12px;
    padding: 4px 8px;
    margin-bottom: 8px;
    display: flex;
    flex-wrap: wrap;
    /*.proloop-technical--line:nth-child(1),.proloop-technical--line:nth-child(2){width: 100%;}*/
}
.proloop .proloop-detail .proloop-technical .proloop-technical--line > svg {
    width: 10px;
    height: 10px;
    margin-right: 5px;
}
.proloop .proloop-detail .proloop-technical .proloop-technical--line {
    display: inline-flex;
    align-items: center;
    padding-bottom: 2px;
    margin-right: 10px;
}
.proloop
    .proloop-detail
    .proloop-technical
    .proloop-technical--line[data-tag="cpu"] {
    order: 1;
}
.proloop
    .proloop-detail
    .proloop-technical
    .proloop-technical--line[data-tag="vga"] {
    order: 2;
}
.proloop
    .proloop-detail
    .proloop-technical
    .proloop-technical--line[data-tag="main"] {
    order: 3;
}
.proloop
    .proloop-detail
    .proloop-technical
    .proloop-technical--line[data-tag="ram"] {
    order: 4;
}
.proloop
    .proloop-detail
    .proloop-technical
    .proloop-technical--line[data-tag="ssd"] {
    order: 5;
}
.proloop
    .proloop-detail
    .proloop-technical
    .proloop-technical--line[data-tag="lcd"] {
    order: 6;
}
.proloop
    .proloop-detail
    .proloop-technical
    .proloop-technical--line[data-tag="hz"] {
    order: 7;
}
.proloop
    .proloop-detail
    .proloop-technical
    .proloop-technical--line[data-tag="pin"] {
    order: 8;
}
.proloop
    .proloop-detail
    .proloop-technical
    .proloop-technical--line[data-tag="weight"] {
    order: 9;
}
.proloop
    .proloop-detail
    .proloop-technical
    .proloop-technical--line[data-tag="res"] {
    order: 10;
}
.proloop
    .proloop-detail
    .proloop-technical
    .proloop-technical--line[data-tag="panel"] {
    order: 11;
}
.proloop
    .proloop-detail
    .proloop-technical
    .proloop-technical--line[data-tag="connect"] {
    order: 12;
}
.proloop
    .proloop-detail
    .proloop-technical
    .proloop-technical--line[data-tag="led"] {
    order: 13;
}
.proloop
    .proloop-detail
    .proloop-technical
    .proloop-technical--line[data-tag="typehp"] {
    order: 14;
}
.proloop
    .proloop-detail
    .proloop-technical
    .proloop-technical--line[data-tag="connector"] {
    order: 15;
}
.proloop
    .proloop-detail
    .proloop-technical
    .proloop-technical--line[data-tag="length"] {
    order: 16;
}
.proloop
    .proloop-detail
    .proloop-technical
    .proloop-technical--line[data-tag="material"] {
    order: 17;
}
.proloop
    .proloop-detail
    .proloop-technical
    .proloop-technical--line[data-tag="width"] {
    order: 18;
}
.proloop
    .proloop-detail
    .proloop-technical
    .proloop-technical--line[data-tag="height"] {
    order: 19;
}
.proloop
    .proloop-detail
    .proloop-technical
    .proloop-technical--line[data-tag="size"] {
    order: 20;
}
.proloop
    .proloop-detail
    .proloop-technical
    .proloop-technical--line[data-tag="keycap"] {
    order: 21;
}
.proloop .proloop-detail .proloop-rating {
    display: flex;
    align-items: center;
    font-size: 12px;
}
.proloop .proloop-detail .proloop-rating span {
    display: inline-flex;
}
.proloop .proloop-detail .proloop-rating span.number {
    color: #ff8a00;
    font-weight: 600;
}
.proloop .proloop-detail .proloop-rating span.icon {
    margin: 0 8px 1px 2px;
}
.proloop .proloop-detail .proloop-rating span.icon svg {
    height: 12px;
    width: 12px;
}
.proloop .proloop-detail .proloop-rating span.count {
    color: #6d6e72;
    font-weight: 400;
}
.proloop .proloop-button {
    width: calc(100% - 20px);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 2;
    display: flex;
    left: 0;
    right: 0;
    bottom: -30px;
    margin: auto;
    border-radius: 0;
    background: rgba(5, 5, 5, 0.6);
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    display: none;
}
.proloop .proloop-button button {
    border-radius: 0;
    text-transform: uppercase;
    font-size: 10px;
    border: 1px solid transparent;
    background: transparent;
    color: #fff;
    width: 50%;
    padding: 6px 5px;
    outline: none;
    font-weight: 500;
    position: relative;
}
.proloop .proloop-button button:not(:last-child):before {
    content: "";
    position: absolute;
    width: 1px;
    height: 54%;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #c9c9c9;
}
.proloop.proloop-special .proloop-label--bottom > span {
    display: inline-flex;
}
.proloop.proloop-special
    .proloop-detail
    .proloop-technical
    .proloop-technical--line:nth-child(1),
.proloop.proloop-special
    .proloop-detail
    .proloop-technical
    .proloop-technical--line:nth-child(2) {
    width: 40%;
}
.proloop.proloop-special .proloop-img .sticker_frame {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 45%;
    height: 100%;
}
.proloop.proloop-special .proloop-img .mult-pic picture:nth-of-type(2) {
    display: none;
}
.proloop.proloop-special .proloop-img .mult-pic img {
    transition: all 1.2s ease-out 0s;
    -webkit-transition: all 1.2s ease-in-out 0s;
    -ms-transition: all 1.2s ease-in-out 0s;
}
@media (max-width: 1170px) and (min-width: 992px) {
    .proloop .proloop-label--tag span {
        font-size: 10px;
    }
    .proloop .proloop-label--gift svg {
        width: 16px;
        height: 16px;
    }
    .proloop .proloop-label--new,
    .proloop .proloop-label--freeship,
    .proloop .proloop-label--bestseller {
        font-size: 10px;
    }
    .proloop .proloop-detail .proloop-name {
        font-size: 12px;
    }
    .proloop .proloop-detail .proloop-price .proloop-price--normal,
    .proloop .proloop-detail .proloop-price .proloop-price--highlight {
        font-size: 14px;
    }
    .proloop .proloop-detail .proloop-price .proloop-price--compare {
        font-size: 11px;
    }
    .proloop .proloop-detail .proloop-price .proloop-label--on-sale {
        font-size: 10px;
        line-height: 15px;
        padding: 0 2px;
        margin-left: 6px;
    }
    .proloop .proloop-detail .proloop-technical {
        font-size: 10px;
    }
    .proloop .proloop-detail .proloop-rating {
        font-size: 10px;
    }
}
@media (min-width: 1024px) {
    .proloop .proloop-img:hover .proloop-button {
        opacity: 1;
        visibility: visible;
        bottom: 10px;
    }
    .proloop .proloop-img:hover .has-hover img {
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    .proloop.proloop-special .proloop-img .mult-pic {
        display: flex;
        align-items: center;
        justify-content: space-between;
        transform: translateX(0%);
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        width: 100%;
        height: 100%;
    }
    .proloop.proloop-special .proloop-img .mult-pic picture {
        width: calc(50% - 10px);
        position: relative;
    }
    .proloop.proloop-special .proloop-img .mult-pic picture:nth-of-type(2) {
        display: block;
    }
    .proloop.proloop-special .proloop-img:hover .mult-pic img {
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
@media (max-width: 991px) {
    .proloop .proloop-label--tag span {
        font-size: 10px;
    }
    .proloop .proloop-label--gift svg {
        width: 16px;
        height: 16px;
    }
    .proloop .proloop-label--new,
    .proloop .proloop-label--freeship,
    .proloop .proloop-label--bestseller {
        font-size: 10px;
    }
    .proloop .proloop-detail .proloop-name {
        font-size: 12px;
    }
    .proloop .proloop-detail .proloop-price .proloop-price--normal,
    .proloop .proloop-detail .proloop-price .proloop-price--highlight {
        font-size: 14px;
    }
    .proloop .proloop-detail .proloop-price .proloop-price--compare {
        font-size: 11px;
    }
    .proloop .proloop-detail .proloop-price .proloop-label--on-sale {
        font-size: 10px;
        line-height: 15px;
        padding: 0 2px;
        margin-left: 6px;
    }
    .proloop .proloop-detail .proloop-technical {
        font-size: 9px;
    }
    .proloop .proloop-detail .proloop-rating {
        font-size: 10px;
    }
}
@media (max-width: 567px) {
    .proloop .proloop-img {
        padding: 8px;
    }
    .proloop .proloop-detail {
        padding: 8px 8px 8px;
    }
}

.collection-product .proloop .proloop-label--top,
.listProduct-row .proloop .proloop-label--top {
    margin-top: 0;
}

.proloop-fs {
    padding: 0 2px;
    margin-bottom: 13px;
    outline: none;
}
.proloop-fs .proloop-block {
    display: block;
    position: relative;
    height: 100%;
    overflow: hidden;
    background: #fff;
    border-radius: 3px;
}
.proloop-fs .proloop-img {
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 12px;
}
.proloop-fs .proloop-img .aspect-ratio {
    position: relative;
    padding-bottom: 100%;
    display: block;
    border-radius: 4px;
}
.proloop-fs .proloop-img .aspect-ratio img {
    width: 100%;
    border-radius: 4px;
}
.proloop-fs .proloop-img .aspect-ratio picture {
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    transition: transform 0.65s ease;
}
.proloop-fs .proloop-img .aspect-ratio picture:nth-of-type(1) {
    transform: translateX(0%);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.proloop-fs .proloop-img .aspect-ratio picture:nth-of-type(2) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.65s ease;
    transform: translateX(100%);
}
@media (max-width: 767px) {
    .proloop-fs .proloop-img .aspect-ratio picture:nth-of-type(2) {
        display: none;
    }
}
.proloop-fs .proloop-img .aspect-ratio .has-hover img {
    transition: all 1.2s ease-out 0s;
    -webkit-transition: all 1.2s ease-in-out 0s;
    -ms-transition: all 1.2s ease-in-out 0s;
}
.proloop-fs .proloop-img .sticker_frame {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
}
.proloop-fs .proloop-img .sticker_left_bottom {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: flex-end;
}
.proloop-fs .proloop-img .sticker_left_bottom img {
    height: 62px;
}
.proloop-fs .proloop-label {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    height: 34px;
    margin-top: -40px;
}
.proloop-fs .proloop-label--top {
    justify-content: space-between;
}
.proloop-fs .proloop-label--gift {
    cursor: pointer;
    border: none;
    padding: 0;
    background: none;
    outline: none;
}
.proloop-fs .proloop-label--gift svg {
    width: 20px;
    height: 20px;
    vertical-align: -2px;
}
.proloop-fs .proloop-label--tag {
    display: inline-flex;
}
.proloop-fs .proloop-label--tag span {
    padding: 2px 4px;
    background: #ececec;
    border-radius: 4px;
    display: inline-block;
    font-size: 13px;
    line-height: 16px;
}
.proloop-fs .proloop-label--tag span + span {
    margin-left: 8px;
}
.proloop-fs .proloop-label--new {
    padding: 2px 8px;
    background: #1e9800;
    color: #fff;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 600;
}
.proloop-fs .proloop-label--freeship {
    padding: 2px 8px;
    background: #005ec9;
    color: #fff;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 600;
}
.proloop-fs .proloop-label--bestseller {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    background: #e30019;
    color: #fff;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 600;
}
.proloop-fs .proloop-label--bestseller svg {
    width: 12px;
    height: 12px;
    margin-right: 4px;
}
.proloop-fs .proloop-label.hide {
    opacity: 0;
    visibility: hidden;
}
.proloop-fs .proloop-label > span + span {
    margin-left: 8px;
    display: none;
}
.proloop-fs .proloop-detail {
    padding: 8px 12px 12px;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    display: -webkit-flex;
    display: flex;
    min-height: 125px;
    width: 100%;
}
.proloop-fs .proloop-detail .proloop-name {
    margin: 0 0 6px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}
.proloop-fs .proloop-detail .proloop-name a {
    color: #333333;
    line-height: 16px;
    height: 32px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.proloop-fs .proloop-detail .proloop-price {
    margin: 0 0 7px;
    position: relative;
    height: 36px;
}
.proloop-fs .proloop-detail .proloop-price span {
    display: inline-block;
}
.proloop-fs .proloop-detail .proloop-price .proloop-price--normal {
    font-size: 16px;
    font-weight: 600;
    color: #e30019;
}
.proloop-fs .proloop-detail .proloop-price .proloop-price--highlight {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #e30019;
}
.proloop-fs .proloop-detail .proloop-price .proloop-price--compare {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    color: #6d6e72;
}
.proloop-fs .proloop-detail .proloop-price .proloop-label--on-sale {
    padding: 0 4px;
    background: #ffeded;
    border-radius: 2px;
    color: #e30019;
    border: 1px solid #e30019;
    line-height: 16px;
    font-size: 13px;
    margin-left: 10px;
}
.proloop-fs .proloop-detail .proloop-price .proloop-price--default {
    display: flex;
    align-items: center;
}
.proloop-fs .proloop-detail .proloop-price.hfs_4.hideprice {
    display: none;
}
.proloop-fs .proloop-detail .proloop-rating {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-bottom: 7px;
}
.proloop-fs .proloop-detail .proloop-rating span {
    display: inline-flex;
}
.proloop-fs .proloop-detail .proloop-rating span.number {
    color: #ff8a00;
    font-weight: 600;
}
.proloop-fs .proloop-detail .proloop-rating span.icon {
    margin: 0 8px 1px 2px;
}
.proloop-fs .proloop-detail .proloop-rating span.icon svg {
    height: 12px;
    width: 12px;
}
.proloop-fs .proloop-detail .proloop-rating span.count {
    color: #6d6e72;
    font-weight: 400;
}
.proloop-fs .proloop-detail .proloop-progress {
    position: relative;
    margin-top: auto;
}
.proloop-fs .proloop-detail .proloop-progress .progress-bar {
    width: 128px;
    height: 20px;
    overflow: hidden;
    background: #ff8d9b;
    border-radius: 16px;
}
.proloop-fs .proloop-detail .proloop-progress .progress-bar .progress-percent {
    display: flex;
    align-items: center;
    background: #ff8d9b;
    border-radius: 16px;
    position: relative;
}
.proloop-fs .proloop-detail .proloop-progress .progress-bar span.icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: #e30019;
    border-radius: 79px;
}
.proloop-fs
    .proloop-detail
    .proloop-progress
    .progress-bar
    span.icon.icon-sold {
    left: 8px;
}
.proloop-fs .proloop-detail .proloop-progress .progress-bar span.text {
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    padding: 1px 0 1px 30px;
}
.proloop-fs
    .proloop-detail
    .proloop-progress
    .progress-bar
    span.text.text-sold {
    background: #e30019;
    border-radius: 79px;
    padding: 1px 9px 1px 38px;
}
.proloop-fs .proloop-button {
    width: calc(100% - 20px);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 2;
    display: flex;
    left: 0;
    right: 0;
    bottom: -30px;
    margin: auto;
    border-radius: 0;
    background: rgba(5, 5, 5, 0.6);
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    display: none;
}
.proloop-fs .proloop-button button {
    border-radius: 0;
    text-transform: uppercase;
    font-size: 10px;
    border: 1px solid transparent;
    background: transparent;
    color: #fff;
    width: 50%;
    padding: 6px 5px;
    outline: none;
    font-weight: 500;
    position: relative;
}
.proloop-fs .proloop-button button:not(:last-child):before {
    content: "";
    position: absolute;
    width: 1px;
    height: 54%;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #c9c9c9;
}
@media (max-width: 1170px) and (min-width: 992px) {
    .proloop-fs .proloop-detail .proloop-name {
        font-size: 12px;
    }
    .proloop-fs .proloop-detail .proloop-price .proloop-price--normal,
    .proloop-fs .proloop-detail .proloop-price .proloop-price--highlight {
        font-size: 14px;
    }
    .proloop-fs .proloop-detail .proloop-price .proloop-price--compare {
        font-size: 11px;
    }
    .proloop-fs .proloop-detail .proloop-price .proloop-label--on-sale {
        font-size: 10px;
        line-height: 15px;
        padding: 0 2px;
        margin-left: 6px;
    }
    .proloop-fs .proloop-detail .proloop-progress .progress-bar {
        height: 17px;
    }
    .proloop-fs .proloop-detail .proloop-progress .progress-bar span.icon {
        display: inline-flex;
        width: 17px;
        height: 17px;
        background: #e30019;
        border-radius: 79px;
    }
    .proloop-fs .proloop-detail .proloop-progress .progress-bar span.text {
        display: inline-flex;
        font-size: 10px;
        font-weight: 600;
    }
    .proloop-fs .proloop-detail .proloop-rating {
        font-size: 10px;
    }
}
@media (min-width: 1024px) {
    .proloop-fs .proloop-img:hover .proloop-button {
        opacity: 1;
        visibility: visible;
        bottom: 10px;
    }
    .proloop-fs .proloop-img:hover .has-hover img {
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
@media (max-width: 991px) {
    .proloop-fs .proloop-detail .proloop-name {
        font-size: 12px;
    }
    .proloop-fs .proloop-detail .proloop-price .proloop-price--normal,
    .proloop-fs .proloop-detail .proloop-price .proloop-price--highlight {
        font-size: 14px;
    }
    .proloop-fs .proloop-detail .proloop-price .proloop-price--compare {
        font-size: 11px;
    }
    .proloop-fs .proloop-detail .proloop-price .proloop-label--on-sale {
        font-size: 10px;
        line-height: 15px;
        padding: 0 2px;
        margin-left: 6px;
    }
    .proloop-fs .proloop-detail .proloop-progress .progress-bar span.icon {
        display: inline-flex;
        width: 17px;
        height: 17px;
        background: #e30019;
        border-radius: 79px;
    }
    .proloop-fs .proloop-detail .proloop-progress .progress-bar span.text {
        display: inline-flex;
        font-size: 10px;
        font-weight: 600;
    }
    .proloop-fs .proloop-detail .proloop-rating {
        font-size: 10px;
    }
}
@media (max-width: 567px) {
    .proloop-fs .proloop-img {
        padding: 8px;
    }
    .proloop-fs .proloop-detail {
        padding: 8px 8px 8px;
    }
}

.pro-loading .product-block {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 15px;
    margin: 10px auto;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #f5f5f5;
    /*border-color: #e5e6e9 #dfe0e4 #d0d1d5;*/
}

.pro-loading .panel-effect {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f6f7f8 no-repeat 800px 104px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjdmOCIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZWRlZWYxIi8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmNmY3ZjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY3ZjgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=");
    background-size: 100%;
    background-image: -webkit-gradient(
        linear,
        0% 50%,
        100% 50%,
        color-stop(0%, #f6f7f8),
        color-stop(20%, #edeef1),
        color-stop(40%, #f6f7f8),
        color-stop(100%, #f6f7f8)
    );
    background-image: -moz-linear-gradient(
        left,
        #f6f7f8 0%,
        #edeef1 20%,
        #f6f7f8 40%,
        #f6f7f8 100%
    );
    background-image: -webkit-linear-gradient(
        left,
        #f6f7f8 0%,
        #edeef1 20%,
        #f6f7f8 40%,
        #f6f7f8 100%
    );
    background-image: linear-gradient(
        to right,
        #f6f7f8 0%,
        #edeef1 20%,
        #f6f7f8 40%,
        #f6f7f8 100%
    );
    -moz-animation: anim 1s forwards infinite linear;
    -webkit-animation: anim 1s forwards infinite linear;
    animation: anim 1s forwards infinite linear;
}

.pro-loading .fake-effect {
    position: absolute;
    background: #fff;
    right: 0;
    left: 0;
    height: 6px;
}
.pro-loading .fake-effect.fe-1 {
    height: 8px;
    left: 0;
    bottom: 0;
    right: 0;
}
.pro-loading .fake-effect.fe-2 {
    left: 136px;
    bottom: 8px;
}
.pro-loading .fake-effect.fe-3 {
    height: 12px;
    left: 0;
    bottom: 14px;
}
.pro-loading .fake-effect.fe-4 {
    left: 100px;
    bottom: 26px;
}
.pro-loading .fake-effect.fe-5 {
    height: 10px;
    left: 0;
    bottom: 32px;
}
.pro-loading .fake-effect.fe-6 {
    height: 6px;
    bottom: 40px;
}
.pro-loading .fake-effect.fe-7 {
    left: 410px;
    bottom: 60px;
}
.pro-loading .fake-effect.fe-8 {
    height: 13px;
    bottom: 66px;
}
.pro-loading .fake-effect.fe-9 {
    left: 200px;
    bottom: 79px;
}
.pro-loading .fake-effect.fe-10 {
    height: 13px;
    bottom: 85px;
}

.loading-mask .loading-mask__image .mask-line,
.loading-mask .loading-mask__detail .mask-line {
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f6f6;
    background: linear-gradient(to right, #f6f6f6 8%, #f0f0f0 18%, #f6f6f6 33%);
    background-size: 800px 104px;
    position: relative;
}

.proloop-loadding .product-inner {
    background: #fff;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.proloop-loadding .proloop-image .lazy-img {
    position: relative;
    width: 100%;
    height: 0;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    padding-bottom: 100%;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.proloop-loadding .proloop-detail {
    position: relative;
    padding: 10px 14px 10px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
    background: #fff;
    -webkit-transition: transform 300ms ease;
    -moz-transition: transform 300ms ease;
    -ms-transition: transform 300ms ease;
    -o-transition: transform 300ms ease;
    transition: transform 300ms ease;
}

.proloop-loadding .loading-mask .loading-mask__image {
    position: relative;
    overflow: hidden;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 5px;
}

.proloop-loadding .loading-mask .loading-mask__detail {
    padding: 10px;
}

.proloop-loadding .loading-mask .loading-mask__detail .mask-line {
    height: 10px;
    width: 100%;
    border-radius: 8px;
    margin: 4px 0;
}

.proloop-loadding .loading-mask .loading-mask__detail .mask-line:nth-child(2) {
    width: 80%;
}

.proloop-loadding .loading-mask .loading-mask__detail .mask-line:nth-child(3) {
    width: 65%;
}

.proloop-loadding .product-loop-load {
    border: 1px solid #eae8e4;
    margin-left: -1px;
    margin-bottom: -1px;
}

/* . - Banner box */
.banner-box {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}
.banner-box img {
    border-radius: 4px;
}
.banner-box .aspect-ratio {
    padding-bottom: calc((var(--height-img) / var(--width-img)) * 100%);
    display: block;
}
.banner-box .aspect-ratio img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/* . -  Progress bar */
.progress-box .progress-line {
    position: relative;
    padding-bottom: 30px;
}
.progress-box .progress-line .progress {
    height: 12px;
    position: relative;
    overflow: initial;
    padding: 2px;
    border-radius: 50px;
    background: #ececec;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px rgba(0, 0, 0, 0.05);
}
.progress-box .progress-line .progress:after {
    content: attr(data-text);
    position: absolute;
    right: 0;
    color: #6d6e72;
    font-size: 14px;
    bottom: -25px;
}
.progress-box .progress-line .progress:before {
    content: "Mua";
    position: absolute;
    left: 0;
    color: #6d6e72;
    font-size: 14px;
    bottom: -25px;
}
.progress-box .progress-line .progress .progress-bar {
    height: 8px;
    border-radius: 50px;
    width: 0%;
    background: #eec14e;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    transition-property: width, background-color;
}
.progress-box .progress-line .progress .progress-ic-moved {
    background: #eec14e;
}

.progress-box .progress-title {
    position: relative;
    display: flex;
    align-items: center;
}
.progress-box .progress-title span {
    display: inline-block;
}
.progress-box .progress-title .progress-price {
    font-size: 14px;
    line-height: 18px;
    color: #1982f9;
    padding: 4px 10px;
    border: 1px solid #1982f9;
    border-radius: 4px;
    margin-left: 16px;
}

.progress-box.freeship .progress-line .progress .progress-bar {
    background: #24b400;
}

.progress-box.freeship .progress-line .progress .progress-ic-moved {
    background: #24b400;
}

/* . - Post loop */
.post-item {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    flex: 1 1 300px;
}
.post-item .post-thumb {
    margin-bottom: 8px;
    border-radius: 4px;
}
.post-item .post-thumb .aspect-ratio {
    position: relative;
    padding-bottom: 56%;
    display: block;
    z-index: 1;
}
.post-item .post-thumb .aspect-ratio picture {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.post-item .post-thumb img {
    width: 100%;
}
.post-item .post-content {
    margin-bottom: 10px;
}
.post-item .post-content .post-info {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 12px;
    color: #5a5a5a;
}
.post-item .post-content .post-title {
    font-size: 16px;
    line-height: 22px;
    position: relative;
    font-weight: 500;
    margin-bottom: 10px;
}
.post-item .post-content .post-title:after {
    position: absolute;
    content: none;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 50px;
    height: 2px;
    background: #111111;
}
.post-item .post-content .post-title a {
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.post-item .post-content .post-descr p {
    margin-bottom: 0;
    color: #414141;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.post-item .btn-viewmore {
    align-self: flex-start;
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    font-size: 12px;
}
.post-item .btn-viewmore svg {
    margin-left: 5px;
}
.post-item .btn-viewmore:hover svg path {
    fill: var(--color-primary);
}

/*-------------------------------------------*/
/* . HEADER */
/*-------------------------------------------*/
/* - Header top */
.top-header {
    position: relative;
    z-index: 10;
}
.top-header .list-banners {
    width: 100%;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.top-header .list-banners .item-banner {
    text-align: center;
    display: none;
    background-repeat: no-repeat;
    background-position: center 100%;
}
.top-header .list-banners .item-banner.active {
    display: block;
}
.top-header.topbar-notify {
    background: #ffeded;
    font-size: 16px;
    font-weight: 600;
    padding: 8.5px 0;
}
.top-header.topbar-notify svg {
    margin-right: 5px;
}
.top-header.topbar-notify a {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* - Header Main  */
.main-header {
    position: relative;
    position: sticky;
    top: 0;
    z-index: 20;
    background: #e30019;
}
.main-header .main-header--top .row-header {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 8px 0;
}
.main-header .main-header--top .row-header > div {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.main-header .main-header--top .header-action-item {
    margin-left: 8px;
    align-self: center;
}
.main-header .main-header--top .header-action-item .header-action_text {
    position: relative;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.main-header
    .main-header--top
    .header-action-item
    .header-action_text
    .box-triangle {
    position: absolute;
    width: 22px;
    height: 15px;
    top: 100%;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all 0.3s;
}
.main-header
    .main-header--top
    .header-action-item
    .header-action_text
    .box-triangle
    svg {
    -webkit-filter: drop-shadow(0 -3px 2px rgba(0, 0, 0, 0.12));
    filter: drop-shadow(0 -3px 2px rgba(0, 0, 0, 0.12));
}
.main-header
    .main-header--top
    .header-action-item
    .header-action_text
    .header-action__link {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 16px;
    white-space: nowrap;
    color: #fff;
}
.main-header
    .main-header--top
    .header-action-item
    .header-action_text
    .header-action__link
    .box-icon,
.main-header
    .main-header--top
    .header-action-item
    .header-action_text
    .header-action__link
    .box-text {
    display: inline-block;
    vertical-align: middle;
}
.main-header
    .main-header--top
    .header-action-item
    .header-action_text
    .header-action__link
    .box-text {
    padding: 0 8px 0 3px;
    font-weight: 600;
}
.main-header
    .main-header--top
    .header-action-item
    .header-action_text
    .header-action__link
    .box-text
    .txtbl {
    display: block;
}
.main-header
    .main-header--top
    .header-action-item
    .header-action_text
    .header-action__link
    .box-text
    .txt-overflow {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    max-width: 98px;
    overflow: hidden;
}
.main-header
    .main-header--top
    .header-action-item
    .header-action_text
    .header-action__link
    .box-text
    .fa {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    margin-left: 3px;
}
.main-header
    .main-header--top
    .header-action-item
    .header-action_text
    .header-action__link
    .box-icon {
    position: relative;
    width: 36px;
    height: 36px;
    text-align: center;
}
.main-header
    .main-header--top
    .header-action-item
    .header-action_text
    .header-action__link
    .box-icon
    svg {
    width: 18px;
    height: 36px;
}
.main-header
    .main-header--top
    .header-action-item
    .header-action_text
    .header-action__link
    .box-icon
    svg.svg-ico-account {
    width: 22px;
}
.main-header
    .main-header--top
    .header-action-item
    .header-action_text
    .header-action__link
    .box-icon
    svg.svg-ico-search {
    width: 20px;
}
.main-header
    .main-header--top
    .header-action-item
    .header-action_text
    .header-action__link
    .box-icon
    .box-icon--close {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.3);
    transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out,
        -webkit-transform 0.35s ease-in-out;
}
.main-header
    .main-header--top
    .header-action-item
    .header-action_text
    .header-action__link
    .box-icon
    .box-icon--close
    svg {
    width: 18px;
}
.main-header
    .main-header--top
    .header-action-item
    .header-action_text
    .header-action__link
    .box-icon
    .count-holder {
    display: inline-block;
    vertical-align: top;
    background: #fdd835;
    border: 2px solid #fff;
    color: #111111;
    font-size: 9px;
    font-weight: 600;
    text-align: center;
    position: absolute;
    left: 17px;
    top: 5px;
    padding: 0;
    width: 16px;
    height: 16px;
    line-height: 13px;
    border-radius: 50%;
}
.main-header
    .main-header--top
    .header-action-item
    .header-action_text
    .header-action__link:hover
    svg.svg-ico-search {
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.main-header .main-header--top .header-action-item .header-action_dropdown {
    width: 320px;
    padding: 0;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 135%;
    visibility: hidden;
    opacity: 0;
    background: #ffffff;
    border: 1px solid #ececec;
    box-shadow: 0px 2px 6px rgba(193, 193, 193, 0.25);
    transition: all 0.3s;
    border-radius: 4px;
    height: auto;
    /*max-height: calc(100vh - var(--header-dropdown-mheight));*/
    display: none;
}
.main-header
    .main-header--top
    .header-action-item
    .header-action_dropdown
    .header-dropdown-cover {
    height: auto;
    max-height: calc(100vh - var(--header-dropdown-mheight));
    overflow: auto;
}
.main-header
    .main-header--top
    .header-action-item
    .header-action_dropdown
    .header-dropdown-cover::-webkit-scrollbar {
    width: 4px;
    height: 2px;
}
.main-header
    .main-header--top
    .header-action-item
    .header-action_dropdown
    .header-dropdown-cover::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.main-header
    .main-header--top
    .header-action-item
    .header-action_dropdown
    .header-dropdown-cover::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #f1f1f1;
    -webkit-box-shadow: inset 0 0 6px rgba(241, 241, 241, 0.03);
}
.main-header
    .main-header--top
    .header-action-item
    .header-action_dropdown
    .header-dropdown-cover::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(241, 241, 241, 0.03);
}
.main-header .main-header--top .header-action-item .header-action_boxfull {
    position: absolute;
    z-index: 6;
    left: 0;
    right: 0;
    top: 99%;
    visibility: hidden;
    opacity: 0;
    padding-top: 74.5px;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
.main-header
    .main-header--top
    .header-action-item
    .header-action_boxfull
    .sidebar-menu
    .absolute-center {
    border-left-color: rgba(0, 0, 0, 0.6);
}
.main-header
    .main-header--top
    .header-action-item
    .header-action_text
    .header-action__link
    .box-text {
    display: none;
}
.main-header .main-header--top .header-action-item.main-header--cate {
    margin-left: 0px;
}
.main-header
    .main-header--top
    .header-action-item.main-header--cate
    .header-action_text
    .header-action__link
    .box-icon
    svg {
    width: 22px;
    height: 36px;
}
.main-header .main-header--top .header-action-item.main-header--area {
    position: relative;
}
.main-header
    .main-header--top
    .header-action-item.main-header--area
    .header-action_text
    .header-action__link {
    background: #be1529;
    border-radius: 4px;
}
.main-header
    .main-header--top
    .header-action-item.main-header--area
    .header-action_text
    .header-action__link
    .box-text {
    display: inline-block;
}
.main-header
    .main-header--top
    .header-action-item.main-header--area
    .header-action_text
    .header-action__link
    .box-text
    .txtbl {
    font-weight: 400;
    font-size: 14px;
}
.main-header .main-header--top .header-action-item.main-header--account {
    /*.header-action_text.loged .box-triangle {display: none;}*/
}
.main-header
    .main-header--top
    .header-action-item.main-header--account
    .header-action_dropdown
    .box-triangle {
    right: 58px;
}
.main-header
    .main-header--top
    .header-action-item.main-header--cart
    .header-action_text
    .header-action__link {
    background: #be1529;
    border-radius: 4px;
}
.main-header
    .main-header--top
    .header-action-item.main-header--cart
    .header-action_dropdown
    .header-dropdown-cover {
    padding: 16px;
}
.main-header
    .main-header--top
    .header-action-item.main-header--cart
    .header-action_dropdown
    .line-stt {
    color: #1e9800;
    font-weight: 500;
    text-align: center;
    margin-bottom: 8px;
}
.main-header
    .main-header--top
    .header-action-item.main-header--cart
    .header-action_dropdown
    .line-item-add {
    display: flex;
    margin-bottom: 8px;
}
.main-header
    .main-header--top
    .header-action-item.main-header--cart
    .header-action_dropdown
    .line-item-add
    .img {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    border: 0.5px solid #eeeeee;
}
.main-header
    .main-header--top
    .header-action-item.main-header--cart
    .header-action_dropdown
    .line-item-add
    .img
    img {
    border-radius: 4px;
}
.main-header
    .main-header--top
    .header-action-item.main-header--cart
    .header-action_dropdown
    .line-item-add
    .title {
    padding-left: 8px;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    line-height: 18px;
}
.main-header
    .main-header--top
    .header-action-item.main-header--cart
    .header-action_dropdown
    .line-btn
    a {
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    display: block;
    color: #fff;
    background: #f89009;
    border: 1px solid #d97f00;
    background: -moz-linear-gradient(90deg, #f89009 30%, #f76e1b 70%);
    background: -webkit-linear-gradient(90deg, #f89009 30%, #f76e1b 70%);
    background: -o-linear-gradient(90deg, #f89009 30%, #f76e1b 70%);
    background: -ms-linear-gradient(90deg, #f89009 30%, #f76e1b 70%);
    background: linear-gradient(90deg, #f89009 30%, #f76e1b 70%);
}
.main-header .main-header--top .header-action-item.hide-mb {
    display: none;
}
@media (min-width: 992px) {
    .main-header .main-header--top .header-action-item.main-header--cate {
        margin-left: 8px;
    }
    .main-header
        .main-header--top
        .header-action-item.main-header--cate
        .header-action_text
        .header-action__link
        .box-icon
        svg {
        width: 18px;
        height: 42px;
    }
    .main-header .main-header--top .header-action-item.hide-mb {
        display: block;
    }
}
@media (min-width: 1024px) {
    .main-header .main-header--top .header-action-item:hover:before {
        visibility: visible;
        opacity: 1;
    }
}
@media (min-width: 1170px) {
    .main-header
        .main-header--top
        .header-action-item
        .header-action_text
        .header-action__link
        .box-icon {
        height: 42px;
    }
    .main-header
        .main-header--top
        .header-action-item
        .header-action_text
        .header-action__link
        .box-icon
        svg {
        height: 42px;
    }
    .main-header
        .main-header--top
        .header-action-item.main-header--cart
        .header-action_text
        .header-action__link {
        background: transparent;
        border-radius: 0px;
    }
    .main-header
        .main-header--top
        .header-action-item.main-header--account
        .header-action_text
        .header-action__link {
        background: #be1529;
        border-radius: 4px;
    }
    .main-header
        .main-header--top
        .header-action-item.main-header--cate
        .header-action_text
        .header-action__link {
        background: #be1529;
        border-radius: 4px;
    }
    .main-header
        .main-header--top
        .header-action-item
        .header-action_text
        .header-action__link
        .box-text {
        display: inline-block;
    }
    .main-header .main-header--top .header-action-item .header-action_dropdown {
        display: block;
    }
    .main-header
        .main-header--top
        .header-action-item
        .header-action_dropdown.locate-dropdown {
        width: 420px;
    }
    .main-header
        .main-header--top
        .header-action-item.main-header--account:hover
        .header-action_text
        .box-triangle,
    .main-header
        .main-header--top
        .header-action-item.main-header--cart.show-addcart
        .header-action_text
        .box-triangle {
        visibility: visible;
        opacity: 1;
    }
    .main-header
        .main-header--top
        .header-action-item.main-header--account:hover
        .header-action_dropdown,
    .main-header
        .main-header--top
        .header-action-item.main-header--cart.show-addcart
        .header-action_dropdown {
        visibility: visible;
        opacity: 1;
    }
}
.main-header .main-header--top .main-header--logo {
    margin: 0 8px 0 8px;
}
.main-header .main-header--top .main-header--logo a {
    display: block;
}
.main-header .main-header--top .main-header--logo img {
    width: 40px;
}
.main-header .main-header--top .main-header--right {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}
.main-header .main-header--top .main-header--search {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}
.main-header.sticky-head
    .main-header--top
    .header-action-item
    .header-action_boxfull {
    padding-top: 30px;
}
.main-header .main-header--right {
    position: relative;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}
@media (min-width: 992px) {
    .main-header .main-header--top .row-header {
        padding: 16px 0;
    }
    .main-header .main-header--top .main-header--left {
        flex-direction: row-reverse;
    }
}
@media (min-width: 1024px) {
    .main-header .main-header--top .main-header--logo {
        margin: 0 8px 0 0;
    }
    .main-header .main-header--top .main-header--logo img {
        width: 140px;
    }
    .main-header .main-header--top .main-header--left {
        position: relative;
    }
}

.sub-header {
    background: #e30019;
    border-bottom: 1px solid #e30019;
    position: relative;
    z-index: 1;
}
@media (min-width: 992px) {
    .sub-header {
        background: #ffffff;
        border-bottom: 1px solid #e0e0e0;
    }
}

/* - Search Auto */
.search-box {
    position: relative;
}
.search-box .searchform-product {
    position: relative;
    z-index: 9;
}
.search-box .searchform-product .input-search {
    padding: 8px 50px 8px 15px;
    height: 36px;
    background: #fff;
    border: 1px solid #fff;
    font-size: 12px;
    margin: 0;
    width: 100%;
    display: inline-block;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.search-box .searchform-product .btn-search {
    position: absolute;
    padding: 0;
    top: 0px;
    bottom: 0;
    right: 0px;
    border: 0;
    box-shadow: none;
    width: 36px;
    background: transparent;
    transition: opacity 150ms linear;
}
.search-box .searchform-product .btn-search svg {
    width: 16px;
    height: 100%;
    display: block;
    margin: auto;
    fill: #fff;
}
.search-box .smart-search-wrapper {
    position: absolute;
    top: 105%;
    left: 0;
    right: 0;
    z-index: 8;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
    border-radius: 4px;
    overflow-y: scroll;
}
.search-box .smart-search-wrapper::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}
.search-box .smart-search-wrapper::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.search-box .smart-search-wrapper::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(105, 105, 105, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.search-box .smart-search-wrapper::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(105, 105, 105, 0.4);
}
.search-box .smart-search-wrapper .resultsContent {
    height: 400px;
}
.search-box .smart-search-wrapper .resultsContent.nodata {
    height: auto;
}
.search-box .item-ult {
    padding: 12px 0;
    border-bottom: 1px solid #ececec;
    display: flex;
    flex-direction: row-reverse;
}
.search-box .item-ult .thumbs {
    width: 40px;
    display: inline-block;
    text-align: right;
}
.search-box .item-ult .thumbs a {
    display: block;
    border: 1px solid #ececec;
}
.search-box .item-ult .title {
    width: calc(100% - 40px);
    padding-right: 5px;
    line-height: 20px;
    position: relative;
    margin-top: 0px !important;
}
.search-box .item-ult .title a {
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    display: block;
    margin: 0 0 5px;
}
.search-box .item-ult .title p {
    line-height: 15px;
    font-size: 12px;
    font-weight: 500;
    float: left;
    margin: 0;
    color: var(--color-primary);
}
.search-box .item-ult .title p del {
    font-size: 11px;
    font-weight: 400;
    margin-left: 7px;
    color: #797979;
}
.search-box .resultsMore a {
    text-align: center;
    display: block;
    font-size: 13px;
    padding: 10px 0;
}
.search-box .dataEmpty {
    text-align: center;
    padding: 16px 0;
    margin-bottom: 0;
}
@media (min-width: 992px) {
    .search-box .searchform-product .input-search {
        font-size: 16px;
        height: 42px;
    }
    .search-box .searchform-product .input-search:focus {
        background: #ffffff;
        outline: none;
        border-color: var(--color-primary);
    }
    .search-box .btn-search {
        width: 40px;
    }
    .search-box .btn-search svg {
        width: 24px;
    }
}

/* - Submenu */
.list-submenu {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    transition: transform 0.25s ease 0s;
}
.list-submenu::-webkit-scrollbar {
    display: none;
}
.list-submenu .item-submenu {
    display: inline-block;
    flex: auto;
    -ms-flex: auto;
    max-width: initial;
}
.list-submenu .item-submenu a {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.list-submenu .item-submenu a span {
    display: inline-block;
}
.list-submenu .item-submenu a span.icon {
    min-width: 18px;
    margin-right: 7px;
    max-width: 19px;
    max-height: 19px;
}
.list-submenu .item-submenu a span.icon svg {
    max-width: 100%;
    height: 100%;
}
.list-submenu .item-submenu a span.text {
    white-space: nowrap;
}
.list-submenu.list-submenu--desktop .item-submenu a {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    padding: 10px;
}
.list-submenu.list-submenu--mobile {
    margin-left: -10px;
    margin-right: -10px;
}
.list-submenu.list-submenu--mobile .item-submenu a {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    padding: 8px 10px;
}
@media (min-width: 992px) {
    .list-submenu {
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .list-submenu .item-submenu {
        width: auto;
    }
    .list-submenu .item-submenu:not(:last-child) a {
        position: relative;
    }
    .list-submenu .item-submenu:not(:last-child) a:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        background: #cfcfcf;
        height: 62%;
        width: 1px;
    }
    .list-submenu.list-submenu--desktop .item-submenu a {
        padding: 10px 32px;
    }
}

/* - Main header dropdown */
/* - 1. -- Location  */
.main-header--area .locate-dropdown .boxaddress {
    padding: 12px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.063);
}
.main-header--area .locate-dropdown .boxaddress .chooseLocation {
    border: 1px solid var(--bordercolor);
    border-radius: 4px;
    padding: 6px 15px;
    font-size: 13px;
    background: #e0e0e0;
    color: #111111;
}
.main-header--area .locate-dropdown .boxaddress .chooseLocation span {
    display: block;
    font-weight: 500;
}

.main-header--area .locate-dropdown .boxprovince {
    padding: 12px 16px;
}
.main-header--area .locate-dropdown .boxprovince .textprov {
    color: #111111;
    font-weight: 500;
    margin-bottom: 10px;
}
.main-header--area .locate-dropdown .boxprovince .listprov li {
    position: relative;
    cursor: pointer;
    padding: 10px 0 10px 35px;
    transition: background 0.4s ease;
    font-size: 13px;
    border-top: 1px dotted var(colorborder);
}
.main-header--area .locate-dropdown .boxprovince .listprov li .address-name {
    display: block;
    font-weight: 600;
}
.main-header--area .locate-dropdown .boxprovince .listprov li .icmap {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 15px;
    left: 8px;
}

.main-header--area .locate-dropdown .boxfilter {
    margin-bottom: 3px;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.063);
}
.main-header--area .locate-dropdown .boxfilter .filter-select {
    margin-right: -5px;
    margin-left: -5px;
    display: -ms-flexbox;
    display: flex;
}
.main-header--area .locate-dropdown .boxfilter .filter-select .select-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 50%;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}
.main-header--area
    .locate-dropdown
    .boxfilter
    .filter-select
    .select-item
    .field-select {
    position: relative;
}
.main-header--area
    .locate-dropdown
    .boxfilter
    .filter-select
    .select-item
    .field-select:after {
    content: "";
    position: absolute;
    top: calc(50% - 5px);
    right: 12px;
    border: solid #666666;
    border-width: 0px 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.main-header--area
    .locate-dropdown
    .boxfilter
    .filter-select
    .select-item
    label {
    display: block;
    font-weight: 500;
    font-size: 13px;
    margin: 0 0 5px;
}
.main-header--area
    .locate-dropdown
    .boxfilter
    .filter-select
    .select-item
    select {
    padding: 0px 8px;
    padding-right: 25px;
    cursor: pointer;
    outline: none;
    text-overflow: ellipsis;
    border-radius: 4px;
    height: 34px;
    line-height: 32px;
    background: #ffffff;
    border: 1px solid var(--bordercolor);
    font-size: 13px;
    width: 100%;
    color: #111111;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.main-header--area
    .locate-dropdown
    .boxfilter
    .filter-select
    .select-item
    select:-ms-expand {
    display: none;
}
.main-header--area
    .locate-dropdown
    .boxfilter
    .filter-select
    .select-item
    select:invalid {
    color: #677279;
}
.main-header--area
    .locate-dropdown
    .boxfilter
    .filter-select
    .select-item
    select
    [disabled] {
    color: #ededed;
    font-weight: 300;
}
.main-header--area
    .locate-dropdown
    .boxfilter
    .filter-select
    .select-item
    select
    option {
    color: #111111;
    font-weight: 500;
    line-height: 18px;
}
.main-header--area
    .locate-dropdown
    .boxfilter
    .filter-select
    .select-item
    select
    option[value="null"] {
    color: #677279;
}

/* - 2. -- account */
.main-header--account .header-action > a span.tx-header.logged {
    height: 18px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.main-header--account .account-dropdown a {
    color: var(--textcolor);
}

.main-header--account .account-dropdown a:hover {
    text-decoration: underline;
}

.main-header--account .account-dropdown .thing {
    display: flex;
    align-items: center;
}
.main-header--account .account-dropdown .thing svg {
    width: 20px;
    height: 20px;
}
.main-header--account .account-dropdown .thing .thing-img {
    position: relative;
    overflow: hidden;
    margin-right: 12px;
    width: 24px;
}
.main-header--account .account-dropdown .thing > div:not(.thing-img) {
    width: 100%;
}
.main-header--account .account-dropdown .thing .thing-name {
    line-height: 1.2;
    font-size: 14px;
}
.main-header--account .account-dropdown .thing .thing-desc {
    font-size: 12px;
    line-height: 1.25;
    margin-top: 3px;
}

.main-header--account .account-dropdown .block ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.main-header--account .account-dropdown .block ul li {
    padding: 10px 16px;
}

.main-header--account .account-dropdown .block + .block {
    border-top: 1px solid rgba(0, 0, 0, 0.063);
}

.main-header--account .account-dropdown .greeting {
    padding: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.063);
}
.main-header--account .account-dropdown .greeting .thing {
    margin-bottom: 16px;
}
.main-header--account .account-dropdown .greeting .thing-name {
    font-weight: 600;
}
.main-header--account .account-dropdown .greeting .actions {
    display: flex;
    justify-content: space-between;
}
.main-header--account .account-dropdown .greeting .actions button {
    font-size: 12px;
    padding: 3px 10px;
    min-height: 32px;
    font-weight: 500;
    justify-content: center;
    align-items: center;
    line-height: 1;
    border-color: transparent;
    text-align: center;
    text-decoration: none;
    outline: 0px;
    border-radius: 4px;
    appearance: none;
    display: flex;
    width: 100%;
}
.main-header--account .account-dropdown .greeting .actions button:first-child {
    color: #fff;
    background-color: #111111;
    border-color: #111111;
    transition: background-color 0.2s ease 0s;
    margin-right: 5px;
}
.main-header--account .account-dropdown .greeting .actions button:last-child {
    background-color: transparent;
    color: #111111;
    border-color: #111111;
    transition: color 0.2s ease 0s, border-color 0.2s ease 0s;
    margin-left: 5px;
}

.main-header--account .account-dropdown .logged-account-dropdown {
    width: 250px;
}
.main-header--account
    .account-dropdown
    .logged-account-dropdown
    .greeting
    .thing {
    margin-bottom: 0;
}
.main-header--account .account-dropdown .logged-account-dropdown > p {
    background: #f5f5f5;
    margin: 0;
    padding: 10px 15px 8px;
}
.main-header--account .account-dropdown .logged-account-dropdown > ul {
    list-style-type: none;
    padding: 6px 0;
    margin: 0;
    background: #fff;
}
.main-header--account .account-dropdown .logged-account-dropdown > ul li {
    padding: 8px 15px;
}
.main-header--account .account-dropdown .logged-account-dropdown > ul li a {
    display: flex;
    align-items: center;
    color: #222;
    font-weight: 400;
}
.main-header--account .account-dropdown .logged-account-dropdown > ul li svg,
.main-header--account .account-dropdown .logged-account-dropdown > ul li img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

/* - Sidebar */
/* - 1. Menu Mobile */
.sidebar-menu-mb .menu-mobile {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 86%;
    left: 0;
    z-index: 11;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    transform: translateX(-300px);
    transition: all 0.4s;
}
.sidebar-menu-mb .menu-mobile .sidebar-navigation {
    height: 100%;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    margin: 0 0 20px;
    webkit-box-shadow: 3px 5px 10px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 3px 5px 10px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 3px 5px 10px 0px rgba(0, 0, 0, 0.16);
}
.sidebar-menu-mb .menu-mobile .sidebar-navigation .sidebar-navigation--header {
    position: relative;
}
.sidebar-menu-mb
    .menu-mobile
    .sidebar-navigation
    .sidebar-navigation--header
    .title {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #ffffff;
    background-color: #e30019;
    padding: 15px 16px;
    text-transform: uppercase;
}
.sidebar-menu-mb
    .menu-mobile
    .sidebar-navigation
    .sidebar-navigation--header
    button {
    position: absolute;
    z-index: 10;
    top: 15px;
    right: 16px;
    border: none;
    outline: none;
    width: 22px;
    height: 22px;
    background: none;
    padding: 0;
}
.sidebar-menu-mb
    .menu-mobile
    .sidebar-navigation
    .sidebar-navigation--header
    button
    svg {
    width: 16px;
    height: 16px;
    vertical-align: 0;
}
.sidebar-menu-mb .menu-mobile .sidebar-navigation .sidebar-navigation--body {
    height: calc(100% - 110px);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.sidebar-menu-mb
    .menu-mobile
    .sidebar-navigation
    .sidebar-navigation--body
    > ul
    > li {
    border-bottom: 1px solid #ececec;
}
.sidebar-menu-mb
    .menu-mobile
    .sidebar-navigation
    .sidebar-navigation--body
    > ul
    > li
    > a {
    text-transform: uppercase;
}
.sidebar-menu-mb .menu-mobile .sidebar-navigation .sidebar-navigation--body ul {
    margin: 0;
    padding: 0;
}
.sidebar-menu-mb
    .menu-mobile
    .sidebar-navigation
    .sidebar-navigation--body
    ul
    li {
    display: block;
}
.sidebar-menu-mb
    .menu-mobile
    .sidebar-navigation
    .sidebar-navigation--body
    ul
    li
    a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 13px;
    padding: 12px 16px 12px 20px;
    text-decoration: none;
}
.sidebar-menu-mb
    .menu-mobile
    .sidebar-navigation
    .sidebar-navigation--body
    ul
    li
    a
    em {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    padding: 5px;
}
.sidebar-menu-mb
    .menu-mobile
    .sidebar-navigation
    .sidebar-navigation--body
    ul
    li
    a
    em.mdi-flip-v
    svg {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}
.sidebar-menu-mb
    .menu-mobile
    .sidebar-navigation
    .sidebar-navigation--body
    ul
    li
    a
    span {
    display: inline-block;
}
.sidebar-menu-mb
    .menu-mobile
    .sidebar-navigation
    .sidebar-navigation--body
    ul
    li
    a
    span
    + span {
    margin-left: 15px;
}
.sidebar-menu-mb
    .menu-mobile
    .sidebar-navigation
    .sidebar-navigation--body
    ul
    li
    ul {
    display: none;
}
.sidebar-menu-mb
    .menu-mobile
    .sidebar-navigation
    .sidebar-navigation--body
    ul
    li
    ul.open {
    display: block;
}
.sidebar-menu-mb
    .menu-mobile
    .sidebar-navigation
    .sidebar-navigation--body
    ul
    li
    ul
    li
    ul
    li
    a:before {
    content: "";
    width: 6px;
    height: 6px;
    margin-right: 9px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #111;
    border-radius: 50%;
}
.sidebar-menu-mb
    .menu-mobile
    .sidebar-navigation
    .sidebar-navigation--body
    .list-info
    .item
    a {
    font-size: 13px;
    line-height: 16px;
    padding: 12px 36px 12px 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.sidebar-menu-mb
    .menu-mobile
    .sidebar-navigation
    .sidebar-navigation--body
    .list-info
    .item
    a
    span {
    display: inline-block;
}
.sidebar-menu-mb
    .menu-mobile
    .sidebar-navigation
    .sidebar-navigation--body
    .list-info
    .item
    a
    span.icon {
    width: 18px;
    margin-right: 15px;
}
.sidebar-menu-mb
    .menu-mobile
    .sidebar-navigation
    .sidebar-navigation--body
    .list-info
    .item
    a
    span.icon
    svg {
    max-width: 18px;
    max-height: 18px;
}
.sidebar-menu-mb
    .menu-mobile
    .sidebar-navigation
    .sidebar-navigation--body
    .list-info
    .item
    a
    span.text {
    white-space: nowrap;
}
.sidebar-menu-mb
    .menu-mobile
    .sidebar-navigation
    .sidebar-navigation--body
    .list-info
    .item.title {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    padding: 12px 36px 12px 20px;
}
.sidebar-menu-mb
    .menu-mobile
    .sidebar-navigation
    .sidebar-navigation--body
    .list-info
    .item.hotline
    a {
    color: var(--color-primary);
}
.sidebar-menu-mb .menu-mobile .sidebar-navigation .sidebar-navigation--footer {
    height: 64px;
}

@media (min-width: 1025px) {
    .sidebar-menu-mb {
        display: none;
    }
}

/* - 2. Mini cart */
.site-nav {
    position: fixed;
    width: 460px;
    height: 100vh;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 8888;
    overflow: hidden;
    -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.site-nav .site-nav-container {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.site-nav .site-nav-container .site-nav-container-last {
    width: calc(100% - 0px);
    position: relative;
    overflow: hidden;
    min-height: 100%;
    padding: 30px 25px 20px;
}
.site-nav .site-nav-container .site-nav-container-last .title {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 0 20px;
    padding-bottom: 10px;
    position: relative;
}
.site-nav .site-nav-container .site-nav-container-last .title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--color-primary);
    height: 2px;
    width: 40px;
}
.site-nav .site-nav-container .site-nav-container-last .title span {
    color: #929292;
    font-size: 12px;
}
.site-nav .site-nav-container .site-nav-container-last .subtitle {
    margin: 40px 0 0 0;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    padding: 20px 0;
    opacity: 0.66;
}
.site-nav#site-nav--cart #site-cart {
    display: none;
}
.site-nav#site-nav--cart.show-cart #site-cart {
    display: block;
}
.site-nav.active {
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
@media (max-width: 767px) {
    .site-nav {
        width: 350px;
    }
}

.sidebar-cart {
    position: fixed;
    top: 0;
    right: 0;
    width: 460px;
    height: 100%;
    background: #fff;
    z-index: 1000;
    transition: all 0.5s;
    -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    display: flex;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
}
@media (max-width: 767px) {
    .sidebar-cart {
        width: 350px;
    }
}
@media (max-width: 360px) {
    .sidebar-cart {
        max-width: 100%;
    }
}
.sidebar-cart .sidebar-cart-top {
    padding: 10px 16px;
    border-bottom: 1px solid #ececec;
}
.sidebar-cart .sidebar-cart-top .table-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    height: 40px;
}
.sidebar-cart .sidebar-cart-top .table-title h2 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}
.sidebar-cart .sidebar-cart-top .table-title button {
    background: transparent;
    border: none;
    outline: none;
    font-size: 25px;
}
.sidebar-cart .sidebar-cart-top .table-progress .progress-box .progress-title {
    display: block;
    font-size: 13px;
}
.sidebar-cart
    .sidebar-cart-top
    .table-progress
    .progress-box
    .progress-title
    .progress-price {
    color: var(--color-primary);
    padding: 0;
    border: none;
    border-radius: 0;
    margin-left: 0;
}
.sidebar-cart
    .sidebar-cart-top
    .table-progress
    .progress-box
    .progress-title
    p
    strong {
    font-weight: 600;
}
.sidebar-cart .sidebar-cart-top .table-progress .progress-box .progress-line {
    padding-bottom: 10px;
}
.sidebar-cart
    .sidebar-cart-top
    .table-progress
    .progress-box
    .progress-line
    .progress {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}
.sidebar-cart
    .sidebar-cart-top
    .table-progress
    .progress-box
    .progress-line
    .progress:before,
.sidebar-cart
    .sidebar-cart-top
    .table-progress
    .progress-box
    .progress-line
    .progress:after {
    content: none;
}
.sidebar-cart
    .sidebar-cart-top
    .table-progress
    .progress-box
    .progress-line
    .progress-ic-moved {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
.sidebar-cart
    .sidebar-cart-top
    .table-progress
    .progress-box
    .progress-line
    .progress-ic-moved
    svg {
    width: 18px;
    height: 18px;
}
.sidebar-cart .sidebar-cart-mid {
    height: calc(100vh - 70px);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 16px;
}
.sidebar-cart .sidebar-cart-mid::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}
.sidebar-cart .sidebar-cart-mid::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.sidebar-cart .sidebar-cart-mid::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(105, 105, 105, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.sidebar-cart .sidebar-cart-mid::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(105, 105, 105, 0.4);
}
.sidebar-cart .sidebar-cart-mid .mini-cart__empty-state {
    text-align: center;
}
.sidebar-cart .sidebar-cart-mid .mini-cart__empty-state p {
    margin-bottom: 4px;
}
.sidebar-cart .sidebar-cart-mid .mini-cart__empty-state a {
    text-decoration: underline;
    color: var(--color-primary);
}
.sidebar-cart .sidebar-cart-mid .mini-cart__empty-state svg {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}
.sidebar-cart .sidebar-cart-mid .mini-cart-view-area .cart-view-style {
    display: flex;
    flex-direction: column;
}
.sidebar-cart .sidebar-cart-mid .mini-cart-view-area .line-item {
    display: flex;
    position: relative;
    z-index: 1;
    padding: 8px 0;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item:not(:last-child) {
    border-bottom: 1px solid #ececec;
}
.sidebar-cart .sidebar-cart-mid .mini-cart-view-area .line-item .left {
    width: 70px;
}
.sidebar-cart .sidebar-cart-mid .mini-cart-view-area .line-item .left a {
    display: block;
    text-align: center;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .left
    .item-img {
    width: 70px;
    height: 70px;
    border: 1px solid #ececec;
    max-width: none;
    position: relative;
    margin-bottom: 4px;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .left
    .item-img
    img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    object-fit: contain;
    transform: translate(-50%, -50%);
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .left
    .item-remove
    svg {
    width: 12px;
    height: 12px;
}
.sidebar-cart .sidebar-cart-mid .mini-cart-view-area .line-item .right {
    display: flex;
    width: calc(100% - 70px);
    padding-left: 10px;
    /*.item-quan span {
						width: 28px; height: 28px;
						font-size: 13px;
						color: #252a2b;
						border: 1px solid #ECECEC;
						display: inline-flex;
						align-items: center;
						justify-content: center;
					}*/
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .item-info {
    width: 73%;
    padding-right: 10px;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .item-info
    a {
    text-decoration: none;
    color: #111111;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .item-info
    h3 {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 4px;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .item-info
    .item-desc {
    font-size: 12px;
    margin: 0 0 4px;
    color: #8f8f8f;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .item-meta {
    width: 27%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .item-quan
    .qty-click-mini {
    display: flex;
    align-items: center;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .item-quan
    .qty-click-mini
    input.item-quantity-mini {
    background: #fff;
    font-weight: 500;
    font-size: 12px;
    height: 24px;
    width: 35px;
    padding: 0;
    text-align: center;
    border: 1px solid #cfcfcf;
    border-left: none;
    border-right: none;
    border-radius: 0;
    -webkit-appearance: none;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .item-quan
    .qty-click-mini
    input.item-quantity-mini:focus {
    outline: none;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .item-quan
    .qty-click-mini
    button.qty-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    height: 24px;
    width: 24px;
    padding: 0;
    text-align: center;
    border: 1px solid #cfcfcf;
    border-radius: 0;
    -webkit-appearance: none;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .item-quan
    .qty-click-mini
    button.qty-btn:focus {
    outline: none;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .item-quan
    .qty-click-mini
    button.qty-btn
    svg {
    width: 12px;
    height: 12px;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .item-quan
    .qty-click-mini
    button.qty-btn.qtyminus-mini {
    border-radius: 4px 0 0 4px;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .item-quan
    .qty-click-mini
    button.qty-btn.qtyplus-mini {
    border-radius: 0 4px 4px 0;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .item-price {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 4px;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .item-price
    span {
    font-weight: 600;
    color: #e30019;
    display: block;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .item-price
    del {
    font-size: 12px;
    color: #6d6e72;
    display: block;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .item-total-price {
    display: none;
    text-align: center;
    width: 20%;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 4px;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .item-total-price
    div
    span {
    display: block;
    font-weight: normal;
    color: #777;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .item-total-price
    div
    span.text {
    display: none;
    font-size: 13px;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .item-total-price
    div
    span.line-item-total {
    font-weight: 600;
    color: #000;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .gifts-list
    > h4 {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 4px;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .gifts-list
    .line-gift {
    font-size: 11px;
    line-height: 16px;
    color: #6d6e72;
    position: relative;
    padding-left: 20px;
    margin-bottom: 4px;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .gifts-list
    .line-gift:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 10px;
    width: 5px;
    height: 5px;
    background: #6d6e72;
    border-radius: 50%;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .gifts-list
    .line-gift
    a {
    color: #6d6e72;
}
.sidebar-cart
    .sidebar-cart-mid
    .mini-cart-view-area
    .line-item
    .right
    .gifts-list
    .line-gift
    a:hover {
    color: #111111;
}
.sidebar-cart .sidebar-cart-mid .cart-group {
    position: relative;
}
.sidebar-cart .sidebar-cart-mid .cart-group + .cart-group {
    padding-bottom: 16px;
}
.sidebar-cart .sidebar-cart-mid .cart-group.combo {
    order: 1;
    border: 1px solid #ececec;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
.sidebar-cart .sidebar-cart-mid .cart-group.combo .quantity-combo {
    padding: 8px;
    border-bottom: 1px solid #ececec;
    position: relative;
    z-index: 1;
    margin-bottom: 8px;
}
.sidebar-cart
    .sidebar-cart-mid
    .cart-group.combo
    .quantity-combo
    .label-quantity-combo-mini {
    margin: 0 15px 0 0;
}
.sidebar-cart
    .sidebar-cart-mid
    .cart-group.combo
    .quantity-combo
    .update-quantity-mini {
    display: flex;
    align-items: center;
}
.sidebar-cart
    .sidebar-cart-mid
    .cart-group.combo
    .quantity-combo
    .update-quantity-mini
    .qty-btn-new {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    height: 24px;
    width: 24px;
    padding: 0;
    text-align: center;
    border: 1px solid #cfcfcf;
    border-radius: 0;
    -webkit-appearance: none;
}
.sidebar-cart
    .sidebar-cart-mid
    .cart-group.combo
    .quantity-combo
    .update-quantity-mini
    .qty-btn-new:focus {
    outline: none;
}
.sidebar-cart
    .sidebar-cart-mid
    .cart-group.combo
    .quantity-combo
    .update-quantity-mini
    .qty-btn-new
    svg {
    width: 12px;
    height: 12px;
}
.sidebar-cart
    .sidebar-cart-mid
    .cart-group.combo
    .quantity-combo
    .update-quantity-mini
    .qty-btn-new.qtyminus-new-mini {
    border-radius: 4px 0 0 4px;
}
.sidebar-cart
    .sidebar-cart-mid
    .cart-group.combo
    .quantity-combo
    .update-quantity-mini
    .qty-btn-new.qtyminus-new-mini.disabled
    svg
    path {
    stroke: #cfcfcf;
}
.sidebar-cart
    .sidebar-cart-mid
    .cart-group.combo
    .quantity-combo
    .update-quantity-mini
    .qty-btn-new.qtyplus-new-mini {
    border-radius: 0 4px 4px 0;
}
.sidebar-cart
    .sidebar-cart-mid
    .cart-group.combo
    .quantity-combo
    .update-quantity-mini
    .update-combo-item-mini {
    background: #fff;
    font-weight: 500;
    font-size: 12px;
    height: 24px;
    width: 35px;
    padding: 0;
    text-align: center;
    border: 1px solid #cfcfcf;
    border-left: none;
    border-right: none;
    border-radius: 0;
    -webkit-appearance: none;
}
.sidebar-cart
    .sidebar-cart-mid
    .cart-group.combo
    .quantity-combo
    .update-quantity-mini
    .update-combo-item-mini:focus {
    outline: none;
}
.sidebar-cart
    .sidebar-cart-mid
    .cart-group.combo
    .quantity-combo
    .remove-combo-mini {
    margin-left: auto;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.sidebar-cart
    .sidebar-cart-mid
    .cart-group.combo
    .quantity-combo
    .remove-combo-mini
    svg {
    width: 16px;
    height: 16px;
    margin-right: 7px;
}
.sidebar-cart .sidebar-cart-mid .cart-group.combo .quantity-combo h4 {
    font-size: 14px;
    font-weight: 600;
    color: #1982f9;
    margin: 0 4px 0 0;
}
.sidebar-cart .sidebar-cart-mid .cart-group.combo .line-item {
    padding: 8px;
    border: none;
}
.sidebar-cart .sidebar-cart-mid .cart-group.single {
    order: 2;
}
.sidebar-cart .sidebar-cart-mid .line {
    display: block;
    border-top: 1px solid #ececec;
    margin: 10px 0px 20px;
}
.sidebar-cart .sidebar-cart-bottom {
    padding: 10px 16px;
    border-top: 1px solid #ececec;
    margin-top: auto;
}
.sidebar-cart .sidebar-cart-bottom .table-total .table-total--head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.sidebar-cart
    .sidebar-cart-bottom
    .table-total
    .table-total--head
    #total-view-cart {
    font-weight: 600;
    font-size: 16px;
    color: #e30019;
}
.sidebar-cart .sidebar-cart-bottom .table-total .table-total--head .promotion {
    margin-top: 15px;
    margin-bottom: 0;
    width: 100%;
}
.sidebar-cart .sidebar-cart-bottom .table-total .table-total--foot .btn-cart {
    text-align: center;
    margin-top: 10px;
}
.sidebar-cart
    .sidebar-cart-bottom
    .table-total
    .table-total--foot
    .btn-cart
    a.linktocheckout,
.sidebar-cart
    .sidebar-cart-bottom
    .table-total
    .table-total--foot
    .btn-cart
    a.linktoupdate,
.sidebar-cart
    .sidebar-cart-bottom
    .table-total
    .table-total--foot
    .btn-cart
    a.linktocart {
    padding: 0;
    line-height: 36px;
    height: 36px;
    width: 100%;
    position: relative;
    text-align: center;
    font-weight: 600;
    display: block;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
}
.sidebar-cart
    .sidebar-cart-bottom
    .table-total
    .table-total--foot
    .btn-cart
    a.linkcontinue {
    display: inline-block;
    text-decoration: underline;
    font-size: 13px;
    color: #1982f9;
}
.sidebar-cart
    .sidebar-cart-bottom
    .table-total
    .table-total--foot
    .btn-cart
    a.linkcontinue
    svg {
    margin-left: 8px;
    width: 11px;
    height: 11px;
}

/* - 3. Sidebar menu */
.sidebar-menu {
    background: #fff;
    padding: 0;
    width: 216px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.sidebar-menu .megamenu-nav {
    position: relative;
    z-index: 2;
    background: #fff;
    height: 496px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.sidebar-menu .megamenu-nav-main {
    display: block;
    padding: 0;
    margin-bottom: 0;
}
.sidebar-menu .megamenu-nav-main .megamenu-content {
    position: absolute;
    display: none;
    z-index: 10;
    cursor: default;
    background-color: #fff;
}
.sidebar-menu .megamenu-nav-main .menu-active .megamenu-content {
    display: block;
}
.sidebar-menu .megamenu-item {
    cursor: pointer;
    list-style-type: none;
}
.sidebar-menu .megamenu-item .megamenu-link {
    font-size: 13px;
    padding: 2px 6px;
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 31px;
    margin: 0;
    position: relative;
    transition: none;
}
.sidebar-menu .megamenu-item .megamenu-icon {
    display: inline-block;
    width: 24px;
    text-align: center;
    margin-right: 8px;
}
.sidebar-menu .megamenu-item .megamenu-ic-right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4px;
    margin: auto;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sidebar-menu .megamenu-item .megamenu-ic-right svg {
    width: 8px;
    height: 8px;
}
.sidebar-menu .megamenu-item:first-child:hover {
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0;
}
.sidebar-menu .megamenu-item:last-child:hover .megamenu-link {
    -webkit-border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
}
.sidebar-menu .megamenu-item:hover .megamenu-link {
    text-decoration: none;
    color: #fff;
    background: #ea1c04;
    outline: none;
}
.sidebar-menu .megamenu-item:hover .megamenu-link:before {
    right: -32px;
    border-top: 16px solid transparent;
    border-left: 16px solid #ea1c04;
    border-bottom: 15px solid transparent;
    border-right: 16px solid transparent;
    z-index: 100;
    position: absolute;
    top: 0;
    margin: auto;
    content: "";
}
.sidebar-menu
    .megamenu-item:hover
    .megamenu-icon[data-hover*="gaming"]
    svg
    path:nth-child(5) {
    fill: #e30019;
    stroke: #e30019;
}
.sidebar-menu .megamenu-item.menu-active .megamenu-link {
    color: #fff;
    background: #ea1c04;
    text-decoration: none;
    position: relative;
}
.sidebar-menu .megamenu-item .xlab_grid_container {
    width: 100%;
    overflow: hidden;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.sidebar-menu .megamenu-item .xlab_grid_container .column {
    position: relative;
    box-sizing: border-box;
}
.sidebar-menu .megamenu-item .xlab_grid_container .xlab_column_5_5 {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: start;
    flex-direction: row;
    flex-wrap: wrap;
    flex-flow: row wrap;
    align-content: flex-start;
    padding: 10px;
}
.sidebar-menu
    .megamenu-item
    .xlab_grid_container
    .xlab_column_5_5
    .sub-megamenu-item {
    width: 20%;
}
.sidebar-menu .megamenu-item .absolute-center {
    top: 0;
    left: 100%;
    border-left: 8px solid #e0e0e0;
    min-height: 496px;
    width: calc(1220px - 235px);
    max-height: 100vh;
    overflow: auto;
}
.sidebar-menu .megamenu-item .absolute-left {
    left: 0;
    right: auto;
}
.sidebar-menu .megamenu-item .absolute-right {
    right: 0;
    left: auto;
}
.sidebar-menu .megamenu-item .sub-megamenu-item:not(.pull-right) {
    padding: 5px 5px 16px;
}
.sidebar-menu .megamenu-item .sub-megamenu-item.pull-right {
    width: 17%;
}
.sidebar-menu .megamenu-item .sub-megamenu-item .sub-megamenu-item-name {
    color: #e30019;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
    font-size: 15px;
}
.sidebar-menu .megamenu-item .sub-megamenu-item .sub-megamenu-item-name:focus,
.sidebar-menu .megamenu-item .sub-megamenu-item .sub-megamenu-item-name:hover {
    color: #e30019;
    text-decoration: none;
}
.sidebar-menu .megamenu-item .sub-megamenu-item .sub-megamenu-item-filter {
    display: block;
    font-size: 13px;
}
.sidebar-menu
    .megamenu-item
    .sub-megamenu-item
    .sub-megamenu-item-filter
    + .sub-megamenu-item-filter {
    margin-top: 8px;
}
.sidebar-menu .megamenu-item .sub-megamenu-item .sub-megamenu-item-filter:focus,
.sidebar-menu
    .megamenu-item
    .sub-megamenu-item
    .sub-megamenu-item-filter:hover {
    color: #e30019;
    text-decoration: none;
}

/* - 4. Sidebar Search mobile */
.sidebar-search-mb {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #ececec;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    display: flex;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
}
.sidebar-search-mb .sidebar-search-mb-top {
    padding: 8px 8px 0;
    background: #e30019;
}
.sidebar-search-mb .sidebar-search-mb-top .table-title {
    display: flex;
    align-items: center;
}
.sidebar-search-mb .sidebar-search-mb-top .table-title .btn-back {
    width: 32px;
    height: 32px;
    background: none;
    border: none;
    padding: 0;
    margin-right: 8px;
}
.sidebar-search-mb .sidebar-search-mb-top .table-title .btn-back svg {
    width: 32px;
    height: 32px;
}
.sidebar-search-mb .sidebar-search-mb-top .table-title .searchform {
    width: calc(100% - 40px);
}
.sidebar-search-mb .sidebar-search-mb-mid {
    height: calc(100vh - 70px);
    overflow-y: auto;
    overflow-x: hidden;
}
.sidebar-search-mb .sidebar-search-mb-mid::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}
.sidebar-search-mb .sidebar-search-mb-mid::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.sidebar-search-mb .sidebar-search-mb-mid::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(105, 105, 105, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.sidebar-search-mb
    .sidebar-search-mb-mid::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(105, 105, 105, 0.4);
}
.sidebar-search-mb .sidebar-search-mb-mid .search-suggest p {
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 0;
    padding: 8px;
}
.sidebar-search-mb .sidebar-search-mb-mid .search-suggest .search-suggest-area {
    background: #ffffff;
    margin-bottom: 8px;
}
.sidebar-search-mb .sidebar-search-mb-mid .search-suggest .search-suggest-list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.sidebar-search-mb
    .sidebar-search-mb-mid
    .search-suggest
    .search-suggest-list:before {
    content: "";
    top: 0;
    left: 50%;
    bottom: 0;
    margin: auto;
    height: 100%;
    width: 1px;
    background: #ececec;
    position: absolute;
}
.sidebar-search-mb
    .sidebar-search-mb-mid
    .search-suggest
    .search-suggest-list
    li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    border-top: 1px solid #ececec;
}
.sidebar-search-mb
    .sidebar-search-mb-mid
    .search-suggest
    .search-suggest-list
    li
    a {
    display: flex;
    align-items: center;
    color: #333;
    padding: 0 8px;
}
.sidebar-search-mb
    .sidebar-search-mb-mid
    .search-suggest
    .search-suggest-list
    li
    span.icon {
    display: block;
    position: relative;
    padding-bottom: 31%;
    width: 70px;
    height: 70px;
}
.sidebar-search-mb
    .sidebar-search-mb-mid
    .search-suggest
    .search-suggest-list
    li
    span.icon
    img {
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 6px;
}
.sidebar-search-mb
    .sidebar-search-mb-mid
    .search-suggest
    .search-suggest-list
    li
    span.text {
    display: inline-flex;
    padding: 0 0 0 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}
.sidebar-search-mb
    .sidebar-search-mb-mid
    .search-suggest
    .search-history-list
    li
    a {
    display: block;
    padding: 8px;
}
.sidebar-search-mb
    .sidebar-search-mb-mid
    .search-suggest
    .search-history-list
    li
    + li
    a {
    border-top: 1px solid #ececec;
}
.sidebar-search-mb .sidebar-search-mb-mid .resultsContent {
    padding: 0 8px;
    background: #fff;
}
.sidebar-search-mb .searchform-product .input-search {
    outline: none !important;
    width: 0;
    visibility: hidden;
    -webkit-transition: width 0.3s linear 0.1s;
    transition: width 0.3s linear 0.1s;
}
.sidebar-search-mb .searchform-product .input-search.show {
    width: 100%;
    visibility: visible;
}

/*-------------------------------------------*/
/* . FOOTER */
/*-------------------------------------------*/
.main-footer {
    background: #ffffff;
}
.main-footer h4 {
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 10px;
    position: relative;
    line-height: 22px;
    text-transform: uppercase;
}
.main-footer h4 span {
    font-weight: normal;
}
.main-footer .footer-col {
    padding-bottom: 12px;
}
.main-footer .footer-col ul {
    margin-bottom: 10px;
}
.main-footer .footer-col ul li {
    display: block;
    padding-bottom: 8px;
    position: relative;
}
.main-footer .footer-col ul li a:hover {
    text-decoration: underline;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .main-footer .footer-col {
        font-size: 12px;
    }
    .main-footer .footer-col ul li {
        padding-bottom: 8px;
    }
}
.main-footer .main-footer--top {
    padding: 32px 0 0;
}
.main-footer .main-footer--top .list-info p {
    line-height: 22px;
    margin-bottom: 8px;
}
.main-footer .main-footer--top .list-info p > span {
    /*padding-right: 5px*/
    display: inline-block;
    width: 70px;
}
.main-footer .main-footer--top .list-info a {
    color: #1982f9;
    font-weight: 600;
}
.main-footer .main-footer--top .list-info a span {
    color: #111111;
    font-weight: normal;
}
.main-footer .main-footer--top .list-pay,
.main-footer .main-footer--top .list-ship {
    list-style: none;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2px;
}
.main-footer .main-footer--top .list-pay li,
.main-footer .main-footer--top .list-ship li {
    width: calc(100% / 4);
    display: inline-flex;
    padding: 2px;
}
@media (max-width: 767px) {
    .main-footer .main-footer--top {
        padding: 15px 0 0;
    }
}
.main-footer .main-footer--copyright {
    background: #ffffff;
}
.main-footer .main-footer--copyright .line {
    padding: 16px 0;
    border-top: 1px solid #ececec;
}
.main-footer .main-footer--copyright .line p {
    margin-bottom: 2px;
    font-size: 12px;
}
.main-footer .main-footer--copyright .line p img {
    height: 24px;
}
.main-footer .main-footer--copyright .logo-footer img {
    height: 52px;
}
.main-footer .main-footer--copyright .footer-title {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    line-height: 22px;
    text-transform: uppercase;
    white-space: nowrap;
}
.main-footer .main-footer--copyright .footer-content {
    width: 100%;
    margin-left: 16px;
}
@media (max-width: 767px) {
    .main-footer .main-footer--copyright .line {
        border: none;
    }
    .main-footer .main-footer--copyright .logo-footer img {
        height: 40px;
    }
    .main-footer .main-footer--copyright .footer-title {
        font-size: 13px;
        line-height: 20px;
        margin: 0 0 10px;
    }
    .main-footer .main-footer--copyright .footer-content {
        margin-left: 0;
    }
}
@media (min-width: 992px) {
    .main-footer .main-footer--copyright {
        padding-top: 16px;
    }
}
.main-footer .social-list {
    display: flex;
    align-items: center;
}
.main-footer .social-list a {
    display: inline-flex;
    margin-right: 12px;
}
.main-footer .social-list a img {
    position: relative;
    height: 32px;
}
.main-footer .toggle-footer .footer-title .icon-title {
    display: none;
}
@media (max-width: 991px) {
    .main-footer {
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .main-footer .footer-col {
        padding-bottom: 0;
    }
    .main-footer .toggle-footer .footer-content {
        display: none;
        margin-top: 18px;
    }
    .main-footer .toggle-footer .footer-title {
        position: relative;
        text-transform: uppercase;
        padding: 12px 0;
        border-bottom: 1px solid #dadada;
    }
    .main-footer .toggle-footer .footer-title h4 {
        font-size: 13px;
        line-height: 20px;
        margin: 0px;
    }
    .main-footer .toggle-footer .footer-title:after {
        content: none;
    }
    .main-footer .toggle-footer .footer-title .icon-title {
        right: 0;
        top: calc(50% - 5px);
        width: 10px;
        height: 10px;
        display: block;
        position: absolute;
    }
    .main-footer .toggle-footer .footer-title .icon-title:before,
    .main-footer .toggle-footer .footer-title .icon-title:after {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(-90deg);
        transform: translate(-50%, -50%) rotate(-90deg);
        background-color: #5e5e5e;
        transition: opacity 0.35s ease-in-out,
            -webkit-transform 0.35s ease-in-out;
        transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out;
        transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out,
            -webkit-transform 0.35s ease-in-out;
    }
    .main-footer .toggle-footer .footer-title .icon-title:before {
        width: 10px;
        height: 2px;
        opacity: 1;
    }
    .main-footer .toggle-footer .footer-title .icon-title:after {
        width: 2px;
        height: 10px;
    }
    .main-footer .toggle-footer .footer-title.active .icon-title:before,
    .main-footer .toggle-footer .footer-title.active .icon-title:after {
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
        transform: translate(-50%, -50%) rotate(90deg);
    }
    .main-footer .toggle-footer .footer-title.active .icon-title:before {
        opacity: 0;
    }
    .main-footer .toggle-footer ul li:last-child {
        padding-bottom: 0;
    }
}

.toolbar-menu-mobile {
    background: #fff;
    bottom: 0;
    border-top: 2px solid #e10b24;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1),
        0 2px 6px 2px rgba(60, 64, 67, 0.15);
    display: flex;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 12;
}
.toolbar-menu-mobile ul {
    background: #fff;
    border: none;
    z-index: 4;
    align-items: center;
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: center;
    text-align: center;
}
.toolbar-menu-mobile ul li {
    width: 20%;
}
.toolbar-menu-mobile ul li a {
    align-items: center;
    border: none;
    color: #333333;
    display: flex;
    flex-flow: column;
    font-size: 10px;
    justify-content: center;
    padding: 7px 5px;
}
.toolbar-menu-mobile ul li a .icon {
    margin: 5px auto;
    width: 25px;
}
.toolbar-menu-mobile ul li a .icon svg {
    height: 20px;
    display: inline-block;
}
.toolbar-menu-mobile ul li.is-active a {
    border-bottom-color: #d70018;
    color: #d70018;
}
.toolbar-menu-mobile.hSticky-nav {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
}
.toolbar-menu-mobile.hSticky-nav.hSticky-up {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
}
@media screen and (min-width: 480px) {
    .toolbar-menu-mobile ul li a {
        font-size: 12px;
    }
}
@media screen and (min-width: 992px) {
    .toolbar-menu-mobile {
        display: none;
    }
}

.btn-zalo-chat {
    animation: pulse-blue 2s infinite;
    background-color: #2b61ff;
    border-radius: 50%;
    bottom: 70px;
    box-shadow: 0 0 0 0 #2b61ff;
    display: flex;
    height: 80px;
    overflow: hidden;
    position: fixed;
    right: calc(50% - 685px);
    transform: scale(1);
    width: 80px;
    z-index: 10;
}
@media screen and (max-width: 1200px) {
    .btn-zalo-chat {
        right: calc(50% - 700px);
        bottom: 85px;
    }
}
@media screen and (max-width: 1024px) {
    .btn-zalo-chat {
        right: calc(50% - 480px);
    }
}
@media screen and (max-width: 990px) {
    .btn-zalo-chat {
        right: calc(50% - 445px);
    }
}
@media screen and (max-width: 820px) {
    .btn-zalo-chat {
        right: calc(50% - 400px);
    }
}
@media screen and (max-width: 768px) {
    .btn-zalo-chat {
        right: calc(50% - 375px);
    }
}
@media screen and (max-width: 717px) {
    .btn-zalo-chat {
        bottom: 110px;
        right: 10px;
    }
}

#fb-root {
    z-index: 11 !important;
    position: relative;
}
#fb-root .fb_dialog.fb_dialog_mobile iframe[data-testid="bubble_iframe"] {
    bottom: 75px !important;
}

.fb_dialog {
    background: transparent !important;
}

.fb_dialog_content {
    background: transparent !important;
}

/*-------------------------------------------*/
/* . MODAL + SWAL2 */
/*-------------------------------------------*/
/* -- Swal2 -- */
.swal2-modal {
    font-size: 14px;
    padding: 24px;
    color: #111;
}
.swal2-modal .swal2-title {
    font-size: 18px;
    text-transform: uppercase;
    margin: 20px 0 10px;
    color: #333;
}
.swal2-modal .swal2-text {
    font-size: 14px;
}
.swal2-modal .swal2-actions {
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    margin-top: 24px;
    width: 100%;
}
.swal2-modal .swal2-actions button {
    position: relative;
    padding: 12px 20px;
    margin: 0;
    line-height: normal;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
    letter-spacing: 1px;
    z-index: 1;
    overflow: hidden;
    box-shadow: none;
    width: 100%;
    outline: none;
    -webkit-transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),
        border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),
        border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.swal2-modal .swal2-actions button.swal2-cancel {
    border: 1px solid #ececec;
    background-color: #ececec;
    color: #111111;
}
.swal2-modal .swal2-actions button.swal2-cancel:focus {
    box-shadow: 0 0 0 3px rgba(236, 236, 236, 0.5);
}
.swal2-modal .swal2-actions button.swal2-confirm {
    border: 1px solid #e30019;
    background-color: #e30019;
    color: #fff;
}
.swal2-modal .swal2-actions button.swal2-confirm:focus {
    box-shadow: 0 0 0 3px rgba(227, 0, 25, 0.5);
}
.swal2-modal .swal2-actions button + button {
    margin-right: 8px;
}
.swal2-modal .swal2-html-container {
    margin: 24px 0 0;
}
.swal2-modal .swal2-icon {
    margin: 0 auto;
}
.swal2-modal .swal2-icon .swal2-icon-content {
    font-size: 2rem;
}
.swal2-modal .swal2-icon.swal2-success {
    border-color: var(--color-state-success);
    color: var(--color-state-success);
}
.swal2-modal .swal2-icon.swal2-error {
    border-color: var(--color-state-error);
    color: var(--color-state-error);
}
.swal2-modal .swal2-icon.swal2-warning {
    border-color: var(--color-state-warning);
    color: var(--color-state-warning);
}
.swal2-modal .swal2-icon.swal2-info {
    border-color: var(--color-state-info);
    color: var(--color-state-info);
}
.swal2-modal .swal2-icon.swal2-question {
    border-color: var(--color-state-question);
    color: var(--color-state-question);
}

/* -- Modal -- */
.modal {
    background: rgba(17, 17, 17, 0.5);
    z-index: 999;
}
.modal .modal-content {
    border-radius: 16px;
    border: none;
}
.modal .modal-header {
    border-bottom: 1px solid #cfcfcf;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
}
.modal .modal-header h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
}
.modal .modal-header button {
    box-shadow: none;
    background: none;
    outline: 0;
    border: none;
    display: inline-block;
    text-align: center;
}
.modal .modal-body {
    padding: 24px;
}
.modal .modal-footer {
    padding: 24px;
}
.modal.modal-technical .modal-content {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 40px);
    overflow: hidden;
    -ms-overflow-y: visible;
}
.modal.modal-technical .modal-header {
    background: var(--color-primary);
    border-bottom: 1px solid #cfcfcf;
}
.modal.modal-technical .modal-header h4 {
    color: #fff;
}
.modal.modal-technical .modal-header button {
    width: 20px;
    height: 20px;
    background: rgba(17, 17, 17, 0.2);
    border-radius: 50%;
}
.modal.modal-technical .modal-header button svg {
    width: 8px;
    height: 8px;
    display: inline-block;
    vertical-align: 1.5px;
}
.modal.modal-technical .modal-body {
    -webkit-overflow-scrolling: touch;
    flex-grow: 1;
    flex-shrink: 1;
    overflow: auto;
}
.modal.modal-technical .modal-body .table-technical {
    border: 1px solid #ececec;
    border-radius: 4px;
    overflow: hidden;
}
.modal.modal-technical .modal-body ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
}
.modal.modal-technical .modal-body ul li:nth-child(odd) {
    background: #ececec;
}
.modal.modal-technical .modal-body ul li div:first-child {
    width: 40%;
}
.modal.modal-technical .modal-body ul li div:last-child {
    width: 55%;
}
.modal.modal-technical .modal-body ul li div p {
    margin-bottom: 0;
}
.modal.modal-technical .modal-body ul li div p + p {
    margin-top: 4px;
}
.modal.modal-technical .modal-body table {
    border: none !important;
}
.modal.modal-technical .modal-body table tr:nth-child(odd) {
    background: #ececec;
}
.modal.modal-technical .modal-body table tr:nth-child(even) {
    background: #ffffff;
}
.modal.modal-technical .modal-body table tr:nth-child(n + 11) {
    display: none;
}
.modal.modal-technical .modal-body table tr td {
    padding: 16px;
    border: none;
    height: auto !important;
}
.modal.modal-technical .modal-body table tr td:first-child {
    width: 40% !important;
    padding-right: 8px;
}
.modal.modal-technical .modal-body table tr td:last-child {
    width: 60% !important;
    padding-left: 8px;
}
.modal.modal-technical .modal-body table tr td p {
    margin-bottom: 0;
}
.modal.modal-technical .modal-body table tr td p + p {
    margin-top: 4px;
}
.modal.modal-technical .modal-footer {
    align-items: center;
    background: #ececec;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-start;
    position: relative;
}
.modal.modal-technical .modal-footer button {
    margin: 0;
    width: 100%;
}
.modal.modal-technical .modal-footer button svg {
    width: 8px;
    height: 8px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: 1px;
}
.modal.modal-quickview .modal-dialog {
    display: flex;
    align-items: center;
}
.modal.modal-quickview .modal-content {
    border-radius: 0;
    border: none;
}
.modal.modal-quickview .modal-header {
    padding: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 35px;
    height: 35px;
    z-index: 9;
    border: none;
}
.modal.modal-quickview .modal-header .close {
    outline: none;
    padding: 0;
    margin-top: 0;
    height: 35px;
    width: 35px;
    opacity: 1;
    text-shadow: none;
    margin: 0;
    border: none;
    border-radius: 0;
}
.modal.modal-quickview .modal-body {
    padding: 0;
}
.modal.modal-quickview .quickview-detail-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.modal.modal-quickview .quickview-detail-main .pro-title {
    font-size: 14px;
    font-weight: 600;
}
.modal.modal-quickview .quickview-detail-main .product-gallery {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
    padding: 16px;
}
.modal.modal-quickview .quickview-detail-main .product-gallery--inner {
    display: flex;
    flex-wrap: wrap;
}
.modal.modal-quickview .quickview-detail-main .product-gallery--thumb {
    width: 100%;
    margin-top: 16px;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-gallery--thumb
    .product-thumb {
    border-radius: 2px;
    border: 1px solid #f7f7f7;
    transition: border-color 300ms ease;
    overflow: hidden;
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-gallery--thumb
    .product-thumb--link {
    width: 100%;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-gallery--thumb
    .product-thumb.swiper-slide-thumb-active {
    border-color: var(--color-primary);
}
.modal.modal-quickview
    .quickview-detail-main
    .product-gallery--thumb:hover
    .swiper-nav-thumb
    .swiper-button {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
.modal.modal-quickview .quickview-detail-main .product-gallery--slide {
    width: 100%;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-gallery--slide:hover
    .swiper-nav-main
    .swiper-button {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
.modal.modal-quickview
    .quickview-detail-main
    .product-gallery
    .boxlazy-img--aspect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal.modal-quickview .quickview-detail-main .product-gallery .swiper-button {
    position: absolute;
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
    z-index: 1;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease;
    transform: scale(0);
    cursor: pointer;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-gallery
    .swiper-button
    svg {
    width: 15px;
    height: 100%;
    display: block;
    margin: 0 auto;
    fill: #000;
    stroke: #000;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-gallery
    .swiper-button.swiper-prev {
    left: 10px;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-gallery
    .swiper-button.swiper-next {
    right: 10px;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-gallery
    .swiper-button.swiper-button-disabled {
    opacity: 0.8;
    cursor: default;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-gallery
    .swiper-button.swiper-button-disabled
    svg {
    fill: #9e9e9e;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-gallery
    .swiper-nav-thumb
    .swiper-button {
    top: calc(50% - 13px);
    width: 26px;
    height: 26px;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-gallery
    .swiper-nav-thumb
    .swiper-button
    svg {
    width: 11px;
}
.modal.modal-quickview .quickview-detail-main .product-info {
    position: relative;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
    padding: 16px;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    [class^="product-"] {
    margin: 0 0 16px 0;
}
.modal.modal-quickview .quickview-detail-main .product-info .product-name {
    margin-bottom: 8px;
}
.modal.modal-quickview .quickview-detail-main .product-info .product-name h1 {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}
.modal.modal-quickview .quickview-detail-main .product-info .product-rating {
    display: flex;
    align-items: center;
    font-size: 16px;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    .product-rating
    span,
.modal.modal-quickview .quickview-detail-main .product-info .product-rating a {
    display: inline-flex;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    .product-rating
    span.number {
    color: #ff8a00;
    font-weight: 600;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    .product-rating
    span.icon {
    margin: 0 16px 0 2px;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    .product-rating
    span.icon
    svg {
    height: 12px;
    width: 12px;
}
.modal.modal-quickview .quickview-detail-main .product-info .product-rating a {
    color: #1982f9;
    font-weight: 400;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    .product-rating
    a:hover {
    text-decoration: underline;
}
.modal.modal-quickview .quickview-detail-main .product-info .product-sku {
    font-size: 13px;
    margin-bottom: 5px;
}
.modal.modal-quickview .quickview-detail-main .product-info .product-price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    .product-price
    span.pro-price {
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    color: #e30019;
}
.modal.modal-quickview .quickview-detail-main .product-info .product-price del {
    font-size: 18px;
    line-height: 22px;
    color: #6d6e72;
    margin: 0 0 0 12px;
    font-weight: 400;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    .product-price
    span.pro-percent {
    font-size: 12px;
    display: inline-block;
    padding: 3px 8px;
    margin-left: 12px;
    color: #e30019;
    border: 1px solid #e30019;
    border-radius: 4px;
    vertical-align: text-bottom;
    white-space: nowrap;
}
.modal.modal-quickview .quickview-detail-main .product-info .product-quantity {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    .product-quantity
    .qty-value {
    background: #fff;
    color: #000;
    font-weight: 600;
    --size: 40px;
    height: var(--size);
    line-height: var(--size);
    width: var(--size);
    padding: 0;
    text-align: center;
    border: 1px solid #f3f4f4;
    border-left: none;
    border-right: none;
    border-radius: 1px;
    float: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    .product-quantity
    .qty-value:focus {
    outline: none;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    .product-quantity
    .qty-btn {
    float: left;
    background: rgba(0, 0, 0, 0.03);
    border: 1px solid #f3f4f4;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    outline: none;
    --size: 40px;
    height: var(--size);
    line-height: var(--size);
    width: var(--size);
    text-align: center;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    .product-quantity
    .qty-btn
    svg {
    display: block;
    width: 12px;
    height: 100%;
    margin: 0 auto;
    fill: #a4aaaf;
    transition: all 0.2s ease-in-out;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    .product-quantity
    .qty-btn:hover
    svg {
    fill: #000;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    .product-actions
    button {
    text-align: center;
    padding: 10px 10px 14px;
    color: #fff;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    .product-actions
    button
    span {
    display: block;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    .product-actions
    button
    span.maintext {
    font-weight: 600;
    font-size: 18px;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    .product-actions
    button
    span.subtext {
    font-weight: 400;
    font-size: 14px;
    margin-top: 3px;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    .product-actions
    .action-buys {
    display: flex;
    margin-bottom: 8px;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    .product-actions
    .action-buys
    #add-to-cart {
    margin-right: 15px;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    .product-actions
    .action-buys
    #btn-voucher {
    background: var(--color-primary);
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    .product-actions
    .action-link
    .link-voucher {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    .product-actions
    .action-link
    .link-voucher.disabled {
    opacity: 0.7;
    pointer-events: none;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    .product-actions
    .action-installments {
    display: flex;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    .product-actions
    .action-installments
    button {
    background: #1982f9;
    border: 1px solid #1982f9;
    width: 100%;
}
.modal.modal-quickview
    .quickview-detail-main
    .product-info
    .product-actions
    .action-installments
    button
    + button {
    margin-left: 8px;
}
@media (min-width: 1200px) {
    .modal.modal-quickview .modal-dialog.modal-xl {
        max-width: 970px;
    }
}
.modal.modal-account .modal-body {
    font-size: 16px;
}
.modal.modal-account .box-popup-account {
    color: #535353;
}
.modal.modal-account .box-popup-account .box-popup-account-form .btn-acc {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: #e30019;
    border-radius: 4px;
    width: 100%;
    padding: 12px 16px;
}
.modal.modal-account .box-popup-account .box-popup-account-form .btn-recovery,
.modal.modal-account .box-popup-account .box-popup-account-form .btn-cancel {
    font-style: italic;
    color: #535353;
    display: inline-block;
    margin-bottom: 16px;
}
.modal.modal-account
    .box-popup-account
    .box-popup-account-form
    .form-btn-bottom
    a,
.modal.modal-account .box-popup-account .box-popup-account-form .form-btn a {
    color: #1982f9;
}
.modal.modal-account .box-popup-account .box-popup-account-form .form-btn {
    margin-top: 24px;
}
.modal.modal-account .box-popup-account .btn-social-list {
    display: flex;
    margin-bottom: 24px;
}
.modal.modal-account .box-popup-account .btn-social-list .btn-fb,
.modal.modal-account .box-popup-account .btn-social-list .btn-gg {
    width: 50%;
    height: 42px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal.modal-account .box-popup-account .btn-social-list .btn-fb svg,
.modal.modal-account .box-popup-account .btn-social-list .btn-gg svg {
    margin-right: 8px;
}
.modal.modal-account .box-popup-account .btn-social-list .btn-fb {
    background: #3b5998;
    border-color: #3b5998;
}
.modal.modal-account .box-popup-account .btn-social-list .btn-gg {
    background: #df4a32;
    border-color: #df4a32;
}
.modal.modal-account .box-popup-account .btn-social-list .button + button {
    margin-left: 8px;
}
.modal.modal-account .box-popup-account .line {
    text-align: center;
    margin: 24px 0;
    position: relative;
}
.modal.modal-account .box-popup-account .line span {
    display: inline-block;
    padding: 0 8px;
    background: #fff;
    position: relative;
    z-index: 1;
}
.modal.modal-account .box-popup-account .line:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #cfcfcf;
    margin: auto;
}
.modal.modal-account .box-popup-account .form_otp {
    text-align: center;
}
.modal.modal-account .box-popup-account .form_otp .form-icon {
    margin-bottom: 24px;
}
.modal.modal-account .box-popup-account .form_otp .form-icon img {
    width: 170px;
}
.modal.modal-account .box-popup-account .form_otp .form-text {
    margin: 0 0 24px;
    font-size: 16px;
    color: #535353;
}
.modal.modal-account .box-popup-account .form_otp .form-text div + div {
    margin-top: 10px;
}
.modal.modal-account .box-popup-account .form_otp .form-text .btn-change-phone {
    color: #1982f9;
}
.modal.modal-account
    .box-popup-account
    .form_otp
    .form-text
    .btn-change-phone
    svg {
    margin-right: 8px;
    vertical-align: -1px;
}
.modal.modal-account .box-popup-account .form_otp .form-digit-group {
    margin-bottom: 24px;
}
.modal.modal-account .box-popup-account .form_otp .form-digit-group input {
    width: 56px;
    height: 56px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    line-height: 56px;
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    color: #333333;
    border-radius: 4px;
    outline: none;
}
.modal.modal-account
    .box-popup-account
    .form_otp
    .form-digit-group
    input
    + input {
    margin-left: 16px;
}
.modal.modal-account .box-popup-account .form_otp .button.loading {
    position: relative;
}
.modal.modal-account .box-popup-account .form_otp .button.loading::after {
    content: "";
    border: 2px solid #ffffff;
    border-top: 2px solid #59bd56;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
    position: absolute;
    top: 1px;
    left: calc((100% - 30px) / 2);
    z-index: 0;
    opacity: 1;
}
.modal.modal-account .box-popup-account .form_otp .btn-send-again {
    color: #1982f9;
    display: block;
}
.modal.modal-account .box-popup-account .form_otp .btn-confirm {
    margin-bottom: 24px;
}
.modal.modal-account .box-popup-account .form_otp .form__input-wrapper.last {
    margin-bottom: 0;
}
.modal.modal-account
    .box-popup-account
    .form_otp
    .form__input-wrapper[class*="error"] {
    padding-bottom: 30px;
}
.modal.modal-account
    .box-popup-account
    .form_otp
    .form__input-wrapper[class*="error"]:after {
    right: 0;
    bottom: -8px;
}
.modal.modal-account .box-popup-account .acc-content-box > .errors {
    color: #856404;
    background-color: #fff3cd;
    position: relative;
    padding: 8px 16px;
    margin-bottom: 16px;
    border: 1px solid #ffeeba;
    border-radius: 4px;
    font-size: 14px;
}
.modal.modal-account .form-checkbox {
    display: flex;
    align-items: center;
}
.modal.modal-account .form-checkbox label {
    margin-bottom: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #111;
}
.modal.modal-account input[type="checkbox"],
.modal.modal-account input[type="radio"] {
    vertical-align: top;
    width: 16px;
    height: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    margin: 0 11px 0 0;
    cursor: pointer;
    outline: 0 !important;
}
.modal.modal-account input[type="checkbox"]:before,
.modal.modal-account input[type="radio"]:before {
    -webkit-transition: -webkit-transform 0.4s
        cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
    -moz-transform: rotate(-45deg) scale(0, 0);
    -ms-transform: rotate(-45deg) scale(0, 0);
    -o-transform: rotate(-45deg) scale(0, 0);
    transform: rotate(-45deg) scale(0, 0);
    content: "";
    position: absolute;
    left: -1px;
    right: 0;
    top: 4px;
    margin: auto;
    z-index: 1;
    width: 10px;
    height: 5px;
    border: 1px solid #222;
    border-top-style: none;
    border-right-style: none;
}
.modal.modal-account input[type="checkbox"]:checked:before,
.modal.modal-account input[type="radio"]:checked:before {
    -webkit-transform: rotate(-45deg) scale(1, 1);
    -moz-transform: rotate(-45deg) scale(1, 1);
    -ms-transform: rotate(-45deg) scale(1, 1);
    -o-transform: rotate(-45deg) scale(1, 1);
    transform: rotate(-45deg) scale(1, 1);
    border-color: #fff;
}
.modal.modal-account input[type="checkbox"]:after,
.modal.modal-account input[type="radio"]:after {
    content: "";
    position: absolute;
    left: -1px;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #cfcfcf;
    cursor: pointer;
    border-radius: 2px;
}
.modal.modal-account input[type="checkbox"]:checked:after,
.modal.modal-account input[type="radio"]:checked:after {
    border-color: #e30019;
    background: #e30019;
}
@media (max-width: 1199px) {
    .modal.modal-account input[type="checkbox"],
    .modal.modal-account input[type="radio"] {
        background: none;
        border: none;
    }
}
.modal.modal-account .sitebox-recaptcha {
    font-size: 12px;
}
.modal.modal-success .modal-content {
    border-radius: 16px;
    border: none;
    font-size: 16px;
}
.modal.modal-success .modal-body {
    text-align: center;
    padding: 24px;
}
.modal.modal-success .form-icon {
    margin-bottom: 24px;
}
.modal.modal-success .form-text {
    margin: 0 0 24px;
}
.modal.modal-success .form-text .title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    font-weight: 600;
}
.modal.modal-success .form-text .title svg {
    width: 32px;
    height: 32px;
    margin-right: 8px;
}
.modal.modal-success .form-text .content {
    padding: 0 35px;
}
.modal.modal-success .form-action .button {
    width: 100%;
}
.modal.modal-success.modal-account-success .form-icon svg {
    width: 212px;
    height: 212px;
}
.modal.modal-success.modal-ticket-success .form-icon svg {
    width: 169px;
    height: 198px;
}
.modal.modal-coupon .modal-dialog {
    position: relative;
}
.modal.modal-coupon .modal-content {
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 40px);
    overflow: hidden;
    -ms-overflow-y: visible;
}
.modal.modal-coupon .modal-header {
    padding: 16px;
    border-bottom: none;
}
.modal.modal-coupon .modal-body {
    padding: 0 0 20px;
    -webkit-overflow-scrolling: touch;
    flex-grow: 1;
    flex-shrink: 1;
    overflow: auto;
}
@media (min-width: 768px) {
    .modal.modal-coupon .modal-dialog.modal-md {
        max-width: 400px;
        width: auto;
    }
}
.modal.modal-360 .modal-header {
    padding: 0;
    border-bottom: none;
}
.modal.modal-360 .modal-header button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    width: 44px;
    color: #ccc;
    opacity: 1;
    top: 24px;
    right: 24px;
    z-index: 1;
    position: absolute;
}
.modal.modal-360 .modal-header button svg {
    fill: #ccc;
}
.modal.modal-360 .modal-content {
    background: transparent;
}
.modal.modal-360 .modal-body {
    overflow: hidden;
}
.modal.modal-banner .modal-header .close {
    outline: none;
    padding: 0;
    margin: 0;
    width: 30px;
    height: 30px;
    background: #000;
    color: #fff;
    opacity: 1;
    text-shadow: none;
    border: none;
    border-radius: 50%;
}
.modal.modal-banner .modal-header .close svg {
    fill: #fff;
    width: 12px;
    height: 12px;
    vertical-align: 2.5px;
}
.modal.modal-banner.type1 .modal-content {
    border-radius: 0;
    background: transparent;
}
.modal.modal-banner.type1 .modal-header {
    padding: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 35px;
    height: 35px;
    z-index: 9;
    border: none;
}
.modal.modal-banner.type1 .modal-body {
    padding: 0;
}
.modal.modal-banner.type2 .modal-body {
    padding: 15px;
}
.modal.modal-banner.type2 .modal-header {
    justify-content: center;
    border-bottom: none;
}
.modal.modal-banner.type2 .modal-header h4 {
    text-transform: uppercase;
    padding: 0 50px;
    text-align: center;
}
.modal.modal-banner.type2 .modal-header .close {
    position: absolute;
    top: 10px;
    right: 10px;
}
.modal.modal-banner.type2 .modal-collection {
    overflow: hidden;
}
.modal.modal-banner.type2 .proloop .proloop-technical,
.modal.modal-banner.type2 .proloop .proloop-label--bottom,
.modal.modal-banner.type2 .proloop .proloop-label--top {
    display: none;
}
.modal.modal-banner.type2 .listProduct-row:not(.slick-initialized) {
    display: flex;
}
.modal.modal-banner.type2 .listProduct-row:not(.slick-initialized) .proloop {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
@media (min-width: 1200px) {
    .modal.modal-banner.type2
        .listProduct-row:not(.slick-initialized)
        .proloop {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}
.modal.modal-banner.type2 .modal-action {
    text-align: center;
    padding: 20px 0 0;
}
.modal.modal-banner.type2 .modal-action a {
    text-decoration: underline;
    font-weight: bold;
}

.modal-backdrop.show {
    opacity: 0;
    display: none;
}

.in_cart .modal-header {
    padding: 15px 24px 20px;
    border: none;
}

.in_cart .modal-body {
    padding-top: 0;
}

/* -- Clipboard -- */
.popup-clipboard {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100000;
    padding: 10px;
}
.popup-clipboard.show {
    display: block;
}
.popup-clipboard .main-box {
    max-width: 320px;
    margin: auto;
}
.popup-clipboard .main-box .alert-box {
    border-radius: 4px;
    font-size: 12px;
    padding: 13px 15px 13px 60px;
    position: relative;
    overflow: hidden;
    background: #fff;
}
.popup-clipboard .main-box .alert-box span {
    font-weight: 600;
    text-transform: uppercase;
}
.popup-clipboard .main-box .alert-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center;
}
.popup-clipboard .main-box .alert-box.error:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 340.8 340.8' style='enable-background:new 0 0 340.8 340.8;fill: %23fff;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M170.4,0C76.4,0,0,76.4,0,170.4s76.4,170.4,170.4,170.4s170.4-76.4,170.4-170.4S264.4,0,170.4,0z M170.4,323.6 c-84.4,0-153.2-68.8-153.2-153.2S86,17.2,170.4,17.2S323.6,86,323.6,170.4S254.8,323.6,170.4,323.6z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M182.4,169.6l50-50c3.2-3.2,3.2-8.8,0-12c-3.2-3.2-8.8-3.2-12,0l-50,50l-50-50c-3.2-3.2-8.8-3.2-12,0 c-3.2,3.2-3.2,8.8,0,12l50,50l-50,49.6c-3.2,3.2-3.2,8.8,0,12c1.6,1.6,4,2.4,6,2.4s4.4-0.8,6-2.4l50-50l50,50c1.6,1.6,4,2.4,6,2.4 s4.4-0.8,6-2.4c3.2-3.2,3.2-8.8,0-12L182.4,169.6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: #dd3444;
}
.popup-clipboard .main-box .alert-box.success:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;stroke: %23fff;fill: %23fff;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M437.019,74.98C388.667,26.629,324.38,0,256,0C187.619,0,123.331,26.629,74.98,74.98C26.628,123.332,0,187.62,0,256 s26.628,132.667,74.98,181.019C123.332,485.371,187.619,512,256,512c68.38,0,132.667-26.629,181.019-74.981 C485.371,388.667,512,324.38,512,256S485.371,123.333,437.019,74.98z M256,482C131.383,482,30,380.617,30,256S131.383,30,256,30 s226,101.383,226,226S380.617,482,256,482z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M378.305,173.859c-5.857-5.856-15.355-5.856-21.212,0.001L224.634,306.319l-69.727-69.727 c-5.857-5.857-15.355-5.857-21.213,0c-5.858,5.857-5.858,15.355,0,21.213l80.333,80.333c2.929,2.929,6.768,4.393,10.606,4.393 c3.838,0,7.678-1.465,10.606-4.393l143.066-143.066C384.163,189.215,384.163,179.717,378.305,173.859z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: #29a647;
}

/*-------------------------------------------*/
/* . SWATCH  */
/*-------------------------------------------*/
/* Setting varian màu sắc */
.selector-wrapper,
.select {
    display: none;
}

.swatch + .swatch {
    padding-top: 16px;
}

.swatch input {
    display: none;
}

.swatch .header {
    margin: 0 0 4px;
    line-height: initial;
    font-weight: 600;
}
.swatch .header strong {
    font-weight: 600;
    color: #111111;
}
.swatch .header span {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
    color: #8a8a8a;
}

.swatch .select-swap {
    display: inline-block;
    vertical-align: middle;
}
.swatch .select-swap .swatch-element {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 4px;
    position: relative;
    vertical-align: bottom;
}
.swatch .select-swap .swatch-element label {
    display: block;
    margin: 0;
    width: auto;
    padding: 6px;
    position: relative;
    text-align: center;
    cursor: pointer;
    color: #111111;
    background: #ffffff;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
}
.swatch .select-swap .swatch-element label.sd {
    border: 1px solid #1982f9;
    color: #1982f9;
}
.swatch .select-swap .swatch-element.soldout:not(.color) label {
    overflow: hidden;
}
.swatch .select-swap .swatch-element.soldout:not(.color) label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='23' y1='0.707107' x2='0.707107' y2='23' stroke='%23C4C4C4' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
}

/*-------------------------------------------*/
/* . RENDER COMBO BUY ADD TO CART FROM LOOP */
/*-------------------------------------------*/
.nhanquamodal {
    background: rgba(0, 0, 0, 0.31);
    z-index: 9999;
}
@media (min-width: 1200px) {
    .nhanquamodal .modal-xl {
        max-width: 800px;
    }
}
.nhanquamodal .modal-header h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 4px;
}
.nhanquamodal .modal-header p {
    margin-bottom: 0;
}
.nhanquamodal .nhanqua-btn {
    padding: 10px 28px;
    line-height: normal;
    color: #fff;
    border: 1px solid var(--color-primary);
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1px;
    background-color: var(--color-primary);
}

/*--------------------------------------------
	PROMOTION ENTERPRISE
---------------------------------------------*/
.combo-promo--content .combo-promo--lists {
    overflow: hidden;
}
.combo-promo--content .combo-promo--lists .combo-info--content {
    padding: 15px 10px 10px;
    position: relative;
    overflow: hidden;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content:not(.d-none)
    + .combo-info--content {
    border-top: 1px dashed #ef977f;
    margin-top: 15px;
    padding-top: 20px;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--images {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--images
    p.plus {
    margin: 0;
    width: 40px;
    text-align: center;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--images
    a.image {
    display: inline-block;
    width: 10%;
    border: 1px solid #f5f5f5;
    padding: 5px;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--images
    a.image.disabled {
    opacity: 0.5;
}
@media (max-width: 767px) {
    .combo-promo--content
        .combo-promo--lists
        .combo-info--content
        .combo-content--images
        a.image {
        width: 25%;
    }
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--title
    h4 {
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 8px;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--check {
    position: absolute;
    top: 15px;
    left: 0;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--check
    label {
    margin-bottom: 0;
    border-radius: 0;
    width: 20px;
    height: 20px;
    position: relative;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--check
    label
    input {
    width: 15px;
    height: 15px;
    border-radius: 0;
    margin: 0 10px 0 0;
    cursor: pointer;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--detail
    ul {
    display: flex;
    flex-direction: column;
    margin: 15px 0 10px;
    padding: 0;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--detail
    ul
    li {
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    position: relative;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--detail
    ul
    li
    + li {
    margin-top: 12px;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--detail
    ul
    li.item-force.item-gift {
    order: 1;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--detail
    ul
    li.item-force:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--detail
    ul
    li.item-force {
    order: 1;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--detail
    ul
    li.item-force.cur-item {
    order: 0;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--detail
    ul
    li
    label {
    margin-bottom: 0;
    border-radius: 0;
    width: 25px;
    height: 16px;
    top: 2px;
    position: relative;
    display: none;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--detail
    ul
    li
    label
    input {
    width: 16px;
    height: 16px;
    border-radius: 0;
    margin: 0 10px 0 0;
    cursor: pointer;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--detail
    ul
    li
    .img {
    width: 75px;
    border: 1px solid #f5f5f5;
    padding: 5px;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--detail
    ul
    li
    .combo-item--title {
    margin: 0 10px 0;
    width: calc(100% - 110px);
    font-size: 13px;
    /*font-weight: 500;*/
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--detail
    ul
    li
    .combo-item--title
    span {
    display: block;
    margin-top: 2px;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--detail
    ul
    li
    .combo-item--title
    span
    b {
    font-size: 12px;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--detail
    ul
    li
    .combo-item--title
    span
    del {
    font-size: 88%;
    color: #878c8f;
    margin-left: 10px;
    font-weight: 400;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--detail
    ul
    li
    .combo-item--price {
    margin: 0;
    font-weight: 600;
    color: #e30019;
    text-align: right;
    font-size: 14px;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--detail
    ul
    li
    .combo-item--price
    del {
    display: block;
    font-size: 12px;
    color: #6d6e72;
    font-weight: 400;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--total {
    text-align: right;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--total
    p {
    font-weight: 700;
    margin: 10px 0;
    font-size: 13px;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--total
    p
    span.combo-total-price {
    color: #ff2c26;
    font-size: 15px;
}
.combo-promo--content
    .combo-promo--lists
    .combo-info--content
    .combo-content--total
    button.add-combo {
    font-size: 13px;
    background: #f00;
    border: none;
    padding: 8px 20px;
    color: #fff;
    font-weight: 500;
    border-radius: 4px;
    outline: none;
}
.combo-promo--content .combo-promo--lists .combo-info--content.soldout:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 5px;
}
.combo-promo--content .combo-promo--lists .combo-info--content.soldout:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='125' height='58' viewBox='0 0 125 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_233:6767)'%3E%3Cpath d='M112.27 0.109041L5.82649 18.8283C3.98564 19.1525 2.34929 20.1923 1.2772 21.7192C0.205112 23.2461 -0.214946 25.1349 0.109416 26.9705L4.60917 52.192C4.76932 53.1005 5.10742 53.9687 5.60416 54.7469C6.10091 55.5251 6.74656 56.1981 7.50424 56.7275C8.26191 57.2569 9.11674 57.6322 10.0199 57.832C10.9231 58.0319 11.857 58.0524 12.7681 57.8923L119.211 39.1803C121.045 38.8477 122.673 37.8044 123.737 36.2785C124.802 34.7526 125.217 32.8684 124.892 31.038L120.429 5.82379C120.27 4.91397 119.933 4.04423 119.437 3.26439C118.941 2.48455 118.296 1.8099 117.538 1.27908C116.78 0.748261 115.925 0.371685 115.021 0.170913C114.117 -0.0298584 113.182 -0.0508845 112.27 0.109041Z' fill='%23E4E4E4'/%3E%3Cpath d='M22.861 43.7311L20.0785 44.2224L19.0424 38.4426L16.7381 38.8544L17.7743 44.6342L14.9919 45.1255L12.521 31.2396L15.2962 30.7483L16.2889 36.3258L18.6004 35.914L17.6077 30.3365L20.3829 29.8452L22.861 43.7311Z' fill='%239E9E9E'/%3E%3Cpath d='M29.3966 30.8278L25.7736 31.4708L26.3243 34.5485L29.4545 33.9922L29.8966 36.4919L26.7663 37.0482L27.3605 40.3644L30.9835 39.7214L31.4255 42.2139L25.0128 43.3915L22.5347 29.4984L28.9546 28.3641L29.3966 30.8278ZM28.7372 27.4972L26.8243 27.8367L25.3751 26.5363L24.5128 28.2196L22.5926 28.552L24.1723 25.3298L26.1649 24.9757L28.7372 27.4972ZM30.0849 26.0522L28.3604 26.3629L29.3459 23.2707L31.44 22.895L30.0849 26.0522Z' fill='%239E9E9E'/%3E%3Cpath d='M37.8891 29.3177L35.5414 29.7368L37.5702 41.1301L34.795 41.6214L32.7662 30.228L30.4185 30.6471L29.9692 28.1473L37.4471 26.8252L37.8891 29.3177Z' fill='%239E9E9E'/%3E%3Cpath d='M45.6928 25.1997C46.3315 25.0612 46.9951 25.0886 47.6202 25.2791C48.1264 25.4492 48.5942 25.7168 48.997 26.0666C49.2888 26.3266 49.5339 26.6345 49.7216 26.9769C49.9456 27.3702 50.1254 27.787 50.2578 28.2196C50.4206 28.7249 50.556 29.2386 50.6635 29.7585C50.7867 30.322 50.9026 30.9361 51.0258 31.6008C51.2142 32.6556 51.3519 33.5803 51.4388 34.3895C51.5364 35.1112 51.5095 35.8443 51.3591 36.5569L52.7359 37.3589L51.7722 39.0567L50.4244 38.2908C50.1578 38.5606 49.8525 38.7894 49.5186 38.97C49.112 39.1818 48.6742 39.3281 48.2216 39.4035C47.5805 39.5415 46.9146 39.5142 46.287 39.324C45.7837 39.1522 45.3187 38.8848 44.9175 38.5365C44.6256 38.2765 44.3805 37.9686 44.1929 37.6262C43.9737 37.2371 43.7918 36.8283 43.6494 36.4052C43.4848 35.9004 43.3493 35.3866 43.2437 34.8663C43.1374 34.3028 43.0215 33.6887 42.8959 33.024C42.7703 32.3594 42.6688 31.7453 42.5915 31.1817C42.5018 30.6588 42.451 30.1299 42.4394 29.5995C42.4221 29.1522 42.4513 28.7043 42.5263 28.2629C42.5885 27.8693 42.721 27.49 42.9176 27.1431C43.1801 26.6833 43.5238 26.2746 43.932 25.9366C44.4482 25.5484 45.0534 25.2951 45.6928 25.1997ZM46.1348 27.6994C45.9189 27.7229 45.716 27.814 45.5551 27.9595C45.4345 28.0866 45.3452 28.24 45.2943 28.4074C45.2373 28.644 45.2105 28.8867 45.2145 29.1299C45.2145 29.4261 45.2146 29.7585 45.2725 30.1269C45.3305 30.4954 45.3667 30.8494 45.432 31.3045C45.4972 31.7597 45.5696 32.1426 45.6493 32.5544C45.729 32.9662 45.7943 33.3853 45.8812 33.8043C45.9682 34.2233 46.0478 34.6062 46.1348 34.9603C46.2218 35.3143 46.3232 35.6394 46.4247 35.9211C46.5039 36.1433 46.611 36.3544 46.7435 36.5497C46.8465 36.69 46.9837 36.8019 47.142 36.8748C47.3434 36.9603 47.5672 36.978 47.7796 36.9254L47.968 36.8748L47.3666 36.5352L48.3521 34.8158L48.6854 34.9964C48.6492 34.5846 48.5984 34.1294 48.5187 33.6237C48.439 33.118 48.3593 32.6122 48.2651 32.092C48.1709 31.5719 48.1129 31.2612 48.0332 30.8422C47.9535 30.4231 47.8666 30.0402 47.7796 29.679C47.6927 29.3177 47.5912 29.0071 47.4898 28.7253C47.4106 28.5032 47.3035 28.292 47.171 28.0968C47.0679 27.9565 46.9308 27.8446 46.7724 27.7717C46.5735 27.6789 46.3496 27.6535 46.1348 27.6994Z' fill='%239E9E9E'/%3E%3Cpath d='M61.1268 33.1107C61.2242 33.6336 61.2242 34.17 61.1268 34.6929C61.0387 35.173 60.8484 35.6288 60.5689 36.0295C59.9185 36.9084 58.9545 37.5049 57.8758 37.6958C56.7971 37.8868 55.6861 37.6575 54.7721 37.0554C54.372 36.7718 54.0363 36.4075 53.7866 35.9861C53.5191 35.542 53.3373 35.0519 53.2505 34.5412L51.439 24.376L54.2142 23.8847L56.0112 33.9993C56.0413 34.4067 56.219 34.7894 56.5111 35.0758C56.6417 35.1716 56.7919 35.2374 56.951 35.2687C57.1101 35.2999 57.2741 35.2957 57.4314 35.2564C57.5968 35.2352 57.7549 35.1759 57.8933 35.0831C58.0316 34.9903 58.1464 34.8666 58.2284 34.7218C58.3995 34.3504 58.4328 33.9306 58.3226 33.5369L56.5256 23.4223L59.3008 22.9238L61.1268 33.1107Z' fill='%239E9E9E'/%3E%3Cpath d='M66.322 20.8001L64.5975 21.1108L62.2354 18.611L64.3294 18.2354L66.322 20.8001ZM64.0251 22.1222L66.7568 21.6382L72.8144 34.8883L69.9161 35.4013L69.0755 33.3206L65.8655 33.8841L65.8076 36.131L62.9092 36.6439L64.0251 22.1222ZM68.1118 30.9147L66.1192 25.9586L65.9597 31.2976L68.1118 30.9147Z' fill='%239E9E9E'/%3E%3Cpath d='M82.0676 21.4935L79.7198 21.9125L81.7487 33.3059L78.9663 33.7972L76.9374 22.4399L74.5897 22.8518L74.1694 20.3231L81.64 19.001L82.0676 21.4935Z' fill='%239E9E9E'/%3E%3Cpath d='M89.1033 14.2109C89.1749 14.6189 89.1601 15.0372 89.0598 15.4391C88.9739 15.7597 88.8152 16.0563 88.5961 16.3061C88.3927 16.5344 88.1465 16.7209 87.8715 16.8552C87.585 16.9958 87.2801 17.0955 86.9657 17.1514C86.6484 17.1948 86.3267 17.1948 86.0093 17.1514C85.6967 17.1255 85.3931 17.0344 85.118 16.8841C84.8302 16.7248 84.5825 16.5025 84.3934 16.2339C84.1571 15.8944 83.9987 15.5071 83.9297 15.0996L85.6108 14.7961C85.6318 14.9156 85.6827 15.0278 85.7586 15.1225C85.8346 15.2172 85.9333 15.2913 86.0455 15.338C86.2482 15.3841 86.4587 15.3841 86.6614 15.338C86.865 15.3037 87.0568 15.2193 87.2194 15.0924C87.3105 15.0112 87.3795 14.9083 87.4201 14.7933C87.4606 14.6784 87.4713 14.5551 87.4513 14.4349L89.1033 14.2109ZM85.7122 18.2712L88.4512 17.7872L94.5016 31.0445L91.6032 31.5575L90.7627 29.4695L87.5527 30.0403L87.4947 32.2872L84.5963 32.8001L85.7122 18.2712ZM89.7989 27.0637L87.8063 22.1075L87.6469 27.4466L89.7989 27.0637ZM91.3351 35.0109L88.9874 35.4227L88.5744 33.0819L90.9221 32.6701L91.3351 35.0109Z' fill='%239E9E9E'/%3E%3Cpath d='M103.798 29.3971L101.429 29.8162L97.2625 23.5523L98.4726 30.3363L95.6974 30.8348L93.2192 16.9417L95.6467 16.5155L99.7551 22.7865L98.545 16.0025L101.32 15.5112L103.798 29.3971Z' fill='%239E9E9E'/%3E%3Cpath d='M107.124 14.3192C107.653 14.2178 108.197 14.2178 108.726 14.3192C109.228 14.4211 109.703 14.6301 110.117 14.9319C110.531 15.2336 110.874 15.6211 111.124 16.0676C111.427 16.5939 111.644 17.1644 111.769 17.7582L108.994 18.2495C108.994 18.105 108.921 17.946 108.863 17.7582C108.805 17.5776 108.72 17.407 108.61 17.2525C108.505 17.0972 108.363 16.9705 108.197 16.884C107.994 16.7864 107.763 16.7634 107.545 16.819C107.329 16.8425 107.126 16.9336 106.965 17.0791C106.844 17.2062 106.755 17.3595 106.704 17.527C106.647 17.7635 106.62 18.0063 106.624 18.2495C106.624 18.5457 106.624 18.878 106.682 19.2465C106.74 19.615 106.777 19.969 106.842 20.4241C106.907 20.8793 106.979 21.255 107.059 21.674C107.139 22.093 107.204 22.5048 107.291 22.9167C107.378 23.3285 107.458 23.7186 107.545 24.0798C107.632 24.4411 107.733 24.759 107.834 25.0335C107.91 25.257 108.018 25.4686 108.153 25.662C108.256 25.8043 108.393 25.9186 108.552 25.9944C108.754 26.076 108.977 26.0936 109.189 26.045C109.389 26.0187 109.576 25.9331 109.726 25.7993C109.854 25.6757 109.953 25.5251 110.015 25.3586C110.077 25.1794 110.108 24.9916 110.11 24.8023C110.105 24.6085 110.085 24.4153 110.052 24.2243L109.798 22.7794L108.639 22.9817L108.24 20.742L112.175 20.0195L112.805 23.5524C113.092 24.6964 112.912 25.907 112.305 26.9191C111.772 27.5941 111.052 28.0983 110.234 28.3692C109.416 28.6402 108.536 28.666 107.704 28.4436C107.199 28.2706 106.732 28.0034 106.327 27.6561C106.035 27.3961 105.79 27.0882 105.603 26.7458C105.384 26.3567 105.202 25.9479 105.059 25.5248C104.895 25.02 104.759 24.5062 104.653 23.9859C104.538 23.4224 104.422 22.8083 104.306 22.1436C104.19 21.4789 104.088 20.8648 104.001 20.2941C103.915 19.7707 103.864 19.2421 103.849 18.7119C103.833 18.2672 103.86 17.8221 103.929 17.3825C103.997 16.9894 104.132 16.6107 104.327 16.2627C104.59 15.8029 104.934 15.3941 105.342 15.0562C105.864 14.6646 106.477 14.4112 107.124 14.3192Z' fill='%239E9E9E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_233:6767'%3E%3Crect width='125' height='58' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: 125px;
    background-position: center;
    background-repeat: no-repeat;
}
.combo-promo--content .combo-promo--lists.more .combo-info--content {
    display: none;
}
.combo-promo--content
    .combo-promo--lists.more
    .combo-info--content:first-child:not(.d-none) {
    display: block;
}
.combo-promo--content
    .combo-promo--lists.more
    .combo-info--content.d-none
    + .combo-info--content:not(.d-none) {
    display: block;
}
.combo-promo--content .combo-promo--lists.more.full > .combo-info--content {
    display: block;
}

.combo-promo--content .btn-more {
    display: block;
    margin: 10px auto 5px;
    position: relative;
    padding: 3px 0;
    background: none;
    border: none;
    outline: none;
}
.combo-promo--content .btn-more > svg {
    width: 10px;
    height: 10px;
    transform: rotate(90deg);
}

/*--------------------------------------------
	POPOVER
---------------------------------------------*/
/* Coupon */
.coupon-initial .coupon-item {
    filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.2));
}
.coupon-initial .coupon-item--inner {
    background: var(--home-coupon-bg);
    display: flex;
    display: -ms-flex;
    border-radius: 10px;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.08);
    position: relative;
}
.coupon-initial .coupon-item--inner:after,
.coupon-initial .coupon-item--inner:before {
    content: "";
    width: 10px;
    height: 6px;
    left: 75px;
    position: absolute;
    z-index: 10;
    border: 1px solid #e3e3e3;
    background: #e3e3e3;
}
.coupon-initial .coupon-item--inner:before {
    top: -1px;
    border-top: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.coupon-initial .coupon-item--inner:after {
    bottom: -1px;
    border-bottom: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.coupon-initial .coupon-item--left {
    width: 80px;
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
}
.coupon-initial .coupon-item--left .cp-img {
    background: var(--home-coupon-light);
    border-radius: 10px;
    margin: auto;
}
.coupon-initial .coupon-item--left .cp-img span {
    width: 72px;
    height: 72px;
    display: block;
}
.coupon-initial .coupon-item--left .cp-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.coupon-initial .coupon-item--right {
    width: calc(100% - 80px);
    position: relative;
    display: flex;
    display: -ms-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: space-between;
    -ms-justify-content: space-between;
    padding: 6px 4px;
    color: var(--home-coupon-text);
}
.coupon-initial .coupon-item--right .cp-icon {
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: 3px;
    right: 3px;
    padding: 2px;
    cursor: pointer;
}
.coupon-initial .coupon-item--right .cp-top {
    padding-bottom: 4px;
    padding-right: 24px;
}
.coupon-initial .coupon-item--right .cp-top h3 {
    margin: 0 0 1px;
    font-size: 13px;
    font-weight: 600;
    color: var(--home-coupon-text);
}
.coupon-initial .coupon-item--right .cp-top p {
    font-size: 11px;
    margin-bottom: 0;
}
.coupon-initial .coupon-item--right .cp-bottom {
    display: flex;
    display: -ms-flex;
    justify-content: space-between;
    -ms-justify-content: space-between;
    gap: 4px;
}
.coupon-initial .coupon-item--right .cp-bottom .cp-bottom-btn {
    display: flex;
    display: -ms-flex;
}
.coupon-initial .coupon-item--right .cp-bottom p {
    font-size: 10px;
    margin-bottom: 0;
}
.coupon-initial .coupon-item--right .cp-bottom p strong {
    letter-spacing: 0.4px;
    font-size: 11px;
}
.coupon-initial .coupon-item--right .cp-btn {
    padding: 2px 4px;
    font-size: 10px;
    font-weight: 600;
    min-width: 65px;
    border-radius: 16px;
    margin-top: auto;
    text-transform: capitalize;
    background: #2b3d8d;
    border: 1px solid #2b3d8d;
}
.coupon-initial .coupon-item--right ul {
    list-style: none;
}
.coupon-initial .coupon-item.copied .coupon-item--right .cp-btn {
    background: #bec0c1;
    pointer-events: none;
    border: 1px solid #bec0c1;
}

.coupon-initial .list-coupon {
    padding-bottom: 15px;
    display: flex;
}

.coupon-initial .list-coupon-slide {
    padding-bottom: 15px;
}

.coupon-initial .swiper-pagination {
    bottom: -6px;
}

@media (max-width: 991px) and (min-width: 768px) {
    .coupon-initial .list-coupon {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -8px;
    }
    .coupon-initial .list-coupon .coupon-item {
        flex: 0 0 auto;
        width: 50%;
        padding: 8px;
    }
}

@media (max-width: 767px) {
    .coupon-initial .list-coupon {
        display: flex;
        flex-wrap: nowrap;
        margin-left: -12px;
        margin-right: -12px;
        padding: 12px 16px 16px 12px;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        transition: transform 0.25s ease 0s;
    }
    .coupon-initial .list-coupon::-webkit-scrollbar {
        display: none;
    }
    .coupon-initial .list-coupon .coupon-item {
        padding-left: 0;
        padding-right: 12px;
        margin-bottom: 0;
        float: none;
        display: inline-block;
        flex: 0 0 auto;
        width: 90%;
    }
}

@media (min-width: 992px) {
    .coupon-initial .list-coupon {
        display: block;
    }
    .coupon-initial
        .list-coupon:not(.swiper-initialized)
        .coupon-item
        + .coupon-item {
        margin-top: 12px;
    }
}

.coupon-popover {
    margin-left: 15px;
    margin-right: 15px;
    max-width: 400px;
    font-family: inherit;
    font-size: 13px;
    z-index: 1055;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 18px;
}
.coupon-popover .popover-header {
    display: none;
    text-align: center;
    background: #ffffff;
    border-radius: 16px 16px 0 0;
    font-size: 20px;
    padding: 15px 10px;
    font-weight: 600;
    width: 100%;
    color: #242424;
    border-bottom: 0;
}
.coupon-popover .popover-body {
    width: 360px;
    border-radius: 8px;
    background: #ffffff;
    padding: 24px 0px;
}
.coupon-popover .popover-content--coupon {
    font-size: 13px;
    color: #000000;
}
.coupon-popover .popover-content--coupon .dfex-txt {
    padding: 12px 24px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.coupon-popover .popover-content--coupon .dfex-txt.dfex-none {
    display: none;
}
.coupon-popover .popover-content--coupon .dfex-txt--1 {
    width: 33%;
    min-width: 100px;
    flex: 0 0 auto;
    font-size: 13px;
    line-height: 20px;
    color: #787878;
}
.coupon-popover .popover-content--coupon .dfex-txt--2 {
    padding-left: 20px;
}
.coupon-popover .popover-content--coupon .dfex-txt--2 span {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22labrj0lkfa%22%20d%3D%22M6.527%202.099c.521%200%20.946.425.949.948v8.004c0%20.524-.425.949-.949.949H.95C.425%2012%200%2011.575%200%2011.051V3.047C0%202.524.425%202.1.949%202.1zm-.002.663H.946c-.157%200-.285.128-.285.285v8.002c0%20.157.128.285.285.285h5.579c.157%200%20.285-.128.285-.285V3.047c0-.157-.128-.285-.285-.285zM8.66%200c.524%200%20.949.425.949.949v8.004c0%20.523-.425.948-.949.948-.184%200-.332-.147-.332-.331%200-.185.148-.332.332-.332.158%200%20.285-.128.285-.285V.949c0-.158-.127-.285-.285-.285H3.082c-.158%200-.285.127-.285.285%200%20.184-.148.331-.332.331-.184%200-.332-.147-.332-.331%200-.524.425-.949.949-.949z%22%2F%3E%20%20%20%20%3C%2Fdefs%3E%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-2760%20-4524%29%20translate%282708%2080%29%20translate%2852%204304%29%20translate%280%20140%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22%20fill%3D%22%23E5F2FF%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%286%206%29%20translate%281%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cmask%20id%3D%22n5b3eobj0b%22%20fill%3D%22%23fff%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23labrj0lkfa%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fmask%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22%23787878%22%20xlink%3Ahref%3D%22%23labrj0lkfa%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20fill%3D%22%23017FFF%22%20mask%3D%22url%28%23n5b3eobj0b%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%200H12V12H0z%22%20transform%3D%22translate%28-1%29%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 24px;
}
.coupon-popover .popover-content--coupon .dfex-txt--3 {
    width: 100%;
}
.coupon-popover .popover-content--coupon .dfex-txt--3 ul {
    list-style-type: disc;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 16px;
}
.coupon-popover .popover-content--coupon .dfex-txt--3 ul li {
    list-style-position: outside;
}
.coupon-popover .popover-content--coupon .dfex-txt--3 ul li + li {
    margin-top: 3px;
}
.coupon-popover .popover-content--coupon .dfex-txt--3 ul li::marker {
    color: #000;
}
.coupon-popover .popover-content--coupon .dfex-txt--cta {
    width: 100%;
}
.coupon-popover .popover-content--coupon .dfex-txt--cta .btn-popover {
    display: block;
    width: 100%;
    padding: 0px 12px;
    font-size: 13px;
    height: 44px;
    line-height: 42px;
    border-radius: 4px;
    font-weight: 500;
    color: #fff;
    background: red;
    border: 1px solid red;
}
.coupon-popover
    .popover-content--coupon
    .dfex-txt--cta
    .btn-popover
    + .btn-popover {
    margin-top: 12px;
    color: red;
    background: #fff;
}
.coupon-popover .popover-content--coupon .dfex-bkg:nth-child(2n + 1) {
    background-color: #fafafa;
}
.coupon-popover .popover-content--coupon .cpi-trigger {
    cursor: pointer;
}
.coupon-popover.top > .arrow {
    border-top-color: #ffffff;
}
.coupon-popover.bottom > .arrow {
    border-bottom-color: #ffffff;
}
.coupon-popover.left > .arrow {
    border-left-color: #ffffff;
}
.coupon-popover.right > .arrow {
    border-right-color: #ffffff;
}
.coupon-popover.bs-popover-top > .arrow::before {
    border-top-color: #ffffff;
}
.coupon-popover.bs-popover-bottom > .arrow::before {
    border-bottom-color: #ffffff;
}
.coupon-popover.coupon-popover-cart {
    margin-left: 0;
    margin-right: 0;
}
.coupon-popover.coupon-popover-cart .popover-body {
    width: 260px;
    padding: 16px 0px;
}
.coupon-popover.coupon-popover-cart .popover-content--coupon .dfex-txt {
    padding: 8px 16px;
}
@media (max-width: 767px) {
    .coupon-popover {
        position: fixed !important;
        z-index: 1055;
        width: 100%;
        max-width: 100%;
        left: 0 !important;
        right: 0 !important;
        top: initial !important;
        bottom: 0 !important;
        margin: 0;
        -webkit-transform: translateY(100%) !important;
        transform: translateY(100%) !important;
        transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
        background: #ffffff;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 18px;
        border-radius: 16px 16px 0 0;
    }
    .coupon-popover.fade.show {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
    }
    .coupon-popover .popover-arrow {
        display: none;
    }
    .coupon-popover .popover-header {
        display: block;
    }
    .coupon-popover .popover-header:before {
        display: none;
    }
    .coupon-popover .popover-header:after {
        content: "";
        position: absolute;
        left: calc(50% - 24px);
        top: -14px;
        width: 48px;
        height: 6px;
        border-radius: 3px;
        background: #ffffff;
    }
    .coupon-popover .popover-body {
        margin-left: 0;
        margin-right: 0;
        border-radius: 0;
        box-shadow: none;
        padding: 0;
        width: 100%;
    }
    .coupon-popover .arrow {
        display: none;
    }
    .coupon-popover .popover-content--coupon .dfex-txt {
        padding: 12px 20px;
    }
    .coupon-popover .popover-content--coupon .dfex-txt.dfex-none {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .coupon-popover.coupon-popover-cart .popover-body {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .modal-coupon--backdrop {
        position: fixed;
        background-color: rgba(0, 0, 0, 0.4);
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        z-index: 999;
        display: none;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .modal-coupon--backdrop.js-modal-show {
        display: block;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}

/* Gift PE */
.giftPE-popover {
    border: 1px solid #ffd9d9;
    border-radius: 8px;
    z-index: 1;
}
.giftPE-popover .popover-header {
    border-radius: 8px 8px 0 0;
    font-weight: 600;
    font-size: 14px;
    color: #e30019;
    background: #ffd9d9;
    padding: 6px 10px;
    overflow: hidden;
}
.giftPE-popover .popover-body {
    background: #ffffff;
    padding: 6px 0;
    font-size: 13px;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}
.giftPE-popover .popover-body ul {
    margin-bottom: 0;
    padding: 0;
    counter-reset: section;
}
.giftPE-popover .popover-body ul li {
    position: relative;
    padding: 4px 10px;
    display: flex;
}
.giftPE-popover .popover-body ul li:before {
    counter-increment: section;
    content: counter(section);
    border-radius: 50%;
    height: 14px;
    width: 14px;
    text-align: center;
    display: inline-block;
    background: #e30019;
    color: #fff;
    font-weight: 600;
    font-size: 11px;
    line-height: 14px;
    margin-right: 8px;
    margin-top: 4px;
}
.giftPE-popover .popover-body ul li span {
    width: calc(100% - 20px);
    display: inline-block;
}
.giftPE-popover.bs-popover-bottom > .arrow {
    top: calc((0.5rem + 2px) * -1);
}
.giftPE-popover.bs-popover-top > .arrow::before {
    border-top-color: #ffd9d9;
    bottom: 0px;
}
.giftPE-popover.bs-popover-top > .arrow::after {
    border-top-color: #ffd9d9;
    bottom: 1px;
}
.giftPE-popover.bs-popover-bottom > .arrow::before {
    border-bottom-color: #ffd9d9;
    top: 0px;
}
.giftPE-popover.bs-popover-bottom > .arrow::after {
    border-bottom-color: #ffd9d9;
    top: 1px;
}
.giftPE-popover.bs-popover-bottom .popover-header::before {
    border-bottom: 1px solid #ffd9d9;
}

/*--------------------------------------------
	BANNER FIXED
---------------------------------------------*/
.sticky-banner {
    position: fixed;
    left: 0;
    right: 0;
    top: 195px;
    margin: auto;
    z-index: 1;
    width: 1560px;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
.sticky-banner .sticky-banner-target img {
    border-radius: 4px;
}
.sticky-banner .sticky-banner-target .aspect-ratio {
    position: relative;
    overflow: hidden;
    display: block;
    padding-bottom: calc((var(--height-img) / var(--width-img)) * 100%);
}
.sticky-banner .sticky-banner-target .aspect-ratio img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.sticky-banner .sticky-banner-target .large {
    width: 150px;
}
.sticky-banner .sticky-banner-target .large.left {
    position: absolute;
    left: 15px;
}
.sticky-banner .sticky-banner-target .large.right {
    position: absolute;
    right: 15px;
}
.sticky-banner .sticky-banner-target .medium {
    width: 100px;
    display: none;
}
.sticky-banner .sticky-banner-target .medium.left {
    position: absolute;
    left: 10px;
}
.sticky-banner .sticky-banner-target .medium.right {
    position: absolute;
    right: 10px;
}
@media (max-width: 1649px) {
    .sticky-banner {
        width: auto;
    }
    .sticky-banner .sticky-banner-target .large {
        display: none;
    }
    .sticky-banner .sticky-banner-target .medium {
        display: block;
    }
}
@media (max-width: 1446px) {
    .sticky-banner .sticky-banner-target .medium {
        display: none;
    }
}
@media (min-width: 1200px) {
    .sticky-banner.sticky-fixed {
        top: 100px;
    }
}

#section_viewed {
    margin: 8px auto;
    background: #fff;
    border-radius: 4px;
}
#section_viewed h4 {
    padding: 8px;
}
#section_viewed .listProduct-row:not(.slick-initialized) {
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
    width: 100%;
}
#section_viewed .listProduct-row .proloop {
    flex: 0 0 auto;
    width: calc(100% / 4);
    max-width: unset;
}
#section_viewed .listProduct-row .proloop .proloop-block {
    display: -webkit-flex;
    display: flex;
}
#section_viewed .listProduct-row .proloop .proloop-block > div {
    flex: 0 0 auto;
}
#section_viewed .listProduct-row .proloop .proloop-block .proloop-img {
    width: 80px;
    padding: 0 10px;
}
#section_viewed
    .listProduct-row
    .proloop
    .proloop-block
    .proloop-img
    .proloop-label {
    display: none;
}
#section_viewed
    .listProduct-row
    .proloop
    .proloop-block
    .proloop-img
    .aspect-ratio {
    margin-top: 15px;
}
#section_viewed
    .listProduct-row
    .proloop
    .proloop-block
    .proloop-img
    .sticker_frame {
    bottom: unset;
    top: 0;
    width: calc(100% - 10px);
    left: 5px;
}
#section_viewed .listProduct-row .proloop .proloop-block .proloop-detail {
    width: calc(100% - 80px);
    padding: 10px 10px 10px 0;
}
#section_viewed
    .listProduct-row
    .proloop
    .proloop-block
    .proloop-detail
    .proloop-label,
#section_viewed
    .listProduct-row
    .proloop
    .proloop-block
    .proloop-detail
    .proloop-technical,
#section_viewed
    .listProduct-row
    .proloop
    .proloop-block
    .proloop-detail
    .proloop-rating {
    display: none !important;
}
@media (max-width: 991px) {
    #section_viewed .listProduct-row .proloop {
        flex: 0 0 auto;
        width: calc((100% - 100px) / 3);
    }
}
@media (max-width: 640px) {
    #section_viewed .listProduct-row .proloop {
        flex: 0 0 auto;
        width: 70%;
    }
}