@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

* {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
}

body {
    font-family: "Montserrat", sans-serif;
    color: #333f48;
    letter-spacing: 0;
    box-sizing: border-box;
    font-size: 1.4rem;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
    background-color: #fafafa;
}

a {
    text-decoration: none;
    color: #000;
    transition: color 0.3s ease-in-out;
    outline: none;
    user-select: none;
}

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

.fs-16 {
    font-size: 1rem;
}

.fs-14 {
    font-size: 0.875rem;
}

.fs-11 {
    font-size: 0.6875rem;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #c5c2c2;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.header {
    position: sticky;
    top: 0;
    background-color: #fff;
    border-bottom: 1px solid #E6E7E8;
    z-index: 1000;
    font-size: 0.875rem;
}

.header-notifications {
    background-color: #333f48;
    height: 2.25rem;
    text-align: center;
    color: #f2c75c;
    overflow: hidden;
    font-weight: 600;
    font-size: 0.8125rem;
    line-height: 1rem;
    letter-spacing: 0.00625rem;
    order: 1;
    text-transform: uppercase;
}

.header-notifications ul {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin: 0;
    height: 100%;
    transition: transform 0.5s ease-in-out;
}

.header-notifications ul li {
    width: 100%;
}

.header-bottom {
    height: 5rem;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    order: 2;
}

.header-main {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

.header-logo {
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.header-logo.d-none {
    opacity: 0;
    transform: scale(0.8);
}

.header-menu {
    height: 100%;
}

.header-menu .mlv1 {
    display: flex;
    height: 100%;
    align-items: center;
    overflow-x: scroll;
    overflow-y: hidden;
}

.header-menu .mlv1::-webkit-scrollbar {
    display: none;
}

.header-menu .mlv1 .item-mlv1 {
    color: #333f48;
    font-size: 0.899rem;
    font-weight: 700;
    line-height: 2.5rem;
    padding: 0 0.899rem;
    text-align: left;
}

.item-mlv1 .tit-item-mlv1 {
    position: relative;
    text-transform: uppercase;
    white-space: nowrap;
}

.item-mlv1:hover .tit-item-mlv1:after {
    opacity: 1;
}

.item-mlv1 .tit-item-mlv1:after {
    opacity: 0;
    content: "";
    position: absolute;
    width: 2rem;
    top: 2.8125rem;
    left: 50%;
    border-radius: 0.25rem 0.25rem 0 0;
    z-index: 2222;
    height: 0.3125rem;
    margin-left: -1rem;
    background-color: #da291c;
}

.mlv2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: start;
    gap: 0.625rem;
    color: #333f48;
    font-weight: 500;
    font-size: 0.8235rem;
    line-height: 1.425;
}

.ct-left-s {
    border-right: 0.0625rem solid #edf1f5;
}

.tit-item-mlv2:hover {
    color: #da291c;
}

.img-menu {
    height: 100%;
}

.img-menu img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search-header input {
    display: block;
    height: 2.5rem;
    background-color: #fff;
    border: 0.0625rem solid #edf1f5;
    border-radius: 2.5rem;
    width: 100%;
    padding: 0.5rem 0.5rem 0.5rem 3.5rem;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.375rem;
    color: #333f48;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.search-header button {
    background-size: 100% 100%;
    position: absolute;
    left: 7%;
    top: 50%;
    margin-top: -0.625rem;
    border: none;
    background-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

.icon-header .fs-11 {
    font-size: 0.6875rem;
    font-weight: 500;
    white-space: nowrap;
}

.icon-header i {
    font-size: 1rem;
    font-weight: 500;
}

.header-hidden {
    order: 3;
    display: -ms-flexbox;
    display: none;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    gap: 0.5rem;
    min-height: 2.6875rem;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    opacity: 1;
}

.header-hidden.d-none {
    opacity: 0;
    transform: translateY(-0.625rem);
}

.header-hidden a {
    border-radius: 0.125rem;
    width: calc((100% - 1rem) / 3);
    width: -o-calc((100% - 1rem) / 3);
    padding: 0.25rem 0.5rem;
    position: relative;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 0.625rem;
    height: 2.5rem;
    font-size: 0.625rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0.3125rem 0, rgba(0, 0, 0, 0.1) 0 0 0.0625rem 0;
    border: none;
}

.menu-content {
    display: none;
    top: 100%;
    border-top: 0.0625rem solid #edf1f5;
    min-height: 100%;
    height: 18.75rem;
    left: 0;
    position: absolute;
    width: 100%;
}

.offcanvas-search {
    height: 100vh !important;
    max-height: 100vh;
}

.search-input-group {
    -webkit-box-shadow: 0 0.125rem 0.25rem rgba(116, 134, 155, 0.08);
    box-shadow: 0 0.125rem 0.25rem rgba(116, 134, 155, 0.08);
    padding: 1.5rem 0;
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: #fff;
}

.ip-search-hd .search-btn {
    background-size: 100% 100%;
    position: absolute;
    left: 1rem;
    top: 50%;
    margin-top: -1rem;
    color: #cbcbcb;
    border: none;
    background-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

.ip-search-hd .search-input {
    height: 2.5rem;
    padding: 0.5rem 0.5rem 0.5rem 3.5rem;
    background: #fff;
    border: 0.0625rem solid #edf1f5;
    width: 100%;
    border-radius: 4rem;
}

.offcanvas-search .search-input-group .btn-close {
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    border-radius: 100%;
    margin-left: 1.5rem;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #d9d3d3;
    border: none;
}

.ip-search-hd .clear-input {
    box-shadow: none;
    outline: 0;
    cursor: pointer;
    border: none;
    background-color: transparent;
    color: #74869b;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.625rem 1rem;
    position: absolute;
    top: 0;
    right: 0;
    height: 2.5rem;
    width: auto;
    text-align: center;
    border-radius: 4rem;
}

.search-results-bottom ._searchFolding {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
}

.search-results-bottom ._searchFolding a {
    margin-bottom: 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    cursor: pointer;
    color: #74869b;
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.search-results-bottom .list-product-search {
    width: 100%;
}

.list-product-search img {
    width: 10%;
    height: 10%;
    object-fit: scale-down;
}

.list-product-search-title {
    color: #000000;
}

.list-product-search-price {
    color: #ff0a0a;
    font-weight: 500;
}

.header-bag .icon-bag {
    display: flex;
    justify-content: center;
    position: relative;
    flex-direction: column;
    align-items: center;
    gap: 0.1875rem;
}

.header-bag .quantity-pro-cart {
    position: absolute;
    top: 0;
    right: -0.3125rem;
    font-size: 0.6875rem;
    line-height: 0.8125rem;
    text-align: center;
    min-width: 1rem;
    color: #fff;
    text-shadow: 0 0.25rem 0.5rem rgba(16, 24, 40, 0.1), 0 0.125rem 0.25rem rgba(16, 24, 40, 0.06);
    background: #da291c;
    border-radius: 0.6875rem;
}

.voucher-item {
    margin-bottom: 1.25rem;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    min-height: 10.3125rem;
    padding: 1.375rem;
    padding-left: 0;
}

.ls-voucher-header .slick-list .slick-track {
    padding: 0.3125rem;
}

.voucher-item-detail {
    flex-grow: 1;
    padding: 0.9375rem 0 0.6875rem 0.625rem;
    background-color: #fff;
    box-shadow: 0 0 0.3125rem rgba(40, 41, 61, 0.08), 0 0.03125rem 0.375rem rgba(96, 97, 112, 0.16);
    width: calc(100% - 7.1875rem);
    border-radius: 0.25rem 0 0 0.25rem;
    display: flex;
    justify-content: space-between;
    gap: 0.3125rem;
    flex-direction: column;
}

.voucher-item-title {
    font-size: 1rem;
}

.voucher-item-des {
    display: -webkit-box;
    text-align: start;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.875rem;
}

.voucher-item-action {
    width: 6.875rem;
    min-width: 6.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    box-shadow: 0 0 0.3125rem rgba(40, 41, 61, 0.08), 0 0.03125rem 0.375rem rgba(96, 97, 112, 0.16);
    position: relative;
    border-radius: 0 0.25rem 0.25rem 0;
    padding: 0 0.625rem;
}

.voucher-item-code {
    background: #eff7f8;
    border-radius: 0.125rem;
    width: fit-content;
    padding: 0.25rem;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1rem;
    color: #63b1bc;
    margin-bottom: 0.6875rem;
}

.btn-save-voucher {
    color: #fff;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1rem;
    white-space: nowrap;
    cursor: pointer;
    padding: 0.625rem 0;
    display: block;
    width: 85%;
    text-align: center;
    border: 0.0625rem solid #63b1bc;
    border-radius: 0.5rem;
    background-color: #63b1bc;
}

.voucher-item-action:before {
    content: " ";
    position: absolute;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAARCAYAAADKZhx3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU3Rjg4QTg1Q0RGRTExRURBRTk5QzExNEJFRDNEMEM0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU3Rjg4QTg2Q0RGRTExRURBRTk5QzExNEJFRDNEMEM0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTdGODhBODNDREZFMTFFREFFOTlDMTE0QkVEM0QwQzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTdGODhBODRDREZFMTFFREFFOTlDMTE0QkVEM0QwQzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4XL9zKAAADAUlEQVR42sRUS0wTQRjeeexut13o+xFAJRw4tCEx0RD0IK0HEr1hbBNiVCJ4kIPExDs0Jhhj1FuTXkzAeGm5GE/EHrj2RgJdOJBwUEtLrYXSpa/dHXea1qBBikrCt9n8m9mZ7/v/f74ZQAhhzgIY6KDiemgMzM7OgmbUGIbo3+DfM6NFNfkPIxwOAxAMBpH+MvF4nKFRkiTi9XoBjTMzM7+soBzHyICGFCGgNRCKx6FP50mlUsDn84FUyttcH2eA3z9uGBjoIJubm4woiqRUKgG32w1kWdZyuZw2NTVFaBJ0up6I1urMUcKtbtHEI5EI6O/vBzzPw0wmQ3I5E+zt7WWy2SSh/Ki7+7wg8xpmygKu1ZyYZXm0vv4V9PRYkM1mA+9XVkBOkhg9EdoNsLy8fKSqLgppZS6XBDc2KthoNCKpKCFYcuNqFeESD5CCd7DocLCFihGBkZG7LrqwpD8UqIyJwyFotZqiyXK6znGXidks1q3WNIlGo8qfWk6FaUwmkyxC51ABZpBFFXGFw1At1IGqKkAQDIDqiNRcS0sL2eP8MTR00+x2+xi9ZUogEEB+v1+je/m7KG1vPC4hCkFg2I+xD7vH8cJ2xhRFJ7vHfoerq/u6Hxr73DLST1AT0m3wePJ6ZWZcLKqoHW9b4emn9/rUbAVznIqSyQEUCoXAIRc3Xn2M7q9uIpWFsBPNzT2+2PYct5twZfDS2Mti9LndzhGWzWgejwfHYjFFP32Mz9dwe0O0XLbinLoFkepgnU77xf+u2GYxT4yODrsEgcNWax+3tVVFiUQCWq0FKoiT+TxtK1JVGTuRhQveuGbv6vI8acdLb5W2N1OpdLB4687ENK+BGsa8ctCh1t3Nf980DfEyCxWliiEUuPn5188sFvODUxGm2N3bf/tuYfFVIvEpLyNWsWGWbG+XCe8sQ5PBgAOD122TD8fCoskUPAnfiYUpVFX9kk7vvPmcTq+9mIuslZkD5tH4/QvDw1dvWywdkxCCzpNy/ZXwaQIyZ4QzE/4hwACTLkuaxIFi5QAAAABJRU5ErkJggg==);
    top: -0.3125rem;
    left: -0.9375rem;
    z-index: 222;
    background-color: #fafafa;
    height: 1.0625rem;
    width: 1.875rem;
    background-size: 100% 100%;
}

.voucher-item-action:after {
    content: " ";
    background-color: #fafafa;
    position: absolute;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAARCAYAAADKZhx3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRERkI5OTk3Q0RGRTExRUQ5MUI5REJCNjIwQjQ2NjNCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRERkI5OTk4Q0RGRTExRUQ5MUI5REJCNjIwQjQ2NjNCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NERGQjk5OTVDREZFMTFFRDkxQjlEQkI2MjBCNDY2M0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NERGQjk5OTZDREZFMTFFRDkxQjlEQkI2MjBCNDY2M0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz65TsE9AAADHklEQVR42sRVS2tTQRQ+M/fmPqdNbtLUNNrWlYtmZxa6swt/gdiqIChuii4U/4CNP0DduGkpQRc+aNWNuBBErQhu3Ii262I1vZhnm8T7modzg0rRKpUKHRjuMMz5vnO+78xcJOSAXRgYdmnsGrH6L4c55+16s1VefPHm4Z07D1YBDLh4+fTY/uHRwsjI0CVFUfZuFwtt1+N2u/Nwbu7B1cXFVy0hEAMbs3h/Y30dEWwqR44czpw7d+pyOp06+9+IG63WrVMnzl9BRKWWSIZCdFkioYlOpyt0PYHbba4kk4bW8LrK4/nZG4RYx3fsMWPsc3nu/rVkMh11A+4zZoeJRDew7TAYHrZpvB4dVcMgUHyN4bBcvneVc7GxY+KK++X6kxfPa1+/toL0HoPmchZzHIdqmhZLHRUKBSa9jyyrFiWTGn36+nWt0WiWd0zsVqrvHN2UwFGUlgTF4lCUz+fZ7OwsnZmZofIIXVlZobZt074+EdnghG/fvb+7Y4+PHjszkFaHqOc1I9NsUlkhn56eZgihXpwMR5OTk1iqIIvIJ1z3o6KkTO3R7Zu1vxKfPHlhOAzDHojneaCQPqHpBveCdUoAs07HpwMDmNVqKXroUIZJUi5J+WaQUqmEX74EbJp1eaMC2Wi62mrVlXS6P+H7GDMtVGWvIPBMME2AmE9F/aant2kPQNdtoDTiCZ4SG83PPBjp4y0YpMT/xAhxpacZ8aPSX4hj4djU1BQCKPJm85nodoFbFufVyEdZcLCgdWRYFPm+LyLDQLjrKoGq9ntra6pfr3ueYTjBBmkEjgPhqGzdffCJVatVLiX+QbiVNb292PtiESBuvmy2EHpeJTowqIWGoQSEDPqUqvJW5MLOWtNX9YNW4MugrE8gl1NkxgGkQAcXCiKTAe66rhgfHxel0rQER3/27LsSsnomE5BJAK5U8tHqqo4JIcJxhkQt9QGTjCWySwVAExMTipywvLwslpaWfiLPz89ztKm8rST+rWzZp/Ic+p5A7zs2NoYWFhZATiF5ensxX7xAW8iG/iLrtp/jX+I38wi0S79j+CbAADiblrPLUfHeAAAAAElFTkSuQmCC);
    bottom: -0.3125rem;
    left: -0.9375rem;
    height: 1.0625rem;
    width: 1.875rem;
    background-size: 100% 100%;
    z-index: 222;
}

.banner_main {
    max-height: 31.875rem;
}

.banner_main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.btn-slick-main {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    padding: 0.3125rem 0.625rem;
    color: #000000;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.0625rem;
    z-index: 400;
    cursor: pointer;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
}

.btn-slick-main:hover {
    background-color: #fff;
    transition: all 0.1s;
}

.btn-next-main {
    right: 10%;
}

.btn-prev-main {
    left: 10%;
}

.ls-banner-main .slick-dots {
    bottom: 1.25rem;
}

.ls-banner-main .slick-dots .slick-active button:before {
    background-color: #da291c;
    opacity: 1;
}

.ls-banner-main .slick-dots li button:before {
    background-color: #fff;
    opacity: 1;
    border-radius: 100%;
    width: 0.625rem;
    height: 0.625rem;
    display: inline-block;
    vertical-align: top;
    margin: 0 0.3125rem;
    color: unset;
}

.icon-ship {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.875rem;
}

.icon-ship i {
    color: #ff8674;
    font-size: 1.875rem;
    background-color: #fff3f1;
    padding: 0.625rem;
}

.color-text {
    color: #73727d;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.voucher-item-condition {
    font-size: 0.75rem;
    font-weight: 500;
}

.top-detail-voucher {
    margin-bottom: 1rem;
    background-color: #fff;
    box-shadow: 0 0 0.0555rem rgba(40, 41, 61, .08), 0 0.0220rem 0.1101rem rgba(96, 97, 112, .16);
    border-radius: 0.25rem;
    min-height: 8.125rem;
}

.voucher-item {
    display: flex !important;
}

.ls-product-home .product-item {
    max-width: 100%;
    flex: 0 0 auto;
}

.ls-product-home .product-item {
    display: flex;
    flex-direction: column;

}

.product-item {
    font-size: 0.875rem;
}

.product-item .product-info .color-atb-product a {
    border: 0.125rem solid #dedede;
    margin-right: 5px;
    padding: 0.0625rem;
    display: flex;
    font-size: 0.857rem;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
}

.product-item .product-info .color-atb-product a.active {
    border: 0.125rem solid #333f48 !important;
}

.text-title-newHome {
    display: -webkit-box;
    text-align: start;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.25rem;
    height: 5.625rem;
}

.content-ship .fw-bold {
    font-size: 1rem;
}

.news-info-home .text-muted {
    font-size: 0.875rem;
    margin-top: 0.5rem;
}

.mews-item:hover {
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0 0.125rem 0.5rem 0;
}

.icon-form-getNews a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.375rem;
    height: 2.375rem;
    margin: 0 1rem;
    font-size: 1.375rem;
    box-shadow: 0 .03125rem 0.125rem rgba(96, 97, 112, .16);
    border-radius: 0.25rem;
    background-color: #fff;
}

.section-getNews .container {
    width: 50%;
    margin: 0 auto;
}

.f-content ul {
    display: flex;
    flex-direction: column;
}

.f-content ul li p {
    margin: 0;
    line-height: 1.71;
    font-size: 0.875rem;
}

.fi-content ul li {
    margin: 0 0 0.875rem;
}

.fi-content ul li a:hover {
    color: #de1717;
    transition: color 0.3s;
}

.fi-content ul li p a:hover {
    color: #de1717;
    transition: color 0.3s;
}

.fi-content ul li a {
    margin: 0 0 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: color 0.3s;
}

.menu-mobile {
    background: #fff;
    border-top: 0.0625rem solid rgba(230, 231, 232, .5);
    position: fixed;
    bottom: 0;
    z-index: 600;
    left: 0;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0.1875rem 0 0 0;
    height: 4rem;
}

.mn-mb li a i {
    font-size: 1.25rem;
}

.mn-mb li a span {
    font-size: 0.5625rem;
}

.icon-bag-mb a {
    display: flex;
    flex-direction: column !important;
    justify-content: center;
    align-items: center;
    gap: 0.3125rem;
}

.icon-bag-mb a .quantity-pro-cart {
    position: absolute;
    top: 0;
    right: -0.3125rem;
    font-size: 0.625rem;
    line-height: 0.8125rem;
    text-align: center;
    min-width: 1rem;
    color: #fff;
    text-shadow: 0 0.25rem 0.5rem rgba(16, 24, 40, .1), 0 0.125rem 0.25rem rgba(16, 24, 40, .06);
    background: #da291c;
    border-radius: 0.6875rem;
}

.newsIp {
    height: 3.125rem;
}

.newsIp input:focus {
    outline: none;
    border: none;
}


@media (max-width: 1200px) {
    .item-img {
        height: 18.75rem;
    }
}

@media (max-width: 1024px) {
    .header-menu .mlv1 .item-mlv1 {
        font-size: 0.625rem;
        text-wrap: nowrap;
    }

    .icon-header span {
        font-size: 0.9411vw;
    }

    .fs-8 {
        font-size: 0.5rem;
    }

    .voucher-item {
        padding-left: 0.625rem;
    }

    .w-35 {
        width: 50% !important;
    }
}

@media (max-width: 820px) {
    .section_newProduct .banner_newProduct {
        height: 12.5rem;
    }

    .ls-recommend .item-img, .list-viewed .item-img {
        height: 18.75rem;
    }

    .item-img {
        height: 12.5rem;
    }
}

@media (max-width: 560px) {
    .header-menu .mlv1 {
        overflow-x: auto;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .header-menu .mlv1::-webkit-scrollbar {
        display: none;
    }

    .header-menu .mlv1 .item-mlv1:hover .menu-content {
        display: none;
    }

    .header-bottom {
        height: auto;
    }

    .header-notifications {
        order: 2;
        height: 1.5625rem;
        font-size: 0.5rem;
    }

    .header-bottom {
        order: 1;
    }

    .header-logo {
        order: 1;
    }

    .header-main {
        flex-wrap: wrap;
        height: auto;
        background-color: #fff;
        padding: 0.3125rem 1rem;
    }

    .header-menu {
        order: 4;
    }

    .header-search {
        order: 2;
        justify-content: flex-end;
    }

    .header-menu ul li {
        font-size: 0.625rem;
    }

    .icon-header-mobile a {
        cursor: pointer;
        width: 2.25rem;
        height: 2.25rem;
        display: flex;
        min-width: 2.25rem;
        background-color: #fafafa;
        border-radius: 100%;
        margin-left: 0.75rem;
        position: relative;
        z-index: 5;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .search-header input {
        background-color: #fafafa;
        border-radius: 1.25rem;
        height: 2.25rem;
        display: block;
        width: 100%;
        border: none;
        font-weight: 400;
        font-size: 0.75rem;
        line-height: 1.25rem;
        padding: 0.5rem 2.8125rem 0.5rem 2.1875rem;
        color: #333f48;
    }

    .search-header {
        display: none;
    }

    .btn-slick-main {
        display: none !important;
    }

    .cs-p {
        font-weight: 700;
    }

    .section-getNews .container {
        width: 100%;
    }

    .section-getNews .container .form-getnews {
        background-color: #fdf4f3;
        padding: 1.25rem 0.625rem;
    }

    .section-getNews .container .text-secondary {
        font-size: 0.75rem !important;
    }

    .voucher-item-des {
        font-size: 0.75rem;
    }

    .newsIp {
        flex-direction: column;
        padding: 0.625rem;
        height: auto;
        gap: 0.625rem;
    }

    .newsIp input {
        width: 100% !important;
        height: 2.5rem !important;
    }

    .newsIp button {
        width: 100% !important;
    }
}
.quickView-icon{
    cursor: pointer;
    display: flex;
    opacity: 1;
    visibility: visible;
    width: 36px;
    height: 36px;
    padding: 0;
    position: absolute;
    right: 16px;
    bottom: 64px;
    left: auto;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: hsla(0, 0%, 100%, .6);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjAwMiAyMUg3LjcyYy0xLjgxIDAtMi43MTYgMC0zLjM4NC0uMzYyYTMgMyAwIDAxLTEuMzItMS40MzRjLS4zMDUtLjY5Ni0uMjMtMS41OTgtLjA4LTMuNDAzbC43LTguNGMuMTMtMS41NTIuMTk1LTIuMzI5LjUzOS0yLjkxNmEzIDMgMCAwMTEuMjk0LTEuMTkxQzYuMDgyIDMgNi44NjEgMyA4LjQxOSAzaDcuMTY3YzEuNTU4IDAgMi4zMzcgMCAyLjk1MS4yOTRhMyAzIDAgMDExLjI5NCAxLjE5Yy4zNDQuNTg4LjQwOSAxLjM2NS41MzggMi45MTdsLjQ1MiA0LjM1TTE2LjAwMiA4YTQgNCAwIDExLTggMCIgc3Ryb2tlPSIjMzMzRjQ4IiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTE5LjUgMTZ2N00xNiAxOS41aDciIHN0cm9rZT0iI0RBMjkxQyIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
    background-size: 24px 24px;
    z-index: 50;
}
@media (max-width: 768px) {
    .quickView-icon{
        bottom: 16px;
    }
    .over-p-content{
        display: none !important;
    }
    .slick-slider {
        -webkit-touch-callout: default !important;
        user-select: auto !important;
        -webkit-user-select: auto !important;
        touch-action: auto !important;
    }
}
.content-ship p{
    margin-bottom: 0;
}
._productItem{
    position: relative;
}
.stock:not(.out-of-stock) {
    display: none !important;
}
.stock.out-of-stock{
    position: absolute;
    right: 24px;
    top: 24px;
    background: red;
    color: #fff;
    padding: 5px;
}
.text-color-red,.text-color-red span{
    color: red !important;
}