.mt-fix-20 {
    margin-top: 1.25rem;
}
.img-outstanding img{
    width: 100%;
}
.img-outstanding p{
    white-space: normal;
}
.block-product{

    background-color: white;
    border-radius: var(--primary-border);
    padding: 18px 21px;
    /*border: 1px solid #DCDEE9;*/
}

.box-product {
    position: relative;
}

.box-product {
    margin-top: 18px;
}

.item-product-service {
    margin: auto;
    text-align: center;
    transition: .2s;
}

.item-product-service {
    margin: auto;
    text-align: center;
    transition: .2s;
}

.item-product-service img {
    width: 60px;
}

/*.block-product{*/
/*    min-height: 100%;*/
/*}*/


/*shope*/

.XhCeW7 {
    display: flex;
    justify-content: space-around;
    width: 1200px;
    margin: 10px auto 0;
    min-height: 108px;
}

.XhCeW7 a {
    color: inherit;
    text-decoration: inherit;
}
.ssqXYK {
    margin: 18px auto 8px;
}
.OyNMA5 {
    width: 45px;
    height: 45px;
    border-radius: 50%;
}
.kmYTt8:hover {
    transform: translateY(-0.0625rem);
}
._03TyL4 {
    height: 100%;
    border-radius: 0;
}
.VcjTix {
    position: relative;
}

.\-1zdvZ, .oaBOVO {
    height: 100%;
}
.y2U2TZ {
    opacity: 1;
    transition: opacity .2s ease;
}

.vdmlF5 {
    color: var(--text-color-header);
    letter-spacing: 0;
    text-align: center;
}

._8IM\+-o {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: .8125rem;
    line-height: 20px;
    max-width: 150px;
    margin-bottom: 8px;
    word-wrap: break-word;
    overflow: hidden;
    white-space: pre-line;
}

/*Mobile*/


.IX71cF {
    height: 13.25rem;
}
._74kYXf {
    width: 100%;
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 6.875rem;
}
.PIMNzS {
    position: relative;
    height: 100%;
    overflow-y: hidden;
}
.stardust-horizontal-scroll-view {
    display: flex;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.Bqw7e2 {
    padding-bottom: 1.25rem;
    box-sizing: initial;
    height: 100%;
}
.stardust-horizontal-scroll-view {
    display: flex;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.hide-scrollbar {
    scrollbar-width: none;
}
/*:not(input):not(textarea) {*/
/*    -webkit-user-select: none;*/
/*    -webkit-touch-callout: none;*/
/*    -webkit-tap-highlight-color: transparent;*/
/*}*/
.CcRbu3 {
    width: 100%;
    height: 100%;
}
.EvHyb8 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 0.125rem;
}
._9Ijo1H {
    height: 6rem;
    width: 22.22222%;
}
.PJ2DoG {
    width: 25%;
    padding: 0 0.0625rem;
    text-align: center;
    height: 6rem;
}
.Oc6R99 {
    text-decoration: none;
}
.RS1UcZ {
    position: relative;
}
.\+tCIic {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 2.625rem;
    font-size: .625rem;
    line-height: .875rem;
    color: rgba(0,0,0,.87);
    word-wrap: break-word;
    overflow: hidden;
    white-space: pre-line;
}
.RS1UcZ img {
    vertical-align: bottom;
}
.Qk2DU- {
    display: inline-block;
    width: 2.625rem;
    height: 2.625rem;
    margin-bottom: 0.25rem;
}
.pcsAgk {
    opacity: 1;
    transition: opacity .2s ease;
}

._7m5mUc, .iyAYMg {
    height: 0.25rem;
    border-radius: 0.0625rem;
}

._7m5mUc {
    position: absolute;
    bottom: 0.3125rem;
    left: calc(50% - 0.75rem);
    width: 1.5rem;
    background: #efefef;
}

.iyAYMg {
    background: #ee4d2d;
}
._7m5mUc, .iyAYMg {
    height: 0.25rem;
    border-radius: 0.0625rem;
}




/*!
 * Project: 'mobilemall';
 * Module: 'homepage';
 * Tag: 'rw-v4.58.0';
 * Branch: 'heads/rw-v4.58.0';
 * Last commit: 'chore(release): rw-v4.58.0' (264b3ed596ecb80182c53e0ad771c718a740e15b);
 * Updated: '2023-09-26T09:34:12.340Z';
 */
.stardust-popup {
    display: flex;
    align-items: center
}

.stardust-popup,.stardust-popup__overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.stardust-popup__overlay {
    background: rgba(0,0,0,.4)
}

.stardust-popup__dialog {
    background: #fff;
    border-radius: 4px;
    margin: auto 34px
}

.stardust-popup__dialog--wrapper {
    max-width: 375px;
    width: 100%;
    z-index: 2;
    margin: 0 auto
}

.stardust-popup__dialog--wrapper-top {
    padding: 20px 20px 0
}

.stardust-popup-title {
    font-size: 16px;
    color: rgba(0,0,0,.87);
    text-align: center
}

.stardust-popup-content,.stardust-popup-title {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400
}

.stardust-popup-content {
    font-size: 14px;
    text-align: left;
    color: rgba(0,0,0,.54)
}

.stardust-popup-buttons {
    margin-top: 26px;
    display: flex;
    align-content: space-between
}

.stardust-popup-button {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    color: #ee4d2d;
    border-top: 1px solid rgba(0,0,0,.09);
    flex: 1 100%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-align: center
}

.stardust-popup-button:nth-child(2) {
    border-left: 1px solid rgba(0,0,0,.09)
}

.E2fj6p a {
    color: #ee4d2d
}

.E2fj6p .stardust-popup-content {
    padding: 1.25rem 0 0
}

.E2fj6p .stardust-popup-button--secondary {
    color: rgba(0,0,0,.87)
}

.home-popup--hide {
    display: none
}

.home-popup__background {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    background-color: rgba(0,0,0,.4);
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    z-index: 9000
}

.home-popup__content {
    flex: 0 1 auto;
    position: relative;
    width: 80%;
    max-width: 28.75rem;
    max-height: 100%
}

.home-popup__link {
    display: block
}

.home-popup__image {
    display: block;
    object-fit: contain;
    width: 100%;
    height: 100%
}

.home-popup__close-area {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 15%;
    height: 19%;
    cursor: pointer
}

.home-popup__close-button-container {
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: -.5rem;
    right: -.5rem;
    background: #efefef;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.home-popup__close-button {
    height: 1rem;
    width: 1rem;
    stroke: rgba(0,0,0,.5);
    stroke-width: .125rem
}

.shopee-no-scroll {
    overflow: hidden;
    height: 100%
}

._0C8X-M {
    right: 6px;
    bottom: 17vh;
    width: 90px;
    height: 90px;
    position: fixed;
    z-index: 1000
}

.RS1UcZ {
    position: relative
}

.RS1UcZ img {
    vertical-align: bottom
}

._06KbGh {
    visibility: hidden
}

._6BAVo\+ {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.P9BiL9 {
    opacity: 0
}

.pcsAgk {
    opacity: 1;
    transition: opacity .2s ease
}

._4QDEF2 {
    max-height: 100%;
    max-width: 100%;
    height: 60px;
    width: 60px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 61' fill='%23e5e4e4'%3E%3Cpath d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4zM27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6zm9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3-.5-1.6-2.2-2.7-3.5-3.4-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2-2.4-1.2-4-2.6-4.8-4.2-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7-2 .3-4.7 2-4.4 4.6.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7z'/%3E%3C/svg%3E")
}

.p90Ia6 .JzMR89 {
    right: 0;
    bottom: 0
}

.JzMR89,.p90Ia6 .JzMR89 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    z-index: -1
}

.JzMR89 {
    width: 100%;
    height: 100%
}

.PJ2DoG {
    width: 25%;
    padding: 0 .0625rem;
    text-align: center;
    height: 6rem
}

.PJ2DoG .animated-lazy-image__placeholder {
    width: 1.875rem;
    height: 1.875rem
}

._9Ijo1H {
    height: 6rem;
    width: 22.22222%
}

.tQ0hyU {
    height: 6rem;
    width: 20%
}

.Oc6R99 {
    text-decoration: none
}

.Qk2DU- {
    display: inline-block;
    width: 2.625rem;
    height: 2.625rem;
    margin-bottom: .25rem
}

.sg6oHi {
    width: 3rem;
    height: 3rem
}

.\+tCIic {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 2.625rem;
    font-size: .625rem;
    line-height: .875rem;
    color: var(--text-color-header);
    word-wrap: break-word;
    overflow: hidden;
    white-space: pre-line
}

.ogBvJP {
    padding: .25rem .25rem 0;
    width: 100%;
    height: .625rem
}

.skeleton-base__container-fallback {
    width: 100%;
    height: 100%
}

.skeleton-base__shape {
    width: inherit;
    height: inherit
}

.skeleton-base__shape.skeleton-base__shape-animated {
    background-color: #fafafa;
    background-image: linear-gradient(90deg,#fafafa,#f1f0f0 25%,#fafafa 50%);
    background-repeat: no-repeat;
    background-size: 200% 100%;
    background-position: 100% 0;
    animation: skeleton__loading 1s ease .2s infinite
}

.skeleton-base__shape.skeleton-base__shape-static {
    background-color: #fafafa
}

.skeleton-base__shape.skeleton-base__shape-rounded {
    border-radius: .125rem
}

.skeleton-base__shape.skeleton-base__shape-circle {
    border-radius: 100%
}

@keyframes skeleton__loading {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: -100% 0
    }
}

.stardust-horizontal-scroll-view {
    display: flex;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.PIMNzS {
    position: relative;
    height: 100%;
    overflow-y: hidden
}

.CcRbu3 {
    width: 100%;
    height: 100%
}

.Bqw7e2 {
    padding-bottom: 1.25rem;
    box-sizing: initial;
    height: 100%
}

._7m5mUc {
    position: absolute;
    bottom: .3125rem;
    left: calc(50% - .75rem);
    width: 1.5rem;
    background: #efefef
}

._7m5mUc,.iyAYMg {
    height: .25rem;
    border-radius: .0625rem
}

.iyAYMg {
    background: #ee4d2d
}

._74kYXf {
    width: 100%;
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 6.875rem
}

.IX71cF {
    height: 13.25rem
}

.EvHyb8 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: .125rem
}

.shopee-floating-icon {
    right: 6px;
    bottom: 17vh;
    width: 90px;
    height: 90px;
    position: fixed;
    z-index: 1000
}

.floating-icon-image {
    width: 100%;
    height: 100%
}

.click-to-dismiss {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: 5px
}

:root {
    --safe-area-inset-bottom: 0;
    --safe-area-inset-bottom: env(safe-area-inset-bottom,0)
}

.scroll-to-top {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: fixed;
    right: .875rem;
    bottom: .875rem;
    z-index: 8999;
    width: 2.6875rem;
    height: 2.6875rem
}

.scroll-to-top--with-safe-area-inset-bottom {
    transform: translateY(calc(var(--safe-area-inset-bottom, 0)*-1))
}

._5QlFaT {
    position: fixed;
    top: 0;
    width: 100%;
    height: 2.75rem;
    background: #fff;
    padding: 0 .75rem;
    z-index: 100;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.06);
    max-width: 37.5rem;
    display: flex;
    align-items: center
}

.sVLXTO {
    background: transparent
}

.a2ZmFS {
    flex-shrink: 0;
    line-height: 0
}

.AXZlAz {
    flex: 1;
    padding: 0 1.25rem;
    overflow: hidden
}

.Ou8uKc {
    flex-shrink: 0;
    display: flex;
    white-space: nowrap;
    align-items: center
}

.rJXXHi+.rJXXHi {
    margin-left: 1.25rem
}

.rJXXHi {
    line-height: 0
}

.rJXXHi .stardust-popover__popover--open {
    overflow: visible
}

.rJXXHi .stardust-popover__target {
    height: 100%
}

.stardust-icon {
    stroke: currentColor;
    fill: currentColor;
    width: 1em;
    height: 1em
}

.ejr2et.ejr2et {
    width: 1.375rem;
    fill: #ee4d2d
}

.ejr2et.ejr2et,.r98w\+W {
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.r98w\+W {
    text-decoration: none
}

.BqoPAG {
    position: fixed;
    top: 0;
    width: 100%;
    height: 44px;
    background: #fff;
    padding: 0 .9375rem;
    z-index: 100;
    max-width: 37.5rem;
    display: flex;
    align-items: center;
    box-shadow: 0 0 .375rem 0 rgba(0,0,0,.06)
}

.lhNnmv {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(0,0,0,.87);
    line-height: 1.5rem;
    text-align: center;
    text-transform: capitalize;
    width: 100%
}

.SMNqdu {
    left: .9375rem;
    top: .84375rem
}

.bQGvjG,.SMNqdu {
    position: absolute
}

.bQGvjG {
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: .75rem;
    border: 1px solid #ee4d2d;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .25rem;
    top: .625rem;
    right: .9375rem
}

.bQGvjG .stardust-icon {
    color: #ee4d2d;
    width: .5rem;
    height: .5rem
}

.a6WrLq {
    position: absolute;
    top: 0;
    width: 100%;
    height: 2.75rem;
    background: #fbfbfb;
    padding: 0 .9375rem;
    z-index: 100;
    border-bottom: 1px solid rgba(0,0,0,.09);
    max-width: 37.5rem;
    display: flex;
    align-items: center
}

.jysMPP {
    flex: 1
}

.jysMPP,.p2JU0Y {
    text-align: center
}

.p2JU0Y {
    flex: 0 0 auto;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.PccYqN.PccYqN {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: -apple-system,HelveticaNeueMedium,HelveticaNeue-Medium,Helvetica Neue Medium,Helvetica Neue,Roboto,Droid Sans,Arial Bold,Arial,sans-serif;
    font-weight: 500;
    font-size: 1.25rem;
    color: #000;
    text-align: center;
    text-transform: capitalize
}

.stardust-popover {
    position: relative
}

.stardust-popover.focus-visible,.stardust-popover:focus-visible {
    outline: 2px solid #000;
    border-radius: 2px
}

.stardust-popover__popover {
    will-change: transform;
    position: absolute;
    z-index: -1
}

.stardust-popover__popover--show {
    z-index: 3;
    animation: popover-enter-animation .2s cubic-bezier(.4,0,.6,1);
    opacity: 1
}

.stardust-popover__popover--border {
    border: 1px solid rgba(0,0,0,.09)
}

.stardust-popover__popover--hide {
    animation: popover-hide-animation .2s cubic-bezier(.4,0,.6,1)
}

.stardust-popover__arrow {
    z-index: 3;
    position: absolute;
    will-change: transform
}

.stardust-popover__arrow--inner {
    position: absolute;
    left: -8px;
    width: 0;
    height: 0
}

@keyframes popover-enter-animation {
    0% {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes popover-hide-animation {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(0);
        opacity: 0
    }
}

.shopee-menu {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
    border-radius: 2px;
    position: relative
}

.shopee-menu__main {
    position: relative;
    padding-top: .25rem
}

.shopee-menu__item {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-left: .875rem
}

.shopee-menu__item:last-child>.shopee-menu__item-label {
    border-bottom: 0
}

.shopee-menu__item-icon {
    color: rgba(0,0,0,.87)!important;
    margin-right: .75rem;
    width: 1.25rem!important;
    height: 1.25rem!important
}

.shopee-menu__item-label {
    border-bottom: 1px solid hsla(0,0%,100%,.12);
    padding: .75rem .875rem .75rem 0;
    box-sizing: border-box
}

.shopee-menu__item-label:first-letter {
    text-transform: uppercase
}

.b3Wxml {
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background: rgba(0,0,0,.4);
    z-index: 1
}

._8fZAlE {
    position: relative
}

.fPW81I {
    width: 1.5rem;
    fill: #ee4d2d
}

.hky9bd {
    background: #ee4d2d;
    color: #fff;
    border-radius: .625rem;
    height: .875rem;
    position: absolute;
    left: 70%;
    top: -.3125rem;
    font-size: .625rem;
    line-height: .625rem;
    padding: .125rem .3125rem;
    text-align: center
}

.theme--ofs .hky9bd {
    background-color: #d0011b
}

.stardust-button {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.26);
    background-color: #fff;
    color: rgba(0,0,0,.87);
    padding: 8px 10px
}

.stardust-button.stardust-button--active,.stardust-button:hover {
    cursor: pointer;
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.26)
}

.stardust-button--disabled {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26)
}

.stardust-button--disabled.stardust-button--active,.stardust-button--disabled:hover {
    cursor: not-allowed;
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26)
}

.stardust-button--block {
    display: block;
    width: 100%
}

.stardust-button--block+.stardust-button--block {
    margin-top: 5px
}

.stardust-button--large {
    font-size: 16px;
    border-radius: 6px;
    padding: 12px 14px
}

.stardust-button--large,.stardust-button--small {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400
}

.stardust-button--small {
    font-size: 12px;
    border-radius: 3px;
    padding: 6px 8px
}

.stardust-button--primary {
    background-color: #ee4d2d;
    border-color: #cd3011;
    color: #fff
}

.stardust-button--primary.stardust-button--active,.stardust-button--primary:hover {
    background-color: #d73211;
    border-color: #ba2b0f
}

.stardust-button--primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--primary.stardust-button--active.stardust-button--disabled,.stardust-button--primary:hover.stardust-button--disabled {
    background-color: #ee4d2d;
    border-color: #cd3011
}

.stardust-button--warning {
    background-color: #ff424f;
    border-color: #ef0010;
    color: #fff
}

.stardust-button--warning.stardust-button--active,.stardust-button--warning:hover {
    background-color: #fa0011;
    border-color: #e50010
}

.stardust-button--warning.stardust-button--disabled {
    opacity: .7
}

.stardust-button--warning.stardust-button--active.stardust-button--disabled,.stardust-button--warning:hover.stardust-button--disabled {
    background-color: #ff424f;
    border-color: #ef0010
}

.stardust-button--outline-primary {
    background-color: transparent;
    border-color: #ee4d2d;
    color: #ee4d2d
}

.stardust-button--outline-primary.stardust-button--active,.stardust-button--outline-primary:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #d73211
}

.stardust-button--outline-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-primary.stardust-button--active.stardust-button--disabled,.stardust-button--outline-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #ee4d2d
}

.stardust-button--outline-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.stardust-button--outline-white.stardust-button--active,.stardust-button--outline-white:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #fff
}

.stardust-button--outline-white.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-white.stardust-button--active.stardust-button--disabled,.stardust-button--outline-white:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #fff
}

.stardust-button--ghost-primary {
    background-color: transparent;
    border-color: transparent;
    color: #ee4d2d
}

.stardust-button--ghost-primary.stardust-button--active,.stardust-button--ghost-primary:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.09)
}

.stardust-button--ghost-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--ghost-primary.stardust-button--active.stardust-button--disabled,.stardust-button--ghost-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: transparent
}

._3sjFp {
    border-radius: .125rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    overflow: hidden;
    outline: none;
    flex: 0 0 auto;
    position: relative
}

._3sjFp:active:before {
    content: "";
    background-color: rgba(0,0,0,.05);
    background-color: var(--nc-util-pressed,rgba(0,0,0,.05));
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0
}

.lJMau {
    height: 2.75rem
}

._3zn07 {
    height: 2.25rem;
    min-width: 4rem
}

._18F8b {
    height: 1.75rem;
    min-width: 4rem;
    padding: 0 .75rem
}

.uxSdp {
    height: 1.25rem;
    min-width: 3.25rem;
    padding: 0 .5rem
}

.xCn81 {
    background: transparent
}

.TOjHY.AHhqR {
    color: #fff;
    border: .0625rem solid transparent;
    background: #ee4d2d;
    background: var(--nc-primary,#ee4d2d)
}

.TOjHY.xCn81 {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d);
    border: .0625rem solid #ee4d2d;
    border: .0625rem solid var(--nc-primary,#ee4d2d)
}

._1-4Xn.xCn81 {
    color: rgba(0,0,0,.87);
    color: var(--nc-text-primary,rgba(0,0,0,.87));
    border: .0625rem solid rgba(0,0,0,.26)
}

._1qQAl.xCn81 {
    color: #fff;
    border: .0625rem solid #fff
}

._3sjFp:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

._3sjFp:disabled.xCn81 {
    border-color: rgba(0,0,0,.09);
    border-color: var(--nc-util-line,rgba(0,0,0,.09))
}

._3sjFp:disabled._1qQAl.xCn81 {
    border-color: hsla(0,0%,100%,.54);
    color: hsla(0,0%,100%,.4)
}

._3sjFp:disabled.TOjHY.AHhqR {
    background: rgba(0,0,0,.09)
}

._2HCeY {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._19rDu {
    margin-left: .25rem
}

.stardust-input__element {
    font-family: -apple-system,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 300;
    font-size: 12px;
    resize: none;
    border-radius: 4px;
    border: 2px solid rgba(0,0,0,.09);
    padding: 4px 8px;
    background: #f6f6f6
}

.stardust-input__element:focus {
    border-color: #f9c5bb;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 4px #f9c5bb
}

.stardust-input__element--invalid,.stardust-input__element--invalid:focus,.stardust-input__element:invalid {
    border-color: #ff424f;
    background-color: #fff1f1;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 4px #ff424f
}

.stardust-input__element--disabled,.stardust-input__element:disabled {
    cursor: not-allowed;
    background-color: #ddd
}

.stardust-input__invalid-message {
    font-family: -apple-system,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #ff424f
}

.masked-dropdown {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    background: rgba(0,0,0,.4);
    transition: opacity .2s cubic-bezier(.4,0,.2,1);
    overflow-y: hidden;
    z-index: 10
}

.masked-dropdown--collapsed {
    z-index: -1
}

.masked-dropdown__inner-wrapper {
    max-width: 37.5rem;
    margin: 0 auto;
    transition: transform .2s cubic-bezier(.4,0,.2,1)
}

.masked-dropdown-transition-enter {
    opacity: .01
}

.masked-dropdown-transition-enter .masked-dropdown__inner-wrapper {
    transform: translateY(-100%)
}

.masked-dropdown-transition-enter-active {
    opacity: 1
}

.masked-dropdown-transition-enter-active .masked-dropdown__inner-wrapper {
    transform: translateY(0)
}

.masked-dropdown-transition-exit {
    opacity: .99
}

.masked-dropdown-transition-exit .masked-dropdown__inner-wrapper {
    transform: translateY(0)
}

.masked-dropdown-transition-exit-active {
    opacity: 0
}

.masked-dropdown-transition-exit-active .masked-dropdown__inner-wrapper {
    transform: translateY(-100%)
}

.search-bar {
    background: rgba(0,0,0,.05);
    height: 2.25rem;
    padding: 0 .5rem;
    border-radius: .125rem;
    display: flex;
    align-items: center
}

.search-bar--transparent {
    background: rgba(0,0,0,.26);
    border: 1px solid hsla(0,0%,100%,.26)!important
}

.search-bar--transparent .search-bar__input.stardust-input__element {
    background: transparent;
    color: #fff
}

.search-bar--transparent .search-bar__input.stardust-input__element::placeholder {
    color: hsla(0,0%,100%,.54)
}

.search-bar--transparent .search-bar__search-icon {
    stroke: #fff
}

.search-bar .stardust-input {
    flex: 1!important
}

.search-bar__form {
    position: relative;
    z-index: 0;
    width: 100%
}

.search-bar__img-placeholder {
    position: absolute;
    top: 12px;
    left: 4px;
    width: 80px;
    height: 16px
}

.search-bar__img-placeholder--tw {
    position: absolute;
    top: 9px;
    left: 4px;
    width: 60px;
    height: 18px
}

.search-bar__img-placeholder--br {
    position: absolute;
    top: 13px;
    left: 4px;
    width: 154px;
    height: 14px
}

.search-bar__input {
    line-height: 1.25rem
}

.search-bar__input.stardust-input__element {
    -webkit-appearance: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    outline: none;
    width: 100%;
    height: 2.25rem;
    box-sizing: border-box!important;
    border: 0;
    padding: 0 0 0 .5rem;
    background: transparent;
    font-size: .875rem
}

.search-bar__input::placeholder {
    color: rgba(0,0,0,.54)
}

.search-bar__input--orange::placeholder {
    color: #ee4d2d
}

.search-bar__input--red::placeholder {
    color: #d0011b
}

.search-bar__search-icon {
    fill: transparent;
    stroke: rgba(0,0,0,.4);
    display: block;
    width: .875rem;
    height: .875rem
}

.search-bar__reset {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 1em;
    height: 1em
}

.search-bar__reset svg {
    display: block;
    width: 100%;
    height: 100%
}

.search-bar-drop-down {
    background: #fff;
    display: block
}

.search-bar-drop-down__item {
    padding: .75rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: solid rgba(0,0,0,.09)!important;
    border-width: 0 0 1px!important
}

.search-bar-drop-down__item--prefill {
    display: flex;
    align-items: center
}

.search-bar-drop-down__item--prefill img {
    height: 24px;
    padding-left: 20px;
    margin-left: auto
}

.search-bar-drop-down__item--prefill .search-bar-drop-down__item-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.navbar-generic__cart {
    fill: #ee4d2d;
    text-decoration: none
}

.navbar-generic__cart,.navbar-generic__menu {
    width: 1.5rem;
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.navbar-generic__menu {
    height: 1.5rem;
    stroke: #ee4d2d
}

.navbar-generic__help-icon {
    stroke: none!important
}

.navbar-search {
    height: 3.5rem;
    padding: 0 .75rem;
    box-shadow: none
}

.navbar-search.navbar-search--transparent .navbar-generic__menu {
    stroke: #fff!important
}

.navbar-search.navbar-search--transparent .navbar-search__filter {
    stroke: #fff!important;
    fill: #fff!important
}

.navbar-search.navbar-search--transparent .navbar-search__filter-text {
    color: #fff!important
}

.navbar-search__filter-wrapper {
    display: flex;
    align-items: flex-end;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.navbar-search__filter {
    display: block;
    width: 1.5rem;
    stroke: #ee4d2d!important;
    fill: #ee4d2d!important
}

.navbar-search__filter-text {
    color: #ee4d2d;
    position: relative;
    left: -.125rem;
    line-height: .75rem
}

.navbar-search .WeZiJX {
    width: 1.375rem;
    height: unset
}

.vHOWH1 {
    fill: #fff!important
}

.navbar-icon-cart {
    position: relative
}

.navbar-icon-cart__icon {
    width: 24px
}

.navbar-icon-cart__count {
    position: absolute;
    height: 18px;
    min-width: 19px;
    left: 11px;
    top: -7px;
    background: #ee4d2d;
    color: #fff;
    font-size: 10px;
    line-height: 12px;
    padding: 2px;
    border-radius: 9px;
    border: 1px solid #fff;
    text-align: center
}

.theme--ofs .navbar-icon-cart__count {
    background-color: #d0011b
}

.stardust-avatar--rounded {
    border-radius: 100%
}

.stardust-avatar {
    display: inline-block;
    width: 60px;
    height: 60px;
    overflow: hidden
}

.stardust-avatar img {
    width: 100%
}

.stardust-avatar--large {
    width: 60px;
    height: 60px;
    border: 2px solid #fff
}

.stardust-avatar--medium {
    width: 50px;
    height: 50px;
    border: 1px solid rgba(0,0,0,.09)
}

.stardust-avatar--small {
    width: 24px;
    height: 24px
}

.stardust-avatar--squared {
    width: 50px;
    height: 50px;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 0
}

.LZZzDS {
    position: relative
}

.EEDagT.EEDagT {
    position: absolute;
    background: transparent;
    box-shadow: none;
    height: 3.5rem;
    padding-left: .625rem;
    padding-right: .75rem
}

.EEDagT.EEDagT .\+djhzp {
    display: block;
    width: 1.5625rem;
    color: #fff
}

.EEDagT.EEDagT .cByGZo {
    position: relative
}

.EEDagT.EEDagT .cByGZo .LihYVB {
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center
}

.EEDagT.EEDagT .cByGZo .LihYVB .k5Q2f1 {
    color: #c6c6c6;
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto
}

.EEDagT.EEDagT .shopee-navbar__main-content {
    padding-left: 0;
    padding-right: 1.25rem
}

.EEDagT.EEDagT .shopee-navbar__right-part-btn:not(:first-child) {
    margin-left: 1rem
}

.EEDagT.EEDagT .search-bar {
    height: 2.25rem;
    background: #fff;
    border-radius: .125rem
}

.EEDagT.EEDagT .search-bar .search-bar__input.stardust-input__element {
    font-size: 1rem
}

.EEDagT.EEDagT .search-bar .search-bar__input.stardust-input__element::placeholder {
    color: #ee4d2d;
    opacity: 1
}

.EEDagT.EEDagT .K-HzjL {
    display: block;
    text-decoration: none
}

.EEDagT.EEDagT .LEoRZO {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    fill: #fff
}

.EEDagT.EEDagT navbar-icon-cart__icon {
    fill: #fff;
    width: 1.5rem;
    padding-top: .1875rem
}

.stardust-carousel,.stardust-carousel__item-list-wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

.stardust-carousel__item-list-wrapper {
    box-sizing: border-box;
    overflow-x: hidden
}

.stardust-carousel__item-list {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    display: flex;
    padding: 0;
    margin: 0;
    overflow: hidden;
    touch-action: pan-y
}

.stardust-carousel__item {
    flex-shrink: 0;
    align-self: center;
    list-style: none;
    overflow: hidden;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.stardust-carousel__item-inner-wrapper {
    width: 100%;
    height: 100%
}

.stardust-carousel__item-inner-wrapper--hide {
    display: none
}

.stardust-carousel:hover .stardust-carousel__arrow {
    opacity: 1
}

.stardust-carousel__arrow {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: inline-flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.09);
    border-radius: 50%;
    opacity: 0;
    color: rgba(0,0,0,.87);
    fill: rgba(0,0,0,.87);
    background-color: #fff;
    transition: opacity .3s ease
}

.stardust-carousel__arrow>svg {
    flex: 0 1 auto;
    width: 75%;
    height: 75%;
    color: #ee4d2d
}

.stardust-carousel__arrow:hover {
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.09)
}

.stardust-carousel__arrow:active {
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.09)
}

.stardust-carousel__arrow--type-2 {
    opacity: 1
}

.stardust-carousel__arrow--prev {
    left: -10px
}

.stardust-carousel__arrow--next {
    right: -10px
}

.stardust-carousel__arrow--disabled>svg {
    fill: rgba(0,0,0,.12)
}

.stardust-carousel__dots {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translate(-50%);
    transition: opacity .5s ease;
    width: 100%;
    text-align: center
}

.stardust-carousel__dot {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    opacity: 1;
    border: 1px solid hsla(0,0%,53.7%,.4);
    background-color: hsla(0,0%,100%,.4)
}

.stardust-carousel__dot:not(:first-child) {
    margin-left: .5rem
}

.stardust-carousel__dot--active {
    opacity: 1;
    background-color: #ee4d2d;
    border-color: #ee4d2d
}

.stardust-carousel__indexing {
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 3px 10px;
    font-size: 14px;
    color: rgba(0,0,0,.65);
    opacity: .65;
    background: #fff;
    color: #000;
    border-radius: 12.4px;
    border: 1px solid rgba(0,0,0,.2)
}

.stardust-carousel__tabs {
    display: flex;
    align-content: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px
}

.stardust-carousel__tab {
    flex: 1 0 0;
    font-size: 12px;
    text-align: center;
    background-color: hsla(0,0%,100%,.5);
    overflow: hidden;
    cursor: pointer
}

.stardust-carousel__tab--active {
    background-color: #ee4d2d;
    color: #fff
}

.stardust-carousel__tab-name {
    line-height: 30px
}

.page-banners {
    width: 100%;
    overflow: hidden;
    background-color: #fafafa
}

.page-banners .stardust-carousel {
    position: relative
}

.page-banners .stardust-carousel:before {
    content: "";
    display: block;
    padding-top: 30%
}

.page-banners .stardust-carousel__item-list-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.page-banners .stardust-carousel__dots {
    bottom: 10px
}

.page-banners__image-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.page-banners__item {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    display: inherit
}

.page-banners__item:before {
    content: "";
    display: block;
    padding-top: 30%
}

.page-banners__item>div:first-child {
    width: 100%
}

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

.page-banners__item .animated-lazy-image__placeholder {
    width: 3.125rem;
    height: 3.125rem
}

.page-banners__lazy-image-wrapper {
    background-color: #efefef;
    height: 100%
}

._2Ht7C\+ {
    transform: translateY(32px)
}

.FPuUOO {
    margin-top: toRem(-44px)
}

.FPuUOO .stardust-carousel {
    position: relative
}

.FPuUOO .stardust-carousel__item-list-wrapper {
    top: auto
}

.FPuUOO .stardust-carousel__dots {
    text-align: left;
    padding-left: toRem(12px);
    bottom: toRem(4px)
}

.FPuUOO .stardust-carousel__dot {
    width: toRem(7px);
    height: 0;
    border: 0;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    vertical-align: middle;
    background: none
}

.FPuUOO .stardust-carousel__dot--active {
    width: toRem(6px);
    height: toRem(6px);
    padding: 0;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 toRem(1px) toRem(1px) rgba(0,0,0,.1)
}

.FPuUOO .stardust-carousel:not(:first-child) {
    margin-left: toRem(6px)
}

.FPuUOO .stardust-carousel:before {
    content: "";
    display: block;
    padding-top: calc(30% + 2.75rem)
}

.yk7DkC {
    margin-top: -2.75rem
}

._54ived {
    display: flex
}

.jpFSzd {
    font-weight: 500;
    font-size: .625rem
}

._6uhF9t {
    transform: translateZ(0)
}

._6uhF9t,.QC\+4d3 {
    width: 100%;
    display: block
}

.QC\+4d3 {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0
}

._6LmXgd,.Nxw4s9 {
    display: flex;
    min-width: 0;
    align-items: center;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums
}

._6LmXgd .EXxj0C,.Nxw4s9 .EXxj0C {
    border-radius: .125rem;
    display: flex;
    justify-content: center;
    color: #ee4d2d;
    background-color: #fff
}

._6LmXgd .kvmuLL,.Nxw4s9 .kvmuLL {
    text-align: center;
    color: #fff;
    display: flex;
    flex-flow: column;
    justify-content: center
}

._6LmXgd .kvmuLL:after,._6LmXgd .kvmuLL:before,.Nxw4s9 .kvmuLL:after,.Nxw4s9 .kvmuLL:before {
    content: "";
    background: currentColor;
    border-radius: 50%;
    display: block
}

._6LmXgd .O524hV,.Nxw4s9 .O524hV {
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff
}

._6LmXgd .jSghme,.Nxw4s9 .jSghme {
    overflow-y: hidden;
    position: relative
}

._6LmXgd .jSghme span,.Nxw4s9 .jSghme span {
    width: 1ch;
    word-break: break-all;
    display: block
}

._6LmXgd .zGVUot .jSghme span,.Nxw4s9 .zGVUot .jSghme span {
    width: auto;
    min-width: 2ch
}

._6LmXgd .cVqxG5 span,._6LmXgd .cVqxG5>div,.Nxw4s9 .cVqxG5 span,.Nxw4s9 .cVqxG5>div {
    animation-iteration-count: infinite;
    animation-fill-mode: forwards
}

._6LmXgd .OZ83x8.cVqxG5 span,.Nxw4s9 .OZ83x8.cVqxG5 span {
    transform: translateY(-81.81818%);
    animation-name: day-digit-tick;
    animation-timing-function: step-end
}

._6LmXgd .JpA2gq.cVqxG5 span,.Nxw4s9 .JpA2gq.cVqxG5 span {
    transform: translateY(-81.81818%);
    animation-name: minute-digit-tick
}

._6LmXgd ._1yG6b3.cVqxG5 span,.Nxw4s9 ._1yG6b3.cVqxG5 span {
    transform: translateY(-81.81818%);
    animation-name: second-digit-tick
}

._6LmXgd .ya-9z9.cVqxG5 span,.Nxw4s9 .ya-9z9.cVqxG5 span {
    transform: translateY(-81.81818%);
    animation-name: day-ten-tick;
    animation-timing-function: step-end
}

._6LmXgd .CiDtkF.cVqxG5 span,.Nxw4s9 .CiDtkF.cVqxG5 span {
    transform: translateY(-71.42857%);
    animation-name: minute-ten-tick
}

._6LmXgd .Ye0iyN.cVqxG5 span,.Nxw4s9 .Ye0iyN.cVqxG5 span {
    transform: translateY(-71.42857%);
    animation-name: second-ten-tick
}

._6LmXgd ._7oLaCy.cVqxG5>div,.Nxw4s9 ._7oLaCy.cVqxG5>div {
    transform: translateY(-92%);
    animation-name: day-hour-tick
}

.BmuUPe,.SUOBWT {
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.h7Mvzy.nJPp-W ._4-bzBb.EXxj0C .OZ83x8.jSghme {
    margin-right: .25em
}

.h7Mvzy.nJPp-W.E2XU9A ._4-bzBb.EXxj0C .jSghme:last-child,.h7Mvzy.nJPp-W.m\+vWaG ._4-bzBb.EXxj0C .jSghme:last-child {
    text-transform: uppercase
}

._6LmXgd .EXxj0C,._6LmXgd .kvmuLL,._6LmXgd .O524hV {
    height: 1.375rem;
    line-height: 1.375rem
}

._6LmXgd .EXxj0C {
    padding: 0 .25rem
}

._6LmXgd ._4-bzBb.EXxj0C,._6LmXgd .O524hV {
    margin-right: .375rem
}

._6LmXgd .jSghme,._6LmXgd .O524hV {
    font-size: .75rem
}

._6LmXgd .O524hV {
    max-width: 6.875rem;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._6LmXgd .kvmuLL:after,._6LmXgd .kvmuLL:before {
    width: .125rem;
    height: .125rem;
    margin: .125rem .25rem
}

@keyframes day-ten-tick {
    0% {
        transform: translateY(0);
        position: relative
    }

    10% {
        transform: translateY(-11.11111%);
        position: relative
    }

    20% {
        transform: translateY(-22.22222%);
        position: relative
    }

    30% {
        transform: translateY(-33.33333%);
        position: relative
    }

    40% {
        transform: translateY(-44.44444%);
        position: relative
    }

    50% {
        transform: translateY(-55.55555%);
        position: relative
    }

    60% {
        transform: translateY(-66.66665%);
        position: relative
    }

    70% {
        transform: translateY(-77.77776%);
        position: relative
    }

    80% {
        transform: translateY(-88.88887%);
        position: relative
    }

    90% {
        transform: translateY(-99.99998%);
        position: absolute
    }

    to {
        transform: translateY(-111.11109%);
        position: absolute
    }
}

@keyframes day-digit-tick {
    0% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-9.09091%)
    }

    20% {
        transform: translateY(-18.18182%)
    }

    30% {
        transform: translateY(-27.27273%)
    }

    40% {
        transform: translateY(-36.36364%)
    }

    50% {
        transform: translateY(-45.45455%)
    }

    60% {
        transform: translateY(-54.54545%)
    }

    70% {
        transform: translateY(-63.63636%)
    }

    80% {
        transform: translateY(-72.72727%)
    }

    90% {
        transform: translateY(-81.81818%)
    }

    to {
        transform: translateY(-90.90909%)
    }
}

@keyframes day-hour-tick {
    0% {
        transform: translateY(0)
    }

    4.1655092593% {
        transform: translateY(0)
    }

    4.16666666667% {
        transform: translateY(-4%)
    }

    8.3321759259% {
        transform: translateY(-4%)
    }

    8.33333333333% {
        transform: translateY(-8%)
    }

    12.4988425926% {
        transform: translateY(-8%)
    }

    12.5% {
        transform: translateY(-12%)
    }

    16.6655092593% {
        transform: translateY(-12%)
    }

    16.6666666667% {
        transform: translateY(-16%)
    }

    20.8321759259% {
        transform: translateY(-16%)
    }

    20.8333333333% {
        transform: translateY(-20%)
    }

    24.9988425926% {
        transform: translateY(-20%)
    }

    25% {
        transform: translateY(-24%)
    }

    29.1655092593% {
        transform: translateY(-24%)
    }

    29.1666666667% {
        transform: translateY(-28%)
    }

    33.3321759259% {
        transform: translateY(-28%)
    }

    33.3333333333% {
        transform: translateY(-32%)
    }

    37.4988425926% {
        transform: translateY(-32%)
    }

    37.5% {
        transform: translateY(-36%)
    }

    41.6655092593% {
        transform: translateY(-36%)
    }

    41.6666666667% {
        transform: translateY(-40%)
    }

    45.8321759259% {
        transform: translateY(-40%)
    }

    45.8333333333% {
        transform: translateY(-44%)
    }

    49.9988425926% {
        transform: translateY(-44%)
    }

    50% {
        transform: translateY(-48%)
    }

    54.1655092593% {
        transform: translateY(-48%)
    }

    54.16666666667% {
        transform: translateY(-52%)
    }

    58.3321759259% {
        transform: translateY(-52%)
    }

    58.33333333333% {
        transform: translateY(-56%)
    }

    62.4988425926% {
        transform: translateY(-56%)
    }

    62.5% {
        transform: translateY(-60%)
    }

    66.6655092593% {
        transform: translateY(-60%)
    }

    66.6666666667% {
        transform: translateY(-64%)
    }

    70.8321759259% {
        transform: translateY(-64%)
    }

    70.8333333333% {
        transform: translateY(-68%)
    }

    74.9988425926% {
        transform: translateY(-68%)
    }

    75% {
        transform: translateY(-72%)
    }

    79.1655092593% {
        transform: translateY(-72%)
    }

    79.1666666667% {
        transform: translateY(-76%)
    }

    83.3321759259% {
        transform: translateY(-76%)
    }

    83.3333333333% {
        transform: translateY(-80%)
    }

    87.4988425926% {
        transform: translateY(-80%)
    }

    87.5% {
        transform: translateY(-84%)
    }

    91.6655092593% {
        transform: translateY(-84%)
    }

    91.6666666667% {
        transform: translateY(-88%)
    }

    95.8321759259% {
        transform: translateY(-88%)
    }

    95.8333333333% {
        transform: translateY(-92%)
    }

    99.9988425926% {
        transform: translateY(-92%)
    }

    to {
        transform: translateY(-96%)
    }
}

@keyframes minute-ten-tick {
    0% {
        transform: translateY(0)
    }

    16.638888% {
        transform: translateY(0)
    }

    16.666666% {
        transform: translateY(-14.28571%)
    }

    33.305555% {
        transform: translateY(-14.28571%)
    }

    33.333333% {
        transform: translateY(-28.57143%)
    }

    49.972222% {
        transform: translateY(-28.57143%)
    }

    50% {
        transform: translateY(-42.85714%)
    }

    66.638888% {
        transform: translateY(-42.85714%)
    }

    66.666666% {
        transform: translateY(-57.14286%)
    }

    83.305555% {
        transform: translateY(-57.14286%)
    }

    83.333333% {
        transform: translateY(-71.42857%)
    }

    99.972222% {
        transform: translateY(-71.42857%)
    }

    to {
        transform: translateY(-85.71429%)
    }
}

@keyframes minute-digit-tick {
    0% {
        transform: translateY(0)
    }

    9.833% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-9.09091%)
    }

    19.833% {
        transform: translateY(-9.09091%)
    }

    20% {
        transform: translateY(-18.18182%)
    }

    29.833% {
        transform: translateY(-18.18182%)
    }

    30% {
        transform: translateY(-27.27273%)
    }

    39.833% {
        transform: translateY(-27.27273%)
    }

    40% {
        transform: translateY(-36.36364%)
    }

    49.833% {
        transform: translateY(-36.36364%)
    }

    50% {
        transform: translateY(-45.45455%)
    }

    59.833% {
        transform: translateY(-45.45455%)
    }

    60% {
        transform: translateY(-54.54545%)
    }

    69.833% {
        transform: translateY(-54.54545%)
    }

    70% {
        transform: translateY(-63.63636%)
    }

    79.833% {
        transform: translateY(-63.63636%)
    }

    80% {
        transform: translateY(-72.72727%)
    }

    89.833% {
        transform: translateY(-72.72727%)
    }

    90% {
        transform: translateY(-81.81818%)
    }

    99.833% {
        transform: translateY(-81.81818%)
    }

    to {
        transform: translateY(-90.90909%)
    }
}

@keyframes second-ten-tick {
    0% {
        transform: translateY(0)
    }

    15% {
        transform: translateY(0)
    }

    16.66% {
        transform: translateY(-14.28571%)
    }

    31.66% {
        transform: translateY(-14.28571%)
    }

    33.33% {
        transform: translateY(-28.57143%)
    }

    48.33% {
        transform: translateY(-28.57143%)
    }

    50% {
        transform: translateY(-42.85714%)
    }

    65% {
        transform: translateY(-42.85714%)
    }

    66.66% {
        transform: translateY(-57.14286%)
    }

    81.66% {
        transform: translateY(-57.14286%)
    }

    83.33% {
        transform: translateY(-71.42857%)
    }

    98.33% {
        transform: translateY(-71.42857%)
    }

    to {
        transform: translateY(-85.71429%)
    }
}

@keyframes second-digit-tick {
    0% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-9.09091%)
    }

    20% {
        transform: translateY(-18.18182%)
    }

    30% {
        transform: translateY(-27.27273%)
    }

    40% {
        transform: translateY(-36.36364%)
    }

    50% {
        transform: translateY(-45.45455%)
    }

    60% {
        transform: translateY(-54.54545%)
    }

    70% {
        transform: translateY(-63.63636%)
    }

    80% {
        transform: translateY(-72.72727%)
    }

    90% {
        transform: translateY(-81.81818%)
    }

    to {
        transform: translateY(-90.90909%)
    }
}

.eq0OCa,.skijEW {
    display: flex;
    min-width: 0;
    align-items: center;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums
}

.eq0OCa .MEyCFB,.skijEW .MEyCFB {
    border-radius: .125rem;
    display: flex;
    justify-content: center;
    color: #ee4d2d;
    background-color: #fff
}

.eq0OCa .eThFu3,.skijEW .eThFu3 {
    text-align: center;
    color: #fff;
    display: flex;
    flex-flow: column;
    justify-content: center
}

.eq0OCa .eThFu3:after,.eq0OCa .eThFu3:before,.skijEW .eThFu3:after,.skijEW .eThFu3:before {
    content: "";
    background: currentColor;
    border-radius: 50%;
    display: block
}

.eq0OCa .C919oJ,.skijEW .C919oJ {
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff
}

.eq0OCa .q9q5Jc,.skijEW .q9q5Jc {
    overflow-y: hidden;
    position: relative
}

.eq0OCa .q9q5Jc span,.skijEW .q9q5Jc span {
    width: 1ch;
    word-break: break-all;
    display: block
}

.eq0OCa .bxj9Id .q9q5Jc span,.skijEW .bxj9Id .q9q5Jc span {
    width: auto;
    min-width: 2ch
}

.eq0OCa .G9gIgH>div,.eq0OCa .G9gIgH span,.skijEW .G9gIgH>div,.skijEW .G9gIgH span {
    animation-iteration-count: infinite;
    animation-fill-mode: forwards
}

.eq0OCa ._89Ez4D.G9gIgH span,.skijEW ._89Ez4D.G9gIgH span {
    transform: translateY(-81.81818%);
    animation-name: day-digit-tick;
    animation-timing-function: step-end
}

.eq0OCa .V2v6GS.G9gIgH span,.skijEW .V2v6GS.G9gIgH span {
    transform: translateY(-81.81818%);
    animation-name: minute-digit-tick
}

.eq0OCa .y3rGeZ.G9gIgH span,.skijEW .y3rGeZ.G9gIgH span {
    transform: translateY(-81.81818%);
    animation-name: second-digit-tick
}

.eq0OCa .J\+p-K6.G9gIgH span,.skijEW .J\+p-K6.G9gIgH span {
    transform: translateY(-81.81818%);
    animation-name: day-ten-tick;
    animation-timing-function: step-end
}

.eq0OCa .EQXwUt.G9gIgH span,.skijEW .EQXwUt.G9gIgH span {
    transform: translateY(-71.42857%);
    animation-name: minute-ten-tick
}

.eq0OCa .jb7Jtb.G9gIgH span,.skijEW .jb7Jtb.G9gIgH span {
    transform: translateY(-71.42857%);
    animation-name: second-ten-tick
}

.eq0OCa .v5iNlB.G9gIgH>div,.skijEW .v5iNlB.G9gIgH>div {
    transform: translateY(-92%);
    animation-name: day-hour-tick
}

.DpJi93,.iTaEBe {
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.-EEvrR._7UFh9O .DwJ4G1.MEyCFB ._89Ez4D.q9q5Jc {
    margin-right: .25em
}

.-EEvrR._7UFh9O.g3c13O .DwJ4G1.MEyCFB .q9q5Jc:last-child,.-EEvrR._7UFh9O.gJJsFJ .DwJ4G1.MEyCFB .q9q5Jc:last-child {
    text-transform: uppercase
}

.skijEW .C919oJ,.skijEW .eThFu3,.skijEW .MEyCFB {
    height: 2.375rem;
    line-height: 2.375rem
}

.skijEW .MEyCFB {
    padding: 0 .3125rem
}

.skijEW .C919oJ {
    margin-right: .9375rem
}

.skijEW .DwJ4G1.MEyCFB {
    margin-right: .625rem
}

.skijEW .C919oJ {
    font-size: 1.25rem
}

.skijEW .q9q5Jc {
    font-size: 1.125rem
}

.skijEW .C919oJ {
    max-width: 15.625rem;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.skijEW .eThFu3:after,.skijEW .eThFu3:before {
    width: .25rem;
    height: .25rem;
    margin: .25rem
}

.EwBk8Z {
    position: relative
}

.EwBk8Z .IMJsPq {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%)
}

.\+EVml9 {
    display: flex;
    justify-content: space-between;
    padding: .625rem .5rem;
    align-items: center;
    margin-left: .75rem;
    margin-right: .75rem;
    border-radius: .125rem .125rem 0 0
}

._1oswwi {
    font-size: .875rem;
    font-family: -apple-system,HelveticaNeueMedium,HelveticaNeue-Medium,Helvetica Neue Medium,Helvetica Neue,Roboto,Droid Sans,Arial Bold,Arial,sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #ee4d2d;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden
}

.qk0ICK {
    color: #ee4d2d;
    text-decoration: none;
    text-transform: capitalize;
    display: flex;
    font-size: .75rem
}

.qk0ICK .stardust-icon {
    margin-left: .25rem;
    width: .625rem;
    height: .875rem
}

.Jyvgtp {
    background: #fff;
    margin-right: .0625rem;
    width: 6.25rem;
    min-height: 7.75rem;
    text-decoration: none;
    text-align: center;
    position: relative
}

.Jyvgtp.G1XJ6g {
    width: 50%;
    margin-right: 0;
    min-height: 7.375rem
}

.Jyvgtp:last-child {
    margin-right: 0
}

._80hOaT {
    padding: .375rem
}

._80hOaT .fwppdf {
    width: 5.5rem!important;
    height: auto;
    padding-top: 100%;
    display: block;
    background-position: 50%
}

._80hOaT .fwppdf.G1XJ6g {
    width: 100%!important
}

.Lyc9oy {
    width: 3.75rem;
    height: 1.5rem;
    display: flex;
    margin: -1.125rem auto .3125rem;
    background-color: #fff;
    z-index: 2;
    position: relative;
    border-radius: 1.21875rem;
    box-shadow: 0 0 .25rem rgba(0,0,0,.09);
    overflow: hidden;
    align-items: center;
    justify-content: center
}

.Lyc9oy ._3\+f84C {
    width: auto;
    height: 100%;
    transform: translateZ(0)
}

.yEk7gd {
    color: #ee4d2d;
    text-align: center;
    margin: 0 .375rem;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.CXP3Ep {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.GIARLx {
    width: 5.5rem!important;
    height: 100%
}

.GIARLx.G1XJ6g {
    width: 100%!important
}

._7ZFcj6 {
    padding: 0 .25rem;
    width: 100%;
    height: .875rem
}

.oUNlqq {
    position: absolute;
    left: -.1875rem;
    top: .3125rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 1
}

.wKANgj {
    margin-bottom: .3125rem;
    font-size: 0
}

.wKANgj img {
    width: auto;
    height: 18px
}

.badge__horizontal {
    display: flex;
    align-items: center;
    background-color: #ee4d2d;
    border-radius: .125rem;
    height: .9375rem;
    color: #fff;
    padding: .125rem .25rem;
    margin-top: .375rem;
    margin-bottom: .125rem;
    font-size: .5625rem;
    line-height: .6875rem;
    white-space: nowrap;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.badge__horizontal .stardust-icon {
    font-size: .75rem;
    display: inline-block;
    vertical-align: bottom
}

.badge__official-shop--left-triangle,.badge__preferred--left-triangle {
    position: relative;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.badge__official-shop--left-triangle:before,.badge__preferred--left-triangle:before {
    content: "";
    display: inline-block;
    position: absolute;
    border: .13125rem solid transparent;
    border-bottom-color: #a92d05;
    transform: rotate(45deg);
    left: .0625rem;
    bottom: -.125rem
}

._8UtItQ.badge__official-shop {
    padding: 0
}

.badge__official-shop {
    background-color: #d0011b
}

.badge__official-shop--left-triangle:before {
    border-bottom-color: #870015
}

.badge__official-shop--inline {
    display: flex;
    align-items: center
}

.badge__official-shop--tw {
    padding: 0;
    margin-top: 2px!important;
    margin-bottom: 2px!important
}

.badge__official-shop--tw svg {
    height: 1rem
}

.badge__mall-img {
    height: .6875rem
}

.badge__mall-img--br {
    height: .625rem
}

.badge__preferred--left-triangle {
    position: relative;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.badge__preferred--left-triangle:before {
    content: "";
    display: inline-block;
    position: absolute;
    border: .13125rem solid transparent;
    border-bottom-color: #a92d05;
    transform: rotate(45deg);
    left: .0625rem;
    bottom: -.125rem
}

.badge__preferred-plus--left-triangle {
    position: relative;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.badge__preferred-plus--left-triangle:before {
    content: "";
    display: inline-block;
    position: absolute;
    border: .13125rem solid transparent;
    border-bottom-color: #a92d05;
    transform: rotate(45deg);
    left: .0625rem;
    bottom: -.125rem
}

.By\+jAm.badge__shopee_mart {
    padding: 0
}

.badge-text {
    width: 2.125rem;
    font-family: -apple-system,HelveticaNeueMedium,HelveticaNeue-Medium,Helvetica Neue Medium,Helvetica Neue,Roboto,Droid Sans,Arial Bold,Arial,sans-serif;
    font-weight: 500;
    font-size: .6875rem;
    line-height: .8125rem
}

.badge-text__text {
    width: 2.125rem;
    height: 2.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    background-color: inherit
}

.badge-text__text:after {
    content: "";
    width: 0;
    height: 0;
    left: 0;
    bottom: -.25rem;
    position: absolute;
    border-color: transparent #fff;
    border-style: solid;
    border-width: 0 1.0625rem .25rem
}

.badge__promotion {
    white-space: normal;
    color: #ee4d2d
}

.badge__promotion-off {
    color: #fff
}

.badge__promotion-off--es-ES,.badge__promotion-off--fr,.badge__promotion-off--pl {
    display: none
}

.badge-text--promotion {
    background-color: #fcd511
}

.badge-text--promotion .badge-text__text:after {
    border-left-color: #fcd511;
    border-right-color: #fcd511
}

.theme--ofs .badge__promotion {
    color: #d0011b!important
}

.Ie55VZ {
    font-size: .75rem;
    position: relative;
    width: 2.25rem
}

.kK5GE- {
    top: 0;
    left: 0;
    width: 2.25rem
}

.kK5GE-,.RgF8y8 {
    position: absolute
}

.RgF8y8 {
    white-space: nowrap;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.x64Vny {
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.x64Vny,.x64Vny ._3lmnbq {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center
}

.x64Vny ._3lmnbq {
    background-color: rgba(0,0,0,.65);
    color: #fff;
    text-align: center;
    font-size: .75rem;
    line-height: .875rem;
    height: 3.75rem;
    min-width: 3.875rem;
    max-width: calc(100% - 5rem);
    border-radius: 5rem
}

.x64Vny .NR45Bp {
    min-width: 4.1875rem;
    max-width: calc(100% - 4.5rem);
    border-radius: 6.25rem
}

.x64Vny ._100dRq {
    min-width: 5.125rem;
    max-width: calc(100% - 3.625rem);
    border-radius: 6.25rem
}

.x64Vny .nBQNEg {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.badge__soldout {
    white-space: normal;
    color: #fff;
    text-align: center
}

.badge-text--soldout {
    background-color: rgba(122,138,136,.85)
}

.badge-text--soldout .badge-text__text:after {
    border-left-color: rgba(122,138,136,.85);
    border-right-color: rgba(122,138,136,.85)
}

.badge-round__text {
    padding: 0 .5rem;
    background-color: rgba(0,0,0,.87);
    border-radius: 3.75rem;
    min-width: 3.75rem;
    min-height: 3.75rem;
    line-height: 3.75rem;
    position: relative;
    color: #fff;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 3.75rem
}

.badge__preferred--left-triangle,.badge__wholesale--left-triangle {
    position: relative;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.badge__preferred--left-triangle:before,.badge__wholesale--left-triangle:before {
    content: "";
    display: inline-block;
    position: absolute;
    border: .13125rem solid transparent;
    border-bottom-color: #a92d05;
    transform: rotate(45deg);
    left: .0625rem;
    bottom: -.125rem
}

.badge__wholesale {
    background-color: #16b6fb;
    text-align: center
}

.badge__wholesale--left-triangle:before {
    border-bottom-color: #0072be
}

.badge__wholesale--has--icon {
    text-align: left
}

.badge__installment {
    background-color: initial;
    color: #f5a623;
    border: 1px solid #f5a623;
    text-align: center
}

.badge__bundle-deals {
    background-color: initial;
    color: #ee4d2d;
    border: 1px solid #ee4d2d;
    max-width: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    height: unset;
    padding: 1.5px 4px
}

.osUg3y.badge__horizontal {
    background-color: #fff;
    border: 1px solid #ee4d2d;
    border-radius: 1px;
    padding: .09375rem .25rem
}

.theme--ofs .osUg3y.badge__horizontal,.theme--s-mart .osUg3y.badge__horizontal {
    border-color: #d0011b
}

._0F98tF {
    color: #ee4d2d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.theme--ofs ._0F98tF,.theme--s-mart ._0F98tF {
    color: #d0011b
}

.xN0wTR {
    line-height: .875rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 .25rem 0 0;
    max-width: 100%
}

.xN0wTR,.zVrOdL {
    height: 1rem;
    font-size: .625rem
}

.zVrOdL {
    box-sizing: border-box;
    display: inline-block;
    padding: 0 .25rem;
    min-width: 1.875rem;
    background-color: #ee4d2d;
    line-height: 1rem;
    text-transform: none;
    border: 0;
    border-radius: .5rem .5rem .5rem 0
}

.badge__free,.zVrOdL {
    text-align: center;
    color: #fff
}

.badge__free {
    width: 3.375rem;
    height: 3.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #d0011b;
    opacity: .76;
    border-radius: 3.375rem;
    margin: .625rem .5rem
}

.CeAzj0 {
    color: #ee4d2d;
    border: 1px solid #ee4d2d;
    padding: 0 3px;
    font-size: 10px;
    line-height: .875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Ua0Kne {
    box-sizing: border-box;
    display: flex;
    border: .0625rem solid;
    border-radius: .125rem
}

._3kzIgk {
    flex-grow: 1;
    flex-shrink: 1;
    color: #fff
}

._3kzIgk,._4Yi8ct {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: .75rem;
    font-size: .625rem;
    padding: .0625rem .25rem
}

._4Yi8ct {
    display: flex;
    flex-shrink: 0;
    position: relative;
    align-items: center
}

._4Yi8ct .FTliNh {
    position: absolute;
    left: -.0625rem;
    top: -.0625rem;
    width: 0;
    height: 0;
    border-top: 5px solid;
    border-right: 5px solid transparent
}

.badge__coinsback--left-triangle,.badge__preferred--left-triangle {
    position: relative;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.badge__coinsback--left-triangle:before,.badge__preferred--left-triangle:before {
    content: "";
    display: inline-block;
    position: absolute;
    border: .13125rem solid transparent;
    border-bottom-color: #a92d05;
    transform: rotate(45deg);
    left: .0625rem;
    bottom: -.125rem
}

.badge__coinsback {
    background-color: #ffa604;
    text-transform: capitalize
}

.badge__coinsback--left-triangle:before {
    border-bottom-color: #ae7600
}

.badge__coinsback--inline {
    color: #fff;
    height: 1.0625rem;
    display: flex;
    align-items: center;
    line-height: .75rem;
    font-size: .6875rem;
    padding: .0625rem .25rem;
    margin-top: .375rem;
    margin-bottom: .125rem;
    white-space: nowrap
}

.badge__coinsback--outline {
    border-radius: .125rem;
    padding: .0625rem .1875rem;
    color: #ffa604;
    background: #fff;
    border: 1px solid;
    font-size: .625rem;
    white-space: nowrap
}

.badge__coinsback--flashsale {
    color: #ee4d2d;
    background-color: #fcd511;
    font-size: .6875rem;
    display: inline-block;
    vertical-align: middle;
    padding: .0625rem .25rem
}

.wQZML7 {
    color: #ee4d2d;
    font-size: .625rem;
    line-height: .75rem
}

.Phi1Im {
    display: block;
    padding: .125rem .25rem;
    background-color: #ffe97a;
    border-bottom-left-radius: .125rem
}

.Phi1Im ._0Qt-AA {
    display: block;
    color: #ec3814;
    font-size: .75rem;
    line-height: .875rem;
    font-weight: 500
}

._9LsFgi {
    padding-bottom: .5rem
}

._9LsFgi:last-of-type {
    padding-bottom: 0
}

.HladrY {
    font-family: -apple-system,HelveticaNeueMedium,HelveticaNeue-Medium,Helvetica Neue Medium,Helvetica Neue,Roboto,Droid Sans,Arial Bold,Arial,sans-serif;
    font-weight: 500;
    font-weight: 700;
    font-size: .875rem;
    height: 1.1875rem;
    -webkit-line-clamp: 1
}

.UiJp3J {
    display: flex;
    margin: 0 .75rem;
    border-radius: 0 0 .125rem .125rem;
    overflow-y: scroll;
    background-color: #f1f5fb;
    flex: 1
}

.UiJp3J.OTSIcl {
    overflow: hidden
}

.BuYrEZ {
    width: 6.25rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-decoration: none;
    background: #fff
}

._52hfht {
    width: 1.875rem;
    height: 1.875rem
}

.SZobdN {
    display: flex;
    flex-direction: column;
    padding-bottom: .5rem
}

.SZobdN.\+sL0IZ,.SZobdN:last-of-type {
    padding-bottom: 0
}

.SZobdN.\+sL0IZ {
    width: 50%
}

.il0Tat {
    margin-right: .25rem
}

.yypQb8 {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: .625rem;
    -webkit-line-clamp: 2;
    height: 1.5rem;
    line-height: .75rem;
    word-break: break-all
}

._9DwJfi {
    display: flex;
    flex-direction: column;
    padding-bottom: .5rem
}

._9DwJfi.pOxYKZ,._9DwJfi:last-of-type {
    padding-bottom: 0
}

._9DwJfi.pOxYKZ {
    width: 50%
}

.Mt5qH2 {
    margin-left: .25rem
}

.Szoi4b {
    font-family: -apple-system,HelveticaNeueMedium,HelveticaNeue-Medium,Helvetica Neue Medium,Helvetica Neue,Roboto,Droid Sans,Arial Bold,Arial,sans-serif;
    font-weight: 500;
    font-size: .625rem;
    line-height: .75rem;
    height: .75rem;
    -webkit-line-clamp: 1
}

.home-page {
    margin-top: -2.75rem
}

.home-page__order-wrapper {
    display: flex;
    flex-direction: column
}

.home-page .downloadBanner-container {
    position: relative;
    z-index: 999
}

.home-page .page-banners__item img {
    object-position: bottom
}

.home-skinny-banners {
    display: flex
}

.home-skinny-banners .page-banners__item {
    position: relative
}

.home-skinny-banners .page-banners__image-wrapper {
    height: 100%
}

.home-skinny-banners--1 .page-banners__item {
    position: relative
}

.home-skinny-banners--1 .page-banners__item:before {
    content: "";
    display: block;
    padding-top: 30%
}

.home-skinny-banners--2 .page-banners__item {
    position: relative
}

.home-skinny-banners--2 .page-banners__item:before {
    content: "";
    display: block;
    padding-top: 60%
}

.home-skinny-banners--3 .page-banners__item:first-child,.home-skinny-banners--3 .page-banners__item:last-child {
    position: relative;
    flex: 358
}

.home-skinny-banners--3 .page-banners__item:first-child:before,.home-skinny-banners--3 .page-banners__item:last-child:before {
    content: "";
    display: block;
    padding-top: 100.55866%
}

.home-skinny-banners--3 .page-banners__item:nth-child(2) {
    position: relative;
    flex: 484
}

.home-skinny-banners--3 .page-banners__item:nth-child(2):before {
    content: "";
    display: block;
    padding-top: 74.38017%
}

.CCZqHZ {
    bottom: 0;
    width: 100%;
    background: #fff;
    margin-top: .625rem
}

.LMvfDn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    position: relative
}

._27Tbdt {
    height: 2.25rem;
    line-height: 2.25rem
}

._706iTY {
    height: 3rem
}

.L-ugN8 {
    display: flex;
    justify-content: center
}

.AcWLuR,.AmpeY2,.K8CNRb,.xkHHby,.z6qYgx {
    width: 50%;
    flex: 100% 1
}

.AmpeY2,.K8CNRb,.z6qYgx {
    height: 2.25rem
}

._608T-0 {
    flex-shrink: 0;
    width: 1px;
    height: 14px;
    background: rgba(0,0,0,.12)
}

.tGUH0S {
    text-decoration: none;
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.54);
    padding-left: .9375rem;
    text-transform: uppercase;
    max-width: 90%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    line-height: 1rem
}

.I1VID- {
    background: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/homepage/37a7b6a1b1fc8b6a968038611bce8f7c.png) no-repeat
}

.WKYinU {
    background: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/homepage/cd3cb3fa3e177e055127f4dcf10fee4c.png) no-repeat
}

._70liel {
    background: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/homepage/08cfcbd5cb428b63f868f4f27c7a7a85.png) no-repeat
}

._70liel,.wkDBd\+ {
    padding-left: .875rem
}

.wkDBd\+ {
    background: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/homepage/87b0ea1af7098ee5037cd8abb343831a.png) no-repeat
}

.vdsh70 {
    background: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/homepage/d240170a1da5b7249e63439e676cc1b5.png) no-repeat
}

._70liel,.I1VID-,.vdsh70,.wkDBd\+,.WKYinU {
    background-position-y: center;
    background-size: .75rem
}

.DdQubC {
    border-top: 1px dashed rgba(0,0,0,.12);
    padding-top: .625rem
}

.fwLZYW {
    width: 7.5rem;
    height: 2.8125rem
}

.MjTSLC {
    height: 4.25rem;
    width: 4.25rem
}

.xrRzqC {
    margin: 0 .75rem
}

.gWyDNd {
    padding: .625rem;
    width: 100%
}

.KFnRqD {
    margin: 0 0 .75rem
}

.zX7n0E {
    margin: 0
}

.u44zgu {
    bottom: 0;
    width: 100%;
    background: #fff;
    margin-top: .625rem
}

.zPYQbv {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 2.25rem;
    line-height: 2.25rem
}

.Ycwfma,.zPYQbv {
    position: relative
}

.Ycwfma {
    width: 50%;
    flex: 100% 1 50%
}

.Ycwfma:nth-child(odd):not(:last-child):after {
    content: "";
    width: 1px;
    height: 14px;
    background: rgba(0,0,0,.12);
    position: absolute;
    top: calc(50% - 7px);
    right: 0
}

.Ff9tFZ {
    text-decoration: none;
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.54);
    max-width: 90%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    line-height: 1rem
}

.iuTHja {
    width: .75rem;
    height: .75rem;
    margin-right: .25rem
}

.iuTHja,.Tlogxh {
    vertical-align: middle
}

.H-kT0n {
    background: #fff;
    padding: 0 10px
}

.-RUBgB {
    font-size: 14px;
    color: rgba(0,0,0,.65)
}

._9EQZof {
    font-size: 12px;
    color: rgba(0,0,0,.54)
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/mobilemall-homepage/_/mobilemall-homepage.cefe6b63c177cdbf4607.css.map*/



/*!
 * Project: 'pcmall';
 * Module: 'homepage';
 * Tag: 'pc-v5.58.0';
 * Branch: 'heads/pc-v5.58.0';
 * Last commit: 'chore(release): pc-v5.58.0' (5dcf2a3b95641a01bd37c0da89a8b1b9b6e0ee51);
 * Updated: '2023-09-26T09:28:07.086Z';
 */
.bm7B4- {
    border: .0625rem solid rgba(0,0,0,.14);
    border-radius: .625rem;
    margin: .625rem;
    padding: .625rem;
    text-align: center
}

._3sjFp {
    border-radius: .125rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    overflow: hidden;
    outline: none;
    flex: 0 0 auto;
    position: relative
}

._3sjFp:active:before {
    content: "";
    background-color: rgba(0,0,0,.05);
    background-color: var(--nc-util-pressed,rgba(0,0,0,.05));
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0
}

.lJMau {
    height: 2.75rem
}

._3zn07 {
    height: 2.25rem;
    min-width: 4rem
}

._18F8b {
    height: 1.75rem;
    min-width: 4rem;
    padding: 0 .75rem
}

.uxSdp {
    height: 1.25rem;
    min-width: 3.25rem;
    padding: 0 .5rem
}

.xCn81 {
    background: transparent
}

.TOjHY.AHhqR {
    color: #fff;
    border: .0625rem solid transparent;
    background: #ee4d2d;
    background: var(--nc-primary,#ee4d2d)
}

.TOjHY.xCn81 {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d);
    border: .0625rem solid #ee4d2d;
    border: .0625rem solid var(--nc-primary,#ee4d2d)
}

._1-4Xn.xCn81 {
    color: rgba(0,0,0,.87);
    color: var(--nc-text-primary,rgba(0,0,0,.87));
    border: .0625rem solid rgba(0,0,0,.26)
}

._1qQAl.xCn81 {
    color: #fff;
    border: .0625rem solid #fff
}

._3sjFp:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

._3sjFp:disabled.xCn81 {
    border-color: rgba(0,0,0,.09);
    border-color: var(--nc-util-line,rgba(0,0,0,.09))
}

._3sjFp:disabled._1qQAl.xCn81 {
    border-color: hsla(0,0%,100%,.54);
    color: hsla(0,0%,100%,.4)
}

._3sjFp:disabled.TOjHY.AHhqR {
    background: rgba(0,0,0,.09)
}

._2HCeY {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._19rDu {
    margin-left: .25rem
}

.QOrAbT {
    height: 18.75rem;
    margin: 12.5rem auto 1.25rem;
    display: block
}

.BrvpST {
    text-align: center;
    font-size: 1rem;
    color: #222
}

.eRpzH- {
    transition: margin-top .3s cubic-bezier(.4,0,.2,1);
    -webkit-overflow-scrolling: touch
}

.eRpzH-.vtdGWg {
    margin-top: 7.4375rem
}

.eRpzH-._5mSwN3 {
    margin-top: 11.125rem
}

@keyframes movement {
    0% {
        transform: translateY(2px)
    }

    50% {
        transform: translateY(-2px)
    }

    to {
        transform: translateY(2px)
    }
}

.stardust-spinner--hidden {
    display: none
}

.stardust-spinner__background {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    background-color: rgba(0,0,0,.4);
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center
}

.stardust-spinner__background--no-overlay {
    position: static;
    background-color: initial;
    width: auto;
    height: auto
}

.stardust-spinner__background--no-overlay .stardust-spinner__main {
    padding: 0;
    border-radius: 0
}

.stardust-spinner__main {
    flex: 0 1 auto;
    padding: 1rem;
    border-radius: 1rem;
    background: #fff;
    color: #000
}

.stardust-spinner__spinner {
    animation: movement .4s linear infinite
}

.stardust-spinner__spinner:nth-child(2) {
    animation-delay: .1s
}

.stardust-spinner__spinner:nth-child(3) {
    animation-delay: .2s
}

.PUpHDT {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 50rem;
    min-height: 100vh
}

.PUpHDT .UCg7Hy {
    background-color: initial
}

.shopee-floating-icons__wrapper {
    z-index: 10;
    position: fixed;
    bottom: 13vh
}

.VcjTix {
    position: relative
}

.VcjTix img {
    vertical-align: bottom
}

.UegzGr {
    visibility: hidden
}

.gvNQcO {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.eJhWu5 {
    opacity: 0
}

.y2U2TZ {
    opacity: 1;
    transition: opacity .2s ease
}

.xJ4Ddz {
    max-height: 100%;
    max-width: 100%;
    height: 60px;
    width: 60px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 61' fill='%23e5e4e4'%3E%3Cpath d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4zM27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6zm9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3-.5-1.6-2.2-2.7-3.5-3.4-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2-2.4-1.2-4-2.6-4.8-4.2-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7-2 .3-4.7 2-4.4 4.6.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7z'/%3E%3C/svg%3E")
}

.HcgIB7 .orMiAd {
    right: 0;
    bottom: 0
}

.HcgIB7 .orMiAd,.orMiAd {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    z-index: -1
}

.orMiAd {
    width: 100%;
    height: 100%
}

.shopee-skinny-banner {
    text-decoration: none;
    color: rgba(0,0,0,.87);
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.shopee-skinny-banner__container {
    position: relative;
    display: inline-block
}

.shopee-skinny-banner__full-height {
    height: 100%
}

.carousel-arrow,.shopee-skinny-banner .animated-lazy-image__placeholder-wrapper {
    background-color: #fff
}

.carousel-arrow {
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.12);
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    border-radius: 50%;
    margin-top: -25px;
    transition: all .1s cubic-bezier(.4,0,.6,1);
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: 0
}

.carousel-arrow>.shopee-svg-icon {
    transition: width .1s cubic-bezier(.4,0,.6,1);
    color: rgba(0,0,0,.54);
    fill: rgba(0,0,0,.54)
}

.carousel-arrow--prev {
    left: 0
}

.carousel-arrow--next {
    right: 0
}

.carousel-arrow--hint {
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-top: -12.5px;
    background-color: #fff
}

.carousel-arrow--hint>.shopee-svg-icon {
    height: .625rem;
    width: .625rem;
    color: rgba(0,0,0,.54);
    fill: currentColor
}

.image-carousel {
    width: 100%;
    height: 100%;
    position: relative
}

.image-carousel__item-list-wrapper {
    height: 100%;
    overflow: hidden;
    touch-action: pan-y
}

.image-carousel__item-list {
    display: flex;
    position: relative;
    height: 100%;
    padding: 0;
    margin: 0
}

.image-carousel__item {
    overflow-x: hidden;
    list-style: none;
    float: left;
    touch-action: pan-y
}

.image-carousel__item--fluid {
    flex: 0 1 auto;
    overflow-x: visible
}

.image-carousel__item>div {
    height: 100%
}

.image-carousel__item a,.image-carousel__item img {
    -webkit-user-drag: none
}

.image-carousel__dots {
    position: absolute;
    bottom: 1.25rem;
    left: 50%;
    transform: translate(-50%);
    transition: opacity .1s cubic-bezier(.4,0,.2,1)
}

.image-carousel__dots--hidden {
    opacity: 0;
    pointer-events: none
}

.image-carousel__dot {
    width: .625rem;
    height: .625rem;
    border-radius: 50%;
    display: inline-block;
    background-color: rgba(0,0,0,.26);
    cursor: pointer
}

.image-carousel__dot:not(:first-child) {
    margin-left: .3125rem
}

.image-carousel__dot--active {
    opacity: 1;
    background-color: #ee4d2d
}

.image-carousel__arrow {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    width: 2.1875rem;
    height: 3.75rem;
    line-height: 3.75rem;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    fill: #fff;
    background-color: rgba(0,0,0,.18);
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .1s cubic-bezier(.4,0,.6,1),opacity .1s cubic-bezier(.4,0,.6,1)
}

.image-carousel__arrow:hover {
    background-color: rgba(0,0,0,.32)
}

.image-carousel__arrow--prev {
    left: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.image-carousel__arrow--next {
    right: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.stardust-carousel,.stardust-carousel__item-list-wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

.stardust-carousel__item-list-wrapper {
    box-sizing: border-box;
    overflow-x: hidden
}

.stardust-carousel__item-list {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    display: flex;
    padding: 0;
    margin: 0;
    overflow: hidden;
    touch-action: pan-y
}

.stardust-carousel__item {
    flex-shrink: 0;
    align-self: center;
    list-style: none;
    overflow: hidden;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.stardust-carousel__item-inner-wrapper {
    width: 100%;
    height: 100%
}

.stardust-carousel__item-inner-wrapper--hide {
    display: none
}

.stardust-carousel:hover .stardust-carousel__arrow {
    opacity: 1
}

.stardust-icon {
    stroke: currentColor;
    fill: currentColor;
    width: 1em;
    height: 1em
}

.stardust-carousel__arrow {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: inline-flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.09);
    border-radius: 50%;
    opacity: 0;
    color: rgba(0,0,0,.87);
    fill: rgba(0,0,0,.87);
    background-color: #fff;
    transition: opacity .3s ease
}

.stardust-carousel__arrow>svg {
    flex: 0 1 auto;
    width: 75%;
    height: 75%;
    color: #ee4d2d
}

.stardust-carousel__arrow:hover {
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.09)
}

.stardust-carousel__arrow:active {
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.09)
}

.stardust-carousel__arrow--type-2 {
    opacity: 1
}

.stardust-carousel__arrow--prev {
    left: -10px
}

.stardust-carousel__arrow--next {
    right: -10px
}

.stardust-carousel__arrow--disabled>svg {
    fill: rgba(0,0,0,.12)
}

.stardust-carousel__dots {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translate(-50%);
    transition: opacity .5s ease;
    width: 100%;
    text-align: center
}

.stardust-carousel__dot {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    opacity: 1;
    border: 1px solid hsla(0,0%,53.7%,.4);
    background-color: hsla(0,0%,100%,.4)
}

.stardust-carousel__dot:not(:first-child) {
    margin-left: .5rem
}

.stardust-carousel__dot--active {
    opacity: 1;
    background-color: #ee4d2d;
    border-color: #ee4d2d
}

.stardust-carousel__indexing {
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 3px 10px;
    font-size: 14px;
    color: rgba(0,0,0,.65);
    opacity: .65;
    background: #fff;
    color: #000;
    border-radius: 12.4px;
    border: 1px solid rgba(0,0,0,.2)
}

.stardust-carousel__tabs {
    display: flex;
    align-content: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px
}

.stardust-carousel__tab {
    flex: 1 0 0;
    font-size: 12px;
    text-align: center;
    background-color: hsla(0,0%,100%,.5);
    overflow: hidden;
    cursor: pointer
}

.stardust-carousel__tab--active {
    background-color: #ee4d2d;
    color: #fff
}

.stardust-carousel__tab-name {
    line-height: 30px
}

.shopee-image-placeholder {
    width: 100%;
    padding-top: 100%;
    position: relative;
    background-color: #fafafa;
    font-size: 3.8125rem
}

.shopee-image-placeholder>.icon-default-image,.shopee-image-placeholder>.icon-shopee-tiny {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: rgba(0,0,0,.05);
    font-size: inherit
}

.shopee-image-placeholder>.icon-default-image {
    stroke: #fff
}

.-ty5tD.PXIATt,.-ty5tD:focus-visible {
    outline: none;
    position: relative
}

.-ty5tD.PXIATt:after,.-ty5tD:focus-visible:after {
    display: block;
    content: "";
    box-sizing: border-box;
    width: calc(100% + .75rem);
    height: calc(100% + .75rem);
    position: absolute;
    top: -.375rem;
    left: -.375rem;
    border: .125rem solid var(--focus-indicator-color);
    border-radius: .125rem;
    pointer-events: none
}

.full-home-banners__main-banner-image:not(.img_tag),.home-banners__lazy-image {
    width: 100%;
    padding-top: 29.5%
}

.full-home-banners {
    line-height: 0;
    display: flex;
    min-height: 235px;
    max-height: 235px
}

.full-home-banners img {
    object-position: bottom
}

.full-home-banners__main-banner {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    border-radius: .125rem;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    overflow: hidden;
    flex-grow: 2;
    flex-shrink: 1;
    flex-basis: 0
}

.full-home-banners__main-banner .stardust-carousel__item-inner-wrapper {
    display: unset
}

.full-home-banners__main-banner .stardust-carousel__arrow {
    width: 2.1875rem;
    height: 3.75rem;
    background-color: rgba(0,0,0,.18);
    border-radius: initial
}

.full-home-banners__main-banner .stardust-carousel__arrow:hover {
    background-color: rgba(0,0,0,.32)
}

.full-home-banners__main-banner .stardust-carousel__arrow--prev {
    left: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.full-home-banners__main-banner .stardust-carousel__arrow--next {
    right: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.full-home-banners__main-banner .stardust-carousel__arrow>svg {
    width: 1em;
    height: 1em;
    color: #fff
}

.full-home-banners__banner-image {
    height: 100%;
    display: block
}

.full-home-banners__banner-image>div {
    display: flex;
    height: 100%
}

.full-home-banners__full-height,.full-home-banners__right-banner-image:not(.img_tag) {
    height: 100%
}

.full-home-banners__full-height.has_img_tag,.has_img_tag.full-home-banners__right-banner-image:not(.img_tag) {
    width: 100%
}

.full-home-banners__right-banner-image {
    background-position: bottom
}

.full-home-banners__right-banner-image.img_tag {
    position: absolute;
    width: 100%;
    height: 100%
}

.full-home-banners__light-background {
    background-color: #fafafa
}

.full-home-banners__main-banner-image {
    background-position: bottom
}

.full-home-banners__main-banner-image.img_tag {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 0
}

.full-home-banners .shopee-image-placeholder {
    padding-top: 29.5%
}

.full-home-banners .shopee-image-placeholder.transparent-bg {
    background-color: initial
}

.full-home-banners__right-wrapper {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    display: flex;
    flex-direction: column;
    margin-left: .3125rem
}

.full-home-banners__right-wrapper>.shopee-image-placeholder {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    border-radius: .125rem;
    overflow: hidden;
    width: 100%;
    flex: 1 1 50%;
    padding-top: 0
}

.full-home-banners__right-wrapper>.shopee-image-placeholder:last-child {
    margin-top: .3125rem
}

.full-home-banners__right-banner {
    text-decoration: none;
    color: rgba(0,0,0,.87);
    display: block;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    border-radius: .125rem;
    overflow: hidden;
    flex: 1 1 50%;
    background-position: bottom
}

.full-home-banners__right-banner:first-child {
    border-top-right-radius: 2px;
    overflow: hidden
}

.full-home-banners__right-banner:last-child {
    margin-top: .3125rem;
    border-bottom-right-radius: 2px;
    overflow: hidden
}

.skeleton-base__container-fallback {
    width: 100%;
    height: 100%
}

.skeleton-base__shape {
    width: inherit;
    height: inherit
}

.skeleton-base__shape.skeleton-base__shape-animated {
    background-color: #fafafa;
    background-image: linear-gradient(90deg,#fafafa,#f1f0f0 25%,#fafafa 50%);
    background-repeat: no-repeat;
    background-size: 200% 100%;
    background-position: 100% 0;
    animation: skeleton__loading 1s ease .2s infinite
}

.skeleton-base__shape.skeleton-base__shape-static {
    background-color: #fafafa
}

.skeleton-base__shape.skeleton-base__shape-rounded {
    border-radius: .125rem
}

.skeleton-base__shape.skeleton-base__shape-circle {
    border-radius: 100%
}

@keyframes skeleton__loading {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: -100% 0
    }
}

.XhCeW7.kW2JZa {
    flex-wrap: wrap;
    justify-content: unset;
    padding: 16px 0 26px
}

.XhCeW7.kW2JZa a {
    min-width: 16.66667%;
    max-width: 25%;
    justify-content: space-around;
    display: flex
}

.XhCeW7.kW2JZa.PxNyQL a {
    width: 20%
}

.XhCeW7.kW2JZa.-gWSte a {
    width: 25%
}

.kmYTt8:hover {
    transform: translateY(-.0625rem)
}

.OyNMA5 {
    width: 45px;
    height: 45px;
    border-radius: 50%
}

.ssqXYK {
    margin: 18px auto 8px
}

._2MluCb {
    margin: 31px 14px 31px 0;
    display: inline-block;
    vertical-align: middle
}

.vdmlF5 {
    color: var(--text-color-header);
    letter-spacing: 0;
    text-align: center
}

._8IM\+-o {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: .8125rem;
    line-height: 20px;
    max-width: 150px;
    margin-bottom: 8px;
    word-wrap: break-word;
    overflow: hidden;
    white-space: pre-line
}

.uUjauV {
    line-height: 1.1875rem
}

.mbb3ia {
    font-size: 1rem;
    line-height: 1.25rem;
    display: inline-block;
    vertical-align: middle;
    text-align: left
}

.TSECnl {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-width: 180px;
    word-wrap: break-word;
    overflow: hidden
}

._03TyL4 {
    height: 100%;
    border-radius: 0
}

.oaBOVO {
    border-radius: 50%
}

.\-1zdvZ,.oaBOVO {
    height: 100%
}

.C7Bctk {
    width: 100%;
    height: 1.25rem
}

.IA0\+wE {
    width: 100%;
    height: .875rem
}

.CG7gFX {
    display: flex
}

.u4ZPoq {
    width: 21.75rem;
    height: 27rem
}

.home-banners {
    line-height: 0;
    margin-left: .625rem
}

.home-banners__top-banner {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    border-radius: .125rem;
    border-top-right-radius: 2px;
    overflow: hidden
}

.home-banners__banner-image {
    display: block
}

.home-banners__lazy-image {
    width: 100%;
    padding-top: 29.5%
}

.home-banners .shopee-image-placeholder {
    padding-top: 29.5%
}

.home-banners__bottom-wrapper {
    position: relative;
    padding-top: .3125rem
}

.home-banners__bottom-wrapper>.shopee-image-placeholder {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    border-radius: .125rem;
    overflow: hidden;
    width: calc(50% - .15625rem);
    display: inline-block;
    padding-top: 14.75%
}

.home-banners__bottom-wrapper>.shopee-image-placeholder:last-child {
    margin-left: .3125rem
}

.home-banners__bottom-banner {
    text-decoration: none;
    color: rgba(0,0,0,.87);
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    border-radius: .125rem;
    overflow: hidden;
    width: calc(50% - .15625rem);
    border-bottom: .125rem;
    display: inline-block;
    padding-top: 14.75%;
    background-size: cover
}

.home-banners__bottom-banner:last-child {
    border-bottom-right-radius: 2px;
    overflow: hidden;
    margin-left: .3125rem
}

.category-banners__banner-image {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    padding-top: 29.16667%
}

._0Lg1xS,.d9V\+nF {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

._0Lg1xS {
    background-color: rgba(0,0,0,.4)
}

.d9V\+nF {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 90000
}

.JHSsRq {
    z-index: 1
}

.sfitxI {
    opacity: 0
}

.CbWNho {
    transition: opacity .15s
}

.CbWNho,.o\+3FrV {
    opacity: 1
}

._3AGFKL {
    opacity: 0;
    transition: opacity .15s
}

.NK7quo {
    transform: scale(.8)
}

.rvLIO1 {
    transition: transform .2s
}

.m7C6sM,.rvLIO1 {
    transform: scale(1)
}

.NIjNXl {
    transform: scale(.8);
    transition: transform .2s
}

.lwc\+sF {
    background-color: #fff;
    border-radius: .125rem;
    font-family: Roboto,Arial,sans-serif;
    width: 100%;
    min-width: 27.5rem;
    max-width: 65rem;
    margin: 0 auto
}

.lwc\+sF .bf0dnt {
    line-height: 1.5rem;
    font-weight: 500;
    font-size: 1rem;
    padding: 1rem 1.5rem;
    border-bottom: .03125rem solid rgba(0,0,0,.09)
}

.lwc\+sF .wCetSp {
    padding: 1.5rem;
    font-size: .75rem;
    line-height: 1.25rem
}

.lwc\+sF .wCetSp a {
    color: #08f
}

.lwc\+sF .ongJMx {
    flex-direction: column;
    font-size: .875rem;
    box-sizing: border-box;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    outline: 0;
    cursor: pointer;
    line-height: 1.5rem;
    border-width: .0625rem;
    padding: .5rem 1rem;
    font-size: 1rem;
    border-style: solid;
    border-radius: .125rem
}

.lwc\+sF ._2LHKl- {
    border-top: .03125rem solid rgba(0,0,0,.09);
    padding: .75rem 1.5rem
}

.lwc\+sF ._2LHKl- ul.efSSBi {
    display: flex;
    flex-direction: row-reverse;
    list-style: none;
    margin: 0;
    padding: 0
}

.lwc\+sF ._2LHKl- ul.efSSBi>li.zecXQI .ongJMx {
    color: #fff;
    background-color: #ee4d2d;
    border-color: #ee4d2d
}

.lwc\+sF ._2LHKl- ul.efSSBi>li.A9U7nc {
    padding-right: .5rem
}

.lwc\+sF ._2LHKl- ul.efSSBi>li.A9U7nc .ongJMx {
    background-color: #fff;
    border-color: rgba(0,0,0,.26)
}

.shopee-button-solid {
    outline: none;
    cursor: pointer;
    border: 0;
    font-size: .875rem;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    position: relative;
    background: rgba(0,0,0,.54);
    color: #fff;
    transition: opacity .2s ease;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09)
}

.shopee-button-solid:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--fill {
    height: 100%;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0
}

.shopee-button-solid--complement {
    background: #00bfa5
}

.shopee-button-solid--complement:hover {
    background: #00a08a
}

.shopee-button-solid--secondary {
    background: #3b3f53
}

.shopee-button-solid--primary {
    position: relative;
    overflow: visible;
    outline: 0;
    background: #ee4d2d
}

.shopee-button-solid--primary.focus-visible:before,.shopee-button-solid--primary:focus-visible:before {
    content: "";
    width: calc(100% + var(--focus-indicator-spacing)*2);
    height: calc(100% + var(--focus-indicator-spacing)*2);
    padding: var(--focus-indicator-spacing);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    position: absolute;
    border-radius: var(--focus-indicator-border-radius);
    top: calc(var(--focus-indicator-spacing)*-1);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1)
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):hover {
    background: #f05d40
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--primary.shopee-button-solid--disabled {
    background: #facac0!important;
    cursor: not-allowed;
    box-shadow: none
}

.shopee-button-solid--tributton {
    padding: 10px 13px!important;
    flex: none!important;
    text-transform: uppercase!important;
    width: 102px;
    height: 36px;
    position: relative;
    overflow: visible;
    outline: 0;
    background: #ee4d2d
}

.shopee-button-solid--tributton.focus-visible:before,.shopee-button-solid--tributton:focus-visible:before {
    content: "";
    width: calc(100% + var(--focus-indicator-spacing)*2);
    height: calc(100% + var(--focus-indicator-spacing)*2);
    padding: var(--focus-indicator-spacing);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    position: absolute;
    border-radius: var(--focus-indicator-border-radius);
    top: calc(var(--focus-indicator-spacing)*-1);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1)
}

.shopee-button-solid--tributton:not(.disabled):hover {
    background: #f05d40
}

.shopee-button-solid--tributton:not(.disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--tributton.disabled {
    background: #facac0!important;
    cursor: not-allowed;
    box-shadow: none
}

.shopee-button-solid--email {
    background-color: #1d9db4
}

.shopee-button-solid--facebook {
    background-color: #31589c
}

.shopee-button-solid--sms {
    background-color: #13b50b
}

.shopee-button-solid--disabled {
    box-shadow: none;
    background-color: rgba(0,0,0,.26)
}

.shopee-button-solid--disabled:hover {
    background-color: rgba(0,0,0,.26);
    cursor: not-allowed
}

.shopee-button-outline {
    outline: none;
    cursor: pointer;
    border: 0;
    font-size: .875rem;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    background: transparent;
    color: rgba(0,0,0,.8)
}

.shopee-button-outline--normal {
    background: #fff
}

.shopee-button-outline--normal:hover {
    background: #f3f3f3
}

.shopee-button-outline--disabled {
    color: rgba(0,0,0,.26);
    border-color: rgba(0,0,0,.09)
}

.shopee-button-outline--fill {
    width: 100%;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0
}

.shopee-button-outline--tributton {
    flex: none!important;
    padding: 10px 15px!important;
    text-transform: uppercase!important;
    width: 130px;
    height: 36px
}

.shopee-button-outline--tributton:hover {
    flex: none!important;
    padding: 10px 15px!important;
    color: #ee4d2d;
    border-color: #ee4d2d
}

.shopee-button-outline--primary-reverse,.shopee-button-outline--primary:hover {
    color: #ee4d2d;
    border-color: #ee4d2d
}

.shopee-button-outline--primary-reverse:hover {
    background: #ee4d2d;
    color: #fff
}

.shopee-button-outline--complement:hover {
    color: #00bfa5;
    border-color: #00bfa5
}

.shopee-button-outline--rounded {
    border-radius: 1.25rem
}

.shopee-button-outline--rounded:hover {
    color: #ee4d2d;
    border-color: #ee4d2d
}

.cancel-btn {
    padding: 10px 0;
    box-sizing: border-box;
    width: 140px;
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 400;
    cursor: pointer;
    color: #555;
    margin-right: 6px;
    line-height: 1;
    background: none;
    border: 0;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.cancel-btn:hover {
    background: #f8f8f8
}

.cancel-btn:active {
    background: #f5f5f5
}

.shopee-button-no-outline,.shopee-icon-button,.shopee-image-button {
    outline: none;
    cursor: pointer;
    border: 0;
    font-size: .875rem;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-no-outline {
    position: relative;
    overflow: visible;
    outline: 0;
    padding: .3125rem .4375rem;
    color: rgba(0,0,0,.8);
    background-color: initial;
    border: 0
}

.shopee-button-no-outline.focus-visible:before,.shopee-button-no-outline:focus-visible:before {
    --focus-indicator-spacing: 1px;
    content: "";
    width: calc(100% + var(--focus-indicator-spacing)*2);
    height: calc(100% + var(--focus-indicator-spacing)*2);
    padding: var(--focus-indicator-spacing);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    position: absolute;
    border-radius: var(--focus-indicator-border-radius);
    top: calc(var(--focus-indicator-spacing)*-1);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1)
}

.shopee-button-no-outline--primary,.shopee-button-no-outline:hover {
    color: #ee4d2d
}

.shopee-button-no-outline--complement {
    color: #00bfa5
}

.shopee-button-no-outline--disabled {
    color: rgba(0,0,0,.26);
    cursor: default
}

.shopee-button-no-outline--disabled:hover {
    color: rgba(0,0,0,.26)
}

.shopee-button-no-outline--tributton {
    color: rgba(0,0,0,.87);
    flex: none!important;
    padding: 10px 15px!important;
    text-transform: uppercase;
    height: 36px
}

.shopee-button-no-outline--tributton:hover {
    color: #ee4d2d
}

.shopee-icon-button {
    border: 1px solid rgba(0,0,0,.54);
    background-color: initial;
    padding: 0
}

.shopee-image-button {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 100%;
    position: relative
}

.shopee-image-button:hover .shopee-image-button__mask {
    background-color: rgba(0,0,0,.7)
}

.shopee-image-button__mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.4)
}

.shopee-image-button__text {
    color: #fff;
    font-weight: 300;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    padding: 0 .625rem;
    width: 100%
}

.shopee-see-all-button>.shopee-button-no-outline {
    display: flex;
    align-items: center;
    color: #ee4d2d
}

.shopee-see-all-button>.shopee-button-no-outline>.icon-arrow-right {
    font-size: .625rem
}

.stardust-button {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.26);
    background-color: #fff;
    color: rgba(0,0,0,.87);
    padding: 8px 10px
}

.stardust-button.stardust-button--active,.stardust-button:hover {
    cursor: pointer;
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.26)
}

.stardust-button--disabled {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26)
}

.stardust-button--disabled.stardust-button--active,.stardust-button--disabled:hover {
    cursor: not-allowed;
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26)
}

.stardust-button--block {
    display: block;
    width: 100%
}

.stardust-button--block+.stardust-button--block {
    margin-top: 5px
}

.stardust-button--large {
    font-size: 16px;
    border-radius: 6px;
    padding: 12px 14px
}

.stardust-button--large,.stardust-button--small {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400
}

.stardust-button--small {
    font-size: 12px;
    border-radius: 3px;
    padding: 6px 8px
}

.stardust-button--primary {
    background-color: #ee4d2d;
    border-color: #cd3011;
    color: #fff
}

.stardust-button--primary.stardust-button--active,.stardust-button--primary:hover {
    background-color: #d73211;
    border-color: #ba2b0f
}

.stardust-button--primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--primary.stardust-button--active.stardust-button--disabled,.stardust-button--primary:hover.stardust-button--disabled {
    background-color: #ee4d2d;
    border-color: #cd3011
}

.stardust-button--warning {
    background-color: #ff424f;
    border-color: #ef0010;
    color: #fff
}

.stardust-button--warning.stardust-button--active,.stardust-button--warning:hover {
    background-color: #fa0011;
    border-color: #e50010
}

.stardust-button--warning.stardust-button--disabled {
    opacity: .7
}

.stardust-button--warning.stardust-button--active.stardust-button--disabled,.stardust-button--warning:hover.stardust-button--disabled {
    background-color: #ff424f;
    border-color: #ef0010
}

.stardust-button--outline-primary {
    background-color: transparent;
    border-color: #ee4d2d;
    color: #ee4d2d
}

.stardust-button--outline-primary.stardust-button--active,.stardust-button--outline-primary:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #d73211
}

.stardust-button--outline-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-primary.stardust-button--active.stardust-button--disabled,.stardust-button--outline-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #ee4d2d
}

.stardust-button--outline-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.stardust-button--outline-white.stardust-button--active,.stardust-button--outline-white:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #fff
}

.stardust-button--outline-white.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-white.stardust-button--active.stardust-button--disabled,.stardust-button--outline-white:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #fff
}

.stardust-button--ghost-primary {
    background-color: transparent;
    border-color: transparent;
    color: #ee4d2d
}

.stardust-button--ghost-primary.stardust-button--active,.stardust-button--ghost-primary:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.09)
}

.stardust-button--ghost-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--ghost-primary.stardust-button--active.stardust-button--disabled,.stardust-button--ghost-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: transparent
}

.confirm-popup {
    flex-direction: column;
    width: 440px;
    font-size: 1rem;
    padding: 30px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center
}

.confirm-popup__button-group {
    display: flex;
    justify-content: center;
    margin-top: 2rem
}

.confirm-popup .shopee-button-outline--confirm-popup,.confirm-popup .shopee-button-solid--confirm-popup {
    width: 6.25rem;
    min-height: 2.5rem;
    font-size: .875rem;
    text-transform: uppercase;
    margin: .46875rem
}

.confirm-two-popup {
    flex-direction: column;
    width: 440px;
    font-size: 1rem;
    padding: 30px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center
}

.confirm-two-popup__button-group {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.8125rem;
    width: 100%
}

.confirm-two-popup .shopee-button-no-outline--confirm-two-popup,.confirm-two-popup .shopee-button-solid--confirm-two-popup {
    width: 7.5rem;
    min-height: 2.5rem;
    font-size: .875rem;
    text-transform: uppercase;
    padding: .75rem;
    line-height: 1rem;
    font-weight: 500;
    font-family: Roboto
}

.confirm-two-popup .shopee-button-no-outline--confirm-two-popup {
    margin-right: 1.25rem;
    color: #000;
    opacity: .54
}

.jF4hXq {
    position: absolute;
    top: 0;
    left: 0
}

.LpwYSa {
    width: 3.625rem
}

._6-chXc {
    padding: 1.875rem 1.875rem 1.25rem;
    width: 34.375rem;
    position: relative;
    overflow: hidden;
    border-radius: .1875rem;
    background-color: #fff;
    box-shadow: 0 .1875rem .625rem 0 rgba(0,0,0,.14);
    display: flex;
    flex-direction: row
}

.xZjGhh {
    margin-bottom: .5625rem;
    font-size: 1.375rem;
    font-weight: 600;
    color: #333
}

.CmvdO\+ {
    margin-bottom: 1.625rem;
    font-size: 1.25rem;
    font-weight: 400;
    color: #333
}

.cfG8ap {
    padding-right: 2.4375rem
}

._5U3W5C {
    display: flex;
    flex-direction: column;
    align-items: center
}

.q8Ce8Q {
    overflow: hidden;
    margin-bottom: .6875rem
}

.mNN8wv {
    margin: -.625rem -.3125rem -.9375rem;
    width: 10rem;
    height: 10rem
}

.SHM40i,.VDP-uP {
    width: 9.625rem;
    height: 3.1875rem;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: .625rem
}

.SHM40i {
    background-position-x: -.625rem;
    background-position-y: -.6875rem;
    background-size: 113% 146%
}

.VDP-uP {
    background-size: 100%
}

.UCPG5k {
    display: flex;
    align-items: center
}

.cXTvb6,.xRVzsE {
    height: 1rem;
    padding: .1875rem
}

._4WCwdD._6-chXc {
    width: 34.8125rem;
    padding: 1rem 1.75rem 1.25rem
}

._4WCwdD .xZjGhh {
    padding-top: 2.0625rem;
    margin-bottom: 1rem
}

._4WCwdD .SHM40i {
    width: 7.5rem;
    height: 2.1875rem;
    background-position-x: -.5625rem;
    background-position-y: -.5625rem;
    background-size: 115% 151%
}

._4WCwdD .VDP-uP {
    width: 6.6875rem;
    height: 2.1875rem
}

._4WCwdD .\+4n1ZR {
    width: 6.875rem;
    height: 2.1875rem;
    background-size: 100% 114%;
    background-position-y: -.125rem;
    display: inline-block;
    background-repeat: no-repeat
}

._4WCwdD .cfG8ap {
    padding-right: 1.4375rem
}

._4WCwdD ._5U3W5C {
    justify-content: center
}

._4WCwdD .mNN8wv {
    width: 11rem;
    height: 11rem;
    margin: 0
}

._4WCwdD .q8Ce8Q {
    margin-bottom: -.25rem
}

._4WCwdD .cXTvb6,._4WCwdD .g-PA-Q,._4WCwdD .xRVzsE {
    height: .75rem;
    padding: 0;
    margin-right: .375rem;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor
}

._4WCwdD .g-PA-Q {
    margin-right: 0
}

.icon-popup {
    flex-direction: column;
    width: 440px;
    font-size: 1rem;
    padding: 30px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center
}

.error-popup .icon-error {
    margin-bottom: 14px;
    width: 50px;
    height: 50px
}

.btn {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    flex-direction: column;
    font-size: 14px;
    box-sizing: border-box;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    border-radius: 2px;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    outline: 0;
    cursor: pointer
}

.btn--inline {
    display: inline-flex
}

.btn--full {
    width: 100%
}

.btn--s {
    height: 34px;
    padding: 0 15px;
    min-width: 60px;
    max-width: 190px
}

.btn--m {
    height: 40px;
    padding: 0 20px;
    min-width: 70px;
    max-width: 220px
}

.btn--l {
    font-size: 16px;
    height: 48px;
    padding: 0 20px
}

.btn--l,.btn--xl {
    min-width: 80px;
    max-width: 250px
}

.btn--xl {
    height: 52px
}

.btn-solid-primary {
    color: #fff;
    position: relative;
    overflow: visible;
    outline: 0;
    background: #ee4d2d
}

.btn-solid-primary.focus-visible:before,.btn-solid-primary:focus-visible:before {
    content: "";
    width: calc(100% + var(--focus-indicator-spacing)*2);
    height: calc(100% + var(--focus-indicator-spacing)*2);
    padding: var(--focus-indicator-spacing);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    position: absolute;
    border-radius: var(--focus-indicator-border-radius);
    top: calc(var(--focus-indicator-spacing)*-1);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1)
}

.btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #f05d40
}

.btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-solid-primary.btn-solid-primary--disabled {
    background: #facac0!important;
    cursor: not-allowed;
    box-shadow: none
}

.btn-solid-primary--link {
    color: #fff
}

.theme--ofs .btn-solid-primary {
    position: relative;
    overflow: visible;
    outline: 0;
    background: #d0011b
}

.theme--ofs .btn-solid-primary.focus-visible:before,.theme--ofs .btn-solid-primary:focus-visible:before {
    content: "";
    width: calc(100% + var(--focus-indicator-spacing)*2);
    height: calc(100% + var(--focus-indicator-spacing)*2);
    padding: var(--focus-indicator-spacing);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    position: absolute;
    border-radius: var(--focus-indicator-border-radius);
    top: calc(var(--focus-indicator-spacing)*-1);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1)
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #d41830
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #c6011a;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--ofs .btn-solid-primary.btn-solid-primary--disabled {
    background: #f1b3bb!important;
    cursor: not-allowed;
    box-shadow: none
}

.theme--s-mart .btn-solid-primary {
    position: relative;
    overflow: visible;
    outline: 0;
    background: #066bc8
}

.theme--s-mart .btn-solid-primary.focus-visible:before,.theme--s-mart .btn-solid-primary:focus-visible:before {
    content: "";
    width: calc(100% + var(--focus-indicator-spacing)*2);
    height: calc(100% + var(--focus-indicator-spacing)*2);
    padding: var(--focus-indicator-spacing);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    position: absolute;
    border-radius: var(--focus-indicator-border-radius);
    top: calc(var(--focus-indicator-spacing)*-1);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1)
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #1c78cd
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #0666be;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--s-mart .btn-solid-primary.btn-solid-primary--disabled {
    background: #b4d3ef!important;
    cursor: not-allowed;
    box-shadow: none
}

.btn-light {
    outline: 0;
    background: #fff;
    color: #555;
    border: 1px solid rgba(0,0,0,.09);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.03);
    position: relative;
    overflow: visible
}

.btn-light.focus-visible:before,.btn-light:focus-visible:before {
    content: "";
    width: calc(100% + var(--focus-indicator-spacing)*2);
    height: calc(100% + var(--focus-indicator-spacing)*2);
    padding: var(--focus-indicator-spacing);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    position: absolute;
    border-radius: var(--focus-indicator-border-radius);
    top: calc(var(--focus-indicator-spacing)*-1);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1)
}

.btn-light:active,.btn-light:hover {
    background: rgba(0,0,0,.02)
}

.btn-light:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-light--link {
    color: #555
}

.btn-light--disabled {
    background: #fff!important;
    color: #ccc;
    cursor: not-allowed
}

.info-popup {
    flex-direction: column;
    width: 440px;
    font-size: 1rem;
    padding: 30px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5)
}

.info-popup__head {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 30px
}

.info-popup__head .shopee-svg-icon {
    height: 24px;
    width: 24px
}

.info-popup__icon {
    margin-right: 10px
}

.info-popup__title {
    font-size: 18px;
    color: #333
}

.info-popup__message {
    font-size: 16px;
    color: #555
}

.info-popup__buttons {
    margin-top: 25px;
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.info-popup__btn {
    width: 6.25rem;
    min-height: 2.5rem;
    font-size: .875rem;
    text-transform: uppercase;
    margin: .46875rem
}

.success-popup__icon {
    margin-bottom: 14px;
    width: 50px;
    height: 50px
}

.shopee-modal__transition-appear {
    opacity: .01
}

.shopee-modal__transition-appear.shopee-modal__transition-appear-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-enter {
    opacity: .01
}

.shopee-modal__transition-enter.shopee-modal__transition-enter-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-exit {
    opacity: 1
}

.shopee-modal__transition-exit.shopee-modal__transition-exit-active {
    opacity: .01;
    transition: opacity .2s
}

.shopee-alert-popup {
    background-color: #fff
}

.shopee-alert-popup__btn {
    flex: 1;
    max-width: 100%
}

.shopeeCopyMessage {
    width: 100%;
    text-align: center;
    margin-top: 44px;
    font-size: 20px;
    margin-bottom: 66px;
    outline: none;
    background-color: initial;
    border: 0 solid;
    color: #f5a623
}

.shopeeTributtonTitle {
    color: #555;
    font-size: 18px;
    margin-top: 6px;
    margin-left: 10px
}

.shopeeTributtonButtons {
    justify-content: flex-end;
    margin-top: 0
}

.O9in3i {
    display: flex;
    justify-content: space-between;
    padding: 0 .9375rem;
    min-height: 18.5625rem
}

.aaTyN\+ {
    margin-top: 1.25rem
}

.PLPphI {
    width: 100%;
    display: block
}

.AiPmM9,.Q3L4gz {
    display: flex;
    min-width: 0;
    align-items: center;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums
}

.AiPmM9 .c8Q3cP,.Q3L4gz .c8Q3cP {
    border-radius: .125rem;
    display: flex;
    justify-content: center;
    color: #ee4d2d;
    background-color: #fff
}

.AiPmM9 .SDyNSa,.Q3L4gz .SDyNSa {
    text-align: center;
    color: #fff;
    display: flex;
    flex-flow: column;
    justify-content: center
}

.AiPmM9 .SDyNSa:after,.AiPmM9 .SDyNSa:before,.Q3L4gz .SDyNSa:after,.Q3L4gz .SDyNSa:before {
    content: "";
    background: currentColor;
    border-radius: 50%;
    display: block
}

.AiPmM9 .TsZBLF,.Q3L4gz .TsZBLF {
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff
}

.AiPmM9 .h9ghxb,.Q3L4gz .h9ghxb {
    overflow-y: hidden;
    position: relative
}

.AiPmM9 .h9ghxb span,.Q3L4gz .h9ghxb span {
    width: 1ch;
    word-break: break-all;
    display: block
}

.AiPmM9 .Wa3ZoC .h9ghxb span,.Q3L4gz .Wa3ZoC .h9ghxb span {
    width: auto;
    min-width: 2ch
}

.AiPmM9 .EuHvo1 span,.AiPmM9 .EuHvo1>div,.Q3L4gz .EuHvo1 span,.Q3L4gz .EuHvo1>div {
    animation-iteration-count: infinite;
    animation-fill-mode: forwards
}

.AiPmM9 .rSbQO2.EuHvo1 span,.Q3L4gz .rSbQO2.EuHvo1 span {
    transform: translateY(-81.81818%);
    animation-name: day-digit-tick;
    animation-timing-function: step-end
}

.AiPmM9 .Xoqe5H.EuHvo1 span,.Q3L4gz .Xoqe5H.EuHvo1 span {
    transform: translateY(-81.81818%);
    animation-name: minute-digit-tick
}

.AiPmM9 .YI64Mm.EuHvo1 span,.Q3L4gz .YI64Mm.EuHvo1 span {
    transform: translateY(-81.81818%);
    animation-name: second-digit-tick
}

.AiPmM9 .p0fYAK.EuHvo1 span,.Q3L4gz .p0fYAK.EuHvo1 span {
    transform: translateY(-81.81818%);
    animation-name: day-ten-tick;
    animation-timing-function: step-end
}

.AiPmM9 ._55MeK0.EuHvo1 span,.Q3L4gz ._55MeK0.EuHvo1 span {
    transform: translateY(-71.42857%);
    animation-name: minute-ten-tick
}

.AiPmM9 .JpO4kH.EuHvo1 span,.Q3L4gz .JpO4kH.EuHvo1 span {
    transform: translateY(-71.42857%);
    animation-name: second-ten-tick
}

.AiPmM9 .IY\+ON4.EuHvo1>div,.Q3L4gz .IY\+ON4.EuHvo1>div {
    transform: translateY(-92%);
    animation-name: day-hour-tick
}

.iAUgdv,.sjqaLE {
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

._9VnhWE._0vwEZ7 .VBRNuw.c8Q3cP .rSbQO2.h9ghxb {
    margin-right: .25em
}

._9VnhWE._0vwEZ7.bfuBa\+ .VBRNuw.c8Q3cP .h9ghxb:last-child,._9VnhWE._0vwEZ7.X4cv-8 .VBRNuw.c8Q3cP .h9ghxb:last-child {
    text-transform: uppercase
}

.AiPmM9 .c8Q3cP,.AiPmM9 .SDyNSa,.AiPmM9 .TsZBLF {
    height: 1.375rem;
    line-height: 1.375rem
}

.AiPmM9 .c8Q3cP {
    padding: 0 .25rem
}

.AiPmM9 .TsZBLF,.AiPmM9 .VBRNuw.c8Q3cP {
    margin-right: .375rem
}

.AiPmM9 .h9ghxb,.AiPmM9 .TsZBLF {
    font-size: .75rem
}

.AiPmM9 .TsZBLF {
    max-width: 6.875rem;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.AiPmM9 .SDyNSa:after,.AiPmM9 .SDyNSa:before {
    width: .125rem;
    height: .125rem;
    margin: .125rem .25rem
}

@keyframes day-ten-tick {
    0% {
        transform: translateY(0);
        position: relative
    }

    10% {
        transform: translateY(-11.11111%);
        position: relative
    }

    20% {
        transform: translateY(-22.22222%);
        position: relative
    }

    30% {
        transform: translateY(-33.33333%);
        position: relative
    }

    40% {
        transform: translateY(-44.44444%);
        position: relative
    }

    50% {
        transform: translateY(-55.55555%);
        position: relative
    }

    60% {
        transform: translateY(-66.66665%);
        position: relative
    }

    70% {
        transform: translateY(-77.77776%);
        position: relative
    }

    80% {
        transform: translateY(-88.88887%);
        position: relative
    }

    90% {
        transform: translateY(-99.99998%);
        position: absolute
    }

    to {
        transform: translateY(-111.11109%);
        position: absolute
    }
}

@keyframes day-digit-tick {
    0% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-9.09091%)
    }

    20% {
        transform: translateY(-18.18182%)
    }

    30% {
        transform: translateY(-27.27273%)
    }

    40% {
        transform: translateY(-36.36364%)
    }

    50% {
        transform: translateY(-45.45455%)
    }

    60% {
        transform: translateY(-54.54545%)
    }

    70% {
        transform: translateY(-63.63636%)
    }

    80% {
        transform: translateY(-72.72727%)
    }

    90% {
        transform: translateY(-81.81818%)
    }

    to {
        transform: translateY(-90.90909%)
    }
}

@keyframes day-hour-tick {
    0% {
        transform: translateY(0)
    }

    4.1655092593% {
        transform: translateY(0)
    }

    4.16666666667% {
        transform: translateY(-4%)
    }

    8.3321759259% {
        transform: translateY(-4%)
    }

    8.33333333333% {
        transform: translateY(-8%)
    }

    12.4988425926% {
        transform: translateY(-8%)
    }

    12.5% {
        transform: translateY(-12%)
    }

    16.6655092593% {
        transform: translateY(-12%)
    }

    16.6666666667% {
        transform: translateY(-16%)
    }

    20.8321759259% {
        transform: translateY(-16%)
    }

    20.8333333333% {
        transform: translateY(-20%)
    }

    24.9988425926% {
        transform: translateY(-20%)
    }

    25% {
        transform: translateY(-24%)
    }

    29.1655092593% {
        transform: translateY(-24%)
    }

    29.1666666667% {
        transform: translateY(-28%)
    }

    33.3321759259% {
        transform: translateY(-28%)
    }

    33.3333333333% {
        transform: translateY(-32%)
    }

    37.4988425926% {
        transform: translateY(-32%)
    }

    37.5% {
        transform: translateY(-36%)
    }

    41.6655092593% {
        transform: translateY(-36%)
    }

    41.6666666667% {
        transform: translateY(-40%)
    }

    45.8321759259% {
        transform: translateY(-40%)
    }

    45.8333333333% {
        transform: translateY(-44%)
    }

    49.9988425926% {
        transform: translateY(-44%)
    }

    50% {
        transform: translateY(-48%)
    }

    54.1655092593% {
        transform: translateY(-48%)
    }

    54.16666666667% {
        transform: translateY(-52%)
    }

    58.3321759259% {
        transform: translateY(-52%)
    }

    58.33333333333% {
        transform: translateY(-56%)
    }

    62.4988425926% {
        transform: translateY(-56%)
    }

    62.5% {
        transform: translateY(-60%)
    }

    66.6655092593% {
        transform: translateY(-60%)
    }

    66.6666666667% {
        transform: translateY(-64%)
    }

    70.8321759259% {
        transform: translateY(-64%)
    }

    70.8333333333% {
        transform: translateY(-68%)
    }

    74.9988425926% {
        transform: translateY(-68%)
    }

    75% {
        transform: translateY(-72%)
    }

    79.1655092593% {
        transform: translateY(-72%)
    }

    79.1666666667% {
        transform: translateY(-76%)
    }

    83.3321759259% {
        transform: translateY(-76%)
    }

    83.3333333333% {
        transform: translateY(-80%)
    }

    87.4988425926% {
        transform: translateY(-80%)
    }

    87.5% {
        transform: translateY(-84%)
    }

    91.6655092593% {
        transform: translateY(-84%)
    }

    91.6666666667% {
        transform: translateY(-88%)
    }

    95.8321759259% {
        transform: translateY(-88%)
    }

    95.8333333333% {
        transform: translateY(-92%)
    }

    99.9988425926% {
        transform: translateY(-92%)
    }

    to {
        transform: translateY(-96%)
    }
}

@keyframes minute-ten-tick {
    0% {
        transform: translateY(0)
    }

    16.638888% {
        transform: translateY(0)
    }

    16.666666% {
        transform: translateY(-14.28571%)
    }

    33.305555% {
        transform: translateY(-14.28571%)
    }

    33.333333% {
        transform: translateY(-28.57143%)
    }

    49.972222% {
        transform: translateY(-28.57143%)
    }

    50% {
        transform: translateY(-42.85714%)
    }

    66.638888% {
        transform: translateY(-42.85714%)
    }

    66.666666% {
        transform: translateY(-57.14286%)
    }

    83.305555% {
        transform: translateY(-57.14286%)
    }

    83.333333% {
        transform: translateY(-71.42857%)
    }

    99.972222% {
        transform: translateY(-71.42857%)
    }

    to {
        transform: translateY(-85.71429%)
    }
}

@keyframes minute-digit-tick {
    0% {
        transform: translateY(0)
    }

    9.833% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-9.09091%)
    }

    19.833% {
        transform: translateY(-9.09091%)
    }

    20% {
        transform: translateY(-18.18182%)
    }

    29.833% {
        transform: translateY(-18.18182%)
    }

    30% {
        transform: translateY(-27.27273%)
    }

    39.833% {
        transform: translateY(-27.27273%)
    }

    40% {
        transform: translateY(-36.36364%)
    }

    49.833% {
        transform: translateY(-36.36364%)
    }

    50% {
        transform: translateY(-45.45455%)
    }

    59.833% {
        transform: translateY(-45.45455%)
    }

    60% {
        transform: translateY(-54.54545%)
    }

    69.833% {
        transform: translateY(-54.54545%)
    }

    70% {
        transform: translateY(-63.63636%)
    }

    79.833% {
        transform: translateY(-63.63636%)
    }

    80% {
        transform: translateY(-72.72727%)
    }

    89.833% {
        transform: translateY(-72.72727%)
    }

    90% {
        transform: translateY(-81.81818%)
    }

    99.833% {
        transform: translateY(-81.81818%)
    }

    to {
        transform: translateY(-90.90909%)
    }
}

@keyframes second-ten-tick {
    0% {
        transform: translateY(0)
    }

    15% {
        transform: translateY(0)
    }

    16.66% {
        transform: translateY(-14.28571%)
    }

    31.66% {
        transform: translateY(-14.28571%)
    }

    33.33% {
        transform: translateY(-28.57143%)
    }

    48.33% {
        transform: translateY(-28.57143%)
    }

    50% {
        transform: translateY(-42.85714%)
    }

    65% {
        transform: translateY(-42.85714%)
    }

    66.66% {
        transform: translateY(-57.14286%)
    }

    81.66% {
        transform: translateY(-57.14286%)
    }

    83.33% {
        transform: translateY(-71.42857%)
    }

    98.33% {
        transform: translateY(-71.42857%)
    }

    to {
        transform: translateY(-85.71429%)
    }
}

@keyframes second-digit-tick {
    0% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-9.09091%)
    }

    20% {
        transform: translateY(-18.18182%)
    }

    30% {
        transform: translateY(-27.27273%)
    }

    40% {
        transform: translateY(-36.36364%)
    }

    50% {
        transform: translateY(-45.45455%)
    }

    60% {
        transform: translateY(-54.54545%)
    }

    70% {
        transform: translateY(-63.63636%)
    }

    80% {
        transform: translateY(-72.72727%)
    }

    90% {
        transform: translateY(-81.81818%)
    }

    to {
        transform: translateY(-90.90909%)
    }
}

._4Sw67e,.k9M7QC {
    display: flex;
    min-width: 0;
    align-items: center;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums
}

._4Sw67e .q6w2cT,.k9M7QC .q6w2cT {
    border-radius: .125rem;
    display: flex;
    justify-content: center;
    color: #ee4d2d;
    background-color: #fff
}

._4Sw67e .LBpwJI,.k9M7QC .LBpwJI {
    text-align: center;
    color: #fff;
    display: flex;
    flex-flow: column;
    justify-content: center
}

._4Sw67e .LBpwJI:after,._4Sw67e .LBpwJI:before,.k9M7QC .LBpwJI:after,.k9M7QC .LBpwJI:before {
    content: "";
    background: currentColor;
    border-radius: 50%;
    display: block
}

._4Sw67e .Sthts-,.k9M7QC .Sthts- {
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff
}

._4Sw67e ._8Cd\+Fs,.k9M7QC ._8Cd\+Fs {
    overflow-y: hidden;
    position: relative
}

._4Sw67e ._8Cd\+Fs span,.k9M7QC ._8Cd\+Fs span {
    width: 1ch;
    word-break: break-all;
    display: block
}

._4Sw67e .pI6bww ._8Cd\+Fs span,.k9M7QC .pI6bww ._8Cd\+Fs span {
    width: auto;
    min-width: 2ch
}

._4Sw67e .APDJ2C>div,._4Sw67e .APDJ2C span,.k9M7QC .APDJ2C>div,.k9M7QC .APDJ2C span {
    animation-iteration-count: infinite;
    animation-fill-mode: forwards
}

._4Sw67e .Pu0Js\+.APDJ2C span,.k9M7QC .Pu0Js\+.APDJ2C span {
    transform: translateY(-81.81818%);
    animation-name: day-digit-tick;
    animation-timing-function: step-end
}

._4Sw67e .H8xDlH.APDJ2C span,.k9M7QC .H8xDlH.APDJ2C span {
    transform: translateY(-81.81818%);
    animation-name: minute-digit-tick
}

._4Sw67e .qdoGIM.APDJ2C span,.k9M7QC .qdoGIM.APDJ2C span {
    transform: translateY(-81.81818%);
    animation-name: second-digit-tick
}

._4Sw67e .Smqm\+E.APDJ2C span,.k9M7QC .Smqm\+E.APDJ2C span {
    transform: translateY(-81.81818%);
    animation-name: day-ten-tick;
    animation-timing-function: step-end
}

._4Sw67e .YXixMK.APDJ2C span,.k9M7QC .YXixMK.APDJ2C span {
    transform: translateY(-71.42857%);
    animation-name: minute-ten-tick
}

._4Sw67e .vv0NZK.APDJ2C span,.k9M7QC .vv0NZK.APDJ2C span {
    transform: translateY(-71.42857%);
    animation-name: second-ten-tick
}

._4Sw67e .rGDe66.APDJ2C>div,.k9M7QC .rGDe66.APDJ2C>div {
    transform: translateY(-92%);
    animation-name: day-hour-tick
}

.C\+AKEr,.z2jTj6 {
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

._9947D8._59qhcy .kFOVo7.q6w2cT .Pu0Js\+._8Cd\+Fs {
    margin-right: .25em
}

._9947D8._59qhcy.e1nDDy .kFOVo7.q6w2cT ._8Cd\+Fs:last-child,._9947D8._59qhcy.o-\+6yv .kFOVo7.q6w2cT ._8Cd\+Fs:last-child {
    text-transform: uppercase
}

._4Sw67e .LBpwJI,._4Sw67e .q6w2cT,._4Sw67e .Sthts- {
    height: 2.375rem;
    line-height: 2.375rem
}

._4Sw67e .q6w2cT {
    padding: 0 .3125rem
}

._4Sw67e .Sthts- {
    margin-right: .9375rem
}

._4Sw67e .kFOVo7.q6w2cT {
    margin-right: .625rem
}

._4Sw67e .Sthts- {
    font-size: 1.25rem
}

._4Sw67e ._8Cd\+Fs {
    font-size: 1.125rem
}

._4Sw67e .Sthts- {
    max-width: 15.625rem;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._4Sw67e .LBpwJI:after,._4Sw67e .LBpwJI:before {
    width: .25rem;
    height: .25rem;
    margin: .25rem
}

.qQNNMP {
    position: relative
}

.qQNNMP .yvZM3h {
    position: absolute;
    top: 50%;
    right: .9375rem;
    transform: translateY(-50%)
}

.D6QSyz {
    display: flex;
    justify-content: space-between;
    padding: 0 .84375rem 0 .9375rem;
    height: 3.75rem;
    box-sizing: border-box;
    align-items: center
}

.NRVO4N {
    font-size: 1rem;
    text-transform: uppercase;
    color: #ee4d2d;
    white-space: pre
}

._5RotgU {
    color: #ee4d2d;
    text-decoration: none;
    text-transform: capitalize;
    display: flex;
    font-size: .75rem;
    align-items: center
}

._5RotgU .stardust-icon {
    font-size: .5625rem
}

.VstWSQ {
    position: relative;
    box-sizing: border-box;
    background: #fff;
    margin-right: .0625rem;
    text-decoration: none;
    text-align: center;
    width: 12.125rem;
    min-height: 14.8125rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 .9375rem
}

.VstWSQ:last-child {
    margin-right: 0
}

.QdvE7K {
    width: 10.125rem;
    height: 10.125rem;
    margin: 0 auto;
    display: block;
    background-position: 50%
}

.x95clR {
    width: 8.75rem;
    height: 3.5rem!important;
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.14);
    border-radius: 1.90625rem;
    margin: 0 auto;
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    left: 1.625rem;
    top: 8.25rem
}

.-nzG4N {
    width: auto;
    height: 100%;
    transform: translateZ(0);
    z-index: 2
}

.YJnYp2~.nwmSm5>.pB\+\+cj {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    height: 3.4375rem;
    line-height: 3.4375rem;
    overflow: hidden
}

.nwmSm5 {
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: .9375rem;
    margin-bottom: .3125rem
}

.pB\+\+cj {
    color: #ee4d2d;
    width: 100%;
    text-align: center;
    font-size: 1.125rem;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

._8A4c-9 {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    text-decoration: line-through;
    font-size: roRem(14px);
    color: #929292
}

.FoE4bG {
    transform: scale(1.4);
    padding: 7px 8px
}

.FoE4bG,.OvtLA2 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.mX9F8t {
    width: 10.125rem;
    height: 10.125rem
}

.Ccq6Vv {
    margin-top: .9375rem;
    width: 100%;
    height: 1.375rem
}

.JV2-YK {
    position: absolute;
    left: -.1875rem;
    top: .625rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 1
}

._0P52qA {
    margin-bottom: .3125rem;
    font-size: 0
}

._0P52qA img {
    width: auto;
    height: 18px
}

.q8FEz7 {
    display: inline-block;
    position: relative;
    background-color: #ee4d2d;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    padding: .1875rem .25rem;
    text-transform: capitalize;
    color: #fff;
    font-weight: 500;
    font-size: .625rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.q8FEz7:before {
    content: "";
    display: inline-block;
    position: absolute;
    border: .13125rem solid transparent;
    border-bottom-color: #a92d05;
    transform: rotate(45deg);
    left: .0625rem;
    bottom: -.125rem
}

.uEEEJO {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.uEEEJO:before {
    display: none;
    content: none;
    border-bottom-color: transparent
}

.TByEU6 {
    font-size: .75rem
}

.TByEU6>.kYrMdk {
    margin-right: .1875rem;
    font-size: .5rem
}

.C2R3-S {
    background-color: #d0011b
}

._9OhNrV svg,.MV51kq svg {
    width: 3.5625rem;
    height: .625rem
}

.OEKx6z {
    padding: .25rem .25rem 0;
    bottom: -1px
}

.OEKx6z svg {
    width: 4.0625rem;
    height: .75rem
}

.Gx1EzS {
    position: relative;
    background-color: #ffa604
}

.Gx1EzS:before {
    border: .13125rem solid transparent;
    border-bottom-color: #ae7600
}

.Mm4DNx {
    font-size: .875rem;
    height: 1rem;
    font-weight: 400
}

.M3Kf0d {
    margin: 0 .4375rem
}

.uKm552 {
    position: relative;
    background-color: #44b5ff;
    cursor: pointer;
    display: inline
}

.uKm552:before {
    border: .13125rem solid transparent;
    border-bottom-color: #0971c2
}

.uKm552:hover>.xAoBEf {
    opacity: 1;
    z-index: 1
}

.uKm552>.Pf5NZi {
    font-size: 7px
}

.xAoBEf {
    position: absolute;
    left: .5rem;
    top: 1.375rem;
    min-width: 10rem;
    padding: .75rem;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 .25rem 0 rgba(0,0,0,.26);
    opacity: 0;
    z-index: -10;
    background: #fff;
    font-size: .75rem;
    font-weight: 400;
    color: #000;
    transition: opacity .1s cubic-bezier(.4,0,.6,1)
}

._9\+akNs {
    margin-bottom: .75rem;
    display: flex;
    justify-content: space-between
}

._9\+akNs:last-child {
    margin: 0
}

.EkCuWH {
    color: #ee4d2d;
    margin-left: .75rem
}

.cpaelQ {
    box-sizing: border-box;
    background: transparent;
    color: #f5a623;
    border: 1px solid #f5a623;
    height: 16px;
    line-height: 1;
    padding: 2px 5px
}

.cpaelQ,.YYyvcr {
    font-size: .75rem
}

.YYyvcr {
    background-color: rgba(0,0,0,.87);
    color: #fff;
    line-height: 1.25rem;
    height: 1.25rem;
    min-width: 1.25rem;
    text-align: center;
    display: inline-block
}

.MiQpGv {
    border-radius: .1875rem
}

.b-Bf\+D {
    background-color: #ee4d2d
}

.a\+jxyh {
    border-radius: .625rem
}

.a1OwSG {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    padding: 4px 2px 3px;
    font-weight: 700
}

.AfXQSY {
    width: 36px;
    height: 32px
}

.dUKbP7 {
    background-color: rgba(255,212,36,.9)
}

.dUKbP7:after {
    content: "";
    width: 0;
    height: 0;
    left: 0;
    bottom: -4px;
    position: absolute;
    border-color: transparent rgba(255,212,36,.9);
    border-style: solid;
    border-width: 0 18px 4px
}

.sKRwBT {
    display: flex;
    flex-direction: column;
    text-align: center;
    position: relative;
    font-weight: 400;
    line-height: .8125rem;
    color: #ee4d2d;
    text-transform: uppercase;
    font-size: .75rem
}

.VAoQU2 {
    flex-direction: row;
    line-height: 28px;
    justify-content: center
}

.FN0kAo {
    flex-direction: column-reverse
}

.-Yixl9,.D8CrKt,.LWKoEC {
    justify-content: center;
    height: 100%
}

.krTN5L {
    color: #fff
}

._4taFq5 {
    display: inline!important;
    color: #ee4d2d!important;
    margin: 0
}

.icQFyY,.k3qFlg,.pKLxbW {
    display: none
}

.MLiH08 {
    height: 16px;
    width: 50px
}

.W9osWO {
    height: 16px;
    width: 69px
}

.alqMtY {
    height: 16px;
    width: 63px
}

.FDUOjm {
    height: 16px;
    width: 64px
}

.utaX8V {
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.utaX8V,.utaX8V ._562AE8 {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center
}

.utaX8V ._562AE8 {
    background-color: rgba(0,0,0,.65);
    color: #fff;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.5rem;
    height: 6.25rem;
    min-width: 6.25rem;
    max-width: calc(100% - 5rem);
    border-radius: 5rem
}

.utaX8V .kFJVGn {
    min-width: 6.8125rem;
    max-width: calc(100% - 4.375rem);
    border-radius: 6.25rem
}

.utaX8V .Qas1tO {
    min-width: 8.375rem;
    max-width: calc(100% - 2.875rem);
    border-radius: 6.25rem
}

.utaX8V .UiUYqh {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.LA25MU {
    box-sizing: border-box;
    display: flex;
    border: .0625rem solid;
    border-radius: .125rem;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.hRV3YF {
    flex: 1;
    color: #fff
}

.hRV3YF,.JtTCnz {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: .75rem;
    font-size: .625rem;
    padding: .0625rem .25rem
}

.JtTCnz {
    display: flex;
    position: relative;
    align-items: center
}

.JtTCnz ._1FWH5k {
    position: absolute;
    left: -.0625rem;
    top: -.0625rem;
    width: 0;
    height: 0;
    border-top: 5px solid;
    border-right: 5px solid transparent
}

.qM0I00 {
    color: #ee4d2d;
    border: .03125rem solid #ee4d2d;
    border-radius: .0625rem;
    font-size: .625rem;
    height: .75rem;
    line-height: .75rem;
    text-align: center
}

.fJl7LQ,.qM0I00 {
    padding: .125rem .25rem
}

.fJl7LQ {
    display: block;
    background-color: #ffe97a;
    border-bottom-left-radius: .125rem
}

.fJl7LQ .vFvqM2 {
    display: block;
    color: #ec3814;
    font-size: .75rem;
    line-height: .875rem;
    font-weight: 500
}

.YXzrlp {
    width: 36.125rem
}

.YXzrlp .eI1M3l {
    width: 12rem
}

.dAPca1:nth-child(2) {
    margin-left: 0
}

.eHVBUz {
    font-size: .75rem;
    -webkit-line-clamp: 2;
    height: 1.75rem;
    word-break: break-all
}

._8CRpAi {
    display: flex;
    height: 14.8125rem;
    overflow: hidden;
    justify-content: center
}

.shopee-header-section--simple {
    padding-top: 1.25rem
}

.shopee-header-section--simple>.shopee-header-section__header:before {
    content: none
}

.shopee-header-section--simple .shopee-header-section__header__title {
    font-size: 1rem;
    color: rgba(0,0,0,.54);
    font-weight: 500
}

.shopee-header-section__header {
    display: flex;
    align-items: center;
    padding-bottom: .625rem
}

.shopee-header-section__header:before {
    content: "";
    width: .625rem;
    height: 1.5rem;
    margin-right: .3125rem;
    background-color: #ee4d2d
}

.shopee-header-section__header__title {
    font-size: 1.25rem;
    text-transform: uppercase;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 1.25rem
}

.shopee-header-section__header-link {
    text-decoration: none;
    color: rgba(0,0,0,.87);
    display: block
}

.shopee-header-section__header .shopee-button-outline {
    height: 1.875rem;
    border-radius: .9375rem;
    background-color: #fff;
    color: #ee4d2d;
    border-color: rgba(0,0,0,.09)
}

.shopee-header-section__header .shopee-button-outline--rounded {
    background-color: #fff
}

.shopee-header-section__header .shopee-button-no-outline {
    color: #ee4d2d
}

.shopee-header-section__header .shopee-button-no-outline,.shopee-header-section__header .shopee-button-outline--rounded {
    text-transform: capitalize;
    display: flex;
    align-items: center
}

.shopee-header-section__header .shopee-button-no-outline .icon-arrow-right,.shopee-header-section__header .shopee-button-outline--rounded .icon-arrow-right {
    font-size: .625rem
}

.shopee-header-section__header a {
    text-decoration: none!important;
    color: #ee4d2d
}

.b7TOTn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.x51L1w {
    flex-shrink: 1;
    width: 70%;
    height: 70%;
    margin-top: 10%
}

.vsMIpu {
    height: 3.125rem;
    width: 3.125rem
}

.nqB8l\+ {
    height: 100%
}

.SVrSgR {
    width: 90%;
    height: 3.125rem;
    text-align: center
}

.K34m1x {
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    text-decoration: none;
    line-height: 1.25rem;
    height: 2.5rem;
    margin-bottom: .625rem;
    word-break: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

._0OcPJ0 {
    margin-top: .5rem;
    margin-left: auto;
    margin-right: auto
}

._0OcPJ0,._0PXIc2 {
    width: 100%;
    height: .625rem
}

.home-category-list {
    min-height: 18.875rem;
    margin-top: 1.25rem;
    background-color: #fff
}

.home-category-list .image-carousel__item {
    overflow-x: unset!important
}

.home-category-list__group {
    text-decoration: none;
    color: rgba(0,0,0,.87);
    display: block;
    width: 100%;
    box-sizing: border-box
}

.home-category-list__header.shopee-header-section--simple {
    padding-top: 0
}

.home-category-list__category-grid {
    text-decoration: none;
    color: rgba(0,0,0,.87);
    border-right: 1px solid rgba(0,0,0,.05);
    border-bottom: 1px solid rgba(0,0,0,.05);
    text-align: center;
    background-color: #fff;
    display: block;
    position: relative;
    transition: transform .1s cubic-bezier(.4,0,.6,1),box-shadow .1s cubic-bezier(.4,0,.6,1)
}

.home-category-list__category-grid:hover {
    transform: translateZ(0);
    z-index: 1;
    border-color: rgba(0,0,0,.12);
    border-width: 1px;
    box-shadow: 0 0 .8125rem 0 rgba(0,0,0,.05)
}

.home-category-list__category-grid:before {
    content: "";
    display: block;
    padding-top: 126%
}

.home-category-list .home-category-list__category-grid--empty {
    margin-top: 0;
    height: auto
}

.home-category-list .home-category-list__category-grid--empty:hover {
    box-shadow: unset;
    border-color: rgba(0,0,0,.05)
}

.home-category-list .image-carousel__item-list {
    height: 302px;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start
}

.home-category-list .image-carousel__item-list .image-carousel__item {
    float: none;
    height: 151px;
    width: 120px!important
}

.skin-white-background .shopee-header-section__content,.skin-white-background .shopee-header-section__header {
    background: #fff
}

.home-page {
    display: flex;
    flex-direction: column;
    margin-bottom: 4.375rem
}

.home-page .header-with-search {
    margin-bottom: .625rem
}

.home-page .home-categories-loader {
    width: 100%;
    text-align: center
}

.home-page .shopee-header-section__header {
    background: #fff;
    height: 3.75rem;
    border-bottom: 1px solid rgba(0,0,0,.05);
    padding: 0 1.25rem
}

.welcome-package-banner {
    margin-top: 20px;
    height: 110px;
    width: 1200px;
    background-size: cover;
    background-position: 50%;
    overflow: hidden;
    cursor: pointer
}

.section-recommend-products {
    display: block
}

.section-recommend-products__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 1.25rem
}

.section-recommend-products__update-time {
    margin-top: .125rem;
    display: inline-block;
    font-size: .75rem;
    line-height: .875rem;
    color: rgba(0,0,0,.4);
    margin-left: .625rem;
    text-transform: none
}

.section-recommend-products__update-time:first-letter {
    text-transform: uppercase
}

.section-recommend-products__separator {
    height: .1875rem;
    width: 100%;
    margin-top: -.3125rem;
    margin-bottom: .625rem;
    background-color: #ee4d2d
}

.section-recommend-products__see-more-button {
    text-decoration: none;
    color: rgba(0,0,0,.87);
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-family: HelveticaNeueMedium,HelveticaNeue-Medium,Helvetica Neue Medium,Helvetica Neue,Arial Bold,arial,sans-serif;
    width: 24.375rem;
    height: 2.5rem;
    margin: .625rem auto 0;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.09);
    line-height: 2.5rem;
    text-align: center
}

.section-recommend-products-wrapper {
    position: relative;
    z-index: 0
}

.section-banner-hotword--with-skin {
    margin-top: 30px
}

.section-banner-hotword--no-skin {
    padding-top: 30px;
    margin-top: 0;
    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    border-radius: .125rem;
    overflow: hidden;
    overflow: visible
}

.daily-discover-theme__content {
    margin: 48px 0 0 -15px
}

.daily-discover-theme__title {
    font-size: 32px;
    cursor: default;
    text-shadow: #ad3105 -3px 3px 3px
}

.daily-discover-theme__subtitle {
    text-transform: capitalize;
    text-shadow: #ad3105 -3px 3px 3px
}

.section-below-the-fold {
    min-height: 50rem
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-homepage/_/pcmall-homepage.0d1c644e6164f501c359.css.map*/
/*!
 * Project: 'mobilemall';
 * Module: 'flashsale';
 * Tag: 'flashsale-v1.21.0';
 * Branch: 'heads/flashsale-v1.21.0';
 * Last commit: 'Merge branch '\''jamesY/feat/id-gov'\'' into '\''release'\''' (5ac9166fad40de761c89d2dcd89a08c56e4eeef2);
 * Updated: '2023-10-08T03:57:24.597Z';
 */
.stardust-horizontal-scroll-view {
    display: flex;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.zI\+K7O {
    text-transform: capitalize;
    color: rgba(0,0,0,.54);
    text-decoration: none!important;
    display: flex;
    align-items: center
}

.wCAcK\+ {
    text-transform: none
}

.stardust-icon-arrow-right {
    color: inherit;
    width: .625rem;
    height: .625rem;
    margin-left: .25rem
}

._9tafO1 {
    display: block
}

._1rb4jG:before {
    position: absolute;
    content: "";
    height: 1px;
    width: 96%;
    background: #e8e8e8;
    bottom: 0;
    right: 0
}

._1rb4jG,.SfobZx {
    position: -webkit-sticky;
    position: sticky;
    top: 2.75rem;
    z-index: 3;
    opacity: .95;
    background: #fff;
    overflow: hidden
}

.ljdEMe {
    border-bottom: 1px solid rgba(0,0,0,.09);
    padding-bottom: 7px;
    margin-bottom: 15px
}

._1hWmy6 {
    display: flex;
    height: 2.625rem
}

.CoDvmu {
    margin: 0 auto;
    position: relative;
    display: flex
}

.Ri\+8xe,.RPfCk- {
    width: 270px;
    justify-content: center;
    display: flex;
    align-items: center
}

.gRPbjX {
    margin: 0
}

.m5WnVK {
    position: relative;
    display: flex;
    align-items: center
}

.zJLLMH {
    height: 2.5rem
}

.eShg4h .EsO6PA,.zJLLMH .EsO6PA {
    margin-top: 0
}

.eShg4h:after,.eShg4h:before,.zJLLMH:after,.zJLLMH:before {
    content: "";
    position: absolute;
    border-bottom: 2px solid #ee4d2d;
    top: 40%;
    width: 20px
}

.eShg4h:before,.zJLLMH:before {
    right: 100%;
    margin-right: 14px
}

.eShg4h:after,.zJLLMH:after {
    left: 100%;
    margin-left: 14px
}

.ySNw6y {
    padding: .625rem 0
}

.TT878T {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    margin-bottom: -3px
}

.RW8ynb {
    display: inline-block;
    text-transform: uppercase
}

.uJ9vJu {
    width: 5.375rem;
    height: 2.625rem;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/flashsale/32c4c1306cc25bfb456cc4001ece216a.png);
    background-size: 5.375rem 1.375rem;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.HNDW3D.uJ9vJu {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/flashsale/ccc904f934721782d5b205c18ba54bcd.png);
    background-size: 6.125rem 1.375rem;
    width: 98px
}

.S1UABo.uJ9vJu {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/flashsale/94d216047d23880de0c9e0ddf69d7060.png);
    background-size: 6.3125rem 1.0625rem;
    width: 101px
}

.QyZIsC.uJ9vJu {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/flashsale/d8c8c49187fd2b575c2e45549cb1dbc0.png);
    background-size: 7.1875rem .9375rem;
    width: 115px
}

.zLmxiC.uJ9vJu {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/flashsale/4ae2d8c2f0e734df51b40f3b41f5e253.png);
    width: 7.875rem;
    background-size: 7.875rem .9375rem;
    background-position: 50% 50%
}

.CWP5OD.uJ9vJu {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/flashsale/f8cb6e551cddd82258a98044935f8907.png);
    background-size: contain;
    background-position: 50% 50%;
    width: 4.5rem;
    background-size: 4.5rem 1rem
}

.nMJcJS.uJ9vJu {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/flashsale/2c66c570e9bc4309bc51f8c02761d420.png);
    width: 9.5rem;
    background-size: 9.5rem 1.0625rem;
    background-position: 50% 50%
}

.BIFbUj.uJ9vJu {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/flashsale/7c7c0f39becd4ff2d4f58682f09b888a.png);
    width: 7.3125rem;
    background-size: 7.3125rem .9375rem;
    background-position: 50% 50%
}

.dqAXPU.uJ9vJu {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/flashsale/ab0044a1b412109f63aa12cd6ee97b06.png);
    width: 8.625rem;
    background-size: 8.625rem .9375rem;
    margin-right: -38px!important;
    background-position-y: .75rem;
    background-repeat: no-repeat
}

.dUMlUw.uJ9vJu,.Eg42SI.uJ9vJu,.PCEEgg.uJ9vJu {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 233 26'%3E%3Cg fill='%23ee4d2d'%3E%3Cpath d='M134.1.7h7l-3.8 7.1 4.9 1.7-10.3 15.7 1.1-10.8-4.9-1.7 6-12zM13.6 15.6c0 1.6-.3 3-.8 4.2-.5 1.2-1.3 2.1-2.3 2.7-1 .6-2.1.9-3.4.9-1.3 0-2.4-.3-3.4-.9-1-.6-1.8-1.5-2.3-2.7-.5-1.2-.8-2.5-.8-4v-1.2c0-1.6.3-2.9.8-4.1.5-1.2 1.3-2.1 2.3-2.7 1-.6 2.1-1 3.4-1 1.3 0 2.4.3 3.4.9 1 .6 1.8 1.5 2.3 2.7.5 1.2.8 2.6.8 4.2v1zm-2.1-1.1c0-1.9-.4-3.4-1.2-4.4-.8-1-1.8-1.5-3.2-1.5-1.3 0-2.4.5-3.2 1.5s-1.2 2.5-1.2 4.3v1.2c0 1.9.4 3.3 1.2 4.4.8 1.1 1.9 1.6 3.2 1.6 1.4 0 2.4-.5 3.2-1.5.8-1 1.1-2.4 1.2-4.3v-1.3zM25.8 16H19v7.2h-2.1V7h10v1.7H19v5.5h6.8V16zM38.6 15.7h-7v5.7h8.2v1.7H29.4V7h10.2v1.7h-8v5.2h7v1.8zM48.3 16.6h-3.8v6.6h-2.1V7h5.4c1.8 0 3.2.4 4.2 1.2 1 .8 1.5 2 1.5 3.6 0 1-.3 1.9-.8 2.6-.5.7-1.3 1.3-2.3 1.7l3.8 6.9v.1h-2.3l-3.6-6.5zm-3.8-1.7h3.3c1.1 0 1.9-.3 2.5-.8.6-.5.9-1.3.9-2.2 0-1-.3-1.8-.9-2.3s-1.5-.8-2.6-.8h-3.3v6.1zM66.7 8.7h-5.2v14.4h-2.1V8.7h-5.2V7h12.5v1.7zM77.1 18.9h-6.8l-1.5 4.2h-2.2L72.8 7h1.9l6.2 16.2h-2.2l-1.6-4.3zM71 17.2h5.5l-2.8-7.6-2.7 7.6zM87.8 15.9c-1.8-.5-3.2-1.2-4-1.9-.8-.8-1.3-1.7-1.3-2.8 0-1.3.5-2.3 1.5-3.2 1-.8 2.3-1.3 4-1.3 1.1 0 2.1.2 3 .6.9.4 1.5 1 2 1.8s.7 1.6.7 2.5h-2.1c0-1-.3-1.8-.9-2.3-.6-.6-1.5-.8-2.6-.8s-1.9.2-2.5.7c-.6.5-.9 1.1-.9 1.9 0 .7.3 1.2.8 1.7s1.5.9 2.9 1.3c1.3.4 2.4.8 3.2 1.3.8.5 1.3 1 1.7 1.6s.6 1.3.6 2.1c0 1.3-.5 2.4-1.5 3.2-1 .8-2.4 1.2-4.1 1.2-1.1 0-2.2-.2-3.1-.6-1-.4-1.7-1-2.2-1.8-.5-.7-.8-1.6-.8-2.5h2.1c0 1 .4 1.8 1.1 2.3.7.6 1.7.9 2.9.9 1.1 0 2-.2 2.6-.7.6-.5.9-1.1.9-1.9 0-.8-.3-1.4-.8-1.8-.7-.6-1.7-1-3.2-1.5zM107.8 17.2h-2.7v5.9h-3.3V7h6c1.9 0 3.4.4 4.4 1.3 1 .9 1.6 2.1 1.6 3.6 0 1.1-.2 2-.7 2.8-.5.7-1.2 1.3-2.2 1.8l3.5 6.6v.2h-3.6l-3-6.1zm-2.6-2.7h2.7c.8 0 1.5-.2 1.9-.6.5-.4.7-1 .7-1.8s-.2-1.4-.7-1.8c-.4-.4-1.1-.7-2-.7h-2.7v4.9zM126.1 16.1h-6.4v4.3h7.5v2.7h-10.9V7h10.8v2.7h-7.5v3.9h6.4v2.5zM149.6 19.8h-5.8l-1.1 3.3h-3.5l6-16.2h3.1l6.1 16.2h-3.5l-1.3-3.3zm-4.9-2.7h4l-2-6.1-2 6.1zm2.7-14.5h3.5L147.8 6h-2.6l2.2-3.4zM160.2 7l4.2 11.7L168.5 7h4.4v16.2h-3.3v-4.4l.3-7.6-4.4 12.1h-2.3l-4.4-12.1.3 7.6v4.4h-3.3V7h4.4zM179.1 17.4v5.7h-3.3V7h6.3c1.2 0 2.3.2 3.2.7.9.4 1.6 1.1 2.1 1.9.5.8.7 1.8.7 2.8 0 1.6-.5 2.8-1.6 3.8-1.1.9-2.6 1.4-4.5 1.4h-2.9zm0-2.7h3c.9 0 1.6-.2 2-.6.5-.4.7-1 .7-1.8s-.2-1.4-.7-1.9c-.5-.5-1.1-.7-1.9-.8h-3.1v5.1zM197.6 19.8h-5.8l-1.1 3.3h-3.5l6-16.2h3.1l6.1 16.2h-3.5l-1.3-3.3zm-4.9-2.7h4l-2-6.1-2 6.1zM216.4 21.1c-.6.7-1.4 1.3-2.5 1.7-1.1.4-2.3.6-3.6.6-1.4 0-2.6-.3-3.7-.9-1.1-.6-1.9-1.5-2.4-2.7-.6-1.2-.9-2.5-.9-4.1v-1.1c0-1.6.3-3 .8-4.2.5-1.2 1.3-2.1 2.4-2.7 1-.6 2.2-.9 3.6-.9 1.9 0 3.4.5 4.5 1.4 1.1.9 1.7 2.2 1.9 4h-3.2c-.1-.9-.5-1.6-1-2-.5-.4-1.2-.6-2.1-.6-1.1 0-2 .4-2.6 1.3-.6.9-.9 2.1-.9 3.8v1c0 1.7.3 3 1 3.8.6.9 1.6 1.3 2.8 1.3 1.3 0 2.1-.3 2.7-.8v-2.8h-3v-2.5h6.4v6.4zM232.4 15.4c0 1.6-.3 3-.8 4.2-.6 1.2-1.4 2.1-2.4 2.8-1 .7-2.3 1-3.6 1-1.3 0-2.5-.3-3.6-1-1.1-.6-1.9-1.6-2.4-2.8-.6-1.2-.9-2.6-.9-4.1v-.8c0-1.6.3-3 .9-4.2.6-1.2 1.4-2.1 2.4-2.8 1-.6 2.2-1 3.6-1 1.3 0 2.5.3 3.6 1 1 .6 1.9 1.6 2.4 2.8.6 1.2.9 2.6.9 4.2v.7zm-3.4-.7c0-1.7-.3-3-.9-3.9-.6-.9-1.5-1.3-2.6-1.3s-2 .4-2.6 1.3c-.6.9-.9 2.1-.9 3.8v.8c0 1.7.3 2.9.9 3.8.6.9 1.5 1.4 2.6 1.4s2-.4 2.6-1.3c.6-.9.9-2.2.9-3.8v-.8z'/%3E%3C/g%3E%3C/svg%3E");
    width: 9.5rem;
    background-size: 9.5rem 1.0625rem;
    background-position: 50% 50%
}

.UFTXwK.uJ9vJu {
    background: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/flashsale/0a185da5f677496806dedb87b969e6fb.png) 0 no-repeat;
    width: 5.8125rem;
    background-size: 93px 13px
}

.NKfSj7.uJ9vJu {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/flashsale/8f93934e867e19d24741d3128044a78c.png);
    width: 7.5rem;
    background-size: 7.5rem .8125rem;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.scdR77 {
    height: 2.625rem;
    color: #d0011b;
    fill: currentColor;
    display: flex;
    align-items: center
}

.wsf8u0 {
    padding-left: 1.125rem;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/flashsale/4fef7a7e6e389699acdfe264baacb890.png);
    background-position: 0;
    background-size: .75rem;
    background-repeat: no-repeat
}

:local__countdown-timer {
    height: 31px;
    font-weight: 400;
    align-items: center;
    margin-left: -5px
}

.-FHY7z ._8IC7m1 {
    display: flex;
    align-items: center;
    line-height: 1;
    padding: 0 .625rem;
    margin-bottom: -.3125rem
}

.-FHY7z .Y4Xv9M {
    font-family: -apple-system,HelveticaNeueMedium,HelveticaNeue-Medium,Helvetica Neue Medium,Helvetica Neue,Roboto,Droid Sans,Arial Bold,Arial,sans-serif;
    font-weight: 500;
    color: rgba(0,0,0,.54);
    text-transform: uppercase;
    align-items: center;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 1.25rem;
    font-size: .875rem
}

.S2mDOs {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 8.6875rem;
    height: 12.125rem;
    margin: 0 .25rem;
    padding-bottom: .75rem;
    color: #ee4d2d
}

.S2mDOs .stardust-icon-arrow-right-bold-circle {
    color: #ee4d2d;
    width: 1.875rem;
    height: 1.875rem;
    margin-bottom: .3125rem
}

._185GrI,._185GrI :first-child {
    color: #d0011b
}

.SBbY2U {
    margin-top: 0!important
}

.ZxPf9F {
    width: 8.6875rem;
    height: 12.125rem;
    padding-bottom: .75rem;
    margin: 0 .25rem;
    border: 1px solid rgba(0,0,0,.09)!important
}

.ZxPf9F.JiVntd,.ZxPf9F.lC0WGp {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 8.6875rem;
    height: 12.875rem;
    padding: 0;
    margin: 0 .5rem 0 0
}

.XJ5twc {
    position: absolute;
    right: 0;
    z-index: 3
}

.S8-3gZ {
    position: relative;
    width: 8.6875rem;
    height: 8.6875rem;
    margin-bottom: .5rem
}

.S8-3gZ.Zg-5Po.LA34mZ {
    width: 8.6875rem;
    height: 7.6875rem;
    padding: 0 8px;
    margin-bottom: .25rem
}

.S8-3gZ.JiVntd,.S8-3gZ.lC0WGp {
    margin-bottom: .25rem
}

.sVZuSO {
    display: flex;
    flex-direction: column;
    align-items: stretch
}

.SPL9nk {
    margin-bottom: .25rem
}

.SPL9nk.JiVntd,.SPL9nk.lC0WGp,.SPL9nk.Zg-5Po.LA34mZ {
    margin-bottom: .375rem
}

.A06c11 {
    display: flex;
    align-items: center;
    justify-content: center
}

.SLlkq0 {
    width: 7.1875rem;
    text-align: center
}

.Isqzrc {
    width: 7.1875rem;
    height: 1.25rem
}

.L1k9wv {
    position: relative;
    font-style: normal;
    font-weight: 500;
    color: #ec3814;
    white-space: nowrap;
    background-color: #ffe97a;
    border-radius: 0 .125rem .125rem 0
}

.baHYVl {
    height: .875rem;
    padding: 0 .125rem 0 .4375rem;
    margin-left: .4375rem;
    font-size: .75rem;
    line-height: .875rem
}

.hGTLQm {
    height: 1rem;
    padding: 0 .15625rem 0 .53125rem;
    margin-left: .46875rem;
    font-size: .875rem;
    line-height: 1rem
}

.T7s\+N- {
    border-radius: 0
}

.HmlBrO {
    position: absolute;
    left: -.1875rem
}

.Ww4ck0 {
    position: relative;
    background-color: #fff
}

._8Du-0V,.HT\+eFy,.Ww4ck0 {
    width: 100%;
    height: 100%
}

.HT\+eFy {
    position: absolute;
    z-index: 3;
    left: 0
}

.HT\+eFy.uOQMgX {
    top: .625rem
}

.HT\+eFy.uOQMgX._43c7xw {
    top: -.125rem
}

.HT\+eFy.uOQMgX.nQkyfK {
    top: -.4375rem;
    left: -.3125rem
}

.HT\+eFy.l5UAgY {
    top: .25rem
}

.HT\+eFy.l5UAgY._43c7xw {
    top: -.125rem
}

.swbHaS {
    width: 100%;
    height: 100%;
    background-position: 50%
}

.vm7IUd {
    left: .125rem;
    top: .125rem;
    width: 2.5rem;
    height: 1.40625rem;
    border-radius: 1.40625rem;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.09);
    background: #fff;
    padding: 1px!important
}

.C\+nQBU,.vm7IUd {
    position: absolute;
    z-index: 3
}

.C\+nQBU {
    top: 0;
    right: 0
}

.C\+nQBU.nQkyfK.uOQMgX {
    top: -.3125rem;
    right: -.34375rem
}

.C\+nQBU.Dzik66.uOQMgX {
    top: -.3125rem;
    right: -.3125rem
}

.ocUYNc {
    position: absolute;
    z-index: 2
}

.ocUYNc,.wP9-V9 {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.wP9-V9 {
    position: absolute!important;
    background-position: 50%;
    z-index: 1
}

.nrjL3\+ {
    background-color: #efefef
}

.V7FOnb.V7FOnb {
    display: block;
    height: auto;
    padding: .1875rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.V7FOnb .u5BLBh {
    width: 3.375rem;
    height: .5625rem;
    margin-right: .0625rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/flashsale/8798236d2c84f22cafa24a469dc13a2a.png);
    background-size: 100% 100%
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (min-resolution:2dppx),screen and (min-resolution:192dpi) {
    .V7FOnb .u5BLBh {
        background-image:url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/flashsale/2c81da0c5c5b135efb86ae2e207418a9.png)
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 3),screen and (min-resolution:3dppx),screen and (min-resolution:288dpi) {
    .V7FOnb .u5BLBh {
        background-image:url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/flashsale/b09ff243536dec82183d3c74fcdeb94f.png)
    }
}

.V7FOnb .KlJ5fN {
    width: 2.4375rem;
    height: .5625rem;
    margin-right: .0625rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/flashsale/f078ab69d322b344250958c91020324f.png);
    background-size: 100% 100%
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (min-resolution:2dppx),screen and (min-resolution:192dpi) {
    .V7FOnb .KlJ5fN {
        background-image:url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/flashsale/3f1fb1730336489a58027c8bd04864a3.png)
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 3),screen and (min-resolution:3dppx),screen and (min-resolution:288dpi) {
    .V7FOnb .KlJ5fN {
        background-image:url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/flashsale/a48142917f2a4cb63d8e5b3048dfc80b.png)
    }
}

.dVIDKE {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    height: 100%
}

.iBSasf {
    object-fit: scale-down
}

.S82jCy {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.S82jCy.aYDuZr {
    text-decoration: line-through
}

.hSM8kk {
    display: flex;
    align-items: baseline;
    overflow: hidden;
    text-overflow: ellipsis
}

.BnrHAR.jM-GZB.S82jCy,.BnrHAR.jNH2Rc.S82jCy {
    height: 1.6875rem;
    font-size: 1.125rem;
    font-weight: 500;
    color: #ee4d2d
}

.BnrHAR.jM-GZB._3DNk\+W,.BnrHAR.jNH2Rc._3DNk\+W {
    margin-right: .125rem;
    font-size: 1.125rem;
    font-weight: 500
}

.BnrHAR.jM-GZB._3RP36G,.BnrHAR.jNH2Rc._3RP36G {
    margin-left: .125rem;
    font-size: 1.125rem;
    font-weight: 500
}

.BnrHAR.Eostwp.S82jCy {
    height: .75rem;
    font-size: .625rem;
    font-weight: 400;
    color: rgba(0,0,0,.26)
}

.BnrHAR.Eostwp._3DNk\+W {
    margin-right: 0;
    font-size: .625rem;
    font-weight: 400
}

.BnrHAR.Eostwp._3RP36G {
    margin-left: 0;
    font-size: .625rem;
    font-weight: 400
}

.PW9hJj.jM-GZB.S82jCy,.PW9hJj.jNH2Rc.S82jCy {
    height: 2.0625rem;
    font-size: 1.75rem;
    font-weight: 400;
    color: #ee4d2d
}

.PW9hJj.jM-GZB._3DNk\+W,.PW9hJj.jNH2Rc._3DNk\+W {
    margin-right: .125rem;
    font-size: 1.125rem;
    font-weight: 400
}

.PW9hJj.jM-GZB._3RP36G,.PW9hJj.jNH2Rc._3RP36G {
    margin-left: .125rem;
    font-size: 1.125rem;
    font-weight: 400
}

.PW9hJj.Eostwp.S82jCy {
    height: 1rem;
    font-size: .875rem;
    font-weight: 400;
    color: rgba(0,0,0,.26)
}

.PW9hJj.Eostwp._3DNk\+W {
    margin-right: 0;
    font-size: .875rem;
    font-weight: 400
}

.PW9hJj.Eostwp._3RP36G {
    margin-left: 0;
    font-size: .875rem;
    font-weight: 400
}

.Kx0s8F.jM-GZB.S82jCy,.Kx0s8F.jNH2Rc.S82jCy {
    height: 1.375rem;
    font-size: 1.125rem;
    font-weight: 500;
    color: #ee4d2d
}

.Kx0s8F.jM-GZB._3DNk\+W,.Kx0s8F.jNH2Rc._3DNk\+W {
    margin-right: 0;
    font-size: .75rem;
    font-weight: 500
}

.Kx0s8F.jM-GZB._3RP36G,.Kx0s8F.jNH2Rc._3RP36G {
    margin-left: 0;
    font-size: .75rem;
    font-weight: 500
}

.Kx0s8F.Eostwp.S82jCy {
    height: .875rem;
    font-size: .75rem;
    font-weight: 400;
    color: rgba(0,0,0,.26)
}

.Kx0s8F.Eostwp._3DNk\+W {
    margin-right: 0;
    font-size: .75rem;
    font-weight: 400
}

.Kx0s8F.Eostwp._3RP36G {
    margin-left: 0;
    font-size: .75rem;
    font-weight: 400
}

.OQda0o.jM-GZB.S82jCy,.OQda0o.jNH2Rc.S82jCy {
    height: 1.1875rem;
    font-size: 1rem;
    font-weight: 700;
    color: #ee4d2d
}

.OQda0o.jM-GZB._3DNk\+W,.OQda0o.jNH2Rc._3DNk\+W {
    margin-right: 0;
    font-size: .75rem;
    font-weight: 500
}

.OQda0o.jM-GZB._3RP36G,.OQda0o.jNH2Rc._3RP36G {
    margin-left: 0;
    font-size: .75rem;
    font-weight: 500
}

.OQda0o.Eostwp.S82jCy {
    height: .75rem;
    font-size: .625rem;
    font-weight: 400;
    color: rgba(0,0,0,.26)
}

.OQda0o.Eostwp.S82jCy.UUg6xh,.OQda0o.Eostwp.S82jCy.wDjgeW {
    height: .875rem;
    font-size: .75rem
}

.OQda0o.Eostwp._3DNk\+W {
    margin-right: 0;
    font-size: .625rem;
    font-weight: 400
}

.OQda0o.Eostwp._3RP36G {
    margin-left: 0;
    font-size: .625rem;
    font-weight: 400
}

.theme--ofs .jM-GZB,.theme--ofs .jNH2Rc {
    color: #d0011b!important
}

.rZzxlM {
    position: relative;
    width: 100%
}

.ZSixwp {
    color: rgba(0,0,0,.54);
    text-transform: uppercase;
    overflow: hidden;
    max-width: 14.375rem;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: .75rem
}

.ZSixwp.cI1UUu {
    font-size: .875rem
}

.RX2Jch {
    width: .875rem;
    height: 1rem;
    background: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/flashsale/c5316dd01de2b0d41d267a57f5b32844.png) 0 100% no-repeat;
    background-size: contain;
    position: absolute;
    left: .1875rem;
    top: -.375rem;
    z-index: 4
}

.RX2Jch.RJ6Vpu {
    width: 1.125rem;
    height: 1.3125rem
}

.eNmE7o {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    height: inherit;
    width: inherit;
    color: #fff;
    font-size: .625rem;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 3;
    text-shadow: 0 0 8px rgba(0,0,0,.12)
}

.eNmE7o.RJ6Vpu {
    font-size: .75rem
}

.eNmE7o.sVi092 {
    text-transform: capitalize
}

.d3m1Az {
    background: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/flashsale/ac7f81d9ee062223753413ec98497a86.png) 0 100% no-repeat;
    background-size: cover;
    z-index: 2
}

.d3m1Az,.SqDxib {
    position: absolute;
    left: 0;
    top: 0;
    height: inherit
}

.SqDxib {
    width: inherit;
    background: #ffbda6;
    z-index: 1
}

.-W\+C6b {
    margin-top: .3125rem
}

.Ke4m0g {
    padding-right: .625rem
}

.\+zuKg5 {
    margin-top: .5625rem
}

._3hOS7W,._8o6WkU,.JPP-Ky,.oTKjne,.PaJRIS {
    margin: 0 auto;
    width: 7.125rem
}

.KXdJkk {
    width: unset
}

.E3T0Li {
    background-size: 100%;
    position: relative;
    border-radius: .375rem;
    background: #ededed;
    display: block
}

._0mE8v4,._8ffySX,._63Z5w4,.Dp5InC,.HZoggZ,.quc6vl {
    height: .75rem;
    border-radius: .40625rem
}

._0mE8v4 .\-0T5tZ,._8ffySX .\-0T5tZ,._63Z5w4 .\-0T5tZ,.Dp5InC .\-0T5tZ,.HZoggZ .\-0T5tZ,.quc6vl .\-0T5tZ {
    height: .75rem;
    line-height: .75rem
}

._0mE8v4 .IxSA7D,._8ffySX .IxSA7D,._63Z5w4 .IxSA7D,.Dp5InC .IxSA7D,.HZoggZ .IxSA7D,.quc6vl .IxSA7D {
    border-radius: .40625rem;
    height: .75rem
}

._0mE8v4 ._9sGvbq,._8ffySX ._9sGvbq,._63Z5w4 ._9sGvbq,.Dp5InC ._9sGvbq,.HZoggZ ._9sGvbq,.quc6vl ._9sGvbq {
    height: .75rem
}

._0mE8v4 .I7rl34,._8ffySX .I7rl34,._63Z5w4 .I7rl34,.Dp5InC .I7rl34,.HZoggZ .I7rl34,.quc6vl .I7rl34 {
    width: .875rem;
    height: 1rem;
    left: .1875rem;
    top: -.625rem
}

.OMe9KN {
    height: .75rem;
    width: 100%;
    border-radius: .375rem
}

.OMe9KN .\-0T5tZ {
    height: .75rem;
    line-height: .75rem
}

.OMe9KN .IxSA7D {
    height: .75rem;
    border-radius: .375rem
}

.OMe9KN ._9sGvbq {
    height: .75rem
}

.OMe9KN .I7rl34 {
    width: 1.125rem;
    height: 1.3125rem;
    left: .1875rem;
    top: -.4375rem
}

.yMvIn- {
    background: rgba(0,0,0,.09)
}

.\-0T5tZ {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: .6875rem;
    line-height: .75rem;
    font-weight: 700;
    color: #fff;
    z-index: 2;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden
}

.\-0T5tZ.VrcRTD {
    text-transform: capitalize
}

.IxSA7D {
    width: 100%;
    background: transparent;
    overflow: hidden;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1
}

._9sGvbq {
    background: #fff;
    float: left;
    position: relative
}

.RPx2KO {
    width: 100%;
    background: linear-gradient(90deg,#eb1717,#ffb000)
}

.OdmhJ\+,.RPx2KO {
    position: absolute;
    height: 100%
}

.OdmhJ\+ {
    right: 0;
    background-color: #ededed
}

.I7rl34 {
    background: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/flashsale/c5316dd01de2b0d41d267a57f5b32844.png) 0 100% no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 2
}

._5iy\+vR {
    color: rgba(0,0,0,.54);
    text-transform: uppercase;
    overflow: hidden;
    max-width: 14.375rem;
    text-overflow: ellipsis
}

.FFIViV,.FjFj1U,.MFvB45,.MgOBy5,.QhUwqP {
    height: .75rem;
    line-height: .75rem;
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.J\+2v7N {
    margin-top: .6875rem
}

.J\+2v7N,.nZq9yw {
    text-align: center
}

.nZq9yw {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize
}

.UW3hW6 {
    border-radius: .25rem
}

.UW3hW6.J-p9Os {
    font-size: 1rem;
    font-weight: 400;
    background: #fff
}

.UW3hW6.J-p9Os.KLn0vp {
    color: #066bc8;
    border: 1px solid #066bc8
}

.UW3hW6.J-p9Os.LnQWjz {
    font-size: 1.125rem;
    color: #ee4d2d;
    border: 1px solid #ee4d2d
}

.UW3hW6.J-p9Os.mNuZ1B {
    font-size: 1.125rem;
    color: #066bc8;
    border: 1px solid #066bc8
}

.UW3hW6.DNWhVt {
    font-size: 1.125rem;
    font-weight: 200;
    color: #fff;
    border: none
}

.UW3hW6.DNWhVt.LnQWjz {
    background: #ee4d2d
}

.UW3hW6.DNWhVt.mNuZ1B {
    background: #066bc8
}

._0ZSVKC {
    border-radius: .125rem
}

._0ZSVKC.J-p9Os {
    font-size: .75rem;
    font-weight: 400;
    background: #fff
}

._0ZSVKC.J-p9Os.KLn0vp {
    color: #066bc8;
    border: 1px solid #066bc8
}

._0ZSVKC.J-p9Os._85DFPQ,._0ZSVKC.J-p9Os.LnQWjz,._0ZSVKC.J-p9Os.qHfT25,._0ZSVKC.J-p9Os.y4myie,._0ZSVKC.J-p9Os.Yd9IhV {
    color: #ee4d2d;
    border: 1px solid #ee4d2d
}

._0ZSVKC.J-p9Os.mNuZ1B {
    color: #066bc8;
    border: 1px solid #066bc8
}

._0ZSVKC.DNWhVt {
    font-size: .875rem;
    font-weight: 500;
    color: #fff;
    border: none
}

._0ZSVKC.DNWhVt._85DFPQ,._0ZSVKC.DNWhVt.LnQWjz,._0ZSVKC.DNWhVt.qHfT25,._0ZSVKC.DNWhVt.y4myie,._0ZSVKC.DNWhVt.Yd9IhV {
    background: #ee4d2d
}

._0ZSVKC.DNWhVt.mNuZ1B {
    background: #066bc8
}

.theme--ofs .qHfT25.J-p9Os,.theme--ofs .y4myie.J-p9Os,.theme--ofs .Yd9IhV.J-p9Os {
    color: #d0011b;
    border: 1px solid #d0011b
}

.theme--ofs .qHfT25.DNWhVt,.theme--ofs .y4myie.DNWhVt,.theme--ofs .Yd9IhV.DNWhVt {
    background: #d0011b
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/mobilemall-flashsale/_/584.3496cf89de818591cc92.legacy.css.map*/
.banner-media{
    background-color: #000000;
}

.header-top-bar{
    max-height: 40px;
}

@media only screen and (max-width: 992px) {
    .EvHyb8 {
        padding-top: 0!important;
    }
    ._9Ijo1H{
        height: 5.5rem!important;
    }
    .IX71cF {
        height: 11.25rem!important;
    }
    .banner-media--scroll {
        overflow: hidden;
    }
    .media-slider--animate {
        transition: all .5s ease-out
    }
    .media-slider__dots-container {
        bottom: 5px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        z-index: 1;
    }

    .media-slider__dots-container__dot {
        background: rgba(255 255 255/.5);
        height: 1px;
        width: 10px;
        border: none;
    }
    .media-slider__dots-container__dot--active {
        background: #fff;
    }
    .media-slider__dots-container__dot {
        background: rgba(255 255 255/.5);
        height: 1px;
        width: 10px;
        border: none;
    }
    .media-slider__dots-container__dot {
        background: rgba(255 255 255/.5);
        height: 1px;
        width: 10px;
        border: none;
    }
    .banner-media img {
        width: 100%;
        display: block;
        height: auto;
    }
    .banner-media {
        padding-bottom: 0;
    }
    .media-slider {
        white-space: nowrap;
        font-size: 0;
        line-height: 0;
        transform: translateX(0);
    }
    .media-slider {
        position: relative;
        display: block;
    }
    .media-slider--animate {
        transition: all .5s ease-out;
    }
    .media-slider a {
        display: inline-block;
    }
    .banner-media img {
        width: 100%;
        display: block;
        height: auto;
    }
    .banner-media {
        position: relative;
        z-index: 4;
    }
    .head-mobile {
        top: 44px;
    }

}

.media-slider {
    display: block;
}

.media-slider {
    height: 44px;
    position: relative;
}
.media-slider {
    width: 1200px !important;
    margin: 0 auto;
}
.media-slider .nav .prev {
    left: 0;
}
.media-slider .nav .prev, .media-slider .nav .next {
    position: absolute;
    z-index: 2;
    top: 0;
    width: 40px;
    height: 100%;
    cursor: pointer;
}
.media-slider .nav .next {
    right: 0;
}
.media-slider .nav .prev, .media-slider .nav .next {
    position: absolute;
    z-index: 2;
    top: 0;
    width: 40px;
    height: 100%;
    cursor: pointer;
}
.media-slider .nav .prev:hover .arrow-left, .media-slider .nav .next:hover .arrow-right {
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
}
.media-slider .nav .prev .arrow-left {
    -webkit-transform: translate(-20%,-50%) rotate(225deg);
    -ms-transform: translate(-20%,-50%) rotate(225deg);
    -o-transform: translate(-20%,-50%) rotate(225deg);
    transform: translate(-20%,-50%) rotate(225deg);
}
.media-slider .nav .prev .arrow-left, .media-slider .nav .next .arrow-right {
    height: 18px;
    width: 18px;
    border-top: 3px solid #666;
    border-right: 3px solid #666;
    position: absolute;
    top: 50%;
    left: 50%;
}
.media-slider .nav .prev .arrow-left, .media-slider .nav .next .arrow-right {
    height: 18px;
    width: 18px;
    border-top: 3px solid #666;
    border-right: 3px solid #666;
    position: absolute;
    top: 50%;
    left: 50%;
}
.media-slider .nav .next .arrow-right {
    -webkit-transform: translate(-70%,-50%) rotate(45deg);
    -ms-transform: translate(-70%,-50%) rotate(45deg);
    -o-transform: translate(-70%,-50%) rotate(45deg);
    transform: translate(-70%,-50%) rotate(45deg);
}
.media-slider .nav .prev .arrow-left, .media-slider .nav .next .arrow-right {
    height: 18px;
    width: 18px;
    border-top: 3px solid #666;
    border-right: 3px solid #666;
    position: absolute;
    top: 50%;
    left: 50%;
}
.media-slider .nav .prev .arrow-left, .media-slider .nav .next .arrow-right {
    height: 18px;
    width: 18px;
    border-top: 3px solid #666;
    border-right: 3px solid #666;
    position: absolute;
    top: 50%;
    left: 50%;
}
.media-slider .item.visible {
    display: block;
}
.media-slider .item {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.banner-media img {
    display: block;
    margin: auto;
}
.banner-media img.lazyload {
    height: 0;
}
img.lazyload {
    opacity: 0;
}
.banner-media img {
    display: block;
    margin: auto;
}
.media-slider .item {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.banner-media img.lazyload {
    height: 0;
}
.banner-media img {
    display: block;
    margin: auto;
}

.cps-container {
    box-sizing: border-box;
    display: block;
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 1200px;
    /*height: 40px;*/
}

.swiper-container {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1;
}
.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1;
}
#bannerTopHead .swiper-container .swiper-slide {
    max-width: 33.3333333333%;
    text-align: center;
}
.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
}
#bannerTopHead .swiper-container .swiper-slide img {
    border-radius: 50px;
    display: block;
    margin: auto;
    min-height: 30px;
}

@media only screen and (max-width: 992px) {
    /*#bannerTopHead{*/
    /*    padding: 0!important;*/
    /*}*/
}