html {
    overflow-y: scroll
}

.s-en .g_btns_fblogin:hover {
    background-position: 0-29px
}


article,
footer,
header,
nav,
section {
    display: block
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: sans-serif
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

button,
input {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button {
    -webkit-appearance: button;
    cursor: pointer
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

.g-category-line a:hover {
    color: #333;
    text-decoration: none
}

.g-category-line a:hover .x0 {
    background-position: -24px -190px
}

.g-category-line a:hover .x1 {
    background-position: -24px -100px
}

.g-category-line a:hover .x2 {
    background-position: -24px -10px
}

.g-category-line a:hover .x3 {
    background-position: -24px -55px
}

.g-category-line a:hover .x4 {
    background-position: -24px -460px
}

.g-category-line a:hover .x5 {
    background-position: -24px -235px
}

.g-category-line a:hover .x6 {
    background-position: -24px -550px
}

.g-category-line a:hover .x8 {
    background-position: -24px -595px
}

.g-category-line a:hover .x9 {
    background-position: -24px -415px
}

.g-category-line a:hover .x10 {
    background-position: -24px -325px
}

.g-category-line a:hover .x11 {
    background-position: -24px -370px
}

.g-category-line a:hover .x12 {
    background-position: -24px -145px
}

.g-category-line a:hover .x13 {
    background-position: -24px -280px
}

.g-category-line a:hover .x13 {
    background-position: -24px -505px
}

.g-data-list-item:hover {
    background-color: #f7f7f8
}

.g-fav-proxy:after,
.g-fav:after {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block
}

.g-footer {
    background: #f7f7f8;
    font-size: 14px;
    margin: 50px auto 0;
    min-width: 1000px;
    padding: 64px 0;
    width: 100%
}

.g-footer-links {
    align-items: flex-start;
    border-bottom: 1px solid #d3d3d5;
    display: flex;
    flex-wrap: nowrap;
    font-size: 0;
    justify-content: flex-start;
    padding-bottom: 24px
}

.g-footer-links__title {
    color: #39393e;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 6px
}

.g-footer-links__item {
    list-style: none;
    margin-top: 9px
}

.g-footer-links__item--subject {
    display: block;
    margin-top: 0
}

.g-footer-links__item--subject .g-footer-links__title {
    margin: 0
}

.g-footer-links__item--share {
    display: inline-block
}

.g-footer-links__item--share:not(:last-child) {
    margin-right: 14px
}

.g-footer-links__wrapper {
    box-sizing: content-box;
    display: inline-block;
    font-size: 13px;
    padding-right: 36px;
    vertical-align: top;
    width: 15%
}

.g-footer-links__wrapper--share {
    padding-right: 0;
    width: auto
}

.g-footer-links__link {
    color: #39393e;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    line-height: 14px;
    position: relative
}

.g-footer-links__link:visited {
    color: inherit
}

.g-footer-links__download {
    margin-top: 28px
}

.g-footer-icon {
    display: inline-block;
    height: 40px;
    position: relative;
    width: 40px
}

.g-footer-icon--download {
    height: 18px;
    margin-right: 7px;
    vertical-align: top;
    width: 18px
}

.g-footer-icon--switch {
    color: #39393e;
    font-size: 0;
    height: 24px;
    line-height: 1;
    vertical-align: middle;
    width: 24px
}

.g-footer-icon--switch svg path {
    fill: currentColor
}

.g-footer-icon svg {
    display: block;
    height: 100%;
    width: 100%
}

.g-footer-download {
    background-color: #fff;
    border: 1px solid #66666a;
    border-radius: 4px;
    box-sizing: border-box;
    color: #39393e;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0 14px 14px 0;
    min-width: 172px;
    padding: 10px 15px;
    vertical-align: top
}

.g-footer-download:hover,
.g-footer-download:visited:hover {
    text-decoration: none
}

.g-footer-download:visited {
    color: inherit
}

.g-footer-qrcode {
    display: inline-block;
    height: 38px;
    margin-top: 1px;
    vertical-align: top;
    width: 38px
}

.g-footer-copyright {
    color: #66666a;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
    position: relative;
    top: 2px;
    vertical-align: middle
}

.g-footer-copyright a:active,
.g-footer-copyright a:hover,
.g-footer-copyright a:visited {
    color: #66666a;
    text-decoration: none
}

.g-footer-static {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-top: 14px
}

.g-footer-static__logo {
    display: inline-block;
    font-size: 0;
    line-height: 1;
    vertical-align: middle
}

.g-footer-static__slogan {
    color: #66666a;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 3px;
    margin-left: 14px;
    vertical-align: bottom
}

.g-footer-static__right {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.g-footer-static__actions {
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: flex-start
}

.g-footer-static__switch {
    display: inline-block;
    margin-left: 36px
}

.g-footer-static__switch:hover {
    text-decoration: none
}

.g-footer-static__switch:hover .text {
    text-decoration: underline
}

.g-footer-static__switch--mobile {
    display: none
}

.g-footer-static__text {
    color: #39393e;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    margin-left: 10px;
    vertical-align: middle
}

.g-form-input:focus,
.g-form-textarea:focus {
    border-color: #2e90b7;
    box-shadow: inset 0 0 0 1px #2e90b7
}

.g-form-input.s-error:focus,
.g-form-row.s-error .g-form-input:focus,
.g-form-row.s-error .g-form-textarea:focus,
.g-form-textarea.s-error:focus {
    border-color: #e63349;
    box-shadow: inset 0 0 0 1px #e63349
}

.g-form-input.s-warning:focus,
.g-form-row.s-warning .g-form-input:focus,
.g-form-row.s-warning .g-form-textarea:focus,
.g-form-textarea.s-warning:focus {
    border-color: #facb4d;
    box-shadow: inset 0 0 0 1px #facb4d
}

.g-form-label.s-required:after {
    color: #e63349;
    content: "*";
    display: inline-block;
    margin-left: 4px
}

.g-form-input-wrapper .g-form-input-icon:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.g-form-input-wrapper .g-form-input:focus+.g-form-input-icon {
    color: #10567b
}

.g-form-input-wrapper .s-warning:focus+.g-form-input-icon {
    color: #efae09
}

.g-form-input-wrapper .s-error:focus+.g-form-input-icon {
    color: #e63349
}

.g-form-input:focus,
.g-form-textarea:focus {
    outline: none
}

.g-form-highlight a:visited {
    color: #f16c5d;
    margin: 0 2px;
    text-decoration: underline
}

.g-select-wrapper:after {
    border-color: #39393e transparent transparent;
    border-style: solid;
    border-width: 6px 5px 0;
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.g-grid {
    font-size: 0
}

.g-hover-tip {
    cursor: help;
    display: inline-block;
    line-height: 1;
    position: relative
}

.g-hover-tip:before {
    border: 6px solid transparent;
    border-bottom-color: #003354;
    bottom: -6px;
    content: "";
    left: 50%;
    position: absolute;
    transform: translate(-50%)
}

.g-hover-tip:after {
    background: #003354;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    content: attr(data-hover-tip);
    font-size: 12px;
    left: 50%;
    line-height: 1.5;
    margin: 6px 0 0;
    padding: 6px 10px;
    position: absolute;
    top: 100%;
    transform: translateZ(0);
    transform: translate(-50%);
    width: 330px;
    z-index: 1
}

.g-hover-tip.g-hover-tip-center:after {
    min-width: 96px;
    padding: 10px 24px;
    text-align: center;
    white-space: nowrap;
    width: auto
}

.g-hover-tip.one-line:after {
    white-space: nowrap;
    width: auto
}

.g-hover-tip:after,
.g-hover-tip:before {
    display: none
}

.g-hover-tip:hover:after,
.g-hover-tip:hover:before {
    display: block
}

.g-hover-tip--normal {
    color: #39393e
}

.g-hover-tip--normal:hover {
    text-decoration: none
}

.g-item-badge {
    -webkit-font-smoothing: antialiased;
    background: #ee847d;
    border-radius: 2px 0 2px 0;
    box-shadow: 1px 1px 2px 0 rgba(32, 32, 38, .2);
    color: #fff;
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 5
}

.g-item-badge>* {
    line-height: 1;
    padding: 5px 6px;
    position: relative;
    text-align: center
}

.g-parentheses:before {
    content: "(";
    display: inline
}

.g-parentheses:after {
    content: ")";
    display: inline
}

.g-parentheses:empty.g-parentheses:after,
.g-parentheses:empty.g-parentheses:before {
    content: ""
}

:lang(ja) .g-parentheses:before,
:lang(zh-Hans) .g-parentheses:before,
:lang(zh-Hant) .g-parentheses:before {
    content: "（"
}

:lang(ja) .g-parentheses:after,
:lang(zh-Hans) .g-parentheses:after,
:lang(zh-Hant) .g-parentheses:after {
    content: "）"
}

.g-report-statistics div.container:hover {
    background-color: #e0e3ec;
    color: #53b7c6
}

.g-report-statistics div.container .tooltip:hover .tooltip-content {
    opacity: 1;
    visibility: visible
}

.g-spinner:after {
    animation: spinnerAnimation .6s linear infinite;
    border: 3px solid #e5e5e6;
    border-radius: 50%;
    border-top-color: #f16c5d;
    content: " ";
    display: inline-block;
    height: 24px;
    margin: 1px;
    width: 24px
}

@keyframes spinnerAnimation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.g-wrap-expand {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1200px;
    min-width: 1000px;
    padding: 0 24px;
    width: 100%
}

@media (min-width:1248px) {
    .g-wrap-expand {
        padding: 0
    }
}

[class*=m-button]:hover {
    box-shadow: 0 .2em .2em -.1em #306fb7, 0 .3em #215999, 0 .5em .5em -.1em rgba(32, 32, 38, .12);
    cursor: pointer;
    text-decoration: none;
    transform: translateY(-5px);
    transform: translate3d(0, -5px, 0)
}

[class*=m-button]:active {
    background-color: #5694dd;
    box-shadow: 0 1px #1d5595;
    transform: translateY(-1px);
    transform: translate3d(0, -1px, 0);
    transition: none
}

[class*=m-button]:focus:hover {
    animation: n-button-active .2s ease-out 1;
    animation-delay: .1s
}

[class*=m-button].m-button:hover {
    background-color: #5694dd
}

.m-button-pink:hover {
    background-color: #ff6299;
    box-shadow: 0 .2em .2em -.1em #c83166, 0 .3em #a32252, 0 .5em .5em -.1em rgba(32, 32, 38, .12)
}

.m-button-pink:active {
    background: #ff6299;
    box-shadow: 0 1px #bd2c61
}

.m-button-pink.s-loading:hover {
    transform: translateY(-1px) !important
}

.m-button-gray:hover {
    background-color: #8e9a9f;
    box-shadow: 0 .2em .2em -.1em #66666a, 0 .3em #535c5f, 0 .5em .5em -.1em rgba(32, 32, 38, .12)
}

.m-button-gray:active {
    background: #8e9a9f;
    box-shadow: 0 1px #515156
}

.m-button-green:hover {
    background-color: #7ec527;
    box-shadow: 0 .2em .2em -.1em #65a40e, 0 .3em #4d9200, 0 .5em .5em -.1em rgba(32, 32, 38, .12)
}

.m-button-green:active {
    background: #7ec527;
    box-shadow: 0 1px #4d9200
}

.m-button-disabled:hover {
    background: #e5e5e6;
    box-shadow: none;
    cursor: default;
    transform: none
}

.m-button-small:hover {
    background-color: #e5e5e6;
    box-shadow: none;
    text-decoration: none;
    transform: none
}

.m-button-shop-follow:hover {
    box-shadow: none;
    transform: none
}

.m-button-shop-follow:hover .content {
    transition: all .2s
}

.m-button-shop-follow:hover .content.fav {
    background-color: #064162;
    border-color: #064162
}

.m-button-shop-follow:hover .content.unfav {
    border-color: #39393e;
    color: #39393e
}

.m-button-shop-follow:hover .content.unfav .color {
    fill: #39393e
}

.m-button-shop-follow:active .content.fav {
    background-color: #003354;
    border-color: #003354
}

.m-button-shop-follow:active .content.unfav {
    background-color: #e5e5e6
}

.m-button-shop-unfav:hover {
    background-color: #eeeeef
}

.m-button-fav:hover,
.m-button-unfav:hover {
    box-shadow: 0 .2em .2em -.1em #d3d3d5, 0 .3em #d3d3d5, 0 .5em .5em -.1em rgba(32, 32, 38, .12)
}

.m-button-fav:active,
.m-button-unfav:active {
    background: #eeeeef;
    box-shadow: 0 1px #d3d3d5;
    transform: translateY(0)
}

.m-button-fav:after,
.m-button-unfav:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAPCAYAAACm25zCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG11AABzoAAA/N0AAINkAABw6AAA7GgAADA+AAAQkOTsmeoAAAFiSURBVHjaxNWhbhRxEMfxz22uZ0j+L4DgAfoAxa4mFShUUVBb0QRTQdWZbRUGgaKGKiBNDU3WrO8LIC4lQVQDpsAeZsSx3LXsbnL7M7Mz/5nvZGc2/x2VZSn0ANu4wTm++lv38QgTnOUpXflXrRh1UfVm4ApG8SIvcYCNSP6BHbwP/zFOcC/8n5jmKR0uNOjEqIuqNwOHo7Isd/B2yWRusBXJlzGBpp7mKZ1Es86Muqh6M8bYt1wTvA7AZEXOfkxocMYYm1Zry+3abNjBGBmuddd1ww7GyPCxB+BD2MEZGY7wrUPxdxzH8+CMDDM8x7xF8RzP8pRm4Xdm1EXVm4FZFoFT7LUA7OUpnTZirRl1UfVmRI1sIfgqfkZ36SByl2kwRtY4nOLFivXO42x6R4NBGNmSxAK7+L0Q+xXfYvGfK187Y7wC8gZf8C78J7hoeZuslTG+BfIJD2OVnzve72tj/BkALMKkfaH9dzYAAAAASUVORK5CYII=);
    background-position: 0 1px;
    background-repeat: no-repeat;
    content: "";
    height: 17px;
    left: 12px;
    position: absolute;
    width: 16px
}

.m-button-fav:hover:after {
    background-position: -17px 1px
}

.m-button-fav:active:after,
.m-button-unfav:after,
.m-button-unfav:hover:after {
    background-position: -34px 1px
}

.m-button-unfav:active:after {
    background-position: 0 1px
}

.m-button-sketch:hover {
    background: transparent
}

.m-button-sketch:active,
.m-button-sketch:hover {
    box-shadow: none;
    text-decoration: none;
    transform: none
}

.m-button-sketch:active {
    background-color: #e5e5e6
}

.m-button-sketch:active,
.m-button-sketch:hover {
    border: 1px solid #39393e;
    color: #39393e !important;
    text-decoration: none
}

.m-button-outline:hover {
    background: #e5e5e6;
    box-shadow: none;
    text-decoration: none;
    transform: none;
    transition: background, .2s
}

.m-button-native:hover {
    background-color: #10567b;
    box-shadow: none;
    text-decoration: none;
    transform: none
}

.m-button-native:active {
    text-decoratin: none;
    background-color: #003354;
    box-shadow: none;
    transform: none;
    transition: backgroud-color .2s
}

.m-button-native:focus:hover {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial
}

.m-button-native.m-button-pink:hover {
    background-color: pink-200
}

.m-button-native.m-button-pink:active {
    background-color: pink-300
}

.m-button-native.m-button-pink.s-disabled:active,
.m-button-native.m-button-pink.s-disabled:hover {
    ackground-color: pink-100
}

.m-button-native.m-button-gray:hover {
    background-color: #a8a8ab
}

.m-button-native.m-button-gray:active {
    background-color: gray-300
}

.m-button-native.m-button-gray.s-disabled:active,
.m-button-native.m-button-gray.s-disabled:hover {
    ackground-color: #bfbfc1
}

.m-button-native.m-button-light-gray:hover {
    background-color: #d3d3d5
}

.m-button-native.m-button-light-gray:active {
    background-color: #bfbfc1
}

.m-button-native.m-button-light-gray.s-disabled:active,
.m-button-native.m-button-light-gray.s-disabled:hover {
    ackground-color: #e5e5e6
}

.m-button-native.m-button-fav:after,
.m-button-native.m-button-unfav:after {
    display: none
}

.m-button-native.m-button-disabled:active,
.m-button-native.m-button-disabled:hover {
    background: #e5e5e6
}

.m-button-email:before,
.m-button-weibo:before {
    background-position: 50%;
    background-repeat: no-repeat;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 50px
}

.m-button-email:hover,
.m-button-weibo:hover {
    box-shadow: none;
    transform: translate(0);
    transition: background .2s
}

.m-button-email:active,
.m-button-weibo:active {
    box-shadow: none;
    transform: translate(0)
}

.m-button-email:focus:hover,
.m-button-weibo:focus:hover {
    animation: none
}

.m-button-weibo:before {
    /* background-image: url(data:image/svg+xml;charset=utf-8, <svg\ height='32'\ width='32'\ xmlns='http://www.w3.org/2000/svg'> <path\ d='M23.44\ 15.103c1.613.507\ 3.409\ 1.731\ 3.409\ 3.89\ 0\ 3.57-5.088\ 8.07-12.737\ 8.07-5.835\ 0-11.8-2.863-11.8-7.57\ 0-2.462\ 1.54-5.309\ 4.194-7.995\ 3.543-3.584\ 7.674-5.218\ 9.227-3.644.686.693.752\ 1.894.312\ 3.327-.23.722.669.322.669.324\ 2.863-1.214\ 5.361-1.285\ 6.274.035.487.704.44\ 1.69-.008\ 2.835-.208.526.064.608.46.728zm-9.313\ 10.272c4.656-.466\ 8.186-3.352\ 7.884-6.447-.302-3.094-4.321-5.224-8.978-4.758-4.655.466-8.185\ 3.352-7.883\ 6.446.303\ 3.094\ 4.322\ 5.224\ 8.977\ 4.76zM28.52\ 6.488c1.848\ 2.07\ 2.346\ 4.894\ 1.558\ 7.37v.005a1.075\ 1.075\ 0\ 0\ 1-1.356.7\ 1.092\ 1.092\ 0\ 0\ 1-.694-1.373\ 5.408\ 5.408\ 0\ 0\ 0-1.106-5.242\ 5.258\ 5.258\ 0\ 0\ 0-5.04-1.65\ 1.077\ 1.077\ 0\ 0\ 1-1.277-.839\ 1.09\ 1.09\ 0\ 0\ 1\ .828-1.294\ 7.389\ 7.389\ 0\ 0\ 1\ 7.087\ 2.323zm-2.837\ 2.59a3.698\ 3.698\ 0\ 0\ 1\ .757\ 3.591.925.925\ 0\ 0\ 1-1.167.605.942.942\ 0\ 0\ 1-.597-1.182\ 1.81\ 1.81\ 0\ 0\ 0-.37-1.756\ 1.764\ 1.764\ 0\ 0\ 0-1.688-.552.926.926\ 0\ 0\ 1-1.1-.72.938.938\ 0\ 0\ 1\ .714-1.114\ 3.597\ 3.597\ 0\ 0\ 1\ 3.451\ 1.129zm-11.09\ 7.473c-2.215-.584-4.72.534-5.682\ 2.51-.98\ 2.016-.032\ 4.254\ 2.206\ 4.985\ 2.32.757\ 5.052-.403\ 6.003-2.578.937-2.127-.233-4.317-2.526-4.917zM12.902\ 21.7c-.45.727-1.415\ 1.046-2.142.71-.715-.33-.926-1.175-.476-1.884.445-.706\ 1.377-1.021\ 2.098-.715.729.315.962\ 1.154.52\ 1.889zm1.483-1.928c-.163.282-.523.418-.805.3-.277-.115-.364-.43-.206-.708.162-.275.508-.41.785-.299.28.104.382.423.226.707z'\ fill='%23fff'/> </svg>) */
}

.m-button-weibo:active,
.m-button-weibo:hover {
    background: #d72136
}

.m-button-email:before {
    /* background-image: url(data:image/svg+xml;charset=utf-8, <svg\ height='32'\ width='32'\ xmlns='http://www.w3.org/2000/svg'> <path\ d='m17.635\ 16.05-4.47-3.269-.883.705a.45.45\ 0\ 0\ 1-.562\ 0l-.884-.705-4.47\ 3.269zm.508-.743V8.81l-4.249\ 3.39zm-12.287\ 0\ 4.25-3.108-4.25-3.39zm.366-7.357\ 5.779\ 4.609\ 5.777-4.61zm12.821\ 7.85c0\ .636-.514\ 1.15-1.149\ 1.15H6.106a1.15\ 1.15\ 0\ 0\ 1-1.15-1.15V8.2a1.15\ 1.15\ 0\ 0\ 1\ 1.15-1.15h11.788a1.15\ 1.15\ 0\ 0\ 1\ 1.15\ 1.15z'\ fill='%23fff'/> </svg>) */
}

.m-button-email:active,
.m-button-email:hover {
    background: #eeeeef
}

.m-br-button {
    transition: border .1s, color .1s, background .1s
}

.m-br-button:hover {
    text-decoration: none
}

.m-br-button--md {
    font-size: 14px;
    line-height: 22px;
    padding: 9px 14px
}

.m-br-button.s-fullwidth {
    box-sizing: border-box;
    display: block;
    margin: 0;
    text-align: center;
    width: 100%
}

.m-br-button--primary:visited {
    color: #fff
}

.m-br-button--primary:hover {
    background: #064162;
    border-color: #064162;
    color: #fff
}

.m-br-button--primary:focus-visible,
.m-br-button--primary:hover {
    background: #064162;
    border-color: #064162;
    color: #fff
}

.m-br-button--primary:active {
    background: #003354;
    border-color: #003354;
    color: #fff
}

.m-br-button--secondary {
    background: #fff;
    border: 1px solid #a8a8ab;
    color: #39393e
}

.m-br-button--secondary:visited {
    color: #39393e
}

.m-br-button--secondary:hover {
    background: #f7f7f8;
    color: #39393e
}

.m-br-button--secondary:focus-visible,
.m-br-button--secondary:hover {
    background: #f7f7f8;
    color: #39393e
}

.m-br-button--secondary:active {
    background: #eeeeef;
    color: #39393e
}

.m-br-button--danger:visited {
    color: #fff
}

.m-br-button--danger:hover {
    background: #d72136;
    border-color: #d72136;
    color: #fff
}

.m-br-button--danger:focus-visible,
.m-br-button--danger:hover {
    background: #d72136;
    border-color: #d72136;
    color: #fff
}

.m-br-button--danger:active {
    background: #c41428;
    border-color: #c41428;
    color: #fff
}

.m-br-button--purchase:visited {
    color: #fff
}

.m-br-button--purchase:hover {
    background: #e56051;
    border-color: #e56051;
    color: #fff
}

.m-br-button--purchase:focus-visible,
.m-br-button--purchase:hover {
    background: #e56051;
    border-color: #e56051;
    color: #fff
}

.m-br-button--purchase:active {
    background: #da5648;
    border-color: #da5648;
    color: #fff
}

.m-br-button--green:visited {
    color: #fff
}

.m-br-button--green:hover {
    background: #289c8a;
    border-color: #289c8a;
    color: #fff
}

.m-br-button--green:focus-visible,
.m-br-button--green:hover {
    background: #289c8a;
    border-color: #289c8a;
    color: #fff
}

.m-br-button--green:active {
    background: #289c8a;
    border-color: #289c8a;
    color: #fff
}

.m-br-button--primary-plain:visited {
    color: #2e90b7
}

.m-br-button--primary-plain:hover {
    color: #10567b
}

.m-br-button--primary-plain:focus-visible,
.m-br-button--primary-plain:hover {
    color: #10567b
}

.m-br-button--primary-plain:hover .icon .color {
    fill: #10567b
}

.m-br-button--primary-plain:focus-visible .icon .color,
.m-br-button--primary-plain:hover .icon .color {
    fill: #10567b
}

.m-br-button--primary-plain:active {
    background: #f7f7f8;
    color: #064162
}

.m-br-button--primary-plain:active .icon .color {
    fill: #064162
}

.m-br-button--danger-plain:visited {
    color: #f86173
}

.m-br-button--danger-plain:hover {
    color: #e63349
}

.m-br-button--danger-plain:focus-visible,
.m-br-button--danger-plain:hover {
    color: #e63349
}

.m-br-button--danger-plain:hover .icon .color {
    fill: #e63349
}

.m-br-button--danger-plain:focus-visible .icon .color,
.m-br-button--danger-plain:hover .icon .color {
    fill: #e63349
}

.m-br-button--danger-plain:active {
    background: #f7f7f8;
    color: #d72136
}

.m-br-button--danger-plain:active .icon .color {
    fill: #d72136
}

.m-br-button--login:visited {
    color: #fff
}

.m-br-button--login:hover {
    background: #064162;
    border-color: #064162;
    color: #fff
}

.m-br-button--login:focus-visible,
.m-br-button--login:hover {
    background: #064162;
    border-color: #064162;
    color: #fff
}

.m-br-button--login:active {
    background: #003354;
    border-color: #003354;
    color: #fff
}

.m-br-button:disabled {
    background-color: #eeeeef;
    border-color: #eeeeef;
    color: #bfbfc1;
    cursor: not-allowed
}

.m-br-button:disabled .icon .color {
    fill: #bfbfc1
}

.m-br-button.s-disabled:active,
.m-br-button.s-disabled:hover,
.m-br-button.s-disabled:visited,
.m-br-button:disabled:active,
.m-br-button:disabled:hover,
.m-br-button:disabled:visited {
    color: #bfbfc1
}

.m-btn-link:hover {
    text-decoration: underline
}

.m-btn-link:focus {
    outline: 0
}

@keyframes n-button-active {
    0% {
        transform: translateY(-1px);
        transform: translate3d(0, -1px, 0)
    }

    50% {
        box-shadow: none;
        transform: translateY(-5px);
        transform: translate3d(0, -5px, 0)
    }

    to {
        box-shadow: none;
        transform: translateY(-1px);
        transform: translate3d(0, -1px, 0)
    }
}

.m-card-container .arrow:hover {
    opacity: 1;
    transform: scale(1.5);
    transform-origin: 50% 50%
}

.m-card-container .arrow:active {
    background: #e5e5e6
}

.m-card-product {
    box-sizing: border-box;
    display: inline-block;
    margin: 0 6px;
    max-width: 190px;
    position: relative;
    vertical-align: top;
    width: calc(16.66667% - 12px)
}

.m-card-product .product-link {
    color: #39393e;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    position: relative;
    vertical-align: top;
    width: 100%
}

.m-card-product .product-link:hover {
    text-decoration: none
}

.m-card-product .product-link:hover .link-top .image:after {
    display: block
}

.m-card-product .product-link:hover .link-top .image.has-video:after,
.touchevents .m-card-product .product-link:hover .link-top .image:after {
    display: none
}

.m-card-product .product-link:hover .favorite {
    display: block
}

.m-card-product .link-top {
    display: block;
    position: relative
}

.m-card-product .link-bottom {
    display: block;
    overflow: hidden
}

.m-card-product .link-bottom:hover {
    text-decoration: none
}

.m-card-product .link-bottom .title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #39393e;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    line-height: 1.4;
    margin: 6px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.m-card-product .favorite {
    bottom: 0;
    display: none;
    position: absolute;
    right: 0;
    z-index: 12
}

.m-card-product .favorite:hover {
    display: block
}

.m-card-product .m-product-fav {
    cursor: pointer;
    display: block;
    height: 24px;
    padding: 6px;
    position: relative;
    width: 24px;
    z-index: 13
}

.m-card-product .m-product-fav:after {
    display: none
}

.m-card-product .m-product-fav svg {
    display: block;
    height: 24px;
    width: 24px
}

.m-card-product .m-product-fav .fav-full {
    left: 6px;
    position: absolute;
    top: 6px
}

.m-card-product .m-product-fav .fav-full svg {
    fill: rgba(32, 32, 38, .4)
}

.m-card-product .m-product-fav .fav-empty svg {
    fill: #fff
}

.m-card-product .m-product-fav:hover .fav-full .color,
.m-card-product .m-product-fav:hover .fav-full svg {
    fill: rgba(32, 32, 38, .8)
}

.m-card-product .m-impressions-log {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.m-card-product .image {
    background: #f7f7f8;
    border-radius: 2px;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

.m-card-product .image:after {
    background: hsla(0, 0%, 100%, .2);
    content: "";
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.touchevents .m-card-product .image:after {
    display: none
}

.m-card-product .image .img {
    height: 100%;
    left: 0;
    max-height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.m-card-product .card-discount-badge {
    border-radius: 2px 0 2px 0;
    box-shadow: 1px 1px 2px 0 rgba(32, 32, 38, .2);
    font-size: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0
}

.m-card-product .card-discount-badge .g-item-badge {
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    position: relative;
    vertical-align: top
}

.m-card-product .details {
    display: block;
    font-size: 0;
    line-height: 1.4;
    white-space: normal
}

.m-card-product .details .divider-dot:before {
    background: #66666a;
    border-radius: 50%;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 3px
}

.m-card-product .details .price {
    color: #003354;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-right: 6px;
    vertical-align: middle
}

.m-card-product .details .oprice {
    color: #a8a8ab;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    text-decoration: line-through;
    vertical-align: middle
}

.m-card-shop .link:hover {
    text-decoration: none
}

.m-card-shop .image-block:after {
    background-color: hsla(0, 0%, 100%, .2);
    bottom: 0;
    content: "";
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.m-card-shop:hover .image-block:after {
    display: block
}

.m-card-shop .content .content-link:hover {
    text-decoration: none
}

.m-carousel .m-carousel-prev:hover {
    background-position: 0-34px
}

.m-carousel .m-carousel-next:hover {
    background-position: -17px -34px
}

.m-clearfix:after,
.m-clearfix:before {
    content: "";
    display: table;
    line-height: 0
}

.m-clearfix:after {
    clear: both
}

.m-fb-share:hover {
    border-color: #9dacce
}

.m-hoverfav:hover {
    background-position: 0-23px
}



.m-jumppage a:hover {
    color: #66666a
}

.m-jumppage a:visited {
    color: #39393e
}

.m-noti-msg:after {
    background: #d3d3d5;
    bottom: 0;
    content: "";
    height: 1px;
    left: 10px;
    position: absolute;
    width: calc(100% - 10px)
}

.m-noti-msg.s-unread:hover {
    background: #d2dde4
}

.m-noti-msg:hover {
    background: #f7f7f8;
    transition: background .2s
}

.m-noti-msg--placeholder:after {
    display: none
}

.emergency-alert--admin .emergency-alert__cta:hover {
    background-color: #fff;
    color: #e63349;
    text-decoration: none
}

@keyframes placeholderBlink {
    0% {
        background-color: #eeeeef
    }

    25% {
        background-color: #f7f7f8
    }

    to {
        background-color: #eeeeef
    }
}

select[class^=m-select]::-ms-expand {
    display: none
}

select[class^=m-select]:disabled {
    color: #929295
}


.m-tag:hover {
    text-decoration: none
}

.m-tag:hover {
    background-color: #e5e5e6
}

.m-tag:active {
    background: #d3d3d5
}


html {
    scroll-behavior: smooth
}

body,
html {
    background: #fff
}

body {
    word-wrap: break-word;
    color: #39393e;
    font-size: 13px
}

.s-en body {
    font-family: Helvetica Neue, Helvetica, Arial, Verdana, sans-serif
}

::-moz-placeholder {
    color: #a8a8ab
}

::placeholder {
    color: #a8a8ab
}

input {
    resize: none
}

input:disabled,
select:disabled,
textarea:disabled {
    color: #a8a8ab
}

a,
a:visited {
    color: #2e90b7;
    cursor: pointer;
    outline: 0;
    text-decoration: none
}

a:hover,
a:visited:hover {
    text-decoration: underline
}

a:focus,
a:visited:focus {
    outline: 0
}

img {
    -ms-interpolation-mode: bicubic
}

h3,
h4 {
    padding: 0
}

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

p,
ul {
    margin: 0
}

h3,
h4 {
    -webkit-font-smoothing: antialiased
}

.g-viewport-ref-line {
    display: block;
    height: 0;
    position: relative;
    width: 100%
}

.g-viewport-ref-line .inner {
    height: 10px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-100%);
    width: 10px;
    z-index: 2
}

.g-lazy-fadein {
    animation-delay: 0s;
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-name: g-lazy-fadein;
    opacity: 0;
    transform-style: preserve-3d;
    will-change: opacity
}

@keyframes g-lazy-fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.gbutton:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAwCAMAAAAvgQplAAADAFBMVEX////Hx8dlZWU2U5RAjyBHlw7Ly8v6+vrQ5LrV576HmcdKZJt7jrVXV1d1rlxopkxyrFhIYp2YwoZxq1dppk1zrFl0rVpqp09opUxpp05rqFB1rVtuqVRtqVJ/f39wq1ZvqlVsqFFDYJxpaWnCzN5ZWVmAgIDOzs5CYJyBgYFLZJ6enp5ieq1IY51lfK78/Pxcc6fKXS2NjY2AkrlFX5u8xNelpaXy8vL5+fnd3d19fX3MzMxqamrLXS1pqjpwhK9RUVFQUFDKXC2ysrJycnLCzN95eXlofqtzc3NjeahCYJuUosPwqE90iblIYZ12i7egoKCPocvxsWHJycnNzc15jLZYWFhra2tmZmY4VZVJYp1Nky30wYHvp07BzN7Q0NDEzeBxXlA/W5jPz8+JiYl7e3s/WpjVz73S0tJTbKPByt5wXlBZcadpfa+Tpc3vqE7U1NS6xeCOocqMjIx6jr3oijxxX1CntdbniTyKnclme61SUlLzwIGHmsdmfK3wqE6TpM3oiTypt9eLnclwXk/V0L7oij3Czd/e5PBYcqdnpUs7WZjz8vPi4uJfeKtje63e3d1adKjc3NxZc6jk5eWKnMLq6elZcqf09PRcdKnw8PBed6rk5ONheqxgeavn5+fw8fDf3t/19vbz8/Tu7u3h4OBddqrs7Ozv7+/x8vFcdalZcqhbdKjr6+rm5ubg4N/s6+zb29vo6Oj19PX///9ieqy2tra3t7e4uLi5ubm6urq7u7u8vLy9vb2+vr6/v7/AwMDBwcHCwsLDw8PExMTFxcXGxsbHx8fIyMjJycnKysrLy8vMzMzNzc3Ozs7Pz8/Q0NDR0dHS0tLT09PU1NTV1dXW1tbX19fY2NjZ2dna2trb29vc3Nzd3d3e3t7f39/g4ODh4eHi4uLj4+Pk5OTl5eXm5ubn5+fo6Ojp6enq6urr6+vs7Ozt7e3u7u7v7+/w8PDx8fHy8vLz8/P09PT19fX29vb39/f4+Pj5+fn6+vr7+/v8/Pz9/f3+/v7///8/ljUBAAAACXBIWXMAAAsSAAALEgHS3X78AAAAUElEQVR4nO3IOQqDQAAAwOz/FUREggjeRAtvH2jtPMAqU064Pk+hNU7ja3RGZExGbRTGaPTGz9iM2ciNw6iMxciM0oiNwViNxkiM1Nj/8X7ctOEf005VRZQAAAAadEVYdEF1dGhvcgBVbGVhZCBTeXN0ZW1zLCBJbmMuyR0+dgAAAABJRU5ErkJggg==)repeat-x;
    border: 1px solid #888;
    color: #333;
    text-decoration: none
}

.g_canvas_btn:hover {
    background-color: #2970c7;
    color: #fff;
    text-decoration: none
}

.g_pagination a:hover {
    color: #2e90b7;
    text-decoration: none
}

.g_pagination a.arrow:hover path {
    fill: #2e90b7
}

.g_pagination a:active {
    background-color: #2e90b7;
    border: 1px solid #2e90b7;
    color: #fff
}

.g_pagination a.arrow:active path {
    fill: #fff
}

.g_mod_modal {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAQSURBVHjaYtq6detMgAADAAcFArs5ZxxuAAAAAElFTkSuQmCC)repeat;
    _background: rgba(37, 58, 74, .2);
    border-radius: 10px;
    color: #333;
    display: none;
    padding: 10px;
    position: absolute;
    z-index: 999999 !important
}

.g_shareto a:hover {
    opacity: 1
}

.g-filter-rank-select .select-wrapper:after {
    border-color: #a8a8ab transparent transparent;
    border-style: solid;
    border-width: 6px 5px 0;
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.g_grid_items .item .photo:after {
    background: hsla(0, 0%, 100%, .2);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s;
    width: 100%
}

.g_grid_items .item .photo:hover:after {
    opacity: 1;
    transition: opacity .2s
}

#g_wall .heart-proxy:hover,
.g_grid_items .heart-proxy:hover {
    background-position: 0-56px
}

#g_wall .heart-proxy:active,
.g_grid_items .heart-proxy:active {
    background-position: 0-29px
}

:hover.g_add_fan {
    background-position: 0-23px
}

.g_selectbox li a:hover {
    background-color: #5fa5e9;
    color: #fff;
    text-decoration: none
}

.g_category a:hover {
    color: #2e90b7
}

.g_next:hover {
    background-position: -45px 0
}

.g_prev:hover {
    background-position: 0 0
}

.g_x_btn:hover {
    background: url(data:image/gif;base64,R0lGODlhCAAIAIABAB58sv///yH5BAEAAAEALAAAAAAIAAgAAAIOBIJhi7zcYDTpUWiTAgUAOw==)no-repeat 0
}

.clr:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.g_prevnext .n:hover {
    background-position: -45px 0
}

.g_prevnext .p:hover {
    background-position: 0 0
}

.g_prevnext_s a:hover {
    background: #f7f7f8
}

.g_prevnext_s a:active {
    background: #eeeeef
}

.g_seemore:hover span {
    text-decoration: underline
}

.g_btns_embed2_page:hover {
    background-position: -228px -1489px
}

.g_btns_embed_page:hover {
    background-position: -142px -1131px
}

.g_btns_create_coupon:hover {
    background-position: -352px -959px
}

.g_btns_select_this:hover {
    background-position: -97px -518px
}

.g_btns_waitlist:hover {
    background-position: -260px 1px
}

.g_btns_update:hover {
    background-position: -78px -408px
}

.g_btns_ok:hover {
    background-position: -78px -435px
}

.g_btns_keepshopping:hover {
    background-position: -110px -218px
}

.g_btns_anext:hover {
    background-position: -364px -987px
}

.g_btns_dopay:hover {
    background-position: -374px -1048px
}

.g_btns_doorder:hover {
    background-position: -374px -1021px
}

.g_btns_buy:hover {
    background-position: -125px -1048px
}

.g_btns_711:hover {
    background-position: 0-28px
}

.g_btns_persuade:hover {
    background-position: 0-28px
}

.g_btns_persuade_fbfd:hover {
    background-position: 0-23px
}

.g_btns_fblogin:hover {
    background-position: 0-87px
}

.g_weibo_login_button:hover img {
    opacity: .7
}

.g_btns_bid:hover {
    background-position: 0-28px
}

#g-jump-page a:hover {
    background: #a8a8ab
}

.g-inline-block {
    /* *zoom: 1; */
    /* *display: inline */
}

.g-heart:hover {
    background-position: 0-24px
}

#account .submit a.button:hover {
    background: #9cc242 none repeat scroll 0 0
}

.m-notify .x:hover {
    color: #2e90b7
}

.carousel a:hover.right {
    background-position: -20px -37px
}

.carousel a:hover.left {
    background-position: 0-37px
}

.tabilify a:hover.tab {
    text-decoration: none
}


.g-absolute {
    position: absolute
}

.g-relative {
    position: relative
}

.g-block {
    display: block
}

.g-inline-block {
    display: inline-block
}

.g-flex {
    display: flex
}

.g-grid {
    display: grid
}

.g-w-full {
    width: 100%
}

.g-items-center {
    align-items: center
}

.g-justify-between {
    justify-content: space-between
}

.g-gap-spacing-2xl {
    gap: 24px
}

.g-gap-spacing-m {
    gap: 10px
}

.g-gap-spacing-xl {
    gap: 20px
}

.g-gap-x-spacing-m {
    -moz-column-gap: 10px;
    column-gap: 10px
}

.g-gap-y-spacing-2xl {
    row-gap: 24px
}

.g-bg-color-neutral-000 {
    background-color: #fff
}

.g-bg-color-neutral-050 {
    background-color: #bfbfc1
}

.g-bg-color-primary-060 {
    background-color: #003354
}

.g-fill-current {
    fill: currentColor
}

.g-align-top {
    vertical-align: top
}

.g-text-font-size-2xl {
    font-size: 24px;
    line-height: 1.4
}

.g-text-font-size-4xl {
    font-size: 30px;
    line-height: 1.4
}

.g-text-font-size-l {
    font-size: 18px;
    line-height: 1.4
}

.g-text-font-size-m {
    font-size: 16px;
    line-height: 1.4
}

.g-text-font-size-s {
    font-size: 14px;
    line-height: 1.4
}

.g-text-color-neutral-000 {
    color: #fff
}

.g-text-color-neutral-060 {
    color: #a8a8ab
}

.g-text-color-neutral-120 {
    color: #39393e
}

.g-text-color-neutral-140 {
    color: #202026
}

.g-text-color-primary-060 {
    color: #003354
}

.g-p-spacing-none {
    padding: 0
}

.g-p-spacing-l {
    padding: 14px
}

.g-ph-spacing-s {
    padding-left: 6px;
    padding-right: 6px
}

.g-pv-spacing-m {
    padding-bottom: 10px;
    padding-top: 10px
}

.g-pv-spacing-2xl {
    padding-bottom: 24px;
}

.g-pt-spacing-xs {
    padding-top: 4px
}

.g-pb-spacing-m {
    padding-bottom: 10px
}

.g-pl-spacing-l {
    padding-left: 14px
}

.g-mt-spacing-m {
    margin-top: 10px
}

.g-mb-spacing-2xl {
    margin-bottom: 24px
}

.g-ml-spacing-xs {
    margin-left: 4px
}

.g-text-font-weight-regular {
    font-weight: 400
}

.g-text-font-weight-medium {
    font-weight: 500
}

.g-text-font-weight-semibold {
    font-weight: 600
}

.g-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}


.m-react-button .icon-wrapper:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.m-react-button--loading:before {
    background: #fff;
    border-radius: inherit;
    bottom: -1px;
    content: "";
    left: -1px;
    opacity: .35;
    position: absolute;
    right: -1px;
    top: -1px;
    transition: opacity .2s;
    z-index: 1
}

.m-react-button-spinner:after {
    animation: spinnerAnimation .6s linear infinite;
    border: 3px solid #e5e5e6;
    border-radius: 50%;
    border-top-color: transparent;
    content: " ";
    display: inline-block;
    height: 1em;
    margin: 1px;
    width: 1em
}

@keyframes spinnerAnimation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.m-react-input-checkbox .input-el:disabled,
.m-react-input-radio .input-el:disabled {
    cursor: not-allowed
}

.m-react-input-checkbox .input-el:disabled+.input-control .input-label,
.m-react-input-radio .input-el:disabled+.input-control .input-label {
    color: #a8a8ab
}



.m-react-button .icon-wrapper:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.m-react-button--loading:before {
    background: #fff;
    border-radius: inherit;
    bottom: -1px;
    content: "";
    left: -1px;
    opacity: .35;
    position: absolute;
    right: -1px;
    top: -1px;
    transition: opacity .2s;
    z-index: 1
}

.m-react-button-spinner:after {
    animation: spinnerAnimation .6s linear infinite;
    border: 3px solid #e5e5e6;
    border-radius: 50%;
    border-top-color: transparent;
    content: " ";
    display: inline-block;
    height: 1em;
    margin: 1px;
    width: 1em
}

.m-backdrop.with-loader:after {
    animation: spinnerAnimation .6s linear infinite;
    border: 3px solid #e5e5e6;
    border-radius: 50%;
    border-top-color: #f16c5d;
    content: " ";
    display: inline-block;
    height: 24px;
    left: 50%;
    margin: -12px 1px 1px -12px;
    position: absolute;
    top: 50%;
    width: 24px
}

@keyframes spinnerAnimation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.m-react-notification-toaster .notification .close-btn:hover {
    opacity: .8
}

.m-navigation .navigation__list {
    border-bottom: 4px solid transparent;
    box-sizing: border-box;
    display: inline-block;
    transition: border-color .1s linear;
    width: 12.5%
}

.m-navigation .navigation__list:active {
    border-color: #064162;
    transition: border-color .1s linear
}

.m-navigation .navigation__list--new-dot .navigation__title-inner {
    display: inline-block;
    position: relative
}

.m-navigation .navigation__list--new-dot>.navigation__title .navigation__title-inner:after {
    background: #f16c5d;
    border-radius: 4px;
    content: "";
    display: inline-block;
    height: 4px;
    overflow: hidden;
    position: absolute;
    right: -5px;
    top: 2px;
    vertical-align: text-top;
    width: 4px
}

.m-navigation .navigation__title {
    color: #39393e;
    cursor: default;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 14px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-navigation .navigation__title:hover {
    text-decoration: none
}

.m-navigation .navigation__title--bold {
    font-weight: 700
}

.m-navigation .navigation__title--salmon {
    color: #f16c5d
}

.m-navigation .navigation__title--link {
    cursor: pointer
}

.C8D_p8 {
    max-width: 500px;
    min-width: 250px;
    width: auto !important
}

.YQ_nkS:hover {
    text-decoration: none
}

.YQ_nkS:hover .link-text {
    text-decoration: underline
}

.jma1c0:before {
    background-image: linear-gradient(90deg, rgba(32, 32, 38, .3), transparent);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.xR5cww {
    box-shadow: 0 8px 20px 10px rgba(41, 36, 45, .04);
    box-sizing: border-box;
    display: none;
    font-size: 14px;
    line-height: 20px;
    max-height: 600px;
    top: 48px
}

.nhFq9r {
    left: 0
}

.e8ppP_ {
    font-size: 14px;
    max-height: inherit;
    width: 100%
}

._kA4Xn {
    max-height: inherit
}

.tlQxcs {
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 14px 14px 14px 0
}

.ASDcQA {
    height: 240px;
    width: 200px
}

.uwwj0y:hover {
    text-decoration: none
}

.VjkMle:hover {
    text-decoration: underline
}

.r4f05L:hover {
    background: #f7f7f8;
    text-decoration: none;
    transition: background .5s
}

.r4f05L:hover .banner-title {
    text-decoration: underline
}


.WNLefcYz0vKLJb6enzA4 {
    margin-top: -50px;
    /* min-height: 100dvh; */
    /* min-width: 1000px; */
    padding-top: 24px
}



.m-react-modal .modal-action.s-disabled:after {
    background-color: hsla(0, 0%, 100%, .8);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@keyframes model-tween-unmount {
    0% {
        opacity: 0;
        transform: scale(.9) translateZ(0)
    }

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

@keyframes model-tween-show-mask {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.m-react-button .icon-wrapper:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.m-react-button--loading:before {
    background: #fff;
    border-radius: inherit;
    bottom: -1px;
    content: "";
    left: -1px;
    opacity: .35;
    position: absolute;
    right: -1px;
    top: -1px;
    transition: opacity .2s;
    z-index: 1
}

.m-react-button-spinner:after {
    animation: spinnerAnimation .6s linear infinite;
    border: 3px solid #e5e5e6;
    border-radius: 50%;
    border-top-color: transparent;
    content: " ";
    display: inline-block;
    height: 1em;
    margin: 1px;
    width: 1em
}

.m-backdrop.with-loader:after {
    animation: spinnerAnimation .6s linear infinite;
    border: 3px solid #e5e5e6;
    border-radius: 50%;
    border-top-color: #f16c5d;
    content: " ";
    display: inline-block;
    height: 24px;
    left: 50%;
    margin: -12px 1px 1px -12px;
    position: absolute;
    top: 50%;
    width: 24px
}

@keyframes spinnerAnimation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.m-react-notification-toaster .notification .close-btn:hover {
    opacity: .8
}


@keyframes float {

    0%,
    to {
        transform: translateY(0)
    }

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

.g-floating-icon--mday .g-floating-icon__content:hover .spinner {
    animation: rotate 3s infinite;
    animation-timing-function: linear;
    height: 110%;
    left: -5%;
    top: -5%;
    transition: all, .2s;
    width: 110%
}

.g-floating-icon--mday .g-floating-icon__content:hover .upper {
    top: 3%;
    transition: all, .2s
}

.g-floating-icon--mday .g-floating-icon__content:hover .lower {
    bottom: 3%;
    transition: all, .2s
}

.g-floating-icon--mday .g-floating-icon__content:hover .crown {
    height: 40%;
    transition: all, .2s;
    width: 40%
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}


.slick-list:focus {
    outline: none
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.osNcYApVNQq_HxSxC5r8:hover {
    color: #202026;
    transform: scale(1.2)
}

.XAgglzs8H02f4Z1u9MpY:hover {
    text-decoration: none;
    transform: rotate(2deg)
}

@keyframes zTm9R1E0otYDatLQhP1r {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}


.HrA1sXNlYeKR11oyjtQq::-webkit-scrollbar {
    display: none
}

.W3kJLqupCvCL0t3OJ86t:before {
    background-color: rgba(32, 32, 38, .3);
    bottom: 0;
    content: "";
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.o_IUYN_Q3giXOZyo3fBh:before {
    background-image: url(data:image/png;base64,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);
    background-position: bottom;
    background-size: 100%;
    content: "";
    display: block;
    height: 72px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.o_IUYN_Q3giXOZyo3fBh:after {
    background-image: var(--sf-img-6);
    bottom: 0;
    content: "";
    display: block;
    height: 44px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    transition: all var(--t-duration) ease;
    width: 210px
}

.o_IUYN_Q3giXOZyo3fBh.ZA85csL95SSky3osMXHG:after {
    opacity: 0
}

.i7XdxclRVaNeVrf3OQzg:before {
    background-image: url(data:image/png;base64,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);
    background-position: bottom;
    background-size: 100%;
    content: "";
    display: block;
    height: 55px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.i7XdxclRVaNeVrf3OQzg:after {
    background-image: var(--sf-img-6);
    bottom: 0;
    content: "";
    display: block;
    height: 44px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    transition: all var(--t-duration) ease;
    width: 210px
}

.i7XdxclRVaNeVrf3OQzg.xGfrcIWTdFvrbTLWunhh:before {
    height: 72px
}

.i7XdxclRVaNeVrf3OQzg.xGfrcIWTdFvrbTLWunhh:after {
    opacity: 0
}

@keyframes l_S2KbBUZY6B5Kq3XQ0x {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes zTm9R1E0otYDatLQhP1r {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}


@keyframes react-loading-skeleton {
    100% {
        transform: translateX(100%)
    }
}

.react-loading-skeleton::after {
    content: " ";
    display: var(--pseudo-element-display);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-image: var(--custom-highlight-background, linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));
    transform: translateX(-100%);
    animation-name: react-loading-skeleton;
    animation-direction: var(--animation-direction);
    animation-duration: var(--animation-duration);
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}


.slick-list:focus {
    outline: none
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.YSGxVlPfnrK_AabmOaGu {
    transition: background-color .3s linear
}

.SbWnjKPR_JWfJghiU_v2 {
    margin: 0 auto;
    max-width: 1200px;
    padding: 48px 10px
}

.SbWnjKPR_JWfJghiU_v2 .sliderContainer {
    height: auto;
    width: 100%
}

.SbWnjKPR_JWfJghiU_v2 .slick-slide:not(.slick-active) {
    pointer-events: none
}

@media (min-width:1200px) {
    .SbWnjKPR_JWfJghiU_v2 {
        padding: 48px 0
    }
}

.QZsnthuh1RlwpY7sDv1H {
    color: #515156;
    cursor: pointer;
    height: 30px;
    transition: all .2s ease;
    width: 30px
}

.QZsnthuh1RlwpY7sDv1H:hover {
    color: #202026;
    transform: scale(1.2)
}

.WLqI1rv0bHkRxGeA6OkV {
    letter-spacing: 2px
}

.PC_RSYZw3mkRRZYI9zKN {
    aspect-ratio: 552/220;
    flex: 552
}

.IZ4ZxatrE5PowU2dP028,
.Va79J0xfu7IOO6HYW2kg,
.Z643V5NgeKVEnz5pQDCl,
.p3vuXgmzxH4Ii0nQA375 {
    aspect-ratio: 300/220;
    flex: 300
}

.BmG5bUe12EMhJ43zXy8I,
.pnktPL2KO1A43DaGUwWj {
    aspect-ratio: 452/220;
    flex: 452
}

.CemW5AXTZgBB3Py4KYOt {
    aspect-ratio: 400/464;
    flex: 400
}

.iOBR7WRs_aVlz4xjSigi {
    flex: 794
}

.HrqO2gAtRM_TRkilfpZt {
    max-width: 1200px;
    padding: 20px 0;
    width: 100%;
    display: inline-block;
}

.HfmAfVHHpddUgMDiXJsw {
    display: inline-block;
    height: 100%;
    perspective: 2000px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

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

.HfmAfVHHpddUgMDiXJsw:hover .S_9MrSstcE2Q5PHAD94_ {
    transform: rotateY(180deg)
}

.S_9MrSstcE2Q5PHAD94_ {
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: transform .5s;
    width: 100%
}

.I3KKPeZ2BywN5D7vPfZl {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 6px;
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.ZDJKTczpbxtTtuqRryU9 {
    transform: rotateY(180deg)
}

.Tq6jIMV5_bgdZ3_3EADi {
    align-items: flex-end;
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5));
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    left: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0
}

.HfqghOt9YJyDY8q7wW5_ {
    width: 100%
}

.XqHeCnGYlsIWYxm97QAQ {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    border-width: 0;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
    color: #39393e;
    display: flex;
    flex-shrink: 0;
    height: 30px;
    justify-content: center;
    width: 30px;
    z-index: 2
}

@keyframes zTm9R1E0otYDatLQhP1r {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}


.asnnXeS2i31QqXoVO0Ta {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 10px
}

@media (min-width:1200px) {
    .asnnXeS2i31QqXoVO0Ta {
        padding: 0
    }
}

.obyv3C6hHGfBTc2RQHXQ {
    display: flex;
    gap: 36px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-x: contain;
    overscroll-behavior-y: auto;
    padding: 20px 0;
    touch-action: pan-y;
    width: 100%
}

.obyv3C6hHGfBTc2RQHXQ::-webkit-scrollbar {
    display: none
}

.mKzTBAjLInY0XwWqOBC9 {
    flex-shrink: 0
}

.ZjuzS7JVuAVyFjA9WCul {
    border-radius: 2px;
    cursor: pointer;
    flex-shrink: 0;
    height: 450px;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: width .3s ease;
    width: 370px
}

.ZjuzS7JVuAVyFjA9WCul.lal_EuVbyKRzUPCVScmq {
    width: 775px
}

.ZjuzS7JVuAVyFjA9WCul:not(.lal_EuVbyKRzUPCVScmq):before {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color .3s ease;
    z-index: 1
}

.ZjuzS7JVuAVyFjA9WCul:not(.lal_EuVbyKRzUPCVScmq):hover:before {
    background-color: transparent
}

.ZjuzS7JVuAVyFjA9WCul:not(.lal_EuVbyKRzUPCVScmq).DAgw2tA4cPJmnNgdj76x {
    cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOCAzNmM5Ljk0MSAwIDE4LTguMDU5IDE4LTE4UzI3Ljk0MSAwIDE4IDAgMCA4LjA1OSAwIDE4czguMDU5IDE4IDE4IDE4WiIgZmlsbD0iI2ZmZiIgZmlsbC1vcGFjaXR5PSIuOCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuMzIgMTcuMDRoMTEuNzEybC01LjM3Ni01LjM3NkwxOCAxMC4zMiAyNS42OCAxOCAxOCAyNS42OGwtMS4zNDQtMS4zNDQgNS4zNzYtNS4zNzZIMTAuMzJ2LTEuOTJaIiBmaWxsPSIjMDAzMzU0Ii8+PC9zdmc+), auto
}

.Tj3H3O:focus {
    outline: none
}

.mission-game-popup a:hover {
    text-decoration: none
}

@keyframes fade-in-right-to-left {
    0% {
        right: -300px
    }

    to {
        right: 30px
    }
}

@keyframes fade-in-left-to-right {
    0% {
        right: 30px
    }

    to {
        right: -300px
    }
}

@keyframes fade-in-bottom-to-top {
    0% {
        bottom: -60px
    }

    to {
        bottom: 60px
    }
}

@keyframes fade-in-top-to-bottom {
    0% {
        bottom: 60px
    }

    to {
        bottom: -60px
    }
}

@keyframes fade-in-bottom-to-top-product-page {
    0% {
        bottom: -60px
    }

    to {
        bottom: 120px
    }
}

@keyframes fade-in-top-to-bottom-product-page {
    0% {
        bottom: 120px
    }

    to {
        bottom: -60px
    }
}

.m-fixed-modal-cross:hover {
    background-color: #66666a
}

@keyframes modalFadeDown {
    0% {
        opacity: .005;
        transform: translate3d(-50%, -150px, 1px)
    }

    to {
        opacity: 1;
        transform: translate3d(-50%, 0)
    }
}

.m-notification-alert-modal.m-modal-desktop-wrap .confirm-btns-wrap:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden
}

.m-notification-alert-modal.m-modal-desktop-wrap.s-delete-modal .m-modal-desktop .alert .alert-confirm-btn:hover {
    background: #d72136;
    border-color: #d72136
}

.m-notification-alert-modal.m-modal-desktop-wrap.s-delete-modal .m-modal-desktop .alert .alert-confirm-btn:active {
    background: #c41428;
    border-color: #c41428
}

.hB2lsXKmNTe5Z7W5aceQ {
    display: flex;
    gap: 14px;
    height: 100%;
    pointer-events: none;
    width: 100%
}

.hB2lsXKmNTe5Z7W5aceQ.UuKI3bo_P2Jo3cD7Vscz {
    pointer-events: auto
}

.hB2lsXKmNTe5Z7W5aceQ.UuKI3bo_P2Jo3cD7Vscz .x7_3arZcuQhvJ9soGf5C {
    display: block
}

.hB2lsXKmNTe5Z7W5aceQ.UuKI3bo_P2Jo3cD7Vscz .VJy26qSsc55oZzY39MHy {
    opacity: 1
}

.hB2lsXKmNTe5Z7W5aceQ img {
    border-radius: 2px;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    width: 100%
}

.hB2lsXKmNTe5Z7W5aceQ a:hover {
    text-decoration: none
}

.suGOhqKwwg2q2dcups5w {
    flex-shrink: 0;
    height: 450px;
    position: relative;
    width: 370px
}

.VJy26qSsc55oZzY39MHy {
    align-items: flex-start;
    bottom: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: flex-end;
    left: 0;
    opacity: 0;
    padding: 20px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    transition: opacity .3s ease
}

.VJy26qSsc55oZzY39MHy:after {
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5));
    bottom: 0;
    content: "";
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0
}

.a01M2eoIf3LdJZLPoPrD {
    position: relative;
    z-index: 1
}

.n8EpvLhDG5hnlUs3KeZu {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.yhS7CHdKFohrjkxhTd9A {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 390px
}

.mtedpGFQfKvkGnM7H0R4 {
    display: flex;
    gap: 14px
}

.mtedpGFQfKvkGnM7H0R4:hover .w2PJgZ1YUt8OiH2mTehT {
    opacity: 1
}

.CWCJYp47fIMBWOr9SrSA {
    flex-shrink: 0;
    height: 140px;
    position: relative;
    width: 140px
}

.zdkoTkLC4zKAYjzrwDae {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 10px;
    justify-content: center;
    text-align: left
}

.e2r9SJQ12X08WnrBZVte {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #202026;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.x7_3arZcuQhvJ9soGf5C {
    background-color: rgba(0, 0, 0, .25);
    border-radius: 2px;
    height: auto;
    overflow: hidden;
    padding: 0 4px;
    position: absolute;
    right: 4px;
    top: 4px;
    width: auto;
    z-index: 10
}

.x7_3arZcuQhvJ9soGf5C .pOgOXJMG5FMXL75AQ30W {
    color: #eeeeef;
    font-size: 12px;
    font-weight: 400
}

.z68pLbkZ_idEsb15eOwP:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid hsla(0, 0%, 100%, .8);
    bottom: -5px;
    content: "";
    height: 0;
    left: 20px;
    position: absolute;
    width: 0
}

.w2PJgZ1YUt8OiH2mTehT {
    bottom: 30px;
    opacity: 0;
    position: absolute;
    right: 30px;
    transition: opacity .3s ease
}

@keyframes z68pLbkZ_idEsb15eOwP {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(-10px)
    }
}

@keyframes l_S2KbBUZY6B5Kq3XQ0x {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes zTm9R1E0otYDatLQhP1r {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}


.QJiiz7CMDTeuBMmtc0hh {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 10px
}

@media (min-width:1200px) {
    .QJiiz7CMDTeuBMmtc0hh {
        padding: 0
    }
}

.Fxf62mhvtOVyWBf8ciOu .m-card-product {
    margin: 0;
    max-width: none;
    width: 100%
}

.Fxf62mhvtOVyWBf8ciOu .m-card-product .link-top {
    aspect-ratio: 1/1;
    overflow: hidden
}

.Fxf62mhvtOVyWBf8ciOu .m-card-product .image {
    height: 100%;
    padding-bottom: 0;
    width: 100%
}

.Fxf62mhvtOVyWBf8ciOu .m-card-product .image .img {
    aspect-ratio: 1/1;
    border-radius: 6px;
    object-fit: cover;
    width: 100%
}

.Fxf62mhvtOVyWBf8ciOu .m-card-product .price-block {
    margin-top: 6px
}

.Fxf62mhvtOVyWBf8ciOu .m-card-product .price {
    margin-left: 0;
    width: 100%
}

.Fxf62mhvtOVyWBf8ciOu .m-card-product .product-link .favorite {
    display: block
}

.Fxf62mhvtOVyWBf8ciOu .m-card-product .product-link .link-top .image:after {
    display: none
}

.bGYiLkAn3ELrsxlUuBhV {
    margin: 0 auto;
    width: 280px
}

.Tj3H3O:focus {
    outline: none
}

.mission-game-popup a:hover {
    text-decoration: none
}

@keyframes fade-in-right-to-left {
    0% {
        right: -300px
    }

    to {
        right: 30px
    }
}

@keyframes fade-in-left-to-right {
    0% {
        right: 30px
    }

    to {
        right: -300px
    }
}

@keyframes fade-in-bottom-to-top {
    0% {
        bottom: -60px
    }

    to {
        bottom: 60px
    }
}

@keyframes fade-in-top-to-bottom {
    0% {
        bottom: 60px
    }

    to {
        bottom: -60px
    }
}

@keyframes fade-in-bottom-to-top-product-page {
    0% {
        bottom: -60px
    }

    to {
        bottom: 120px
    }
}

@keyframes fade-in-top-to-bottom-product-page {
    0% {
        bottom: 120px
    }

    to {
        bottom: -60px
    }
}

.m-fixed-modal-cross:hover {
    background-color: #66666a
}

@keyframes modalFadeDown {
    0% {
        opacity: .005;
        transform: translate3d(-50%, -150px, 1px)
    }

    to {
        opacity: 1;
        transform: translate3d(-50%, 0)
    }
}

.m-notification-alert-modal.m-modal-desktop-wrap .confirm-btns-wrap:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden
}

.m-notification-alert-modal.m-modal-desktop-wrap.s-delete-modal .m-modal-desktop .alert .alert-confirm-btn:hover {
    background: #d72136;
    border-color: #d72136
}

.m-notification-alert-modal.m-modal-desktop-wrap.s-delete-modal .m-modal-desktop .alert .alert-confirm-btn:active {
    background: #c41428;
    border-color: #c41428
}

@keyframes fadeOut {
    0% {
        opacity: .25
    }

    to {
        opacity: 0
    }
}


.Tj3H3O:focus {
    outline: none
}

.mission-game-popup a:hover {
    text-decoration: none
}

@keyframes fade-in-right-to-left {
    0% {
        right: -300px
    }

    to {
        right: 30px
    }
}

@keyframes fade-in-left-to-right {
    0% {
        right: 30px
    }

    to {
        right: -300px
    }
}

@keyframes fade-in-bottom-to-top {
    0% {
        bottom: -60px
    }

    to {
        bottom: 60px
    }
}

@keyframes fade-in-top-to-bottom {
    0% {
        bottom: 60px
    }

    to {
        bottom: -60px
    }
}

@keyframes fade-in-bottom-to-top-product-page {
    0% {
        bottom: -60px
    }

    to {
        bottom: 120px
    }
}

@keyframes fade-in-top-to-bottom-product-page {
    0% {
        bottom: 120px
    }

    to {
        bottom: -60px
    }
}

.m-fixed-modal-cross:hover {
    background-color: #66666a
}

@keyframes modalFadeDown {
    0% {
        opacity: .005;
        transform: translate3d(-50%, -150px, 1px)
    }

    to {
        opacity: 1;
        transform: translate3d(-50%, 0)
    }
}

.m-notification-alert-modal.m-modal-desktop-wrap .confirm-btns-wrap:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden
}

.m-notification-alert-modal.m-modal-desktop-wrap.s-delete-modal .m-modal-desktop .alert .alert-confirm-btn:hover {
    background: #d72136;
    border-color: #d72136
}

.m-notification-alert-modal.m-modal-desktop-wrap.s-delete-modal .m-modal-desktop .alert .alert-confirm-btn:active {
    background: #c41428;
    border-color: #c41428
}

.slick-list:focus {
    outline: none
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.oPhWk_xI85GWWCXeIRFb {
    color: #515156 !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    min-width: 0;
    position: relative;
    touch-action: pan-y
}

.oPhWk_xI85GWWCXeIRFb:hover {
    text-decoration: none
}

.oPhWk_xI85GWWCXeIRFb .sliderPaginator {
    bottom: 10px;
    display: flex !important;
    flex-direction: row;
    gap: 6px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 2
}

.oPhWk_xI85GWWCXeIRFb .sliderPaginator li {
    height: 7px;
    width: 7px
}

.oPhWk_xI85GWWCXeIRFb .slick-track {
    display: flex !important
}

.oPhWk_xI85GWWCXeIRFb .slick-list {
    aspect-ratio: 173/200
}

.Zh81pos09ZaXc1DdJq32 {
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

@media (min-width:1200px) {
    .Zh81pos09ZaXc1DdJq32 {
        border-radius: 6px
    }
}

.Rqt5aEjjuy6aE0pB5aCZ {
    aspect-ratio: 173/200;
    position: relative
}

.VmCjzGA9duQmXyIJhiDS {
    height: 100%;
    left: 0;
    object-fit: cover;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.Zh81pos09ZaXc1DdJq32:hover .d8op_MfyHiTGQf9HyBH3 {
    opacity: 1
}

.d8op_MfyHiTGQf9HyBH3 {
    color: #fff;
    cursor: pointer;
    filter: drop-shadow(0 0 10px #202026);
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .3s ease
}

.d8op_MfyHiTGQf9HyBH3.SnVsPhAcow46GCD8p_cZ {
    left: 0
}

.d8op_MfyHiTGQf9HyBH3.xSUeTFE3oWGqJMfhhVvw {
    right: 0
}

.MPUIYR9eHJn2VbqRu6Ta {
    bottom: 34px;
    position: absolute;
    right: 34px
}

.MPUIYR9eHJn2VbqRu6Ta .efIl1zsnPowbSB7UWCSn {
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px
}

.MPUIYR9eHJn2VbqRu6Ta .efIl1zsnPowbSB7UWCSn.gMHmzAVoIJ8s5vn5gzmG svg {
    fill: rgba(32, 32, 38, .4)
}

.MPUIYR9eHJn2VbqRu6Ta .efIl1zsnPowbSB7UWCSn.CcQfNz12zRXkKmBnk04U svg {
    fill: #fff
}

.lpztTHcDm5DgCRhCrH6F:active {
    color: #515156;
    text-decoration: underline;
    -webkit-text-decoration-color: #515156;
    text-decoration-color: #515156;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px
}

@keyframes l_S2KbBUZY6B5Kq3XQ0x {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes zTm9R1E0otYDatLQhP1r {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes KArSOafFA2KYe6Idb288 {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(-50%)
    }

    75% {
        transform: translateX(-50%)
    }

    to {
        transform: translateX(0)
    }
}


.GOYo6zQiirhSkMfKtNVv {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 10px
}

@media (min-width:1200px) {
    .GOYo6zQiirhSkMfKtNVv {
        padding: 0
    }
}

.Jl8KZnti4FLMySc906QO {
    margin: 0 auto;
    width: 280px
}

.PUM3_xbzmn7kd8xrFcwK {
    box-sizing: content-box;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%
}

.GpDGe7bhRmvWpqfuVaVQ {
    align-items: center;
    display: flex;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0 10px;
    width: max-content
}

@media (min-width:768px) {
    .GpDGe7bhRmvWpqfuVaVQ {
        gap: 14px;
        padding: 0
    }
}

.UieBr98n9qnWt7CDsj32 {
    flex-shrink: 0
}

.bCb44Ad8zccOk3abtVeE {
    background: #f7f7f8;
    border: 1px solid #d3d3d5;
    border-radius: 100px;
    box-sizing: border-box;
    color: #39393e;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 400;
    height: 30px;
    padding: 0 14px;
    text-align: center;
    text-decoration: none
}

@media (min-width:768px) {
    .bCb44Ad8zccOk3abtVeE {
        background: #eeeeef;
        border: 1px solid transparent;
        font-size: 14px;
        font-weight: 500;
        height: 40px;
        padding: 0 20px
    }
}

.UayImLkdlltHkYhVkiKM {
    background: #fff8f7;
    border-color: #da5648;
    font-weight: 500
}


.dDGwaH,
.yIH0wG {
    touch-action: none
}

.dDGwaH {
    bottom: 14px;
    left: 50%;
    margin: 0 auto;
    position: fixed;
    transform: translate(-50%);
    z-index: 888777
}

@media (max-width:479px) {
    .dDGwaH {
        bottom: 14px;
        box-sizing: border-box;
        padding: 0 14px;
        width: 100%
    }
}

.Tj3H3O:focus {
    outline: none
}

.mission-game-popup a:hover {
    text-decoration: none
}

@keyframes fade-in-right-to-left {
    0% {
        right: -300px
    }

    to {
        right: 30px
    }
}

@keyframes fade-in-left-to-right {
    0% {
        right: 30px
    }

    to {
        right: -300px
    }
}

@keyframes fade-in-bottom-to-top {
    0% {
        bottom: -60px
    }

    to {
        bottom: 60px
    }
}

@keyframes fade-in-top-to-bottom {
    0% {
        bottom: 60px
    }

    to {
        bottom: -60px
    }
}

@keyframes fade-in-bottom-to-top-product-page {
    0% {
        bottom: -60px
    }

    to {
        bottom: 120px
    }
}

@keyframes fade-in-top-to-bottom-product-page {
    0% {
        bottom: 120px
    }

    to {
        bottom: -60px
    }
}

.m-fixed-modal-cross:hover {
    background-color: #66666a
}

@keyframes modalFadeDown {
    0% {
        opacity: .005;
        transform: translate3d(-50%, -150px, 1px)
    }

    to {
        opacity: 1;
        transform: translate3d(-50%, 0)
    }
}

.m-notification-alert-modal.m-modal-desktop-wrap .confirm-btns-wrap:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden
}

.m-notification-alert-modal.m-modal-desktop-wrap.s-delete-modal .m-modal-desktop .alert .alert-confirm-btn:hover {
    background: #d72136;
    border-color: #d72136
}

.m-notification-alert-modal.m-modal-desktop-wrap.s-delete-modal .m-modal-desktop .alert .alert-confirm-btn:active {
    background: #c41428;
    border-color: #c41428
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

.slick-list,
.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px
}

.slick-slide img {
    display: block
}

.slick-initialized .slick-slide {
    display: block
}

.slick-dots {
    font-size: 0;
    margin-top: 10px
}

.slick-dots li {
    display: inline-block
}

.ROPUoX72ZMPQalx8yv0R {
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden
}

.ROPUoX72ZMPQalx8yv0R .slick-dots {
    bottom: 6px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 2
}

.ROPUoX72ZMPQalx8yv0R .slick-dots li {
    margin: 0
}

.ROPUoX72ZMPQalx8yv0R .slick-list {
    aspect-ratio: 1/1
}

.ROPUoX72ZMPQalx8yv0R:hover {
    text-decoration: none
}

.ROPUoX72ZMPQalx8yv0R:hover .wyU430xubCpD5oc908vv {
    opacity: 1
}

.w07wKR_wscNjHywObHoP {
    min-width: 0;
    padding-top: 100%;
    position: relative
}

.i6XyXDSTsMSFivqsxNYf {
    aspect-ratio: 1/1;
    min-width: 0;
    position: relative
}

.e3BdNXsCGJg8r1UhHR_R {
    bottom: 30px;
    position: absolute;
    right: 30px
}

.e3BdNXsCGJg8r1UhHR_R .vvBBPmjeWpshniBojxTA {
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px
}

.e3BdNXsCGJg8r1UhHR_R .vvBBPmjeWpshniBojxTA.Z83VZh3jxiJsO1STt8uW svg {
    fill: rgba(32, 32, 38, .4)
}

.e3BdNXsCGJg8r1UhHR_R .vvBBPmjeWpshniBojxTA._u2HPVTYP4CztWqgsBY_ svg {
    fill: #fff
}

.JWiegP5fmt3zC2aHnedS {
    aspect-ratio: 1/1;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

@media (min-width:1200px) {
    .JWiegP5fmt3zC2aHnedS {
        border-radius: 6px;
        overflow: hidden
    }
}

.Rv3sjWcIKAWwnBfqwP85 {
    grid-gap: 4px;
    display: grid;
    gap: 4px;
    padding: 6px
}

.pKtEN9sB_ZLIQH_eVvwr {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #202026;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.FoqZMkKVkhuWXFPDIR9w {
    color: #003354;
    font-size: 16px;
    font-weight: 500
}

.uxQm1lcYN026KfgeNytp {
    color: #515156;
    font-size: 12px;
    font-weight: 400
}

.grYo14YMP5Df84x_1dMV {
    border-radius: 2px 0 2px 0;
    display: flex;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: fit-content
}

.grYo14YMP5Df84x_1dMV .g-item-badge {
    border-radius: 0;
    position: relative
}

.wyU430xubCpD5oc908vv {
    color: #fff;
    cursor: pointer;
    filter: drop-shadow(0 0 10px #202026);
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .3s ease
}

.wyU430xubCpD5oc908vv.DJV7ImYshbREyP1glTXh {
    left: 0
}

.wyU430xubCpD5oc908vv.VSzV0BgH2tmCxUxPkAqh {
    right: 0
}

.q7TK1acP4_8QddwP6Tp_ {
    align-items: center;
    display: flex;
    justify-content: center;
    transition: all .3s linear
}

.TT7SQcRi_vGMhaRjkeYC {
    border-radius: 50%;
    flex-shrink: 0;
    overflow: hidden;
    transition: all .3s ease
}

.TT7SQcRi_vGMhaRjkeYC.QgnXsv5WESfgM_7cSIuA {
    background-color: #d3d3d5;
    border-radius: 10px
}

.VzD_ZHy3Qvgb6M85SY15 {
    background-color: #e5e5e6
}

.bdmxnIu8_B6p2dLMxA19,
.l_S2KbBUZY6B5Kq3XQ0x {
    background-color: #003354
}

.l_S2KbBUZY6B5Kq3XQ0x {
    animation: l_S2KbBUZY6B5Kq3XQ0x linear forwards;
    border-radius: 10px;
    height: 100%;
    width: 100%
}

@keyframes l_S2KbBUZY6B5Kq3XQ0x {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.tAouDGTWqT7Vu29CWPCn {
    display: flex;
    gap: 6px;
    justify-content: center
}

@media (min-width:768px) {
    .tAouDGTWqT7Vu29CWPCn {
        padding: 0 10px
    }
}

.aGPeQsJJG3YNsRSzzrbg {
    border-radius: 50%;
    flex-shrink: 0;
    height: 8px;
    overflow: hidden;
    transition: all .3s ease;
    width: 8px
}

.aGPeQsJJG3YNsRSzzrbg.Rkx_XQeoj75mzzuhkECP {
    background-color: #e5e5e6
}

.aGPeQsJJG3YNsRSzzrbg.eCRMKcFjXToJMBplEhWS {
    background-color: #d3d3d5;
    border-radius: 10px;
    width: 45px
}

.zTm9R1E0otYDatLQhP1r {
    animation: zTm9R1E0otYDatLQhP1r linear forwards;
    background-color: #003354;
    border-radius: 10px;
    height: 100%;
    width: 100%
}

@keyframes zTm9R1E0otYDatLQhP1r {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes KArSOafFA2KYe6Idb288 {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(-50%)
    }

    75% {
        transform: translateX(-50%)
    }

    to {
        transform: translateX(0)
    }
}

.HV9UeIMDFUwPzvy2YgQ_ {
    margin-bottom: 10px
}

.LTmRYIgq_CGRE32KjXvw {
    color: #7c7c80;
    margin-right: 6px
}

.IHR5y3oYSuKWSHJb14Uu {
    align-items: center;
    color: #39393e;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 6px
}

@media (min-width:768px) {
    .IHR5y3oYSuKWSHJb14Uu {
        padding: 10px 0
    }
}

.qCIVAETalPNWuFgC8rn0 {
    grid-gap: 10px;
    display: grid;
    gap: 10px
}

.mDVJn8aMExxwwiUVwfKH {
    border-radius: 2px;
    overflow: hidden;
    padding-top: 32.36994%;
    position: relative
}

@media (min-width:768px) {
    .mDVJn8aMExxwwiUVwfKH {
        padding-top: 26.19048%
    }
}

.wfd1HOzc5QKmwWO050gj {
    object-fit: cover
}

.UyZuTc8dF3cOXhdP_aN1,
.wfd1HOzc5QKmwWO050gj {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.UyZuTc8dF3cOXhdP_aN1 {
    align-items: center;
    background-color: rgba(32, 32, 38, .5);
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    z-index: 1
}


.bGxzmMAsBpdN6EC6cD9w {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 10px
}

@media (min-width:1200px) {
    .bGxzmMAsBpdN6EC6cD9w {
        padding: 0
    }
}

.SjNSXoYnRSrmt2ec3MA0 {
    margin: 0 auto;
    width: 280px
}

.ODs_8834VoJ4P0eiUjJn {
    z-index: 10
}



body {
    background: #f0f0f0;
    margin: 0
}

header {
    background-color: #fff;
    width: 100%;
    max-width: 100vw;
    min-height: 50px;
    box-sizing: border-box
}

h1 {
    margin: 0
}

@media (min-width:480px) {
    #m-mainview {
        opacity: 0
    }
}

:root {
    --header-collapsed-height: 50px;
    --header-base-height: 68px;
    --header-search-box-height: 38px;
    --header-app-bar-height: 49px;
    --header-ftb-banner-height: 0px;
    --header-promo-link-height: 36px;
    --header-total-height: 142px;
    --header-no-search-promo-height: 93px
}

.HfmAfVHHpddUgMDiXJsw {
    display: inline-block;
    height: 100%;
    perspective: 2000px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

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

.HfmAfVHHpddUgMDiXJsw:hover .S_9MrSstcE2Q5PHAD94_ {
    transform: rotateY(180deg)
}

.S_9MrSstcE2Q5PHAD94_ {
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: transform .5s;
    width: 100%
}

.ZDJKTczpbxtTtuqRryU9 {
    transform: rotateY(180deg)
}


.p-h-force-bg #m-mainview {
    background: #fff
}

.p-h-preinit #m-mainview {
    opacity: 1
}

article,
footer,
header,
main,
section {
    display: block
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: sans-serif
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

button {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button {
    line-height: normal
}

button {
    text-transform: none
}

button {
    -webkit-appearance: button;
    cursor: pointer
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

body,
html {
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth
}

.s-en body {
    font-family: Helvetica Neue, Helvetica, Arial, Verdana, sans-serif
}

button,
html {
    color: #39393e
}

::-moz-placeholder {
    color: #a8a8ab
}

::placeholder {
    color: #a8a8ab
}

body {
    -webkit-tap-highlight-color: rgba(32, 32, 38, 0);
    -webkit-text-size-adjust: none;
    word-wrap: break-word;
    background: #fff;
    font-size: 13px;
    line-height: 1.4
}

a,
a:active,
a:visited {
    color: #89142f;
    text-decoration: none
}

img {
    vertical-align: middle
}

h1,
h3,
p {
    font-size: 13px;
    margin: 0;
    padding: 0
}

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

p,
ul {
    margin: 0
}

p {
    text-align: left
}

.g-viewport-ref-line {
    display: block;
    height: 0;
    position: relative;
    width: 100%
}

.g-viewport-ref-line .inner {
    height: 10px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-100%);
    width: 10px;
    z-index: 2
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.g-filter .filter-wrap>ul li.filter-list:after {
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 19px;
    position: absolute;
    right: 15px;
    top: 8px;
    transform: rotate(180deg);
    transition: transform .2s ease-out;
    width: 19px
}

.g-filter .filter-wrap>ul li.filter-list.s-collapsed:after {
    transform: rotate(0);
    transform-origin: 50% 50%
}

.g-filter .filter-wrap>ul li.filter-list input:checked~label {
    color: #f16c5d
}

.g-filter .filter-wrap>ul li.filter-list input:checked~label+.subcategory-list {
    display: block
}

.g-footer {
    color: #39393e;
    margin: 0 auto
}

.g-footer__section-title {
    color: #39393e;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    padding-bottom: 6px
}

.g-footer-wrapper {
    background: #f7f7f8;
    color: #515156;
    padding: 14px 24px
}

.g-footer-wrapper--nav {
    padding-bottom: 14px
}

.g-footer-links {
    word-wrap: break-word;
    align-items: flex-start;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin: 0-7px
}

.g-footer-links__link {
    color: #39393e;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px
}

.g-footer-links__link:visited,
.g-topic-links__link:visited {
    color: inherit
}

.g-footer-links__item {
    padding: 0 7px
}

.g-footer-links__item--share {
    line-height: 0
}

.g-footer-links--share {
    padding-top: 6px
}

.g-footer-icon {
    display: inline-block;
    height: 40px;
    line-height: 0;
    padding: 0;
    width: 40px
}

.g-footer-icon svg {
    display: block;
    height: 100%;
    width: 100%
}

.g-footer-app-download {
    display: inline-block;
    height: 36px;
    padding: 0 7px;
    width: 120px
}

.g-footer-app-download__img {
    height: 100%;
    width: 100%
}

.g-footer-static {
    background: #eeeeef;
    padding: 14px 0
}

.g-footer-brands {
    padding: 0 24px
}

.g-footer-brands__brands {
    padding-bottom: 10px
}

.g-footer-brands__logo {
    display: inline-block;
    height: 22px;
    margin-right: 14px;
    vertical-align: middle
}

.g-footer-brands__slogan {
    display: inline-block;
    font-weight: 500;
    vertical-align: bottom
}

.g-footer-brands p {
    line-height: 1.6
}

.g-footer-brands a,
.g-footer-brands a:active,
.g-footer-brands a:hover,
.g-footer-brands a:visited {
    color: #39393e;
    text-decoration: none
}

.g-lazy-fadein {
    animation-delay: 0s;
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-name: g-lazy-fadein;
    opacity: 0;
    transform-style: preserve-3d;
    will-change: opacity
}

.mobile .m-button-fav:after {
    background-image: var(--sf-img-0);
    background-position: 0 0;
    content: "";
    height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 22px
}

.mobile .m-button-fav[data-click=unfav]:active,
.mobile .m-button-fav[data-click=unfav]:hover {
    background-color: #f7f7f8;
    border: 1px solid #e5e5e6;
    height: 36px;
    margin-bottom: 4px;
    width: 54px
}

.mobile .m-button-fav[data-click=unfav]:active:after,
.mobile .m-button-fav[data-click=unfav]:after,
.mobile .m-button-fav[data-click=unfav]:hover:after {
    background-position: -22px 0
}

.mobile .m-button-fav[data-click=fav]:active,
.mobile .m-button-fav[data-click=fav]:hover {
    background-color: #869095;
    box-shadow: none;
    box-sizing: border-box;
    height: 38px;
    margin-bottom: 0;
    position: relative;
    transform: translateZ(0);
    width: 56px
}

.mobile .m-button-fav[data-click=fav]:active:after,
.mobile .m-button-fav[data-click=fav]:hover:after {
    background-image: var(--sf-img-0);
    background-position: 0 0;
    content: "";
    height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 22px
}

.mobile .m-button-contact:after {
    background-image: var(--sf-img-0);
    background-position: -53px 0;
    background-repeat: no-repeat;
    content: "";
    height: 16px;
    left: 13px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 21px
}

.mobile .m-button-group:hover {
    box-shadow: none;
    transform: none
}

.m-card-scroll:after {
    background: #fff;
    bottom: 0;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    width: 100%
}

.m-card-product {
    box-sizing: border-box;
    display: inline-block;
    font-size: 0;
    margin: 0 6px;
    position: relative;
    vertical-align: top;
    width: 43vw
}

@media (min-width:480px) {
    .m-card-product {
        width: 29vw
    }
}

@media (min-width:768px) {
    .m-card-product {
        width: 20vw
    }
}

.m-card-product .product-link {
    color: #39393e;
    display: inline-block;
    font-weight: 400;
    line-height: 1.4;
    position: relative;
    width: 100%
}

.m-card-product .link-top {
    display: block;
    position: relative
}

.m-card-product .favorite {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 12
}

.m-card-product .m-product-fav {
    display: block;
    height: 24px;
    padding: 6px;
    position: relative;
    width: 24px
}

.m-card-product .m-product-fav:after {
    display: none
}

.m-card-product .m-product-fav svg {
    display: block;
    height: 24px;
    width: 24px
}

.m-card-product .m-product-fav .fav-full {
    color: #bfbfc1;
    left: 6px;
    position: absolute;
    top: 6px
}

.m-card-product .m-product-fav .fav-full svg {
    fill: rgba(32, 32, 38, .4)
}

.m-card-product .m-product-fav .fav-empty svg {
    fill: #fff
}

.m-card-product .m-product-fav:hover .fav-full .color,
.m-card-product .m-product-fav:hover .fav-full svg {
    fill: rgba(32, 32, 38, .8)
}

.m-card-product .m-impressions-log {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.m-card-product .image {
    background: #f7f7f8;
    display: block;
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

.m-card-product .image .img {
    border-radius: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.m-card-product .card-discount-badge {
    border-radius: 2px 0 2px 0;
    box-shadow: 1px 1px 2px 0 rgba(32, 32, 38, .2);
    font-size: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0
}

.m-card-product .card-discount-badge .g-item-badge {
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    position: relative;
    vertical-align: top
}

.m-card-product .details {
    color: #39393e;
    display: block;
    line-height: 1.4;
    white-space: normal
}

.m-card-product .details .divider-dot:before {
    background: #66666a;
    border-radius: 50%;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 3px
}

.m-card-product .details .price-block {
    display: block;
    margin: 10px 0 0
}

.m-card-product .details .price {
    color: #003354;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-right: 6px;
    vertical-align: top
}

.m-card-product .details .oprice {
    color: #a8a8ab;
    display: inline-block;
    font-size: 14px;
    text-decoration: line-through;
    vertical-align: top
}

@keyframes placeholderBlink {
    0% {
        background-color: #eeeeef
    }

    25% {
        background-color: #f7f7f8
    }

    to {
        background-color: #eeeeef
    }
}

.m-foldable-listen:before {
    background-image: linear-gradient(180deg, transparent 0, #eeeeef 80%);
    background-position: top;
    background-size: 100%;
    bottom: 0;
    content: "";
    display: block;
    height: 80px;
    left: 0;
    margin-left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    transform: translateZ(0);
    width: auto
}

.n-product .m-foldable-listen:before {
    height: 150px
}



.m-foldable-open:after,
.m-foldable-open:before {
    display: none
}

.m-foldable.m-foldable-listen.s-foldable-v2:before {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0)0, #fff 77%);
    height: 130px;
    z-index: 1
}


.m-form input[type=file]:before {
    color: #39393e;
    content: "";
    display: inline-block;
    outline: none;
    padding: 0 8px 0 0;
    text-align: left;
    -webkit-user-select: none;
    white-space: nowrap
}

.m-form input[type=file]::-webkit-file-upload-button {
    visibility: visible
}

.m-form input[type=file].chosen::-webkit-file-upload-button {
    visibility: hidden !important;
    width: 0
}



#m-mainview {
    bottom: 0;
    left: 0;
    padding-top: var(--header-total-height);
    position: static;
    right: 0;
    top: 0;
    transition: all .2s linear
}

.android #m-mainview {
    -webkit-overflow-scrolling: touch
}





.m-tableview>[href]:hover {
    background-color: #f7f7f8
}

.m-tableview .m-tableview-head:after {
    color: #66666a;
    content: attr(data-count);
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.m-tableview .m-tableview-head[data-count="0"]:after {
    display: none
}

.m-tableview.right-arrow .no-arrow:before {
    display: none !important
}


.m-clearfix:after,
.m-clearfix:before {
    content: "";
    display: table;
    line-height: 0
}

.m-clearfix:after {
    clear: both
}

[class*=m-button]:hover {
    box-shadow: 0 .2em .2em -.1em #306fb7, 0 .3em #215999, 0 .5em .5em -.1em rgba(32, 32, 38, .12);
    cursor: pointer;
    text-decoration: none;
    transform: translateY(-5px);
    transform: translate3d(0, -5px, 0)
}

[class*=m-button]:active {
    background-color: #5694dd;
    box-shadow: 0 1px #1d5595;
    transform: translateY(-1px);
    transform: translate3d(0, -1px, 0);
    transition: none
}

[class*=m-button]:focus:hover {
    animation: n-button-active .2s ease-out 1;
    animation-delay: .1s
}

[class*=m-button].m-button:hover {
    background-color: #5694dd
}

.m-button-pink:hover {
    background-color: #ff6299;
    box-shadow: 0 .2em .2em -.1em #c83166, 0 .3em #a32252, 0 .5em .5em -.1em rgba(32, 32, 38, .12)
}

.m-button-pink:active {
    background: #ff6299;
    box-shadow: 0 1px #bd2c61
}

.m-button-pink.s-loading:hover {
    transform: translateY(-1px) !important
}

.m-button-gray:hover {
    background-color: #8e9a9f;
    box-shadow: 0 .2em .2em -.1em #66666a, 0 .3em #535c5f, 0 .5em .5em -.1em rgba(32, 32, 38, .12)
}

.m-button-gray:active {
    background: #8e9a9f;
    box-shadow: 0 1px #515156
}

.m-button-green:hover {
    background-color: #7ec527;
    box-shadow: 0 .2em .2em -.1em #65a40e, 0 .3em #4d9200, 0 .5em .5em -.1em rgba(32, 32, 38, .12)
}

.m-button-green:active {
    background: #7ec527;
    box-shadow: 0 1px #4d9200
}

.m-button-disabled:hover {
    background: #e5e5e6;
    box-shadow: none;
    cursor: default;
    transform: none
}

.m-button-small:hover {
    background-color: #e5e5e6;
    box-shadow: none;
    text-decoration: none;
    transform: none
}

.m-button-shop-follow:hover {
    box-shadow: none;
    transform: none
}

.m-button-shop-follow:hover .content {
    transition: all .2s
}

.m-button-shop-follow:hover .content.fav {
    background-color: #064162;
    border-color: #064162
}

.m-button-shop-follow:hover .content.unfav {
    border-color: #39393e;
    color: #39393e
}

.m-button-shop-follow:hover .content.unfav .color {
    fill: #39393e
}

.m-button-shop-follow:active .content.fav {
    background-color: #003354;
    border-color: #003354
}

.m-button-shop-follow:active .content.unfav {
    background-color: #e5e5e6
}

.m-button-shop-unfav:hover {
    background-color: #eeeeef
}

.m-button-fav:hover,
.m-button-unfav:hover {
    box-shadow: 0 .2em .2em -.1em #d3d3d5, 0 .3em #d3d3d5, 0 .5em .5em -.1em rgba(32, 32, 38, .12)
}

.m-button-fav:active,
.m-button-unfav:active {
    background: #eeeeef;
    box-shadow: 0 1px #d3d3d5;
    transform: translateY(0)
}


.m-button-fav:hover:after {
    background-position: -17px 1px
}

.m-button-fav:active:after,
.m-button-unfav:after,
.m-button-unfav:hover:after {
    background-position: -34px 1px
}

.m-button-unfav:active:after {
    background-position: 0 1px
}

.m-button-sketch:hover {
    background: transparent
}

.m-button-sketch:active,
.m-button-sketch:hover {
    box-shadow: none;
    text-decoration: none;
    transform: none
}

.m-button-sketch:active {
    background-color: #e5e5e6
}

.m-button-sketch:active,
.m-button-sketch:hover {
    border: 1px solid #39393e;
    color: #39393e !important;
    text-decoration: none
}

.m-button-outline:hover {
    background: #e5e5e6;
    box-shadow: none;
    text-decoration: none;
    transform: none;
    transition: background, .2s
}

.m-button-native:hover {
    background-color: #10567b;
    box-shadow: none;
    text-decoration: none;
    transform: none
}

.m-button-native:active {
    text-decoratin: none;
    background-color: #003354;
    box-shadow: none;
    transform: none;
    transition: backgroud-color .2s
}

.m-button-native:focus:hover {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial
}

.m-button-native.m-button-pink:hover {
    background-color: pink-200
}

.m-button-native.m-button-pink:active {
    background-color: pink-300
}

.m-button-native.m-button-pink.s-disabled:active,
.m-button-native.m-button-pink.s-disabled:hover {
    ackground-color: pink-100
}

.m-button-native.m-button-gray:hover {
    background-color: #a8a8ab
}

.m-button-native.m-button-gray:active {
    background-color: gray-300
}

.m-button-native.m-button-gray.s-disabled:active,
.m-button-native.m-button-gray.s-disabled:hover {
    ackground-color: #bfbfc1
}

.m-button-native.m-button-light-gray:hover {
    background-color: #d3d3d5
}

.m-button-native.m-button-light-gray:active {
    background-color: #bfbfc1
}

.m-button-native.m-button-light-gray.s-disabled:active,
.m-button-native.m-button-light-gray.s-disabled:hover {
    ackground-color: #e5e5e6
}

.m-button-native.m-button-fav:after,
.m-button-native.m-button-unfav:after {
    display: none
}

.m-button-native.m-button-disabled:active,
.m-button-native.m-button-disabled:hover {
    background: #e5e5e6
}

.m-button-email:before,
.m-button-weibo:before {
    background-position: 50%;
    background-repeat: no-repeat;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 50px
}

.m-button-email:hover,
.m-button-weibo:hover {
    box-shadow: none;
    transform: translate(0);
    transition: background .2s
}

.m-button-email:active,
.m-button-weibo:active {
    box-shadow: none;
    transform: translate(0)
}

.m-button-email:focus:hover,
.m-button-weibo:focus:hover {
    animation: none
}

.m-button-weibo:active,
.m-button-weibo:hover {
    background: #d72136
}

.m-button-email:active,
.m-button-email:hover {
    background: #eeeeef
}

.m-br-button {
    transition: border .1s, color .1s, background .1s
}

.m-br-button .insider {
    font-size: 0
}

.m-br-button .icon {
    display: inline-block;
    line-height: inherit;
    margin-right: 6px;
    position: relative;
    vertical-align: top
}

.m-br-button .icon svg {
    fill: currentColor;
    height: 100%;
    vertical-align: baseline;
    width: 100%
}

.m-br-button .text {
    display: inline-block;
    font-size: 14px;
    line-height: inherit;
    vertical-align: middle
}

.m-br-button:hover {
    text-decoration: none
}

.m-br-button--xs {
    font-size: 14px;
    line-height: 18px;
    padding: 4px 14px
}

.m-br-button--xs .icon {
    height: 18px;
    width: 14px
}

.m-br-button--sm {
    font-size: 14px;
    line-height: 20px;
    padding: 5px 14px
}

.m-br-button--md {
    font-size: 14px;
    line-height: 22px;
    padding: 9px 14px
}

.m-br-button.s-fullwidth {
    box-sizing: border-box;
    display: block;
    margin: 0;
    text-align: center;
    width: 100%
}

.m-br-button--primary {
    background: #10567b;
    border: 1px solid #10567b;
    color: #fff
}

.m-br-button--primary:visited {
    color: #fff
}

.m-br-button--primary:hover {
    background: #064162;
    border-color: #064162;
    color: #fff
}

.m-br-button--primary:focus-visible,
.m-br-button--primary:hover {
    background: #064162;
    border-color: #064162;
    color: #fff
}

.m-br-button--primary:active {
    background: #003354;
    border-color: #003354;
    color: #fff
}

.m-br-button--secondary {
    background: #fff;
    border: 1px solid #a8a8ab;
    color: #39393e
}

.m-br-button--secondary:visited {
    color: #39393e
}

.m-br-button--secondary:hover {
    background: #f7f7f8;
    color: #39393e
}

.m-br-button--secondary:focus-visible,
.m-br-button--secondary:hover {
    background: #f7f7f8;
    color: #39393e
}

.m-br-button--secondary:active {
    background: #eeeeef;
    color: #39393e
}

.m-br-button--danger:visited {
    color: #fff
}

.m-br-button--danger:hover {
    background: #d72136;
    border-color: #d72136;
    color: #fff
}

.m-br-button--danger:focus-visible,
.m-br-button--danger:hover {
    background: #d72136;
    border-color: #d72136;
    color: #fff
}

.m-br-button--danger:active {
    background: #c41428;
    border-color: #c41428;
    color: #fff
}

.m-br-button--purchase {
    background: #f16c5d;
    border: 1px solid #f16c5d
}

.m-br-button--purchase:visited {
    color: #fff
}

.m-br-button--purchase:hover {
    background: #e56051;
    border-color: #e56051;
    color: #fff
}

.m-br-button--purchase:focus-visible,
.m-br-button--purchase:hover {
    background: #e56051;
    border-color: #e56051;
    color: #fff
}

.m-br-button--purchase:active {
    background: #da5648;
    border-color: #da5648;
    color: #fff
}

.m-br-button--green:visited {
    color: #fff
}

.m-br-button--green:hover {
    background: #289c8a;
    border-color: #289c8a;
    color: #fff
}

.m-br-button--green:focus-visible,
.m-br-button--green:hover {
    background: #289c8a;
    border-color: #289c8a;
    color: #fff
}

.m-br-button--green:active {
    background: #289c8a;
    border-color: #289c8a;
    color: #fff
}

.m-br-button--primary-plain:visited {
    color: #2e90b7
}

.m-br-button--primary-plain:hover {
    color: #10567b
}

.m-br-button--primary-plain:focus-visible,
.m-br-button--primary-plain:hover {
    color: #10567b
}

.m-br-button--primary-plain:hover .icon .color {
    fill: #10567b
}

.m-br-button--primary-plain:focus-visible .icon .color,
.m-br-button--primary-plain:hover .icon .color {
    fill: #10567b
}

.m-br-button--primary-plain:active {
    background: #f7f7f8;
    color: #064162
}

.m-br-button--primary-plain:active .icon .color {
    fill: #064162
}

.m-br-button--danger-plain:visited {
    color: #f86173
}

.m-br-button--danger-plain:hover {
    color: #e63349
}

.m-br-button--danger-plain:focus-visible,
.m-br-button--danger-plain:hover {
    color: #e63349
}

.m-br-button--danger-plain:hover .icon .color {
    fill: #e63349
}

.m-br-button--danger-plain:focus-visible .icon .color,
.m-br-button--danger-plain:hover .icon .color {
    fill: #e63349
}

.m-br-button--danger-plain:active {
    background: #f7f7f8;
    color: #d72136
}

.m-br-button--danger-plain:active .icon .color {
    fill: #d72136
}

.m-br-button--login:visited {
    color: #fff
}

.m-br-button--login:hover {
    background: #064162;
    border-color: #064162;
    color: #fff
}

.m-br-button--login:focus-visible,
.m-br-button--login:hover {
    background: #064162;
    border-color: #064162;
    color: #fff
}

.m-br-button--login:active {
    background: #003354;
    border-color: #003354;
    color: #fff
}

.m-br-button.s-disabled,
.m-br-button:disabled {
    background-color: #eeeeef;
    border-color: #eeeeef;
    color: #bfbfc1;
    cursor: not-allowed
}

.m-br-button:disabled .icon .color {
    fill: #bfbfc1
}

.m-br-button.s-disabled:active,
.m-br-button.s-disabled:hover,
.m-br-button.s-disabled:visited,
.m-br-button:disabled:active,
.m-br-button:disabled:hover,
.m-br-button:disabled:visited {
    color: #bfbfc1
}

.m-btn-link:hover {
    text-decoration: underline
}

.m-btn-link:focus {
    outline: 0
}

@keyframes n-button-active {
    0% {
        transform: translateY(-1px);
        transform: translate3d(0, -1px, 0)
    }

    50% {
        box-shadow: none;
        transform: translateY(-5px);
        transform: translate3d(0, -5px, 0)
    }

    to {
        box-shadow: none;
        transform: translateY(-1px);
        transform: translate3d(0, -1px, 0)
    }
}

@keyframes placeholderBlink {
    0% {
        background-color: #eeeeef
    }

    25% {
        background-color: #f7f7f8
    }

    to {
        background-color: #eeeeef
    }
}

.emergency-alert--admin .emergency-alert__cta:hover {
    background-color: #fff;
    color: #e63349;
    text-decoration: none
}


.g-item-badge {
    -webkit-font-smoothing: antialiased;
    background: #ee847d;
    color: #fff;
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    left: 0;
    top: 0;
    z-index: 5
}

.g-item-badge>* {
    line-height: 1;
    padding: 5px 6px;
    position: relative;
    text-align: center
}

.g-item-badge-free-shipping {
    background: #2e90b7
}

.g-grid {
    font-size: 0
}

.g-form-input:focus,
.g-form-textarea:focus {
    border-color: #2e90b7;
    box-shadow: inset 0 0 0 1px #2e90b7
}

.g-form-input.s-error:focus,
.g-form-row.s-error .g-form-input:focus,
.g-form-row.s-error .g-form-textarea:focus,
.g-form-textarea.s-error:focus {
    border-color: #e63349;
    box-shadow: inset 0 0 0 1px #e63349
}

.g-form-input.s-warning:focus,
.g-form-row.s-warning .g-form-input:focus,
.g-form-row.s-warning .g-form-textarea:focus,
.g-form-textarea.s-warning:focus {
    border-color: #facb4d;
    box-shadow: inset 0 0 0 1px #facb4d
}

.g-form-label.s-required:after {
    color: #e63349;
    content: "*";
    display: inline-block;
    margin-left: 4px
}

.g-form-input-wrapper .g-form-input-icon:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.g-form-input-wrapper .g-form-input:focus+.g-form-input-icon {
    color: #10567b
}

.g-form-input-wrapper .s-warning:focus+.g-form-input-icon {
    color: #efae09
}

.g-form-input-wrapper .s-error:focus+.g-form-input-icon {
    color: #e63349
}

.g-form-input:focus,
.g-form-textarea:focus {
    outline: none
}

.g-form-highlight a:visited {
    color: #f16c5d;
    margin: 0 2px;
    text-decoration: underline
}

.g-select-wrapper:after {
    border-color: #39393e transparent transparent;
    border-style: solid;
    border-width: 6px 5px 0;
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.g-data-list-item:hover {
    background-color: #f7f7f8
}

.g-spinner {
    display: block;
    padding: 24px;
    text-align: center
}

.g-spinner:after {
    animation: spinnerAnimation .6s linear infinite;
    border: 3px solid #e5e5e6;
    border-radius: 50%;
    border-top-color: #f16c5d;
    content: " ";
    display: inline-block;
    height: 24px;
    margin: 1px;
    width: 24px
}

.g-spinner--fixed {
    background: #fff;
    border-radius: 50px;
    bottom: 24px;
    box-shadow: 0 0 4px rgba(32, 32, 38, .4);
    box-sizing: border-box;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    padding: 9px 0 0;
    pointer-events: none;
    position: fixed;
    transition: all .5s ease;
    width: 50px;
    z-index: 888889
}

@keyframes spinnerAnimation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}


.g-flex {
    display: flex
}

.g-grid {
    display: grid
}

.g-w-14 {
    width: 3.5rem
}

.g-w-full {
    width: 100%
}

.g-flex-auto {
    flex: 1 1 auto
}

.g-flex-col {
    flex-direction: column
}

.g-gap-2 {
    gap: .5rem
}

.g-gap-spacing-m {
    gap: 10px
}

.g-gap-spacing-s {
    gap: 6px
}

.g-self-start {
    align-self: flex-start
}

.g-bg-color-neutral-050 {
    background-color: #bfbfc1
}

.g-bg-color-primary-060 {
    background-color: #003354
}

.g-fill-current {
    fill: currentColor
}

.g-text-font-size-m {
    font-size: 16px;
    line-height: 1.4
}

.g-text-color-neutral-130 {
    color: #2c2c32
}

.g-text-color-primary-030 {
    color: #2e90b7
}

.g-ph-spacing-s {
    padding-left: 6px;
    padding-right: 6px
}

.g-ph-spacing-m {
    padding-left: 10px;
    padding-right: 10px
}

.g-ph-spacing-l {
    padding-left: 14px;
    padding-right: 14px
}

.g-pv-spacing-m {
    padding-bottom: 10px;
    padding-top: 10px
}

.g-pv-spacing-xl {
    padding-bottom: 20px;
    padding-top: 20px
}

.g-pt-spacing-xs {
    padding-top: 4px
}

.g-pt-spacing-xl {
    padding-top: 20px
}

.g-pb-spacing-m {
    padding-bottom: 10px
}

.g-pl-spacing-l {
    padding-left: 14px
}

.g-mv-spacing-m {
    margin-bottom: 10px;
    margin-top: 10px
}

.g-mv-spacing-l {
    margin-bottom: 14px;
    margin-top: 14px
}

.g-mr-spacing-s {
    margin-right: 6px
}

.g-mb-spacing-xs {
    margin-bottom: 4px
}

.g-mb-spacing-s {
    margin-bottom: 6px
}

.g-mb-spacing-2xl {
    margin-bottom: 24px
}

.g-ml-spacing-xs {
    margin-left: 4px
}

.g-text-font-weight-semibold {
    font-weight: 600
}

.g-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.g-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}


.m-react-button .icon-wrapper:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.m-react-button--loading:before {
    background: #fff;
    border-radius: inherit;
    bottom: -1px;
    content: "";
    left: -1px;
    opacity: .35;
    position: absolute;
    right: -1px;
    top: -1px;
    transition: opacity .2s;
    z-index: 1
}

.m-react-button-spinner:after {
    animation: spinnerAnimation .6s linear infinite;
    border: 3px solid #e5e5e6;
    border-radius: 50%;
    border-top-color: transparent;
    content: " ";
    display: inline-block;
    height: 1em;
    margin: 1px;
    width: 1em
}

@keyframes spinnerAnimation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.m-react-input-checkbox .input-el:disabled,
.m-react-input-radio .input-el:disabled {
    cursor: not-allowed
}

.m-react-input-checkbox .input-el:disabled+.input-control .input-label,
.m-react-input-radio .input-el:disabled+.input-control .input-label {
    color: #a8a8ab
}


.m-react-button .icon-wrapper:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.m-react-button--loading:before {
    background: #fff;
    border-radius: inherit;
    bottom: -1px;
    content: "";
    left: -1px;
    opacity: .35;
    position: absolute;
    right: -1px;
    top: -1px;
    transition: opacity .2s;
    z-index: 1
}

.m-react-button-spinner:after {
    animation: spinnerAnimation .6s linear infinite;
    border: 3px solid #e5e5e6;
    border-radius: 50%;
    border-top-color: transparent;
    content: " ";
    display: inline-block;
    height: 1em;
    margin: 1px;
    width: 1em
}

.m-react-modal .modal-action.s-disabled:after {
    background-color: hsla(0, 0%, 100%, .8);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@keyframes model-tween-unmount {
    0% {
        opacity: 0;
        transform: scale(.9) translateZ(0)
    }

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

@keyframes model-tween-show-mask {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.m-backdrop.with-loader:after {
    animation: spinnerAnimation .6s linear infinite;
    border: 3px solid #e5e5e6;
    border-radius: 50%;
    border-top-color: #f16c5d;
    content: " ";
    display: inline-block;
    height: 24px;
    left: 50%;
    margin: -12px 1px 1px -12px;
    position: absolute;
    top: 50%;
    width: 24px
}

@keyframes spinnerAnimation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.m-react-notification-toaster .notification .close-btn:hover {
    opacity: .8
}

.m-modal-mobile-wrap {
    background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    max-height: 100vh;
    max-width: 600px;
    overflow: auto;
    position: fixed;
    transform: scale(1);
    transform-origin: 0 0;
    transition: transform .2s linear;
    z-index: 999999
}

@media only screen and (max-width:480px) {
    .m-modal-mobile-wrap {
        max-width: 100%
    }
}

.m-modal-mobile-wrap .m-modal-mobile .m-button-group:active,
.m-modal-mobile-wrap .m-modal-mobile .m-button-group:hover {
    background: none;
    box-shadow: none
}


.IVt795Lk0a_pNLfadkIu {
    min-height: calc(100dvh - 191px)
}

.qjbTKt9JEKs9sg3WPiWR {
    margin-top: 48px
}

.m-react-modal .modal-action.s-disabled:after {
    background-color: hsla(0, 0%, 100%, .8);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@keyframes model-tween-unmount {
    0% {
        opacity: 0;
        transform: scale(.9) translateZ(0)
    }

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

@keyframes model-tween-show-mask {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.m-react-button .icon-wrapper:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.m-react-button--loading:before {
    background: #fff;
    border-radius: inherit;
    bottom: -1px;
    content: "";
    left: -1px;
    opacity: .35;
    position: absolute;
    right: -1px;
    top: -1px;
    transition: opacity .2s;
    z-index: 1
}

.m-react-button-spinner:after {
    animation: spinnerAnimation .6s linear infinite;
    border: 3px solid #e5e5e6;
    border-radius: 50%;
    border-top-color: transparent;
    content: " ";
    display: inline-block;
    height: 1em;
    margin: 1px;
    width: 1em
}

.m-backdrop.with-loader:after {
    animation: spinnerAnimation .6s linear infinite;
    border: 3px solid #e5e5e6;
    border-radius: 50%;
    border-top-color: #f16c5d;
    content: " ";
    display: inline-block;
    height: 24px;
    left: 50%;
    margin: -12px 1px 1px -12px;
    position: absolute;
    top: 50%;
    width: 24px
}

@keyframes spinnerAnimation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.m-react-notification-toaster .notification .close-btn:hover {
    opacity: .8
}


.hZxka2 {
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    z-index: 1300
}

.nNXKtD .m-cart-bottom-sheet-mask {
    background-color: rgba(32, 32, 38, .65)
}

.nNXKtD .m-cart-bottom-sheet-container {
    border-radius: 20px 20px 0 0;
    display: flex;
    flex-direction: column;
    height: 90dvh
}

.cfOMmE {
    border-bottom: 3px solid #f7f7f8;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    padding-left: 14px
}

.ZolE2J,
.cfOMmE {
    align-items: center;
    display: flex
}

.ZolE2J {
    cursor: pointer;
    font-size: 12px;
    padding: 4px 0;
    width: fit-content
}

.erOP5X {
    background-color: #f7f7f8;
    flex: 1 1 auto;
    overflow-y: auto;
    position: relative
}

.tn6DOR {
    background-color: #fff;
    box-shadow: 0-4px 4px 0 rgba(0, 0, 0, .05);
    flex: 0 0 auto;
    padding: 10px 10px 14px;
    position: relative
}

.Tj3H3O:focus {
    outline: none
}

.mission-game-popup a:hover {
    text-decoration: none
}

@keyframes fade-in-right-to-left {
    0% {
        right: -300px
    }

    to {
        right: 30px
    }
}

@keyframes fade-in-left-to-right {
    0% {
        right: 30px
    }

    to {
        right: -300px
    }
}

@keyframes fade-in-bottom-to-top {
    0% {
        bottom: -60px
    }

    to {
        bottom: 60px
    }
}

@keyframes fade-in-top-to-bottom {
    0% {
        bottom: 60px
    }

    to {
        bottom: -60px
    }
}

@keyframes fade-in-bottom-to-top-product-page {
    0% {
        bottom: -60px
    }

    to {
        bottom: 120px
    }
}

@keyframes fade-in-top-to-bottom-product-page {
    0% {
        bottom: 120px
    }

    to {
        bottom: -60px
    }
}

.m-react-text-field .m-auto-height .height-hidden .hidden-inside:after {
    content: "​"
}

.m-react-select .select-replace.s-hidden-arrow:after {
    display: none;
    padding-right: 12px
}

.m-react-select .select-replace:after {
    border: 6px solid transparent;
    border-top-color: #a8a8ab;
    content: "";
    margin-top: -3px;
    position: absolute;
    right: 12px;
    top: 50%
}

.m-react-select.s-error .select-replace:after {
    border-top-color: #e63349
}

.m-react-select.s-web-native select:focus+.select-replace {
    border-color: #2e90b7;
    box-shadow: inset 0 0 0 1px #2e90b7
}

.m-react-select.s-web-native select:focus+.select-replace:after {
    border-top-color: #2e90b7
}

.m-react-select.s-web-native select:disabled+.select-replace {
    background-color: #eeeeef;
    color: #a8a8ab
}

.m-cart-product-item .delete-item-btn:hover {
    color: #bfbfc1
}


@keyframes float {

    0%,
    to {
        transform: translateY(0)
    }

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

.g-floating-icon--mday .g-floating-icon__content:hover .spinner {
    animation: rotate 3s infinite;
    animation-timing-function: linear;
    height: 110%;
    left: -5%;
    top: -5%;
    transition: all, .2s;
    width: 110%
}

.g-floating-icon--mday .g-floating-icon__content:hover .upper {
    top: 3%;
    transition: all, .2s
}

.g-floating-icon--mday .g-floating-icon__content:hover .lower {
    bottom: 3%;
    transition: all, .2s
}

.g-floating-icon--mday .g-floating-icon__content:hover .crown {
    height: 40%;
    transition: all, .2s;
    width: 40%
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}


.slick-list:focus {
    outline: none
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.V9V5ohHQVCXIODiGIoAq {
    padding: 20px 0;
    position: relative
}

.V9V5ohHQVCXIODiGIoAq .sliderContainer {
    z-index: 1
}

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

.fQUEuPKwY1UmsTd69K5x {
    border-radius: 2px;
    display: block;
    margin-top: 10px;
    overflow: hidden;
    padding-top: 57.14286%;
    position: relative;
    width: 100%
}

._KsMqNEiK4WU7nXbJfJF {
    left: 0;
    position: absolute;
    top: 0
}

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

.Xowwo9w6pACz_bM80ht3 {
    box-sizing: border-box;
    padding: 0 10px
}

.exroRUL5hnoxIOGesFsU {
    display: flex;
    gap: 10px;
    margin-top: 10px
}

.ouo1XyevNLzUU_9oPXBs {
    border-radius: 2px;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden
}

.kEwFBlJRVHXMmTLx6Omn {
    padding-top: 136.36364%;
    position: relative;
    width: 100%
}

.aBaH96InaYOeUPSc3QIQ {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.EncNz2Gc_e5vqsh6UMgr {
    background-color: #fff;
    color: #202026;
    flex-grow: 1;
    font-size: 12px;
    font-weight: 500;
    overflow: hidden;
    padding: 4px 6px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Kms3Y8tCVtbiuMMUFxjM {
    padding-top: 20px
}

.VhZbdIR7m5ffGI6jY5B8 {
    bottom: 0;
    overflow: hidden;
    right: 0;
    z-index: 0;
    width: 100%;
}

.VhZbdIR7m5ffGI6jY5B8,
.kpKgRpNuF1k24QijQZ7s {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@keyframes zTm9R1E0otYDatLQhP1r {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}


.slick-list:focus {
    outline: none
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.xGfQkt7j3hhccSht66FU {
    min-height: 477px;
    padding-bottom: 24px;
    padding-top: 10px
}

.xGfQkt7j3hhccSht66FU .slick-track {
    align-items: center;
    display: flex !important
}

.GCPeE4B5GWwy8eO9dXbY {
    border-radius: 4px;
    box-sizing: border-box;
    height: 120vw;
    margin: 0 5px;
    overflow: hidden;
    position: relative;
    width: 90vw
}

.dTxL3SSLMYLAtiH_Bhib {
    display: flex;
    justify-content: center;
    width: 100%
}

.SITHnNd5vTgx4LsxUBsu {
    align-items: center;
    background-color: #fff;
    display: flex;
    gap: 10px;
    height: 17px;
    justify-content: space-between;
    width: 80vw
}

.FVA7aTuA1E3kpU69rmpz {
    background-color: #eeeeef;
    height: 4px;
    width: 100%
}

.s8iK6cfE5ndLiuwlgU78 {
    background-color: #003354;
    height: 100%;
    transition: transform .3s linear
}

.IzAI2PmvFqIUdsMTTMBc {
    color: #003354;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap
}

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

.wHVlRC8J675je0pJDuOw {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

.a5pK65tQ_kx3BMOfikp2 {
    color: #fff;
    font-size: 14px;
    padding-bottom: 6px;
    text-align: center
}

.RzfRdXEZGoM1b0GplqAi {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    padding: 0 10px 16px;
    text-align: center
}

.v4cD0ZDxdugDJNvnbSan {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: space-between;
    padding: 10px
}

.UB1TBOxMIwFHBJgHpgcC {
    height: 20px;
    width: 20px
}

.aJDgb1vf1kfLn2LEMmGJ {
    background-color: #eff7fd;
    box-sizing: border-box;
    display: block;
    height: 100%;
    padding: 17px 25px 0;
    position: relative
}

.aJDgb1vf1kfLn2LEMmGJ:before {
    background-image: url(data:image/png;base64,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);
    background-position: bottom;
    background-size: 100%;
    content: "";
    display: block;
    height: 55px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 100%
}

.aJDgb1vf1kfLn2LEMmGJ:after {
    background-image: var(--sf-img-4);
    bottom: 0;
    content: "";
    display: block;
    height: 44px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 210px
}

.ALUqLYmEr2_FwqTvvelA {
    color: #2c2c32;
    font-size: 22px;
    position: relative;
    text-align: center
}

.qiKil4GVM3FNvoxVAL4x {
    grid-gap: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    padding-top: 30px
}

.Lfsksi4o_CV7Tq37t8ZM {
    aspect-ratio: 1/1;
    border: 1px solid #fff;
    border-radius: 6px;
    overflow: hidden
}

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

.uXpOJjt_qy4VBcOWtjOH {
    padding-top: 12px
}

.xSrbDq_bDlIR14RCmpqw {
    background-color: #fef8ea;
    box-sizing: border-box;
    display: block;
    height: 100%;
    padding: 17px 25px 0;
    position: relative
}

.xSrbDq_bDlIR14RCmpqw:after {
    background-image: var(--sf-img-4);
    bottom: 0;
    content: "";
    display: block;
    height: 44px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 210px
}

.O53lBCGNNRbCW9aA4gnQ {
    color: #2c2c32;
    font-size: 22px;
    position: relative;
    text-align: center
}

.Xty5678YyNAXj0UaL5yp {
    grid-gap: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    padding-top: 13px
}

.ma3fGWG35zZQJMQw8JV3 {
    aspect-ratio: 1/1;
    border: 1px solid #fff;
    border-radius: 6px;
    overflow: hidden
}

.PGSyI7UK4Izl7RIeJwMP {
    color: #39393e;
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
    padding-top: 4px;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.YymuMIU1J_Ybae5z6nyQ {
    padding-top: 14px
}


@keyframes react-loading-skeleton {
    100% {
        transform: translateX(100%)
    }
}

.react-loading-skeleton {
    --base-color: #ebebeb;
    --highlight-color: #f5f5f5;
    --animation-duration: 1.5s;
    --animation-direction: normal;
    --pseudo-element-display: block;
    background-color: var(--base-color);
    border-radius: 0.25rem;
    display: inline-flex;
    line-height: 1;
    position: relative;
    user-select: none;
    overflow: hidden
}

.react-loading-skeleton::after {
    content: " ";
    display: var(--pseudo-element-display);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-image: var(--custom-highlight-background, linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));
    transform: translateX(-100%);
    animation-name: react-loading-skeleton;
    animation-direction: var(--animation-direction);
    animation-duration: var(--animation-duration);
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}

@media (prefers-reduced-motion) {
    .react-loading-skeleton {
        --pseudo-element-display: none
    }
}


.slick-list:focus {
    outline: none
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

._jSObPHlerJaKORXlo_A {
    transition: background-color .3s ease-in-out
}

._jSObPHlerJaKORXlo_A .duLOgsHRAHhVXDtGdEch {
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

._jSObPHlerJaKORXlo_A .WPdKSHsGormCDxb8YuWg {
    box-sizing: border-box;
    height: auto;
    padding: 20px 10px;
    width: 100%
}

._jSObPHlerJaKORXlo_A .enYkSNoUAQBZJHNyoeCM {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 56px;
    justify-content: space-between;
    margin-bottom: 10px
}

._jSObPHlerJaKORXlo_A .IPaMbfiCiWL08vkhH0V7 {
    color: #202026;
    font-size: 14px;
    font-weight: 400
}

._jSObPHlerJaKORXlo_A .K0TqPgVMp3zQHXtJDaQw {
    aspect-ratio: 1/1;
    height: auto;
    object-fit: contain;
    width: 100%
}

._jSObPHlerJaKORXlo_A .mVOJe5XizNx4bnBOYaN_ {
    aspect-ratio: 1/1;
    height: auto;
    object-fit: cover;
    width: 100%
}

._jSObPHlerJaKORXlo_A .sliderContainer {
    height: auto;
    width: 100%
}

.aG9kq7x1Al6LuGs3hmj6 {
    padding-top: 20px
}

@keyframes l_S2KbBUZY6B5Kq3XQ0x {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes zTm9R1E0otYDatLQhP1r {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}


.sl_v96XxDT_kGrIbOKLg {
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    z-index: 1100
}

.g-hover-tip:before {
    border: 6px solid transparent;
    border-bottom-color: #003354;
    bottom: -6px;
    content: "";
    left: 50%;
    position: absolute;
    transform: translate(-50%)
}

.g-hover-tip:after {
    background: #003354;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    content: attr(data-hover-tip);
    font-size: 12px;
    left: 50%;
    line-height: 1.5;
    margin: 6px 0 0;
    padding: 6px 10px;
    position: absolute;
    top: 100%;
    transform: translateZ(0);
    transform: translate(-50%);
    width: 330px;
    z-index: 1
}

.g-hover-tip.g-hover-tip-center:after {
    min-width: 96px;
    padding: 10px 24px;
    text-align: center;
    white-space: nowrap;
    width: auto
}

.g-hover-tip.one-line:after {
    white-space: nowrap;
    width: auto
}

.g-hover-tip:after,
.g-hover-tip:before {
    display: none
}

.g-hover-tip:hover:after,
.g-hover-tip:hover:before {
    display: block
}

.g-hover-tip--normal:hover {
    text-decoration: none
}

.C2liJS8of5PaTI_0u8eq .m-cart-bottom-sheet-mask {
    background-color: rgba(32, 32, 38, .65)
}

.C2liJS8of5PaTI_0u8eq .m-cart-bottom-sheet-container {
    border-radius: 20px 20px 0 0;
    display: flex;
    flex-direction: column;
    min-height: 311px
}

.JHr3UYe8NVZcQaZXe1u1 {
    background: #fff;
    border-radius: inherit;
    width: 100%
}

.JHr3UYe8NVZcQaZXe1u1 .EKGmNPJlVAl0C6590pg1 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 53px;
    justify-content: flex-end;
    padding: 0 14px;
    width: 100%
}

.JHr3UYe8NVZcQaZXe1u1 .EKGmNPJlVAl0C6590pg1 .cbOAUEcOqU0ZlnAVGhxa {
    align-items: center;
    display: flex;
    height: 18px;
    justify-content: center;
    width: 18px
}

.JHr3UYe8NVZcQaZXe1u1 .nmXFWg4cBeb7_fxcJKpc {
    height: auto
}

.JHr3UYe8NVZcQaZXe1u1 .MWwoT05iSMqG5dzfM_5W {
    align-items: stretch;
    border-top: 1px solid #e5e5e6;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 61px;
    justify-content: space-between;
    padding: 6px;
    width: 100%
}

.JHr3UYe8NVZcQaZXe1u1 .MWwoT05iSMqG5dzfM_5W .NyrZOLojq3SPf3ekbF58 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: max-content
}

.JHr3UYe8NVZcQaZXe1u1 .MWwoT05iSMqG5dzfM_5W .NyrZOLojq3SPf3ekbF58 .IiJyx0km57wpfbAuMErc {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 68px;
    padding: 7px 14px;
    width: auto
}

.JHr3UYe8NVZcQaZXe1u1 .MWwoT05iSMqG5dzfM_5W .C_qr31Lqj8wawk6jfVYE {
    height: 48px;
    width: 100%
}

.Tj3H3O:focus {
    outline: none
}

.mission-game-popup a:hover {
    text-decoration: none
}

@keyframes fade-in-right-to-left {
    0% {
        right: -300px
    }

    to {
        right: 30px
    }
}

@keyframes fade-in-left-to-right {
    0% {
        right: 30px
    }

    to {
        right: -300px
    }
}

@keyframes fade-in-bottom-to-top {
    0% {
        bottom: -60px
    }

    to {
        bottom: 60px
    }
}

@keyframes fade-in-top-to-bottom {
    0% {
        bottom: 60px
    }

    to {
        bottom: -60px
    }
}

@keyframes fade-in-bottom-to-top-product-page {
    0% {
        bottom: -60px
    }

    to {
        bottom: 120px
    }
}

@keyframes fade-in-top-to-bottom-product-page {
    0% {
        bottom: 120px
    }

    to {
        bottom: -60px
    }
}

.m-fixed-modal-cross:hover {
    background-color: #66666a
}

@keyframes modalFadeDown {
    0% {
        opacity: .005;
        transform: translate3d(-50%, -150px, 1px)
    }

    to {
        opacity: 1;
        transform: translate3d(-50%, 0)
    }
}

.m-notification-alert-modal.m-modal-desktop-wrap .confirm-btns-wrap:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden
}

.m-notification-alert-modal.m-modal-desktop-wrap.s-delete-modal .m-modal-desktop .alert .alert-confirm-btn:hover {
    background: #d72136;
    border-color: #d72136
}

.m-notification-alert-modal.m-modal-desktop-wrap.s-delete-modal .m-modal-desktop .alert .alert-confirm-btn:active {
    background: #c41428;
    border-color: #c41428
}

.m-notification-wrap .bar-btn-close:hover {
    background-image: var(--sf-img-6)
}

@media (-webkit-min-device-pixel-ratio:1.25),
(min-resolution:120dpi) {

    .m-notification-wrap .bar-btn-close:after,
    .m-notification-wrap .bar-btn-close:hover {
        background-image: var(--sf-img-7)
    }
}

.XxkXNvf7xi_8DeT4AoyD .uicI3eKHbgSEOKbNUU72:hover {
    opacity: .8
}

@keyframes fadeOut {
    0% {
        opacity: .25
    }

    to {
        opacity: 0
    }
}

@keyframes zoomBoxIn {
    0% {
        transform: matrix(0, 0, 0, 0, 0, 0)
    }

    to {
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

@keyframes zoomBoxOut {
    0% {
        transform: matrix(1, 0, 0, 1, 0, 0)
    }

    to {
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

@keyframes zoomCloseBtnIn {
    0% {
        opacity: 0
    }

    to {
        opacity: .5
    }
}

.m-react-rating.activated.clicked:hover .active .color,
.m-react-rating.activated.clicked:hover .score .color,
.m-react-rating.activated:hover .score .color {
    fill: #e5e5e6
}

.m-react-rating.activated .score:hover .color,
.m-react-rating.activated .score:hover~.score .color,
.m-react-rating.activated.clicked .active:hover .color,
.m-react-rating.activated.clicked:hover .score:hover .color {
    fill: #f16c5d
}

.m-cart-bottom-sheet {
    transition: visibility 0s ease .3s;
    visibility: hidden
}

.m-cart-bottom-sheet-mask {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .3s ease, visibility 0s linear .3s;
    visibility: hidden;
    z-index: 99
}

.m-cart-bottom-sheet-container {
    background-color: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    transform: translateY(100%);
    transition: transform .3s ease;
    will-change: transform;
    z-index: 999
}


.slick-list:focus {
    outline: none
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.OLYQ0MriLmkkgLZDcnfg {
    --padding-vertical: 20px;
    --border: 2px;
    --title-height: 31px;
    --button-height: 28px;
    --grid-gap: 10px;
    --brand-image-size: calc(100vw - var(--grid-gap)*2);
    --product-image-size: calc(33.33333vw - var(--grid-gap)*4/3)
}

.OLYQ0MriLmkkgLZDcnfg .dEVkOpiAMjwNFW_c23ll {
    background: linear-gradient(180deg, #fff, #d2dde4);
    box-sizing: border-box;
    padding: var(--padding-vertical)0;
    width: 100%
}

.OLYQ0MriLmkkgLZDcnfg .lHJQEn0tzgrPVbEVv42K {
    border-radius: var(--border);
    height: 100%;
    object-fit: cover;
    width: 100%
}

.OLYQ0MriLmkkgLZDcnfg .Q3c0x_8fftMfVaCqQdht {
    height: var(--brand-image-size);
    position: relative;
    width: var(--brand-image-size)
}

.OLYQ0MriLmkkgLZDcnfg .Q3c0x_8fftMfVaCqQdht .nYcKihKnXP0hScnME0Lw {
    background-color: #289c8a;
    border-radius: 0 0 var(--border)0;
    height: auto;
    left: 0;
    padding: 4px 6px;
    position: absolute;
    top: 0;
    width: auto;
    z-index: 10
}

.OLYQ0MriLmkkgLZDcnfg .Q3c0x_8fftMfVaCqQdht .nYcKihKnXP0hScnME0Lw .pPjb7sNGm0pWoSDmaaPn {
    color: #fff;
    font-size: 12px;
    font-weight: 600
}

.OLYQ0MriLmkkgLZDcnfg .Q3c0x_8fftMfVaCqQdht .Oqfo36X2VwctNwcjKh2D {
    background-color: rgba(0, 0, 0, .25);
    border-radius: 0 var(--border)0 var(--border);
    height: auto;
    padding: 0 4px;
    position: absolute;
    right: 4px;
    top: 4px;
    width: auto;
    z-index: 10
}

.OLYQ0MriLmkkgLZDcnfg .Q3c0x_8fftMfVaCqQdht .Oqfo36X2VwctNwcjKh2D .wJAM4n2WI5QMFPMosgBq {
    color: #eeeeef;
    font-size: 12px;
    font-weight: 400
}

.OLYQ0MriLmkkgLZDcnfg .Q3c0x_8fftMfVaCqQdht .AYBxV40KKmN_ahQHbSGl {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .8);
    border-radius: 50%;
    border-width: 0;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
    color: #39393e;
    display: flex;
    flex-shrink: 0;
    height: 30px;
    justify-content: center;
    width: 30px;
    z-index: 20
}

.OLYQ0MriLmkkgLZDcnfg .Q3c0x_8fftMfVaCqQdht .knaYtoO5WxkXKHRE2cfW {
    align-items: flex-end;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    gap: 6px;
    height: 100%;
    justify-content: space-between;
    left: 0;
    padding: 6px 20px 24px;
    position: absolute;
    width: 100%
}

.OLYQ0MriLmkkgLZDcnfg .Q3c0x_8fftMfVaCqQdht .knaYtoO5WxkXKHRE2cfW:before {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) .25%, rgba(32, 32, 38, .3) 99.75%);
    background-blend-mode: multiply;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.OLYQ0MriLmkkgLZDcnfg .Q3c0x_8fftMfVaCqQdht .knaYtoO5WxkXKHRE2cfW .dTrLFlAGuV8tHKplL09b {
    color: #fff;
    height: auto;
    width: 100%;
    z-index: 10
}

.OLYQ0MriLmkkgLZDcnfg .Q3c0x_8fftMfVaCqQdht .knaYtoO5WxkXKHRE2cfW .dTrLFlAGuV8tHKplL09b .yZ9HZomMnXPYxWH5VjYf {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 24px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 3px 4px rgba(32, 32, 38, .2)
}

.OLYQ0MriLmkkgLZDcnfg .Q3c0x_8fftMfVaCqQdht .knaYtoO5WxkXKHRE2cfW .dTrLFlAGuV8tHKplL09b .B5jv8uFhtKrT6TW6bjR7 {
    font-size: 16px;
    font-weight: 400;
    margin-top: 2px;
    text-shadow: 0 3px 4px rgba(32, 32, 38, .3)
}

.OLYQ0MriLmkkgLZDcnfg .Q3c0x_8fftMfVaCqQdht .IpGsvTl0NdqJ7l7975Nw:before {
    background: rgba(32, 32, 38, .8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.OLYQ0MriLmkkgLZDcnfg .QBBkYGl6PJFlb6F_zBl2 {
    grid-gap: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 10px
}

.OLYQ0MriLmkkgLZDcnfg .DdZhU2pS81aTHTkV4ovk {
    border-radius: var(--border);
    height: var(--product-image-size);
    width: var(--product-image-size)
}

.OLYQ0MriLmkkgLZDcnfg .S3uj3j5gmqa2NatLeP3Q {
    height: auto;
    margin-bottom: 21px;
    margin-top: 10px;
    width: 100%
}

.OLYQ0MriLmkkgLZDcnfg .P5Q_byxBXe5C6a0A1pXW {
    width: 100%
}

.OLYQ0MriLmkkgLZDcnfg .slick-dots {
    bottom: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.OLYQ0MriLmkkgLZDcnfg .slick-dots li {
    margin: 0
}

._4hQPkU .GP1VNC {
    transform: translateY(0);
    transition-duration: .6s
}

._4hQPkU:hover .Pc2Qnu._roRCU {
    animation-iteration-count: 1 !important;
    animation-name: none !important;
    transform: translateY(0) !important
}

._4hQPkU:hover .Pc2Qnu._roRCU .Jor7jR {
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: DOBnbj;
    animation-timing-function: ease
}

._4hQPkU .oF2lRo {
    align-items: center;
    display: inline-flex;
    flex: 1;
    justify-content: center
}

@keyframes DOBnbj {
    0% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes LWIGhX {
    0% {
        transform: translateY(-200%)
    }

    36.957% {
        transform: translateY(-200%)
    }

    63.043% {
        transform: translateY(0)
    }

    to {
        transform: translateY(0)
    }
}

.m-br-button--xs .OJFjgW {
    height: 18px;
    line-height: 18px
}

@keyframes modalFadeDown {
    0% {
        opacity: .005;
        transform: translate3d(-50%, -150px, 1px)
    }

    to {
        opacity: 1;
        transform: translate3d(-50%, 0)
    }
}

.m-notification-alert-modal.m-modal-desktop-wrap .confirm-btns-wrap:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden
}

.m-notification-alert-modal.m-modal-desktop-wrap.s-delete-modal .m-modal-desktop .alert .alert-confirm-btn:hover {
    background: #d72136;
    border-color: #d72136
}

.m-notification-alert-modal.m-modal-desktop-wrap.s-delete-modal .m-modal-desktop .alert .alert-confirm-btn:active {
    background: #c41428;
    border-color: #c41428
}

.m-notification-wrap {
    left: 0;
    opacity: 1;
    position: fixed;
    right: 0;
    transform: translateY(0);
    transition: all .4s;
    z-index: 1000199
}

.m-notification-wrap .bar-btn-close:hover {
    background-image: var(--sf-img-6)
}

@media (-webkit-min-device-pixel-ratio:1.25),
(min-resolution:120dpi) {

    .m-notification-wrap .bar-btn-close:after,
    .m-notification-wrap .bar-btn-close:hover {
        background-image: var(--sf-img-7)
    }
}

.mobile .m-notification-wrap {
    bottom: 20px;
    padding: 0 15px;
    top: auto
}

.m-fixed-modal-cross:hover {
    background-color: #66666a
}

.Tj3H3O:focus {
    outline: none
}

.mission-game-popup a:hover {
    text-decoration: none
}

@keyframes fade-in-right-to-left {
    0% {
        right: -300px
    }

    to {
        right: 30px
    }
}

@keyframes fade-in-left-to-right {
    0% {
        right: 30px
    }

    to {
        right: -300px
    }
}

@keyframes fade-in-bottom-to-top {
    0% {
        bottom: -60px
    }

    to {
        bottom: 60px
    }
}

@keyframes fade-in-top-to-bottom {
    0% {
        bottom: 60px
    }

    to {
        bottom: -60px
    }
}

@keyframes fade-in-bottom-to-top-product-page {
    0% {
        bottom: -60px
    }

    to {
        bottom: 120px
    }
}

@keyframes fade-in-top-to-bottom-product-page {
    0% {
        bottom: 120px
    }

    to {
        bottom: -60px
    }
}

@keyframes l_S2KbBUZY6B5Kq3XQ0x {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes zTm9R1E0otYDatLQhP1r {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}


.AlbMP31OAF7UnFLGty5D {
    background-color: #fff;
    box-sizing: border-box;
    height: 331px;
    width: 100%
}

.AlbMP31OAF7UnFLGty5D .EK9WPjl6x18GfsuBcDno {
    height: 100%;
    padding: 20px 0;
    width: 100%
}

.AlbMP31OAF7UnFLGty5D .ENm0hzB9pPWRc5qZZUeF {
    --card-width: 140px;
    --card-height: 210px;
    --image-height: 164px;
    box-sizing: border-box;
    display: flex;
    gap: 10px;
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 0 10px;
    width: 100%
}

.AlbMP31OAF7UnFLGty5D .ENm0hzB9pPWRc5qZZUeF .m-card-product {
    flex-shrink: 0;
    height: var(--card-height);
    margin: 0;
    width: var(--card-width)
}

.AlbMP31OAF7UnFLGty5D .ENm0hzB9pPWRc5qZZUeF .m-card-product .link-top {
    height: var(--image-height);
    overflow: hidden
}

.AlbMP31OAF7UnFLGty5D .ENm0hzB9pPWRc5qZZUeF .m-card-product .image {
    height: 100%;
    padding-bottom: 0;
    width: 100%
}

.AlbMP31OAF7UnFLGty5D .ENm0hzB9pPWRc5qZZUeF .m-card-product .image .img {
    border-radius: 6px;
    height: var(--image-height);
    object-fit: cover;
    width: 100%
}

.AlbMP31OAF7UnFLGty5D .ENm0hzB9pPWRc5qZZUeF .m-card-product .price-block {
    margin-top: 6px
}

.AlbMP31OAF7UnFLGty5D .ENm0hzB9pPWRc5qZZUeF .m-card-product .price {
    margin-left: 0;
    width: 100%
}

.AlbMP31OAF7UnFLGty5D .ENm0hzB9pPWRc5qZZUeF .PPDQCg3sqF1QERtjcDYk {
    align-items: center;
    background-color: #eeeeef;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: var(--card-height);
    justify-content: center;
    padding: 0 7px;
    width: var(--card-width)
}

.AlbMP31OAF7UnFLGty5D .ENm0hzB9pPWRc5qZZUeF .PPDQCg3sqF1QERtjcDYk .F5ijLOEVAi9hCtcXz62x {
    margin-bottom: 10px
}

.AlbMP31OAF7UnFLGty5D .ENm0hzB9pPWRc5qZZUeF .PPDQCg3sqF1QERtjcDYk .F5ijLOEVAi9hCtcXz62x .G5S6piaCv9tZ3klYFYDA {
    --image-size: 60px;
    border: 1px solid #fff;
    border-radius: 6px;
    box-sizing: border-box;
    height: var(--image-size);
    object-fit: cover;
    width: var(--image-size)
}

.Tj3H3O:focus {
    outline: none
}

.mission-game-popup a:hover {
    text-decoration: none
}

@keyframes fade-in-right-to-left {
    0% {
        right: -300px
    }

    to {
        right: 30px
    }
}

@keyframes fade-in-left-to-right {
    0% {
        right: 30px
    }

    to {
        right: -300px
    }
}

@keyframes fade-in-bottom-to-top {
    0% {
        bottom: -60px
    }

    to {
        bottom: 60px
    }
}

@keyframes fade-in-top-to-bottom {
    0% {
        bottom: 60px
    }

    to {
        bottom: -60px
    }
}

@keyframes fade-in-bottom-to-top-product-page {
    0% {
        bottom: -60px
    }

    to {
        bottom: 120px
    }
}

@keyframes fade-in-top-to-bottom-product-page {
    0% {
        bottom: 120px
    }

    to {
        bottom: -60px
    }
}

.m-fixed-modal-cross:hover {
    background-color: #66666a
}

@keyframes modalFadeDown {
    0% {
        opacity: .005;
        transform: translate3d(-50%, -150px, 1px)
    }

    to {
        opacity: 1;
        transform: translate3d(-50%, 0)
    }
}

.m-notification-alert-modal.m-modal-desktop-wrap .confirm-btns-wrap:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden
}

.m-notification-alert-modal.m-modal-desktop-wrap.s-delete-modal .m-modal-desktop .alert .alert-confirm-btn:hover {
    background: #d72136;
    border-color: #d72136
}

.m-notification-alert-modal.m-modal-desktop-wrap.s-delete-modal .m-modal-desktop .alert .alert-confirm-btn:active {
    background: #c41428;
    border-color: #c41428
}

@keyframes fadeOut {
    0% {
        opacity: .25
    }

    to {
        opacity: 0
    }
}


.Tj3H3O:focus {
    outline: none
}

.mission-game-popup a:hover {
    text-decoration: none
}

@keyframes fade-in-right-to-left {
    0% {
        right: -300px
    }

    to {
        right: 30px
    }
}

@keyframes fade-in-left-to-right {
    0% {
        right: 30px
    }

    to {
        right: -300px
    }
}

@keyframes fade-in-bottom-to-top {
    0% {
        bottom: -60px
    }

    to {
        bottom: 60px
    }
}

@keyframes fade-in-top-to-bottom {
    0% {
        bottom: 60px
    }

    to {
        bottom: -60px
    }
}

@keyframes fade-in-bottom-to-top-product-page {
    0% {
        bottom: -60px
    }

    to {
        bottom: 120px
    }
}

@keyframes fade-in-top-to-bottom-product-page {
    0% {
        bottom: 120px
    }

    to {
        bottom: -60px
    }
}

.m-fixed-modal-cross:hover {
    background-color: #66666a
}

@keyframes modalFadeDown {
    0% {
        opacity: .005;
        transform: translate3d(-50%, -150px, 1px)
    }

    to {
        opacity: 1;
        transform: translate3d(-50%, 0)
    }
}

.m-notification-alert-modal.m-modal-desktop-wrap .confirm-btns-wrap:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden
}

.m-notification-alert-modal.m-modal-desktop-wrap.s-delete-modal .m-modal-desktop .alert .alert-confirm-btn:hover {
    background: #d72136;
    border-color: #d72136
}

.m-notification-alert-modal.m-modal-desktop-wrap.s-delete-modal .m-modal-desktop .alert .alert-confirm-btn:active {
    background: #c41428;
    border-color: #c41428
}

.slick-list:focus {
    outline: none
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.oPhWk_xI85GWWCXeIRFb {
    color: #515156 !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    min-width: 0;
    position: relative;
    touch-action: pan-y
}

.oPhWk_xI85GWWCXeIRFb:hover {
    text-decoration: none
}

.oPhWk_xI85GWWCXeIRFb .sliderPaginator {
    bottom: 10px;
    display: flex !important;
    flex-direction: row;
    gap: 6px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 2
}

.oPhWk_xI85GWWCXeIRFb .sliderPaginator li {
    height: 7px;
    width: 7px
}

.oPhWk_xI85GWWCXeIRFb .slick-track {
    display: flex !important
}

.oPhWk_xI85GWWCXeIRFb .slick-list {
    aspect-ratio: 173/200
}

.Zh81pos09ZaXc1DdJq32 {
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

@media (min-width:1200px) {
    .Zh81pos09ZaXc1DdJq32 {
        border-radius: 6px
    }
}

.Rqt5aEjjuy6aE0pB5aCZ {
    aspect-ratio: 173/200;
    position: relative
}

.VmCjzGA9duQmXyIJhiDS {
    height: 100%;
    left: 0;
    object-fit: cover;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.Zh81pos09ZaXc1DdJq32:hover .d8op_MfyHiTGQf9HyBH3 {
    opacity: 1
}

.MPUIYR9eHJn2VbqRu6Ta {
    bottom: 34px;
    position: absolute;
    right: 34px
}

.MPUIYR9eHJn2VbqRu6Ta .efIl1zsnPowbSB7UWCSn {
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px
}

.MPUIYR9eHJn2VbqRu6Ta .efIl1zsnPowbSB7UWCSn.gMHmzAVoIJ8s5vn5gzmG svg {
    fill: rgba(32, 32, 38, .4)
}

.MPUIYR9eHJn2VbqRu6Ta .efIl1zsnPowbSB7UWCSn.CcQfNz12zRXkKmBnk04U svg {
    fill: #fff
}

.lpztTHcDm5DgCRhCrH6F:active {
    color: #515156;
    text-decoration: underline;
    -webkit-text-decoration-color: #515156;
    text-decoration-color: #515156;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px
}

@keyframes l_S2KbBUZY6B5Kq3XQ0x {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes zTm9R1E0otYDatLQhP1r {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes KArSOafFA2KYe6Idb288 {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(-50%)
    }

    75% {
        transform: translateX(-50%)
    }

    to {
        transform: translateX(0)
    }
}


.s_4QirVU0e27eQnrQkcc {
    height: auto;
    min-height: 800px;
    width: 100%
}

.s_4QirVU0e27eQnrQkcc .L3V9G3QfMCBQRsfTx9D4 {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.s_4QirVU0e27eQnrQkcc ._U2z5sFoXAVbZiieiQAR {
    align-items: flex-start;
    color: #202026;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 10px
}

.s_4QirVU0e27eQnrQkcc ._U2z5sFoXAVbZiieiQAR .rbPkteBXdP4wQkR2o1pb {
    font-size: 14px;
    font-weight: 400
}

.s_4QirVU0e27eQnrQkcc .om_nmmGN3bxMYvWHzhZy {
    background-color: #fff;
    box-sizing: border-box;
    height: auto;
    padding: 10px 0;
    position: sticky;
    top: 50px;
    width: 100%;
    z-index: 3
}

.s_4QirVU0e27eQnrQkcc .BiVbeMexKRjGlKhSj54b {
    width: 100%
}

.s_4QirVU0e27eQnrQkcc .vCXVfzzYJ48Ft4LMs66K {
    box-sizing: border-box;
    -moz-column-gap: 10px;
    column-gap: 10px;
    padding: 0 10px;
    row-gap: 14px;
    width: 100%
}

.s_4QirVU0e27eQnrQkcc .sjOfuACD9N2NRvt8lo_X {
    box-sizing: border-box;
    margin-top: 10px;
    padding: 0 10px;
    width: 100%
}

.PUM3_xbzmn7kd8xrFcwK {
    box-sizing: content-box;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%
}

.GpDGe7bhRmvWpqfuVaVQ {
    align-items: center;
    display: flex;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0 10px;
    width: max-content
}

@media (min-width:768px) {
    .GpDGe7bhRmvWpqfuVaVQ {
        gap: 14px;
        padding: 0
    }
}

.UieBr98n9qnWt7CDsj32 {
    flex-shrink: 0
}

.bCb44Ad8zccOk3abtVeE {
    background: #f7f7f8;
    border: 1px solid #d3d3d5;
    border-radius: 100px;
    box-sizing: border-box;
    color: #39393e;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 400;
    height: 30px;
    padding: 0 14px;
    text-align: center;
    text-decoration: none
}

@media (min-width:768px) {
    .bCb44Ad8zccOk3abtVeE {
        background: #eeeeef;
        border: 1px solid transparent;
        font-size: 14px;
        font-weight: 500;
        height: 40px;
        padding: 0 20px
    }
}

.UayImLkdlltHkYhVkiKM {
    background: #fff8f7;
    border-color: #da5648;
    font-weight: 500
}


.dDGwaH,
.yIH0wG {
    touch-action: none
}

.dDGwaH {
    bottom: 14px;
    left: 50%;
    margin: 0 auto;
    position: fixed;
    transform: translate(-50%);
    z-index: 888777
}

@media (max-width:479px) {
    .dDGwaH {
        bottom: 14px;
        box-sizing: border-box;
        padding: 0 14px;
        width: 100%
    }
}

.Tj3H3O:focus {
    outline: none
}

.mission-game-popup a:hover {
    text-decoration: none
}

@keyframes fade-in-right-to-left {
    0% {
        right: -300px
    }

    to {
        right: 30px
    }
}

@keyframes fade-in-left-to-right {
    0% {
        right: 30px
    }

    to {
        right: -300px
    }
}

@keyframes fade-in-bottom-to-top {
    0% {
        bottom: -60px
    }

    to {
        bottom: 60px
    }
}

@keyframes fade-in-top-to-bottom {
    0% {
        bottom: 60px
    }

    to {
        bottom: -60px
    }
}

@keyframes fade-in-bottom-to-top-product-page {
    0% {
        bottom: -60px
    }

    to {
        bottom: 120px
    }
}

@keyframes fade-in-top-to-bottom-product-page {
    0% {
        bottom: 120px
    }

    to {
        bottom: -60px
    }
}

.m-fixed-modal-cross:hover {
    background-color: #66666a
}

@keyframes modalFadeDown {
    0% {
        opacity: .005;
        transform: translate3d(-50%, -150px, 1px)
    }

    to {
        opacity: 1;
        transform: translate3d(-50%, 0)
    }
}

.m-notification-alert-modal.m-modal-desktop-wrap .confirm-btns-wrap:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden
}

.m-notification-alert-modal.m-modal-desktop-wrap.s-delete-modal .m-modal-desktop .alert .alert-confirm-btn:hover {
    background: #d72136;
    border-color: #d72136
}

.m-notification-alert-modal.m-modal-desktop-wrap.s-delete-modal .m-modal-desktop .alert .alert-confirm-btn:active {
    background: #c41428;
    border-color: #c41428
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

.slick-list,
.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    outline: none;
    width: 1186px;
    position: relative;
    left: 0px;
    opacity: 0;
    transition: opacity 500ms, visibility 500ms;
}

.slick-slide img {
    display: block
}

.slick-initialized .slick-slide {
    display: block
}

.slick-dots {
    font-size: 0;
    margin-top: 10px
}

.slick-dots li {
    display: inline-block
}

.ROPUoX72ZMPQalx8yv0R {
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden
}

.ROPUoX72ZMPQalx8yv0R .slick-dots {
    bottom: 6px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 2
}

.ROPUoX72ZMPQalx8yv0R .slick-dots li {
    margin: 0
}

.ROPUoX72ZMPQalx8yv0R .slick-list {
    aspect-ratio: 1/1
}

.ROPUoX72ZMPQalx8yv0R:hover {
    text-decoration: none
}

.ROPUoX72ZMPQalx8yv0R:hover .wyU430xubCpD5oc908vv {
    opacity: 1
}

.w07wKR_wscNjHywObHoP {
    min-width: 0;
    padding-top: 100%;
    position: relative
}

.i6XyXDSTsMSFivqsxNYf {
    aspect-ratio: 1/1;
    min-width: 0;
    position: relative
}

.e3BdNXsCGJg8r1UhHR_R {
    bottom: 30px;
    position: absolute;
    right: 30px
}

.e3BdNXsCGJg8r1UhHR_R .vvBBPmjeWpshniBojxTA {
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px
}

.e3BdNXsCGJg8r1UhHR_R .vvBBPmjeWpshniBojxTA.Z83VZh3jxiJsO1STt8uW svg {
    fill: rgba(32, 32, 38, .4)
}

.e3BdNXsCGJg8r1UhHR_R .vvBBPmjeWpshniBojxTA._u2HPVTYP4CztWqgsBY_ svg {
    fill: #fff
}

.JWiegP5fmt3zC2aHnedS {
    aspect-ratio: 1/1;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

@media (min-width:1200px) {
    .JWiegP5fmt3zC2aHnedS {
        border-radius: 6px;
        overflow: hidden
    }
}

.Rv3sjWcIKAWwnBfqwP85 {
    grid-gap: 4px;
    display: grid;
    gap: 4px;
    padding: 6px
}

.pKtEN9sB_ZLIQH_eVvwr {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #202026;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.FoqZMkKVkhuWXFPDIR9w {
    color: #003354;
    font-size: 16px;
    font-weight: 500
}

.uxQm1lcYN026KfgeNytp {
    color: #515156;
    font-size: 12px;
    font-weight: 400
}

.q7TK1acP4_8QddwP6Tp_ {
    align-items: center;
    display: flex;
    justify-content: center;
    transition: all .3s linear
}

.TT7SQcRi_vGMhaRjkeYC {
    border-radius: 50%;
    flex-shrink: 0;
    overflow: hidden;
    transition: all .3s ease
}

@keyframes l_S2KbBUZY6B5Kq3XQ0x {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.tAouDGTWqT7Vu29CWPCn {
    display: flex;
    gap: 6px;
    justify-content: center
}

@media (min-width:768px) {
    .tAouDGTWqT7Vu29CWPCn {
        padding: 0 10px
    }
}

.aGPeQsJJG3YNsRSzzrbg {
    border-radius: 50%;
    flex-shrink: 0;
    height: 8px;
    overflow: hidden;
    transition: all .3s ease;
    width: 8px
}

@keyframes zTm9R1E0otYDatLQhP1r {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes KArSOafFA2KYe6Idb288 {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(-50%)
    }

    75% {
        transform: translateX(-50%)
    }

    to {
        transform: translateX(0)
    }
}

._ThbYmWcsx3Oqtu68Nax {
    background-color: #10567b;
    border-radius: 4px;
    overflow: hidden;
    padding: 10px
}

.PDHOLFEf1KvaYz7yN7ww {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: center
}

.AGuZoqZc7Czz0LwumiVC {
    grid-gap: 10px;
    display: grid;
    gap: 10px;
    margin-bottom: 10px
}

.NyZsAWhPMykfFTc2njmn {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr)
}

.qblzaV95KAC_nMKFBD7b {
    border: 1px solid #eeeeef;
    border-radius: 4px;
    box-sizing: border-box;
    overflow: hidden;
    padding-top: 100%;
    position: relative
}

.ju9ZXwF82frZRUpEO5f8 {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}


.g-hover-tip {
    cursor: help;
    display: inline-block;
    line-height: 1;
    position: relative
}

.g-hover-tip:before {
    border: 6px solid transparent;
    border-bottom-color: #003354;
    bottom: -6px;
    content: "";
    left: 50%;
    position: absolute;
    transform: translate(-50%)
}

.g-hover-tip:after {
    background: #003354;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    content: attr(data-hover-tip);
    font-size: 12px;
    left: 50%;
    line-height: 1.5;
    margin: 6px 0 0;
    padding: 6px 10px;
    position: absolute;
    top: 100%;
    transform: translateZ(0);
    transform: translate(-50%);
    width: 330px;
    z-index: 1
}

.g-hover-tip.g-hover-tip-center:after {
    min-width: 96px;
    padding: 10px 24px;
    text-align: center;
    white-space: nowrap;
    width: auto
}

.g-hover-tip.one-line:after {
    white-space: nowrap;
    width: auto
}

.g-hover-tip:after,
.g-hover-tip:before {
    display: none
}

.g-hover-tip:hover:after,
.g-hover-tip:hover:before {
    display: block
}

.g-hover-tip--normal {
    color: #39393e
}

.g-hover-tip--normal:hover {
    text-decoration: none
}

.R0m4iqbvEGqu4S07jmqO {
    color: #202026;
    font-size: 22px;
    font-weight: 600
}

.rZSTzaxe_LIUPlBsoxj2 {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 500px
}

.sYgFjcedT6QwU81dXCxQ {
    background-color: #eeeeef;
    padding: 20px 10px 10px
}

.EjOYcp0oT3YQDh7TGI44 span {
    vertical-align: middle
}

.EjOYcp0oT3YQDh7TGI44 .g-hover-tip:before {
    bottom: -7px
}

.EjOYcp0oT3YQDh7TGI44 .g-hover-tip:after {
    color: #fff;
    font-weight: 400;
    left: auto;
    max-width: 260px;
    right: auto;
    transform: translate(-5%)
}

.EjOYcp0oT3YQDh7TGI44.m3vRoLILOs2WXn7HwEog .g-hover-tip:after {
    transform: translate(-80%)
}

.TQNPJ4VPOw6wLSHQyL_H {
    color: #39393e;
    font-size: 14px;
    font-weight: 400
}

.mVI5kioxVRGOWnAx6npY {
    display: flex;
    gap: 10px
}

.HvcGxAAFa7NV4Mgp35uN {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 10px;
    min-width: 0
}


/* Trending and get insbired start*/

.trending-section-trend {
    max-width: 1200px;
    margin: 2rem auto;
    padding: 0 1rem;
    font-family: system-ui, sans-serif;
  }
  .section-title-trend {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #1a1a1a;
  }
  .tab-buttons-trend {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 2rem;
  }
  .tab-btn-trend {
    padding: 0.6rem 1.5rem;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 2rem;
    cursor: pointer;
    font-size: 0.95rem;
    font-weight: 500;
    color: #666;
    transition: all 0.2s;
  }
  .tab-btn-trend.active {
    background: #1a1a1a;
    color: #fff;
    border-color: #1a1a1a;
  }
  .product-grid-trend {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
  }
  @media (max-width: 900px) {
    .product-grid-trend {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media (max-width: 600px) {
    .product-grid-trend {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  /* Card */
  .product-card-trend {
    position: relative;
    text-decoration: none;
    color: inherit;
    border-radius: 0.75rem;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: box-shadow 0.2s;
  }
  .product-card-trend:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
  }
  
  /* Slider container */
  .slider-trend {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #f5f5f5;
  }
  
  .slides-trend {
    display: flex;
    height: 100%;
    transition: transform 0.3s ease;
  }
  
  .slide-trend {
    min-width: 100%;
    height: 100%;
  }
  
  .slide-trend img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  /* Slider arrows */
  .slider-arrow-trend {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.85);
    border: none;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    opacity: 0;
    transition: opacity 0.2s;
  }
  .slider-trend:hover .slider-arrow-trend {
    opacity: 1;
  }
  .slider-arrow-trend.left {
    left: 6px;
  }
  .slider-arrow-trend.right {
    right: 6px;
  }
  .slider-arrow-trend svg {
    width: 14px;
    height: 14px;
    fill: #333;
  }
  
  /* Dots */
  .dots-trend {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 4px;
  }
  .dot-trend {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255,255,255,0.7);
    border: none;
    padding: 0;
    cursor: pointer;
  }
  .dot-trend.active {
    background: #fff;
    width: 8px;
    height: 8px;
  }
  
  /* Heart button */
  .heart-btn-trend {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
  }
  .heart-btn-trend svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    transition: fill 0.2s;
  }
  .heart-btn-trend.liked svg {
    fill: #ff4d4d;
    stroke: #ff4d4d;
  }
  
  /* Saved text */
  .saved-text-trend {
    text-align: center;
    padding: 0.5rem 0.25rem 0.25rem;
    font-size: 0.75rem;
    color: #888;
  }


/* Trending and get insbired end*/


/*  may like  start*/

/* Section wrapper */
.maylike-section {
    max-width: 1200px;
    margin: 3rem auto;
    padding: 0 1rem;
    font-family: system-ui, sans-serif;
  }
  
  /* Header area */
  .maylike-header {
    align-items: baseline;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
  }
  .maylike-title {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0;
    color: #1a1a1a;
  }
  .maylike-subtitle {
    display: inline-block;
    margin: 0 0 0 auto;
    font-size: 0.9rem;
    color: #666;
  }
  
  /* Tooltip */
  .maylike-tooltip {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: help;
  }
  .maylike-info-icon {
    width: 18px;
    height: 18px;
    color: #888;
    transition: color 0.2s;
  }
  .maylike-tooltip:hover .maylike-info-icon {
    color: #333;
  }
  .maylike-tooltip-text {
    display: none;
    position: absolute;
    bottom: 150%;
    left: 50%;
    transform: translateX(-50%);
    background: #1a1a1a;
    color: #fff;
    padding: 0.4rem 0.8rem;
    border-radius: 6px;
    font-size: 0.75rem;
    white-space: nowrap;
    z-index: 10;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  }
  .maylike-tooltip:hover .maylike-tooltip-text {
    display: block;
  }
  
  /* Product grid */
  .maylike-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.5rem;
  }
  @media (max-width: 900px) {
    .maylike-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media (max-width: 600px) {
    .maylike-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  /* Card */
  .maylike-card {
    position: relative;
    text-decoration: none;
    color: inherit;
    border-radius: 0.75rem;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: box-shadow 0.2s;
    display: flex;
    flex-direction: column;
  }
  .maylike-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
  }
  
  /* Slider (reuse same structure as trending) */
  .maylike-slider {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #f5f5f5;
  }
  .maylike-slides {
    display: flex;
    height: 100%;
    transition: transform 0.3s ease;
  }
  .maylike-slide {
    min-width: 100%;
    height: 100%;
  }
  .maylike-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  /* Arrows */
  .maylike-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.85);
    border: none;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    opacity: 0;
    transition: opacity 0.2s;
  }
  .maylike-slider:hover .maylike-arrow {
    opacity: 1;
  }
  .maylike-arrow.left {
    left: 6px;
  }
  .maylike-arrow.right {
    right: 6px;
  }
  .maylike-arrow svg {
    width: 14px;
    height: 14px;
    fill: #333;
  }
  
  /* Dots */
  .maylike-dots {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 4px;
  }
  .maylike-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255,255,255,0.7);
    border: none;
    padding: 0;
    cursor: pointer;
  }
  .maylike-dot.active {
    background: #fff;
    width: 8px;
    height: 8px;
  }
  
  /* Heart */
  .maylike-heart-btn {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 3;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .maylike-heart-btn svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    transition: fill 0.2s;
  }
  .maylike-heart-btn.liked svg {
    fill: #ff4d4d;
    stroke: #ff4d4d;
  }
  
  /* Card body */
  .maylike-info {
    padding: 0.5rem 0.25rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
  }
  
  /* Title – clamped to 2 lines */
  .maylike-name {
    margin: 0;
    font-size: 0.85rem;
    font-weight: 500;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  /* Price */
  .maylike-price {
    font-weight: 600;
    font-size: 0.95rem;
    color: #000;
  }
  
  /* Stats (rating, favourites, solds) */
  .maylike-stats {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.75rem;
    color: #666;
    margin-top: 0.2rem;
  }
  .maylike-stat {
    display: flex;
    align-items: center;
    gap: 0.2rem;
  }
  .maylike-stat svg {
    width: 14px;
    height: 14px;
    fill: #888;
  }

  /* may like end */


  /* Recomended shops start */

  /* --- Slider Container --- */
        .ss-wrapper {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: 2rem auto;
            max-width: 1400px;
            font-family: system-ui, sans-serif;
        }
        .ss-viewport {
            width: 100%;
            overflow: hidden;
            position: relative;
            height: 400px;
            margin-bottom: 1.5rem;
        }
        .ss-track {
            display: flex;
            transition: transform 0.5s ease;
            height: 100%;
            /* each slide is 1000px wide, we'll position so active is centered with 200px peek on each side */
            /* total width = slides.length * 1000px */
        }
        .ss-slide {
            flex: 0 0 700px;
            height: 100%;
            display: flex;
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
            margin: 0 10px;
            overflow: hidden;
            transition: opacity 0.3s, filter 0.3s;
            opacity: 0.7;
            filter: brightness(0.95);
            position: relative;
        }
        .ss-slide.active {
            cursor: default;
            opacity: 1;
            filter: brightness(1);
            box-shadow: 0 8px 24px rgba(0,0,0,0.15);
        }

        .ss-slide:not(.active) a {
            pointer-events: none;
        }
        
        
        .ss-slide[data-dir="left"] {
            cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='18' r='16' fill='rgba(0,0,0,0.6)'/%3E%3Cpolygon points='20,10 12,18 20,26' fill='white'/%3E%3C/svg%3E") 18 18, pointer;
          }
          .ss-slide[data-dir="right"] {
            cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='18' r='16' fill='rgba(0,0,0,0.6)'/%3E%3Cpolygon points='16,10 24,18 16,26' fill='white'/%3E%3C/svg%3E") 18 18, pointer;
          }

        /* When slide is active, remove hover effects from non-active? We keep hover on active maybe not needed, but active slide has no data-dir. */
        .ss-slide.active::after {
            display: none;
        }

        /* Slide internal layout */
        .ss-left-col {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
        }
        .ss-left-col img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .ss-left-desc {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(transparent, rgba(0,0,0,0.7));
            color: white;
            padding: 1rem;
            font-size: 0.9rem;
            line-height: 1.4;
            max-height: 80px;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .ss-right-col {
            width: 55%;
            display: flex;
            flex-direction: column;
            padding: 1rem;                    /* slightly reduced for smaller height */
            height: 100%;
            gap: 0;                           /* we'll use flex to distribute space */
          }
          .ss-row-link {
            display: block;
            flex: 1;                          /* each row takes equal vertical space */
            min-height: 0;                    /* allow flex to shrink if needed */
            text-decoration: none;
            color: inherit;
          }
          .ss-row {
            display: flex;
            align-items: center;
            gap: 1rem;
            height: 100%;
            padding: 0.25rem 0;
          }
        .ss-row:last-child {
            margin-bottom: 0;
        }
        .ss-row-img {
            height: 100%;                   
            width: 30%;
            border-radius: 8px;
            object-fit: cover;
            flex-shrink: 0;
            background: #f0f0f0;
          }
        .ss-row-info {
            flex: 1;
            overflow: hidden;
        }
        .ss-row-name {
            font-weight: 600;
            font-size: 0.9rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 0.25rem;
        }
        .ss-row-price {
            color: #e74c3c;
            font-weight: 700;
            font-size: 1rem;
        }

        /* Dots (ul.tAou...) */
        .ss-dots {
            list-style: none;
            display: flex;
            gap: 8px;
            padding: 0;
            margin: 0;
        }
        .ss-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #ccc;
            cursor: pointer;
        }
        .ss-dot.active {
            width: 8px;
            height: 8px;
            background-color: #333;
            position: relative;
        }
        .ss-dot.active .ss-dot-progress {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            background-color: #333;
            border-radius: 4px;
            animation: progressAnim 5s linear forwards;
        }
        @keyframes progressAnim {
            from { width: 0%; }
            to { width: 100%; }
        }

        .ss-dot-progress {
            animation-play-state: running;
        }
        .ss-dot.active.paused .ss-dot-progress {
            animation-play-state: paused;
        }

        /* Loading / Error */
        .ss-loading {
            text-align: center;
            padding: 2rem;
            color: #888;
        }

        /* Recommended shops end  */