.indicator-root-VgG {
    align-content: center;
    align-items: center;
    display: grid;
    gap: 3rem;
    height: calc(100% - 6rem);
    justify-content: center;
    justify-items: center;
    margin: 3rem 0;
    width: 100%
}

.indicator-message-dU2 {
    color: rgb(var(--venia-text-alt));
    font-size: 1rem;
    letter-spacing: .25rem;
    text-transform: uppercase
}

.indicator-indicator-jC8 {
    animation: indicator-spin-DTe 1s linear infinite
}

@keyframes indicator-pulse-M0w {
    0% {
        transform: scale(.75) rotate(-540deg)
    }

    to {
        transform: scale(1) rotate(0deg)
    }
}

.ldl-ani {
    animation: loading 3.33333s linear 0s infinite normal forwards running;
    opacity: 0;
    transform-origin: 231.4px 25.53px
}

@keyframes loading {
    0% {
        animation-timing-function: cubic-bezier(.9647, .2413, -.0705, .7911);
        opacity: 0
    }

    51% {
        animation-timing-function: cubic-bezier(.9226, .2631, -.0308, .7628);
        opacity: .9995
    }

    to {
        opacity: 0
    }
}





@media(max-width:767px) {
    .account-form-link .btn.btn-link {
        background: 0 0;
        border: 0;
        font-size: 0;
        line-height: 22px;
        margin: 0;
        min-width: auto;
        padding: 0;
        position: relative;
        width: 100%
    }

    .account-form-link .btn.btn-link:after {
        color: #424d5d;
        content: "SIGN IN";
        font-size: 12px;
        font-weight: 600;
        left: 0;
        line-height: 14px;
        padding: 5px 0;
        position: absolute;
        text-decoration: none;
        top: 0
    }

    .account-form-steps.open .close-sidebar,
    .account-form-steps.open .return-button {
        background: 0 0;
        border: 0;
        min-width: auto
    }

    .my-account-mob-menu-head {
        border: none;
        border-bottom: 1px solid #ececec;
        cursor: pointer;
        display: block;
        font-size: 14px;
        margin-bottom: 0;
        padding: 5px 0;
        text-align: left;
        text-transform: uppercase
    }

    .my-account-mob-menu-head span {
        float: right;
        font-size: 0;
        line-height: 18px;
        position: relative
    }

    .my-account-mob-menu-head span:after {
        color: #161616;
        content: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNScgaGVpZ2h0PScxNic+PGcgZmlsbD0nIzE2MTYxNicgZmlsbC1ydWxlPSdldmVub2RkJz48cGF0aCBkPSdNNy42ODkgMi42MTV2MTAuNzY5SDYuNjEyVjIuNjE1eicvPjxwYXRoIGQ9J00xMi41MzYgOC41MzhIMS43NjZWNy40NjFoMTAuNzd6Jy8+PC9nPjwvc3ZnPg==);
        font-size: 18px;
        opacity: .3;
        position: absolute;
        right: 0
    }

    .my-account-mob-menu-head span.open:after {
        content: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNScgaGVpZ2h0PScxNCc+PHBhdGggZmlsbD0nIzE2MTYxNicgZmlsbC1ydWxlPSdldmVub2RkJyBkPSdNMS43NjYgNi40NjJoMTAuNzY5djEuMDc3SDEuNzY1eicvPjwvc3ZnPg==)
    }
}

@media(min-width:768px) {
    .myaccount-content .dashboard-block .manage-address-button {
        font-size: 14px
    }
}

.usp-block {
    display: inline-block;
    width: 100%
}

.headline {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px
}

.sub-headline {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

.headline,
.sub-headline {
    padding: 0 8px
}

.links .btn-primary {
    background: 0 0;
    border: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 19px;
    margin: 0;
    padding: 6px
}

.trending-wrapper {
    min-height: 1150px
}

.lto-wrapper {
    display: inline-block;
    max-width: 100%;
    min-height: 474px;
    width: 100%
}

.lto-wrapper .slider-item p:first-child,
.lto-wrapper div[class*=banner-content] p:first-child {
    aspect-ratio: 436/239
}

.lto-wrapper .lto-image {
    transition: filter .2s ease-out
}

.lto-wrapper .lto-image:hover {
    filter: brightness(80%) contrast(130%)
}

.lto-wrapper .slider-container .slide.slide-visible {
    -webkit-transform: translateZ(0)
}

.lto-wrapper .slider-container>div:nth-child(2),
.lto-wrapper .slider-container>div:nth-child(3) {
    aspect-ratio: 1440/240
}

.lto-wrapper .row-contained-LS3 {
    float: left;
    margin-bottom: 20px;
    max-width: 100%
}

.lto-wrapper .btn-primary,
.lto-wrapper h4 {
    color: #000;
    font-weight: 600;
    line-height: normal
}

.lto-wrapper h4 {
    margin-bottom: 0
}

.lto-wrapper .banner-button-1_N {
    margin-top: 20px
}

.lto-wrapper .banner-overlay-2tg {
    padding: 0
}

.lto-wrapper .slider-wrapper .slider-slide {
    text-align: center
}

.lto-wrapper .slider-navigation-wrapper {
    position: relative
}

.lto-wrapper .slider-navigation-wrapper .swiper-button-next,
.lto-wrapper .slider-navigation-wrapper .swiper-button-prev {
    background: #393939;
    border-radius: 0;
    cursor: pointer;
    height: 60px;
    min-width: auto;
    top: 35%;
    width: 40px
}

.lto-wrapper .slider-navigation-wrapper .swiper-button-next:after,
.lto-wrapper .slider-navigation-wrapper .swiper-button-prev:after {
    border-top: .13em solid #cacccd;
    content: "";
    display: inline-block;
    font-size: 9px;
    height: 3em;
    overflow: hidden;
    position: absolute;
    width: 3em
}

.lto-wrapper .slider-navigation-wrapper .swiper-button-prev {
    left: 22px
}

.lto-wrapper .slider-navigation-wrapper .swiper-button-prev:after {
    border-left: .13em solid #cacccd;
    left: 12px;
    top: 16px;
    transform: rotate(-45deg)
}

.lto-wrapper .slider-navigation-wrapper .swiper-button-next {
    right: 22px
}

.lto-wrapper .slider-navigation-wrapper .swiper-button-next:after {
    border-right: .13em solid #cacccd;
    right: 16px;
    top: 16px;
    transform: rotate(45deg)
}

.lto-wrapper .btn-primary {
    background: 0 0;
    border: 0;
    height: auto;
    margin: 0;
    min-width: auto;
    padding: 0
}

.lto-wrapper [class*=banner-overlay] {
    padding: 0
}

.popular-brand-wrapper div {
    min-height: auto
}

.popular-brand-wrapper .banner-overlay-2tg {
    padding: 0
}

.popular-brand-wrapper .swiper-wrapper {
    align-items: center
}

.popular-brand-wrapper .swiper-slide {
    flex-grow: 1;
    width: auto
}

.popular-wrapper {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto
}

.popular-wrapper::-webkit-scrollbar {
    height: 0;
    width: 0
}

.popular-wrapper::-webkit-scrollbar-thumb,
.popular-wrapper::-webkit-scrollbar-track {
    background: 0 0
}

.popular-wrapper .popular-item {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 23px;
    padding: 7px 9px 6px;
    text-decoration: none;
    white-space: nowrap
}

.popular-wrapper .popular-item:hover {
    text-decoration: none
}

.popular-wrapper .popular-item:not(:last-child) {
    margin-right: 25px
}

.slider-mobile-wrapper {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto
}

.slider-mobile-wrapper::-webkit-scrollbar {
    height: 0;
    width: 0
}

.slider-mobile-wrapper::-webkit-scrollbar-thumb,
.slider-mobile-wrapper::-webkit-scrollbar-track {
    background: 0 0
}

.slider-mobile-wrapper .slider-item {
    margin: 0 5px;
    min-width: 252px;
    width: 252px
}

.slider-mobile-wrapper .slider-item a {
    text-decoration: none
}

.slider-mobile-wrapper .slider-item .lto-subtext {
    margin-bottom: 0
}

@media(min-width:768px) {
    .popular-brand-wrapper .popular-wrapper {
        justify-content: space-between;
        padding-bottom: 20px
    }

    .popular-brand-wrapper .popular-wrapper::-webkit-scrollbar {
        background-color: #f1f1f1;
        height: 6px
    }

    .popular-brand-wrapper .popular-wrapper::-webkit-scrollbar-track {
        background-color: #f1f1f1;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
    }

    .popular-brand-wrapper .popular-wrapper::-webkit-scrollbar-thumb {
        background-color: #c1c1c1
    }

    .popular-brand-wrapper .popular-wrapper .popular-item {
        align-items: center;
        color: #000;
        display: flex;
        font-size: 16px;
        font-weight: 700;
        height: 50px;
        justify-content: center
    }

    .popular-brand-wrapper .popular-wrapper .popular-item:first-child {
        padding-left: 0
    }

    .popular-brand-wrapper .popular-wrapper .popular-item:not(:last-child) {
        margin-right: 30px
    }

    .popular-brand-wrapper .popular-wrapper .popular-item.popular-active {
        border: 1px solid #000;
        padding: 0 32px
    }

    .popular-brand-wrapper .popular-wrapper .popular-item.popular-active:hover {
        background-color: #000;
        color: #fff
    }
}

@media(max-width:767px) {
    .row-contained-LS3 .slider-mobile-wrapper {
        display: flex
    }

    .usp-block {
        margin-bottom: 18px;
        padding: 0 14px
    }

    .usp-block .pagebuilder-column {
        border-bottom: 14px solid #fff !important;
        padding: 27px 0 15px
    }

    .usp-block .headline,
    .usp-block .sub-headline {
        margin-bottom: 17px
    }

    .trending-wrapper {
        min-height: 888px
    }

    .lto-wrapper {
        min-height: 415.125px;
        padding-top: 24px
    }

    .lto-wrapper .row-contained-LS3 {
        margin-bottom: 32px
    }

    .lto-wrapper h3,
    .lto-wrapper h4 {
        color: #393838;
        font-size: 18px;
        margin-top: 18px
    }

    .lto-wrapper .banner-button-1_N {
        margin-top: 18px
    }

    .lto-wrapper .btn-primary {
        color: #393838;
        font-size: 15px;
        line-height: 18px
    }

    .lto-wrapper .swiper-slide {
        padding: 0 5px
    }

    .popular-brand-wrapper {
        background: #000;
        min-height: 37px;
        padding-left: 16px;
        padding-right: 10px
    }

    .popular-brand-wrapper .swiper-slide {
        padding: 7px 9px 6px
    }

    .popular-brand-wrapper .swiper-slide .banner-content-17n div,
    .popular-brand-wrapper .swiper-slide .banner-content-17n h1,
    .popular-brand-wrapper .swiper-slide .banner-content-17n p {
        color: #f4e8cf;
        font-size: 12px;
        font-weight: 400;
        line-height: 23px;
        margin-bottom: 0
    }

    .popular-brand-wrapper .swiper-slide .banner-content-17n h1,
    .popular-brand-wrapper .swiper-slide .banner-content-17n p {
        color: #fff
    }
}

@media(max-width:768px) {

    .lto-wrapper .swiper-button-next,
    .lto-wrapper .swiper-button-prev {
        display: none
    }
}

@media(min-width:768px) {
    .usp-block {
        padding: 0 18px
    }

    .usp-block .usp-wrapper {
        padding: 63px 0 53px
    }

    .usp-block .headline,
    .usp-block .sub-headline {
        margin-bottom: 25px
    }

    .usp-block .pagebuilder-column {
        position: relative
    }

    .usp-block .pagebuilder-column:after {
        background: #c6a979;
        content: "";
        height: 81%;
        position: absolute;
        right: -1px;
        top: 7px;
        width: 2px
    }

    .usp-block .pagebuilder-column:last-child:after {
        display: none;
        opacity: 0;
        visibility: hidden
    }

    .lto-wrapper {
        margin-bottom: 38px;
        margin-top: 26px
    }

    .lto-wrapper h4 {
        font-size: 18px;
        margin-top: 18px
    }

    .lto-wrapper .btn-primary {
        font-size: 17px;
        line-height: 20px;
        padding: 0 5%
    }

    .lto-wrapper .swiper-slide {
        padding: 0 22px;
        width: auto
    }

    .popular-brand-wrapper {
        margin-bottom: 8px;
        margin-top: 30px;
        min-height: 72px;
        padding-bottom: 0;
        padding-top: 10px
    }

    .popular-brand-wrapper .row-contained-LS3 {
        float: left;
        margin-bottom: 12px
    }

    .popular-brand-wrapper .banner-overlay-2tg {
        padding: 0
    }

    .popular-brand-wrapper .swiper-slide:last-child {
        border: 1px solid #212529;
        padding: 0 10px
    }

    .popular-brand-wrapper .swiper-slide:last-child div {
        overflow: visible
    }

    .popular-brand-wrapper .swiper-slide:last-child .banner-content-17n {
        white-space: nowrap
    }

    .popular-brand-wrapper .swiper-slide:last-child .banner-content-17n div,
    .popular-brand-wrapper .swiper-slide:last-child .banner-content-17n h1,
    .popular-brand-wrapper .swiper-slide:last-child .banner-content-17n p {
        color: #212529;
        font-size: 14px;
        font-weight: 700;
        line-height: 47px
    }

    .popular-brand-wrapper .swiper-slide .banner-content-17n div,
    .popular-brand-wrapper .swiper-slide .banner-content-17n h1,
    .popular-brand-wrapper .swiper-slide .banner-content-17n p {
        color: #212529;
        font-size: 14px;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 0
    }

    .popular-brand-wrapper .swiper-slide .banner-content-17n div:hover,
    .popular-brand-wrapper .swiper-slide .banner-content-17n h1:hover,
    .popular-brand-wrapper .swiper-slide .banner-content-17n p:hover {
        text-decoration: underline
    }

    .popular-brand-wrapper .swiper-slide div {
        min-height: auto
    }

    .popular-brand-wrapper .swiper-button-next,
    .popular-brand-wrapper .swiper-button-prev {
        top: 22%
    }

    .popular-brand-wrapper .swiper-button-prev {
        left: 18px
    }

    .popular-brand-wrapper .swiper-button-next {
        right: 18px
    }
}

@media(min-width:1024px) {
    .usp-block {
        padding: 0
    }

    .lto-wrapper {
        margin-bottom: 48px;
        margin-top: 36px
    }

    .lto-wrapper h4 {
        font-size: 18px;
        margin-top: 20px
    }

    .lto-wrapper .btn-primary {
        font-size: 17px;
        line-height: 20px;
        padding: 0 10%
    }

    .popular-brand-wrapper .swiper-slide:last-child {
        margin-right: 9px;
        padding: 0 20px
    }

    .popular-brand-wrapper .swiper-slide .banner-content-17n div,
    .popular-brand-wrapper .swiper-slide .banner-content-17n h1,
    .popular-brand-wrapper .swiper-slide .banner-content-17n p,
    .popular-brand-wrapper .swiper-slide:last-child .banner-content-17n div,
    .popular-brand-wrapper .swiper-slide:last-child .banner-content-17n h1,
    .popular-brand-wrapper .swiper-slide:last-child .banner-content-17n p {
        font-size: 15px
    }

    .swiper-button-prev {
        left: 18px
    }

    .swiper-button-prev:after {
        border-left: .13em solid #cacccd;
        left: 12px;
        transform: rotate(-45deg)
    }

    .swiper-button-next {
        right: 18px
    }

    .swiper-button-next:after {
        border-right: .13em solid #cacccd;
        right: 16px;
        transform: rotate(45deg)
    }
}

@media(min-width:1280px) {
    .lto-wrapper {
        margin-bottom: 61px;
        margin-top: 49px
    }

    .lto-wrapper h4 {
        font-size: 22px;
        margin-top: 26px
    }

    .lto-wrapper .btn-primary {
        font-size: 18px;
        line-height: 24px;
        padding: 0 15%
    }

    .popular-brand-wrapper .swiper-slide:last-child {
        margin-right: 9px;
        padding: 0 25px
    }

    .popular-brand-wrapper .swiper-slide:last-child .banner-content-17n {
        white-space: inherit
    }

    .popular-brand-wrapper .swiper-slide .banner-content-17n div,
    .popular-brand-wrapper .swiper-slide .banner-content-17n h1,
    .popular-brand-wrapper .swiper-slide .banner-content-17n p,
    .popular-brand-wrapper .swiper-slide:last-child .banner-content-17n div,
    .popular-brand-wrapper .swiper-slide:last-child .banner-content-17n h1,
    .popular-brand-wrapper .swiper-slide:last-child .banner-content-17n p {
        font-size: 16px
    }
}

@media(min-width:1440px) {
    .popular-brand-wrapper .swiper-slide:last-child {
        padding: 0 55px
    }

    .popular-brand-wrapper .swiper-slide .banner-content-17n div,
    .popular-brand-wrapper .swiper-slide .banner-content-17n h1,
    .popular-brand-wrapper .swiper-slide .banner-content-17n p,
    .popular-brand-wrapper .swiper-slide:last-child .banner-content-17n div,
    .popular-brand-wrapper .swiper-slide:last-child .banner-content-17n h1,
    .popular-brand-wrapper .swiper-slide:last-child .banner-content-17n p {
        font-size: 18px
    }

    .swiper-button-prev {
        left: 22px
    }

    .swiper-button-next {
        right: 22px
    }

    .lto-wrapper .lto-item-wrapper {
        display: inline
    }

    .lto-wrapper .swiper-slide-active {
        right: 22px
    }

    .lto-wrapper .swiper-slide-next+.swiper-slide-duplicate {
        left: 22px
    }

    .lto-wrapper .swiper-button-prev {
        left: 0
    }

    .lto-wrapper .swiper-button-next {
        right: 0
    }
}

html {
    scroll-behavior: auto
}



.ul-list ul {
    margin-bottom: 1rem
}

.ul-list li {
    color: #000;
    font-size: 13px;
    line-height: 26px;
    padding-left: 13px;
    position: relative
}

.ul-list li:before {
    content: "•";
    display: block;
    font-size: 21px;
    left: 2px;
    line-height: 1;
    position: absolute;
    top: 3px
}

.number-list ol {
    counter-reset: my-awesome-counter;
    list-style: none;
    padding: 0
}

.number-list ol li {
    color: #000;
    counter-increment: my-awesome-counter;
    font-size: 13px;
    line-height: 24px;
    padding-left: 27px;
    position: relative
}

.number-list ol li:before {
    color: #000;
    content: counter(my-awesome-counter) ". ";
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    left: 0;
    position: absolute
}

.list-heading {
    font-size: 16px;
    line-height: 23px
}

.negative-margin-15 {
    margin: 0 -15px
}

@media screen and (max-width:767px) {
    .container-width {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (min-width:768px) {
    .container-width {
        margin: 0 auto;
        max-width: 1440px
    }
}

@media only screen and (max-width:1024px) and (min-width:768px) {

    .bottom-promo-container,
    .container-width,
    .daily-deal-wrapper,
    .global-alert,
    .more-ways-wrapper .departments,
    .popular-brand-wrapper,
    .sticky-header-pdp .sticky-wrapper {
        padding-left: 15px;
        padding-right: 15px
    }

    .sticky-header-pdp .scroll-to-elements-wrapper {
        left: 15px
    }
}

@media only screen and (max-width:1476px) and (min-width:1024px) {

    .center-content,
    .container-width,
    .global-alert,
    .more-ways-wrapper .departments,
    .popular-brand-wrapper,
    .sticky-header-pdp .sticky-wrapper {
        max-width: 1476px !important;
        padding-left: 18px;
        padding-right: 18px
    }

    .sticky-header-pdp .scroll-to-elements-wrapper {
        left: 18px
    }

    .bottom-promo-container {
        max-width: 100%
    }
}

@media(min-width:1476px) {

    .center-content,
    .container-width,
    .global-alert,
    .lto-wrapper,
    .more-ways-wrapper .departments,
    .sticky-header-pdp .sticky-wrapper {
        max-width: 1440px
    }

    .bottom-promo-container.row-contained-LS3 {
        max-width: 100%
    }

    .sticky-header-pdp .scroll-to-elements-wrapper {
        left: 0
    }
}

.no-scroll {
    overflow-y: hidden
}

.Main {
    background-color: #fff;
    text-align: center
}

.root_masked {
    composes: root;
    height: 100vh;
    overflow: hidden
}

.page {
    background-color: #fff;
    min-height: calc(100vh - 50px);
    position: relative
}

.page .indicator-container {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.page .indicator {
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 1.5s linear infinite
}

@-moz-keyframes spin {
    to {
        -moz-transform: rotate(1turn)
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.page_masked {
    composes: page
}

.header-left {
    background: #fff;
    float: left;
    position: absolute
}

/* .modal {
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    display: none;
    left: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1050
}

.modal .modal-header {
    display: flex;
    min-height: auto;
    text-align: center;
    width: 100%
}

.modal .modal-header h3 {
    color: #393838;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    margin: 20px 0
}

@media(max-width:767px) {
    .modal .modal-header h3 {
        font-size: 20px;
        line-height: 120%
    }
}

.modal .modal-header h2 {
    text-align: left
}

.modal .modal-header button.close {
    background-color: transparent;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPSdjdXJyZW50Q29sb3InIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgc3Ryb2tlLXdpZHRoPScyJz48cGF0aCBkPSdNMTggNiA2IDE4TTYgNmwxMiAxMicvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    border: 0;
    font-size: 0;
    height: 24px;
    min-width: auto;
    position: absolute;
    right: 5px;
    top: 15px;
    width: 24px
}

.modal .modal-dialog {
    margin: 1.75rem auto;
    max-width: 500px
}

.modal .modal-content {
    background: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 40px;
    pointer-events: auto;
    position: relative;
    width: 100%
}

.modal .modal-content .modal-footer {
    display: flex;
    justify-content: center;
    margin-left: -5px;
    padding: 0
}

.modal .modal-content .modal-footer button {
    margin: 0 5px
}

.modal .modal-body {
    padding: 0;
    position: static;
    width: 100%
}

.modal .modal-body p {
    font-size: 15px;
    font-weight: 400;
    line-height: 130%;
    text-align: center
}

.modal .modal-body h3 {
    color: #393838;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase
}

@media(max-width:767px) {
    .modal .modal-body h3 {
        font-size: 20px;
        line-height: 120%
    }
}

.modal .modal-body label {
    font-size: 14px;
    font-weight: 600;
    line-height: 130%;
    margin: 0;
    padding: 0 0 15px;
    text-align: left;
    width: 100%
}

.modal .modal-body .row-contained-LS3 div:first-child {
    margin: 0;
    padding: 0
}

.modal-backdrop {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1040
}

@media(max-width:767px) {
    .modal {
        height: auto;
        max-width: 100%
    }

    .modal.checkout-popup {
        height: 100%
    }

    .modal .modal-dialog {
        margin: 0 auto;
        max-width: 100%
    }

    .modal .modal-dialog .input-block input {
        max-width: unset
    }

    .modal .modal-content {
        border: none;
        border-radius: 0 0 10px 10px;
        overflow-x: hidden;
        overflow-y: auto;
        width: 100%
    }

    .modal .modal-content .modal-footer {
        align-items: inherit;
        display: block;
        text-align: center
    }

    .modal .modal-content .modal-footer button {
        margin: 5px;
        width: 80%
    }

    .modal-backdrop.show {
        z-index: 1000
    }

    ul.popup-buttons-list li:last-child {
        flex-direction: column
    }

    .modal .modal-body ul.popup-buttons-list button.popup-shop-button {
        margin: 0 auto;
        width: 100%
    }
} */

.page-header .header-toolbar {
    height: 120.297px
}

.page-header .top-promo span,
.page-header .top-promo-mob span {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%
}

@media(max-width:768px) {

    .page-header .top-promo span,
    .page-header .top-promo-mob span {
        font-size: 12px
    }
}

.page-header .top-promo span strong,
.page-header .top-promo-mob span strong {
    padding-left: 15px;
    position: relative;
    text-decoration: underline
}

.page-header .top-promo span strong:before,
.page-header .top-promo-mob span strong:before {
    background: #fff;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 8px
}

.page-overlay .global-overlay {
    background: rgba(0, 0, 0, .5);
    opacity: 1;
    z-index: 999
}

.page-overlay.modal-open .global-overlay {
    background: 0 0
}

.page-overlay.modal-open .add-to-cart .alert.show {
    display: none
}

.top-promo .root .indicator {
    height: 30px;
    left: auto;
    right: 22%;
    top: 64px;
    width: 30px;
    z-index: 99
}

.global-alert {
    margin: 0 auto;
    text-align: left
}

.global-alert .notification {
    align-items: baseline;
    gap: 16px;
    position: relative
}

.global-alert .notification:before {
    background-repeat: no-repeat;
    content: "";
    height: 9px;
    width: 16px
}

.global-alert .notification.success:before {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PSc5Jz48cGF0aCBmaWxsPScjNTc4MzAwJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGQ9J000LjA3MyA5YS43MzQuNzM0IDAgMCAxLS41My0uMjI4TC4yMiA1LjMyN2EuOC44IDAgMCAxIDAtMS4xMDIuNzMuNzMgMCAwIDEgMS4wNiAwTDQuMDczIDcuMTIgMTAuNzIuMjI4YS43My43MyAwIDAgMSAxLjA2IDAgLjguOCAwIDAgMSAwIDEuMTAyTDQuNjAzIDguNzcyYS43MzQuNzM0IDAgMCAxLS41My4yMjgnLz48L3N2Zz4=)
}

.global-alert .notification.error:before {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc5JyBoZWlnaHQ9JzknPjxwYXRoIGZpbGw9JyNCMzAwMTUnIGZpbGwtcnVsZT0nZXZlbm9kZCcgZD0nTTguNzcyIDcuNjdBLjc3OS43NzkgMCAwIDEgNy42NyA4Ljc3Mkw0LjUgNS42MDJsLTMuMTcgMy4xN2EuNzc2Ljc3NiAwIDAgMS0xLjEwMiAwIC43NzkuNzc5IDAgMCAxIDAtMS4xMDJsMy4xNy0zLjE3LTMuMTctMy4xN0EuNzc5Ljc3OSAwIDAgMSAxLjMzLjIyOGwzLjE3IDMuMTdMNy42Ny4yMjlBLjc3OS43NzkgMCAwIDEgOC43NzIgMS4zM0w1LjYwMiA0LjVsMy4xNyAzLjE3WicvPjwvc3ZnPg==)
}

.global-alert .notification.info:before {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNicgZmlsbD0nbm9uZScgc3Ryb2tlPSdjdXJyZW50Q29sb3InIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgc3Ryb2tlLXdpZHRoPScyJyBjb2xvcj0nIzU4NTg1Qicgc3R5bGU9J2NvbG9yOiM1ODU4NWInIHZpZXdCb3g9JzAgMCAyNCAyNCc+PGNpcmNsZSBjeD0nMTInIGN5PScxMicgcj0nMTAnLz48cGF0aCBkPSdNMTIgOHY0TTEyIDE2aDAnLz48L3N2Zz4=);
    height: 15px
}

.global-alert .close-alert {
    position: absolute;
    right: 15px;
    top: 12px
}

.global-alert .close-alert svg {
    left: 0;
    max-width: 15px;
    top: 0
}

.bottom-sticky-bar .cart-toggle {
    background-color: transparent;
    border: none;
    outline: none
}

.bottom-sticky-bar .cart-toggle .cart-items-wrapper {
    left: 5px;
    top: -3px
}

.bottom-sticky-bar .cart-toggle .cart-items {
    position: static;
    top: -8px
}

.bottom-sticky-bar .cart-lbl {
    margin-left: 7px
}

.bottom-sticky-bar .shopping-cart span {
    position: relative;
    top: -8px
}

.styled-subscription-wrapper {
    text-align: center
}

.styled-subscription-wrapper .field-wrapper {
    background-color: #fff;
    margin: 5px auto 0;
    padding: 0;
    position: relative;
    width: 324px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.styled-subscription-wrapper .field-wrapper input[type=email] {
    padding-left: 21px
}

.styled-subscription-wrapper .field-wrapper .field-icons {
    display: inline-block
}

.styled-subscription-wrapper .field-wrapper .label {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.styled-subscription-wrapper .field-wrapper .input-block {
    display: inline-block;
    margin: 0 auto;
    position: relative;
    width: 190px
}

.styled-subscription-wrapper .field-wrapper input {
    background: #fff;
    border: 0;
    box-sizing: border-box;
    color: #393838;
    font-size: 13px
}

.styled-subscription-wrapper .field-wrapper input::placeholder {
    color: inherit
}

.styled-subscription-wrapper .field-wrapper .btn-primary {
    display: inline-block;
    height: 40px;
    margin: 0;
    min-width: 121px
}

.styled-subscription-wrapper .field-wrapper .message-root {
    bottom: -30px;
    color: #e03400;
    font-size: 13px;
    left: 0;
    line-height: 14px;
    margin: 8px 0;
    position: absolute;
    text-transform: none;
    visibility: hidden;
    width: 100%
}

.styled-subscription-wrapper .field-wrapper .message-root.show {
    visibility: visible
}

.styled-subscription-wrapper .subscribe-wrap {
    margin: 0 auto !important
}

header .rhs .account-form-link button:focus-visible {
    outline: auto;
    outline-color: #4f77b2
}

@media(max-width:1023px) {

    header .center-content .chat-call-section,
    header .rhs .account-form,
    header .rhs .account-form-link,
    header .rhs .searchbar {
        display: none
    }

    #MegaMenu_Desktop {
        visibility: hidden
    }

    .Main .sticky-search-bar {
        -ms-filter: "alpha(opacity=66)";
        left: 0;
        opacity: .66;
        overflow: hidden;
        position: fixed;
        top: 0;
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        transition-duration: .25s;
        transition-property: transform, opacity, box-shadow;
        transition-timing-function: cubic-bezier(.22, .61, .36, 1);
        width: 100%;
        z-index: 100
    }

    .Main.search-sticky-bar .sticky-search-bar {
        box-shadow: 0 5px 10px rgba(34, 25, 36, .2);
        -ms-filter: "alpha(opacity=100)";
        opacity: 1;
        overflow: visible;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .plp-page .Main {
        padding-bottom: 0
    }

    .page {
        padding: 0;
        width: 100%
    }

    .nav-open .page-header .sticky-search-bar .searchbar {
        z-index: 1
    }

    .page-header {
        position: relative
    }

    .page-header .header-search-bar,
    .page-header .sticky-search-bar {
        background: #fff;
        float: left;
        padding: 0 7px 3px;
        width: 100%
    }

    .page-header .header-search-bar .searchbar,
    .page-header .sticky-search-bar .searchbar {
        right: 0;
        top: 0
    }

    .page-header .header-search-bar .search-cls,
    .page-header .sticky-search-bar .search-cls {
        display: none
    }

    .page-header .sticky-search-bar {
        padding-top: 3px
    }

    .page-header .bottom-sticky-bar .cart-toggle .cart-items-wrapper {
        min-height: 16px;
        min-width: 16px
    }

    .page-header .bottom-sticky-bar .cart-toggle .cart-items-wrapper .cart-items {
        line-height: 16px
    }

    .page-header .toolbar .rhs {
        position: relative;
        z-index: 9
    }

    .page-header .inline-search {
        display: none
    }

    .pdp-page .page-header .inline-search,
    .plp-page .page-header .inline-search,
    .search-page .page-header .inline-search {
        display: inline-block;
        margin: 0 0 0 26px;
        width: 72%
    }

    .pdp-page .page-header .inline-search .header-search-bar,
    .plp-page .page-header .inline-search .header-search-bar,
    .search-page .page-header .inline-search .header-search-bar {
        padding: 0
    }

    .pdp-page .page-header .inline-search .header-search-bar .searchbar,
    .plp-page .page-header .inline-search .header-search-bar .searchbar,
    .search-page .page-header .inline-search .header-search-bar .searchbar {
        top: 4px
    }

    .pdp-page .page-header .inline-search .icons-wrapper.right,
    .plp-page .page-header .inline-search .icons-wrapper.right,
    .search-page .page-header .inline-search .icons-wrapper.right {
        right: 0;
        top: -8px
    }

    .pdp-page .page-header .inline-search .searchbar:not(.search-open) .search,
    .plp-page .page-header .inline-search .searchbar:not(.search-open) .search,
    .search-page .page-header .inline-search .searchbar:not(.search-open) .search {
        overflow: hidden
    }

    .pdp-page .page-header .inline-search .searchbar:not(.search-open) .search-field-input,
    .plp-page .page-header .inline-search .searchbar:not(.search-open) .search-field-input,
    .search-page .page-header .inline-search .searchbar:not(.search-open) .search-field-input {
        background-position: 55px;
        background-size: 30%;
        float: left;
        font-size: 16px;
        padding-top: 0;
        width: 100%
    }

    .pdp-page .page-header .inline-search .searchbar:not(.search-open) .search-field-input.has-value,
    .plp-page .page-header .inline-search .searchbar:not(.search-open) .search-field-input.has-value,
    .search-page .page-header .inline-search .searchbar:not(.search-open) .search-field-input.has-value {
        background: 0 0;
        font-size: 16px
    }

    .pdp-page .page-header .inline-search .searchbar:not(.search-open) .search-field-input.focused,
    .plp-page .page-header .inline-search .searchbar:not(.search-open) .search-field-input.focused,
    .search-page .page-header .inline-search .searchbar:not(.search-open) .search-field-input.focused {
        font-size: 16px
    }

    .pdp-page .page-header .inline-search .searchbar:not(.search-open) .search-ico-wrap,
    .plp-page .page-header .inline-search .searchbar:not(.search-open) .search-ico-wrap,
    .search-page .page-header .inline-search .searchbar:not(.search-open) .search-ico-wrap {
        height: 38px
    }

    .pdp-page .page-header .inline-search+.center,
    .plp-page .page-header .inline-search+.center,
    .search-page .page-header .inline-search+.center {
        display: none
    }

    .Main.no-sticky {
        padding-bottom: 0
    }

    .pdp-page .page-header,
    .plp-page .page-header,
    .search-page .page-header {
        min-height: 86px
    }

    .pdp-page .page-header .toolbar nav.MegaMenu,
    .plp-page .page-header .toolbar nav.MegaMenu,
    .search-page .page-header .toolbar nav.MegaMenu {
        min-height: auto
    }

    .page-header {
        min-height: 126px
    }

    .page-header .top-promo {
        min-height: 40px
    }

    .page-header .top-promo .banner-content-17n,
    .page-header .top-promo .swiper,
    .page-header .top-promo .swiper-slide {
        min-height: 30px
    }

    .page-header .top-promo-mob {
        float: left;
        height: 100%;
        min-height: 40px
    }

    .page-header .top-promo-mob .pagebuilder-slider {
        min-height: 30px
    }

    .page-header .header-search-bar .searchbar,
    .page-header .sticky-search-bar .searchbar {
        min-height: 38px
    }

    .page-header .sticky-search-bar .searchbar {
        padding: 5px 0
    }

    .page-header .header-search-bar {
        min-height: 41px
    }

    .page-header .sticky-search-bar {
        min-height: 44px
    }

    div#___ratingbadge_0 {
        border: none;
        display: none
    }
}

@media(max-width:767px) {

    .pdp-page .page-header .inline-search .searchbar:not(.search-open) .search-field-input,
    .plp-page .page-header .inline-search .searchbar:not(.search-open) .search-field-input,
    .search-page .page-header .inline-search .searchbar:not(.search-open) .search-field-input {
        background-size: 35%
    }

    .styled-subscription-wrapper {
        border-width: 0 0 1px;
        padding: 10px 0 10px
    }

    .styled-subscription-wrapper .field-wrapper {
        margin-top: 20px;
        width: auto;
    }

    .styled-subscription-wrapper .field-wrapper input {
        font-size: 16px;
        height: 48px;
        padding-left: 0
    }

    .styled-subscription-wrapper .field-wrapper input[type=email] {
        padding-left: 5px
    }

    .global-alert {
        padding: 0 16px
    }
}

@media(max-width:479px) {

    .pdp-page .page-header .inline-search .searchbar:not(.search-open) .search-field-input,
    .plp-page .page-header .inline-search .searchbar:not(.search-open) .search-field-input,
    .search-page .page-header .inline-search .searchbar:not(.search-open) .search-field-input {
        background-size: 45%
    }
}

@media(max-width:374px) {

    .pdp-page .page-header .inline-search,
    .plp-page .page-header .inline-search,
    .search-page .page-header .inline-search {
        margin: 0 0 0 20px
    }

    .pdp-page .page-header .inline-search+.center,
    .plp-page .page-header .inline-search+.center,
    .search-page .page-header .inline-search+.center {
        margin-left: 0
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    .page-header .sticky-search-bar {
        display: none
    }
}

@media screen and (min-width:1024px) {

    .page-header .header-toolbar .center-content,
    .page-header .menu-container {
        max-width: 1632px;
        padding-left: 16px;
        padding-right: 16px
    }

    .Main.search-popup .menu-item {
        pointer-events: none
    }
}

@media screen and (min-width:768px) {
    .styled-subscription-wrapper .field-wrapper {
        text-align: left;
        width: 90.8%
    }

    .styled-subscription-wrapper .field-wrapper input {
        height: 48px
    }

    .styled-subscription-wrapper .field-wrapper input[type=email] {
        padding-left: 21px
    }

    .styled-subscription-wrapper .field-wrapper .input-block {
        width: 100%
    }

    .styled-subscription-wrapper .field-wrapper .field-icons {
        display: inline-block;
        text-align: left;
        width: 62%
    }

    .styled-subscription-wrapper .field-wrapper .btn-primary {
        float: right;
        margin-right: 5px;
        margin-top: 4px
    }
}

@media(min-width:1024px) {

    #MegaMenu_Mobile,
    .bottom-sticky-bar,
    .header-search-bar,
    .inline-search,
    .sticky-search-bar,
    .top-promo-mob {
        display: none
    }

    .cart-lbl svg {
        background-repeat: no-repeat;
        margin-right: 0;
        position: relative;
        top: -2px
    }

    @keyframes stickySlideDown {
        0% {
            opacity: .7;
            transform: translateY(-100%)
        }

        to {
            opacity: 1;
            transform: translateY(0)
        }
    }

    .center-content {
        display: inline-block;
        margin-top: 15px;
        width: 100%
    }

    .sticky-header .page-header {
        animation-name: stickySlideDown;
        position: fixed;
        transition: none
    }

    .sticky-header .page-header .bottom-promo,
    .sticky-header .page-header .top-promo {
        animation-name: stickySlideDown;
        height: 0;
        min-height: 0;
        opacity: 0
    }

    .sticky-header .page-header .bottom-promo {
        visibility: hidden
    }

    .sticky-header .page {
        padding-top: 200px
    }

    .page-header .account-form .btn-link {
        background-repeat: no-repeat;
        border: 0;
        font-size: 0;
        height: 24px;
        min-width: auto;
        padding: 0 10px 0 5px;
        position: relative
    }

    .page-header .account-form .btn-link.close-sidebar {
        background-image: none;
        position: absolute
    }

    .page-header .account-form .btn-link svg {
        display: block;
        height: 100%
    }

    .page-header .account-form .btn-link.btn-link-wishlist svg {
        max-width: 20px
    }

    .styled-subscription-wrapper .field-wrapper {
        width: 100%
    }

    .styled-subscription-wrapper .field-wrapper .input-block {
        width: 50%
    }

    .page-header .currency-placeholder {
        height: 26px
    }
}

.search-suggestions.search-bar-suggestions {
    display: none
}

@media(max-width:1024px) {

    .common-page .bottom-promo-mob.hidden-cms,
    .common-page .bottom-promo-mob.hidden-not-found,
    .home-page .bottom-promo-mob.hidden-home,
    .pdp-page .bottom-promo-mob.hidden-pdp,
    .plp-page .bottom-promo-mob.hidden-plp {
        display: none
    }

    #root:not(.home-page) .main-app .MegaMenu .button-back {
        display: flex
    }

    #root:not(.home-page) .main-app .hamburger-icon {
        display: none
    }

    .page-header .currency-placeholder {
        min-width: 37px
    }

    .pdp-page .page-header .currency-placeholder,
    .plp-page .page-header .currency-placeholder,
    .search-page .page-header .currency-placeholder {
        display: none
    }
}

@media(max-width:1024px) {
    .main-app:has(.field-wrapper.is-focused) .bottom-sticky-bar {
        display: none
    }

    .menu-page .page {
        background-color: transparent
    }

    .app-page .footer-container,
    .menu-page .footer-container {
        display: none
    }

    .app-page .page,
    .menu-page .page {
        min-height: auto
    }

    #root.app-page .bottom-promo,
    #root.app-page .bottom-promo-mob,
    #root.menu-page .bottom-promo,
    #root.menu-page .bottom-promo-mob {
        display: none
    }

    #root.app-page .page-header-app,
    #root.menu-page .page-header-app {
        min-height: 24px
    }

    #root.app-page .page-header-app .toolbar-app,
    #root.menu-page .page-header-app .toolbar-app {
        height: 24px
    }

    #root.app-page .page-header-app .toolbar-app .header-search-bar-mobile,
    #root.menu-page .page-header-app .toolbar-app .header-search-bar-mobile {
        display: none
    }
}

@media(max-width:1023px) {
    .page-header .header-toolbar {
        height: 84px;
        margin-bottom: 12px;
        margin-top: 15px
    }
}

@media(max-width:768px) {
    .Main.main-app .footer-container {
        padding-bottom: 150px
    }
}

.page-header .header-top-wrapper {
    align-items: center;
    background-color: #000;
    display: flex;
    height: 35px
}

.page-header .header-top-wrapper .header-top-block {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 1632px;
    width: 100%
}

.page-header .header-top-wrapper .header-top-block .top-promo {
    background-color: #000 !important;
    width: 50%
}

.page-header .header-top-wrapper .header-top-block .text-link {
    color: #fff;
    text-decoration: none
}

.page-header .header-top-wrapper .chat-call-section {
    margin-left: auto;
    margin-top: 0;
    position: relative;
    width: auto
}

.page-header .header-top-wrapper .chat-call-section .chat-call.chat {
    align-items: center;
    display: flex;
    padding-bottom: 0
}

.page-header .header-top-wrapper .chat-call-section .chat-call.chat>span,
.page-header .header-top-wrapper .chat-call-section .chat-call.chat>strong {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 130%;
    margin: 0
}

.page-header .header-top-wrapper .chat-call-section .chat-call.chat .chat-text {
    margin-left: 11px
}

.page-header .header-top-wrapper .chat-call-section .chat-call.chat .chat-icon-support {
    height: auto;
    position: static;
    width: auto
}

.page-header .header-top-wrapper .chat-call-section .chat-call.chat .chat-icon-support svg path {
    fill: #fff
}

.page-header .header-top-wrapper .chat-call-section .chat-call-dropdown {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    left: 0;
    padding: 10px 20px;
    position: absolute;
    top: 100%
}

.page-header .header-top-wrapper .chat-call-section .chat-call-dropdown>li {
    margin-top: 11px;
    padding: 0 0 3px
}

.page-header .header-top-wrapper .chat-call-section .chat-call-dropdown svg {
    margin-right: 12px
}

.page-header .header-top-wrapper .chat-call-section .chat-call-dropdown .dropdown-text {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 130%
}

@media(min-width:768px) {
    .page-header .header-top-wrapper {
        align-items: center
    }

    .page-header .header-top-wrapper .top-promo,
    .page-header .header-top-wrapper .top-promo-mob {
        height: 35px;
        padding: 8px 0 9px
    }

    .page-header .header-top-wrapper .top-promo .pagebuilder-slider,
    .page-header .header-top-wrapper .top-promo-mob .pagebuilder-slider {
        min-height: auto
    }

    .page-header .header-top-wrapper .top-promo div[class*=banner-content],
    .page-header .header-top-wrapper .top-promo-mob div[class*=banner-content] {
        line-height: unset;
        min-height: auto
    }

    .page-header .header-top-wrapper .top-promo div[class*=banner-content] div,
    .page-header .header-top-wrapper .top-promo-mob div[class*=banner-content] div {
        color: #fff;
        text-align: left !important
    }

    .page-header .header-top-wrapper .header-top-block {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media(max-width:1023px) {
    .page-header .header-top-wrapper {
        height: 40px
    }

    .page-header .top-promo {
        display: none;
        opacity: 0
    }
}

.page-header .top-promo-mob {
    font-size: 12px;
    padding: 5px 18px;
    width: 100%
}

.page-header .top-promo-mob .banner-content-17n,
.page-header .top-promo-mob .banner-content-1wb {
    line-height: 30px;
    min-height: 30px
}

.page-header .top-promo-mob .banner-content-17n div,
.page-header .top-promo-mob .banner-content-1wb div {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-header .top-promo-mob .banner-content-17n a,
.page-header .top-promo-mob .banner-content-1wb a {
    margin-left: 4px
}

@media(min-width:1024px) {
    .page-header .top-promo-mob {
        display: none;
        opacity: 0
    }
}

@media(max-width:1024px) {
    .page-header.page-header-app .slider-slide:has(.link-download-app) {
        display: none
    }

    .page-header .header-top-wrapper .header-top-block .top-promo-mob {
        align-items: center;
        background-color: #000 !important;
        display: flex;
        width: 50%
    }

    .page-header .header-top-wrapper .header-top-block .top-promo-mob>div {
        overflow: hidden
    }

    .page-header .header-top-wrapper .header-top-block .top-promo {
        width: 0
    }
}

@media(max-width:767px) {
    .page-header .header-top-wrapper .header-top-block .top-promo-mob {
        display: block;
        width: 100%
    }
}

.searchbar .root-open {
    position: relative;
    z-index: 2
}

.searchbar .search {
    border-radius: 10px;
    height: 52px
}

.searchbar .search .search-suggestions {
    padding: 14px 16px;
    width: 100%
}

.searchbar .search .search-suggestions .search-input-wrapper {
    flex: 1
}

.searchbar .search .search-suggestions .search-input-wrapper .icon-close,
.searchbar .search .search-suggestions .search-input-wrapper .icon-search {
    cursor: pointer;
    position: absolute;
    top: 16px
}

.searchbar .search .search-suggestions .search-input-wrapper .icon-search {
    left: 15px
}

.searchbar .search .search-suggestions .search-input-wrapper .icon-close {
    opacity: .3;
    right: 15px
}

.searchbar .search .search-suggestions .search-input-wrapper .icon-close:hover {
    opacity: 1
}

.searchbar .search .search-suggestions .search-input-wrapper .search-field-input {
    border: none;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    height: 23px;
    line-height: 130%;
    max-width: 100%;
    padding-left: 30px
}

.searchbar .search .search-suggestions .search-input-wrapper .search-field-input::placeholder {
    color: #767676
}

.searchbar .search .search-suggestions .search-bar-wrapper {
    align-items: center;
    display: flex;
    gap: 15px
}

.searchbar .search .search-suggestions:nth-child(2) {
    height: 0;
    opacity: 0
}

@media(min-width:1024px) {
    .header-search-bar-desktop {
        display: block;
        flex: 1;
        height: 52px;
        margin: 0 auto;
        max-width: 900px;
        padding: 0 30px
    }

    .searchbar .search {
        border: 1px solid #000
    }

    .searchbar.search-open .search {
        background-color: #fff;
        border: none;
        border-radius: 10px 10px 0 0;
        position: relative
    }

    .searchbar.search-open .search .search-suggestions {
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0 25px 35px rgba(0, 0, 0, .25);
        padding: 0
    }

    .searchbar.search-open .search .search-suggestions>div:first-child {
        border: 1px solid #000;
        border-radius: 10px 10px 0 0;
        height: 100%;
        padding: 14px 16px
    }
}

@media(max-width:1023px) {

    .header-search-bar-desktop,
    .search-modal-close-icon {
        display: none
    }

    .searchbar {
        padding-top: 12px
    }

    .searchbar .search {
        height: 48px
    }

    .searchbar .search .search-suggestions {
        padding: 0;
        position: relative
    }

    .searchbar .search .search-suggestions .search-input-wrapper {
        align-items: center;
        display: flex;
        flex-direction: row
    }

    .searchbar .search .search-suggestions .search-input-wrapper .icon-close,
    .searchbar .search .search-suggestions .search-input-wrapper .icon-search {
        top: 15px
    }

    .searchbar .search .search-suggestions .search-input-wrapper .search-field-input {
        border: 1px solid #000;
        border-radius: 10px;
        height: 48px;
        max-width: 100%;
        padding-left: 45px
    }

    .searchbar .search .search-suggestions .search-input-wrapper form {
        width: 100%
    }

    .searchbar.search-open {
        height: 100%;
        position: fixed;
        z-index: 2
    }

    .searchbar.search-open .search {
        background: #fff;
        border-radius: 0;
        height: 100%;
        left: 0;
        padding: 0 16px;
        position: fixed;
        top: 0;
        width: 100%
    }

    .searchbar.search-open .search .search-input-wrapper .icon-close,
    .searchbar.search-open .search .search-input-wrapper .icon-search {
        top: 24px
    }

    .searchbar.search-open .search .search-input-wrapper .icon-close {
        right: 40px
    }

    .searchbar.search-open .search .search-modal-close-icon {
        cursor: pointer;
        display: block
    }

    .searchbar.search-open .search .react-autosuggest__container {
        padding-bottom: 10px;
        padding-top: 10px
    }
}

.chat-call-section {
    cursor: pointer;
    float: left;
    margin-top: 30px;
    white-space: break-spaces;
    width: auto
}

.chat-call-section.focus-visible .chat-call-dropdown {
    display: block
}

.chat-call-section a {
    color: #161616;
    text-decoration: none
}

.chat-call-section .chat-call-dropdown {
    display: none
}

.page-header .chat-call-section {
    color: #5c5c5c;
    font-size: 14px
}

.page-header .chat-call-section .chat-icon-support svg path {
    fill: #000
}

.page-header .chat-call-section span {
    color: #5c5c5c;
    font-size: 14px;
    text-transform: none
}

.page-header .chat-call-section .chat-call-phone-number {
    padding-left: 4px
}

.chat-call {
    align-items: center;
    display: flex;
    position: relative
}

.chat-call .chat-icon-support {
    cursor: auto
}

.chat-call .chat-text {
    margin-left: 10px
}

.chat-call-dropdown {
    background: #fff;
    border: 1px solid #414c5b;
    box-sizing: border-box;
    color: #414c5b;
    min-width: 180px;
    padding: 12px 0;
    position: absolute;
    z-index: 999
}

.chat-call-dropdown li {
    display: block;
    padding: 10px 20px 3px;
    text-align: left
}

.chat-call-dropdown .dropdown-text {
    color: #24272b;
    font-size: 14px;
    font-weight: 600;
    height: 21px;
    letter-spacing: .3px;
    line-height: 24px
}

.chat-call-dropdown .dropdown-text:hover {
    border-bottom: 1px solid #24272b
}

.chat-call-dropdown a {
    text-decoration: none
}

.chat-call-dropdown svg {
    height: 23px;
    margin-right: 17px
}

@media(hover:hover) {
    .chat-call-section:hover .chat-call-dropdown {
        display: flex;
        flex-direction: column
    }
}

@media(max-width:1023px) {
    .chat-call-section {
        margin-top: 0
    }

    .chat-call .chat-icon-support {
        display: none
    }

    .chat-call .chat-text {
        margin-left: 0
    }

    .chat-call span {
        text-transform: capitalize
    }

    .chat-call-section.show .chat-call-dropdown {
        display: unset
    }

    .chat-call-dropdown {
        border: none;
        padding: 0;
        position: relative
    }

    .chat-call-dropdown li {
        padding: 10px 0
    }
}

.menu-item .menu-item-header {
    position: relative
}

.menu-item .menu-item-header .menu-item-input {
    background: 0 0;
    border: none;
    bottom: 0;
    left: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media(max-width:1023px) {
    .subCat {
        height: 0;
        margin-left: 10px;
        opacity: 0;
        overflow: hidden;
        transition: all .5s ease-in;
        width: 100%
    }

    .subCat a {
        color: #555;
        display: inline-block;
        font-size: 1em;
        width: 100%
    }

    .menu-item.level-1 .subCatWrapper .SubCategoryList .SubCategoryListHeading {
        text-decoration: none
    }

    .menu-item.level-1 .subCatWrapper .SubCategoryList .SubCategoryListHeading:active {
        background-color: #d3d3d3
    }

    .menu-item.level-1 .subCatWrapper .SubCategoryList ul li a {
        margin-left: 15px
    }

    .menu-item.level-1 .subCatWrapper .SubCategoryList ul li a:active {
        background-color: #d3d3d3
    }

    .menu-item.open .subCat {
        height: auto;
        opacity: 1;
        overflow: visible;
        width: 100%
    }

    .menu-item.open .AccordionToggle:after {
        transform: rotate(225deg)
    }

    .page-header .MegaMenu.open .MenuWrapper {
        left: 0
    }

    .page-header .MegaMenu.open:after {
        background: rgba(0, 0, 0, .5);
        content: "";
        display: block;
        height: 100%;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 3
    }

    .page-header .MegaMenu.open .menu-container {
        width: 100vw
    }

    .page-header .MegaMenu.open .outside-menu-mobile {
        height: 100vh;
        position: fixed;
        right: 0;
        top: 0;
        width: calc(100vw - 300px);
        z-index: 9
    }

    .page-header .toolbar-app .MegaMenu.open .outside-menu-mobile {
        z-index: 9999
    }
}

@media(min-width:1024px) {
    .cart-lbl span {
        display: none
    }

    .menu-item.level-1 {
        margin-right: auto
    }

    .menu-item.level-1:last-child {
        margin-right: 0
    }

    .menu-item.level-1:last-child:before {
        width: 0
    }
}

@media(min-width:1280px) {
    .menu-item.level-1 .levelTop {
        font-size: 14px
    }

    .menu-item.level-1:last-child .levelTop:before {
        fill: #4f77b2;
        font-size: 20px;
        height: 20px;
        left: -5px;
        position: relative;
        top: 0;
        width: 21px
    }
}

@media(max-width:1023px) {
    span#_GUARANTEE_SealSpan {
        max-height: 0;
        max-width: 0;
        opacity: 0
    }

    .menu-item .menu-item-header .menu-item-input {
        display: none
    }
}

.menu-item.level-1.flash-sale-offers .levelTop {
    color: #d01616
}

.collapse:not(.show) {
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.collapsing {
    height: 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.menu-item button:focus-visible {
    outline: auto;
    outline-color: #4f77b2
}

.menu-container .featured-brands {
    display: block
}

@media(max-width:1023px) {
    .menu-parent {
        padding-top: 20px
    }

    .menu-parent .menu-item {
        margin: 0 16px;
        padding-bottom: 18px
    }

    .menu-item {
        position: relative
    }

    .menu-item .levelTop {
        color: #000;
        display: flex;
        font-size: 16px;
        font-weight: 600;
        line-height: 130%;
        padding: 0;
        text-decoration: none
    }

    .menu-footer {
        background-color: #f5f5f5;
        padding: 20px;
        width: 300px
    }

    .menu-footer .footer-chat-wrapper {
        display: none
    }

    .menu-footer .menu-footer-content .social-list {
        margin-top: 20px
    }

    .menu-footer .menu-footer-content .social-list .social-item {
        background-color: #fff;
        height: 40px;
        width: 40px
    }

    .menu-footer .menu-footer-content .social-list .social-item svg path,
    .menu-footer .menu-footer-content .social-list .social-item svg rect {
        fill: #000
    }

    .menu-footer .menu-footer-content .copyright-wrapper {
        background-color: #f5f5f5;
        padding-top: 0
    }

    .menu-footer .menu-footer-content .copyright-wrapper .currency-wrapper {
        display: none
    }

    .menu-footer .menu-footer-content .copyright-wrapper .footer-bottom-links {
        display: flex;
        flex-wrap: wrap
    }

    .menu-footer .menu-footer-content .copyright-wrapper .footer-bottom-links>a {
        color: #000;
        font-size: 12px;
        font-weight: 400;
        line-height: 130%;
        margin-right: 15px;
        order: 2;
        padding: 10px 0 0;
        text-decoration-line: underline;
        width: auto
    }

    .menu-footer .menu-footer-content .copyright-wrapper .footer-bottom-links>a:last-child {
        margin-right: 0;
        order: 1;
        width: 100%
    }

    .menu-footer .menu-footer-content .copyright-wrapper #forterIdBlock {
        display: block;
        margin-bottom: 0
    }

    .menu-footer .menu-footer-content .copyright-wrapper .copyright-block-right {
        padding-top: 18px
    }

    .menu-footer .menu-footer-content .copyright-wrapper .copyright-block-right .copyright-description {
        color: #000;
        font-size: 12px;
        font-weight: 400;
        line-height: 130%
    }

    .menu-footer .menu-footer-content .footer-content-wrapper .footer-links-wrapper {
        padding: 0
    }

    .menu-footer .menu-footer-content .footer-content-wrapper .accordion-item.customer-service .chat-call-section {
        display: block
    }

    .menu-footer .menu-footer-content .footer-content-wrapper .accordion-item .no-child a {
        font-size: 12px;
        font-weight: 600;
        line-height: 130%
    }

    .menu-footer .menu-footer-content .footer-content-wrapper .accordion-item .accordion-head {
        color: #000;
        font-size: 14px;
        font-weight: 400;
        line-height: 130%;
        margin-left: 0;
        margin-right: 0;
        padding: 0
    }

    .menu-footer .menu-footer-content .footer-content-wrapper .accordion-item.customer-service .accordion-content {
        display: flex;
        flex-direction: column
    }

    .menu-footer .menu-footer-content .footer-content-wrapper .accordion-item.customer-service .chat-call-section {
        float: none;
        order: -1;
        padding: 0
    }

    .menu-footer .menu-footer-content .footer-content-wrapper .accordion-item.customer-service .chat-call-dropdown {
        background-color: transparent;
        display: block;
        height: auto
    }

    .menu-footer .menu-footer-content .footer-content-wrapper .accordion-content {
        padding-left: 19px
    }

    .menu-footer .menu-footer-content .footer-content-wrapper .accordion-content a,
    .menu-footer .menu-footer-content .footer-content-wrapper .accordion-content address {
        color: #000;
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 130%;
        margin-top: 16px;
        text-decoration: none
    }

    .menu-footer .menu-footer-content .footer-content-wrapper .accordion-content .chat-call-dropdown li {
        padding: 0
    }

    .menu-footer .menu-footer-content .footer-content-wrapper .accordion-content .chat-call-dropdown .dropdown-text {
        color: #000;
        font-size: 14px;
        font-weight: 400;
        line-height: 130%
    }

    .menu-footer .menu-footer-content .footer-content-wrapper .accordion-content .chat-call-dropdown svg {
        height: 22px;
        margin-right: 10px;
        min-width: 22px;
        padding-right: 0;
        width: 22px
    }

    .menu-footer .menu-footer-links {
        margin-bottom: 18px;
        padding: 0
    }

    .menu-footer .menu-footer-links li {
        align-items: center;
        display: flex;
        margin-right: 20px
    }

    .menu-footer .menu-footer-links li a {
        color: #000;
        font-size: 14px;
        font-weight: 400;
        line-height: 130%;
        text-decoration: none
    }

    .menu-footer .menu-footer-links li a:hover {
        text-decoration: underline
    }

    .menu-app .menu-footer {
        padding-bottom: 65px
    }

    .menu-container {
        cursor: pointer;
        height: 100%;
        left: -200vw;
        overflow: auto;
        position: fixed;
        text-align: left;
        top: 0;
        -ms-transition: left .4s ease-in-out;
        -moz-transition: left .4s ease-in-out;
        -webkit-transition: left .4s ease-in-out;
        transition: left .4s ease-in-out;
        width: 300px;
        z-index: 5
    }

    .menu-container::-webkit-scrollbar {
        display: none
    }

    .menu-container .menu-overlay {
        background: #fff;
        min-height: 100vh;
        overflow-x: hidden;
        width: 300px
    }

    .menu-container .menu-overlay::-webkit-scrollbar {
        display: none
    }

    .menu-container .AccordionToggle {
        position: absolute;
        right: 0;
        top: 0
    }

    .menu-container .pagebuilder-column.promo-section figure {
        display: none;
        visibility: hidden
    }

    .menu-container .accordion-item .item-sub-cat,
    .menu-container .accordion-item .view-section {
        display: block
    }

    .menu-container .accordion-item.sec-col-merged .col-1-item-0+.col-1-item-1,
    .menu-container .accordion-item.sec-col-merged .col-1-item-0+.col-1-item-1 .accordion-head {
        display: none
    }

    .menu-container .accordion-item.sec-col-merged .col-1-item-0+.col-1-item-1 .item-sub-cat {
        display: block;
        margin-top: -30px;
        padding-top: 0
    }

    .menu-container .accordion-item.sec-col-merged .opened.col-1-item-0+.col-1-item-1,
    .menu-container .accordion-item.sec-col-merged .opened.col-1-item-0+.col-1-item-1 .view-section {
        display: block
    }

    .menu-container .accordion-item.sec-col-merged .opened.col-1-item-0 .view-section {
        display: none
    }

    .menu-container .accordion-item.sec-col-merged .featured-brands .opened.col-1-item-0 .view-section {
        display: block
    }

    .menu-container .accordion-item.one-col-merged .col-0-item-0+.col-0-item-1,
    .menu-container .accordion-item.one-col-merged .col-0-item-0+.col-0-item-1 .accordion-head {
        display: none
    }

    .menu-container .accordion-item.one-col-merged .col-0-item-0+.col-0-item-1 .item-sub-cat {
        display: block;
        margin-top: -30px;
        padding-top: 0
    }

    .menu-container .accordion-item.one-col-merged .opened.col-0-item-0+.col-0-item-1,
    .menu-container .accordion-item.one-col-merged .opened.col-0-item-0+.col-0-item-1 .view-section {
        display: block
    }

    .menu-container .accordion-item.one-col-merged .opened.col-0-item-0 .view-section {
        display: none
    }

    .menu-container .accordion-item .opened .item-sub-cat,
    .menu-container .accordion-item .opened .view-section {
        display: block
    }

    .menu-container .accordion-item .item-sub-cat {
        padding: 23px 20px 0 44px
    }

    .menu-container .accordion-item .item-sub-cat li {
        padding-bottom: 18px
    }

    .menu-container .accordion-item .item-sub-cat li:last-child {
        padding-bottom: 10px
    }

    .menu-container .accordion-item .item-sub-cat a {
        color: #000;
        font-size: 14px;
        font-weight: 400;
        line-height: 130%;
        text-decoration: none
    }

    .menu-container .accordion-item .item-sub-cat a:hover {
        text-decoration: underline
    }

    .MegaMenu.open .menu-overlay {
        align-items: start;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap
    }

    .MegaMenu.open .menu-parent {
        min-width: 300px;
        transform: translateX(-300px);
        transition: all .3s ease-in-out
    }

    .MegaMenu.open .menu-parent.active {
        transform: translateX(0)
    }

    .MegaMenu.open .menu-parent:not(.active) {
        max-height: 100vh
    }

    .MegaMenu.open .menu-children {
        min-width: 300px;
        transform: translateX(0);
        transition: .15s linear
    }

    .MegaMenu.open .menu-children.slide-enter-done {
        transform: translateX(-300px)
    }

    .MegaMenu.open .menu-children:not(.slide-enter-done) {
        max-height: 100vh;
        overflow: hidden
    }

    .MegaMenu.open .menu-container {
        left: 0;
        overflow-x: hidden
    }

    .button-back {
        align-items: center;
        background: 0 0;
        border: 0;
        display: flex;
        height: 24px;
        justify-content: center;
        min-width: auto;
        padding: 0;
        width: 24px
    }

    .button-back:hover {
        background-color: transparent
    }

    .menu-back {
        background: 0 0;
        border: 0;
        left: 16px;
        min-width: auto;
        padding: 0;
        position: absolute
    }

    .menu-back:hover {
        background-color: transparent
    }

    .accordion-head {
        position: relative
    }

    .accordion-head:after,
    .accordion-head:before {
        background-color: #000;
        content: "";
        height: 1px;
        opacity: .4;
        position: absolute;
        right: 0;
        top: 10px;
        transition: all .3s ease-in-out;
        width: 12px
    }

    .accordion-head:after {
        transform: rotate(90deg)
    }

    .opened .accordion-head:after {
        transform: rotate(0)
    }

    .menu-container .accordion-item.left-side {
        padding-bottom: 0
    }

    .menu-container .accordion-item.right-side {
        margin-top: 0;
        padding-top: 0
    }

    .menu-container .accordion-item .no-child {
        margin: 18px 16px 0
    }

    .menu-container .accordion-item .no-child a {
        color: #000;
        font-size: 16px;
        font-weight: 600;
        line-height: 130%;
        text-decoration: none
    }

    .menu-container .accordion-item .accordion-head {
        font-size: 16px;
        font-weight: 600;
        line-height: 130%;
        margin: 18px 16px 0
    }

    .menu-container .accordion-item.promo-section {
        padding: 20px 16px
    }

    .menu-container .accordion-item .view-section {
        padding: 0 0 18px 44px
    }

    .menu-container .accordion-item .view-section .view-all {
        color: #000;
        font-size: 14px;
        font-weight: 400;
        line-height: 130%;
        padding: 4px 0 5px;
        text-decoration: none
    }

    .menu-container .accordion-item .view-section .view-all:hover {
        text-decoration: none
    }

    .menu-container .accordion-item .view-section .view-all:hover:after {
        background: #353535;
        content: "";
        display: block;
        height: 2px
    }

    .menu-container .accordion-item .btn-primary {
        background-color: #000;
        border-radius: 10px;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 130%;
        margin: 0;
        padding: 14px 18px 15px;
        width: 100%
    }

    .menu-container .accordion-item .sale-head.mobile {
        display: block;
        text-align: left
    }

    .nav-open {
        left: 0;
        position: fixed;
        top: 0;
        width: 100%
    }

    .subcat-select-top {
        align-items: center;
        background-color: #f5f5f5;
        display: flex;
        justify-content: center;
        padding: 11px 22px 10px;
        position: relative
    }

    .subcat-select-top .select-category-item {
        font-size: 16px;
        font-weight: 600;
        line-height: 130%
    }
}

@media(max-width:1023px) and (max-width:768px) {

    .menu-footer .menu-footer-content .copyright-wrapper .copyright-block-right .copyright-description,
    .menu-footer .menu-footer-content .copyright-wrapper .footer-bottom-links>a {
        font-size: 12px
    }

    .menu-container .accordion-item .btn-primary {
        font-size: 14px
    }
}

@media(min-width:1024px) {
    .menu-container {
        margin: 0 auto;
        max-width: 1632px;
        padding-left: 16px;
        padding-right: 16px
    }

    .subCat {
        left: 0;
        opacity: 0;
        padding: 0;
        transition: opacity .2s cubic-bezier(.25, 1, .5, 1) .2s, visibility .2s cubic-bezier(.25, 1, .5, 1) .2s;
        visibility: visible;
        z-index: 99
    }

    .megamenu-background,
    .subCat {
        height: 0;
        position: absolute;
        width: 100%
    }

    .megamenu-background {
        background-color: #fff;
        box-shadow: none;
        transform: scaleY(0);
        transform-origin: left top;
        transition: transform .15s ease-out, height .15s ease-in-out, visibility .15s ease-in-out, box-shadow .15s cubic-bezier(.25, 1, .5, 1);
        visibility: hidden;
        z-index: 10
    }

    .menu-container .accordion-item {
        display: flex;
        justify-content: center;
        max-width: 100%;
        width: 100%
    }

    .menu-container .accordion-item.right-aligned-promo {
        column-gap: 20px
    }

    .menu-container .pagebuilder-column {
        text-align: left
    }

    .menu-container .pagebuilder-column .accordion-head+.accordion-head {
        margin-top: 4px
    }

    .menu-container .pagebuilder-column .accordion-head a,
    .menu-container .pagebuilder-column .no-child a {
        color: #767676;
        text-decoration: none
    }

    .menu-container .pagebuilder-column .no-child {
        margin-bottom: 10px
    }

    .menu-container .pagebuilder-column a {
        text-decoration: none
    }

    .menu-container .pagebuilder-column a:hover {
        text-decoration: underline
    }

    .menu-container .sales-wrap {
        column-gap: 20px;
        display: flex;
        padding-top: 50px
    }

    .menu-container .sales-wrap .sales-mm.left-side div[class*=columnGroup-root-] {
        display: grid;
        gap: 15px;
        grid-template-areas: "leftTopImage centerTopImage rightTopImage" "leftBottomImage centerBottomImage rightBottomImage";
        grid-template-columns: auto;
        grid-template-rows: auto;
        height: 100%
    }

    .menu-container .sales-wrap .sales-mm.left-side div[class*=columnGroup-root-] .left-col {
        overflow: hidden
    }

    .menu-container .sales-wrap .sales-mm.left-side div[class*=columnGroup-root-] figure {
        flex-grow: 1
    }

    .menu-container .sales-wrap .sales-mm.left-side div[class*=columnGroup-root-] figure img {
        border-radius: 10px;
        max-height: 130px;
        width: 100%
    }

    .menu-container .sales-wrap .sales-mm.left-side div[class*=columnGroup-root-] div[class*=buttons-root-] {
        margin-top: 5px;
        text-align: center
    }

    .menu-container .sales-wrap .sales-mm.left-side div[class*=columnGroup-root-] div[class*=buttons-root-] .sale-head .btn-primary {
        font-size: 13px;
        font-weight: 600;
        line-height: 130%;
        max-width: 200px
    }

    .menu-container .sales-wrap .sales-mm.left-side div[class*=columnGroup-root-] .btn-primary {
        text-align: center
    }

    .menu-container .sales-wrap .sales-mm.right-side .col-1-top {
        grid-area: leftTopImage
    }

    .menu-container .sales-wrap .sales-mm.right-side .col-1-bottom {
        grid-area: leftBottomImage
    }

    .menu-container .sales-wrap .sales-mm.right-side .col-2 {
        grid-area: rightImage
    }

    .menu-container .sales-wrap .sales-mm.right-side div[class*=columnGroup-root-] {
        display: grid;
        gap: 15px;
        grid-template-areas: "leftTopImage rightImage" "leftBottomImage rightImage";
        grid-template-columns: auto;
        grid-template-rows: auto;
        height: 100%
    }

    .menu-container .sales-wrap .sales-mm.right-side div[class*=columnGroup-root-] figure {
        flex-grow: 1
    }

    .menu-container .sales-wrap .sales-mm.right-side div[class*=columnGroup-root-] figure img {
        height: 100%
    }

    .menu-container .sales-wrap .sales-mm.right-side div[class*=columnGroup-root-] div[class*=buttons-root-] {
        margin-top: 5px
    }

    .menu-container .sales-wrap .sales-mm.right-side div[class*=columnGroup-root-] div[class*=buttons-root-] .btn-primary {
        text-decoration: underline
    }

    .menu-container .sales-wrap .sales-mm figure {
        margin-bottom: 0
    }

    .menu-container .sales-wrap .sales-mm .btn-primary {
        background-color: transparent;
        border: none;
        color: #000;
        font-size: 13px;
        font-weight: 400;
        line-height: 130%;
        margin: 0;
        min-width: auto;
        padding: 0;
        white-space: nowrap
    }

    .menu-container .MenuWrapper .pagebuilder-column {
        flex-basis: 16.66667%
    }

    .menu-container .MenuWrapper .pagebuilder-column.double-column {
        display: flex;
        flex-basis: 480px;
        flex-direction: row
    }

    .menu-container .MenuWrapper .pagebuilder-column.double-column>div {
        flex-basis: 240px
    }

    .menu-container .MenuWrapper .pagebuilder-column.double-column>div:nth-child(2) .accordion-head {
        margin-top: 12px
    }

    .MegaMenu {
        margin-top: 30px
    }

    .subCatParent {
        opacity: 0;
        overflow: hidden;
        visibility: hidden
    }

    .menu-item.level-1 .levelTop {
        color: #000;
        font-size: 14px;
        font-weight: 600;
        line-height: 130%;
        position: relative;
        text-decoration: none
    }

    .menu-item.level-1.menu-hover .subCat {
        display: block;
        height: auto;
        opacity: 1;
        pointer-events: auto
    }

    .menu-item.level-1.menu-hover .subCat .subCatParent {
        opacity: 1;
        visibility: visible
    }

    .menu-item.level-1.menu-hover .levelTop:after {
        background-color: #000;
        bottom: -5px;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 999
    }

    .MenuWrapper {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%
    }

    .imageWrapper {
        display: none;
        margin: auto;
        max-width: 1632px;
        padding: 0 16px
    }

    .imageWrapper .accordion-item {
        padding-bottom: 40px
    }

    .imageWrapper img {
        border-radius: 10px
    }

    .megamenu-background-hovered .imageWrapper {
        display: block
    }

    .megamenu-background-hovered .subCat {
        opacity: 1;
        pointer-events: none;
        transition: opacity .2s cubic-bezier(.25, 1, .5, 1) .1s, visibility .2s cubic-bezier(.25, 1, .5, 1) .1s;
        visibility: visible
    }

    .megamenu-background-hovered .subCat .subCatParent {
        opacity: 0;
        transition: visibility .15s cubic-bezier(.25, 1, .5, 1) .1s, opacity 0s cubic-bezier(.25, 1, .5, 1), height .15s linear .1s;
        visibility: visible
    }

    .megamenu-background-hovered .megamenu-background {
        box-shadow: 0 6px 12px -5px rgba(0, 0, 0, .3);
        transform: scaleX(1);
        transition: transform .15s ease-out, height .15s ease-in-out, visibility .15s ease-in-out, box-shadow .15s cubic-bezier(.5, 0, .75, 0);
        visibility: visible
    }

    .megamenu-background-hovered .megamenu-background,
    .megamenu-background-hovered .subCatParent {
        height: 456px
    }

    .megamenu-background-hovered.shop-by-brands .megamenu-background,
    .megamenu-background-hovered.shop-by-brands .subCatParent {
        height: 460px
    }

    .megamenu-background-hovered.fragrances .megamenu-background,
    .megamenu-background-hovered.fragrances .subCatParent {
        height: 496px
    }

    .megamenu-background-hovered.handbags-accessories .megamenu-background,
    .megamenu-background-hovered.handbags-accessories .subCatParent {
        height: 467px
    }

    .megamenu-background-hovered.shoes .megamenu-background,
    .megamenu-background-hovered.shoes .subCatParent {
        height: 460px
    }

    .megamenu-background-hovered.beauty .megamenu-background,
    .megamenu-background-hovered.beauty .subCatParent,
    .megamenu-background-hovered.sunglasses .megamenu-background,
    .megamenu-background-hovered.sunglasses .subCatParent {
        height: 467px
    }

    .megamenu-background-hovered.new-arrivals .megamenu-background,
    .megamenu-background-hovered.new-arrivals .subCatParent {
        height: 474px
    }

    .megamenu-background-hovered.flash-sale-offers .megamenu-background,
    .megamenu-background-hovered.flash-sale-offers .subCatParent {
        height: 462px
    }
}

@media(max-width:1024px) {
    #MegaMenu_Desktop .menu-container .menu-item-header .levelTop {
        pointer-events: none
    }
}

@media(min-width:1024px) {
    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .pagebuilder-column {
        margin-top: 30px;
        padding: 20px 0 0
    }

    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .pagebuilder-column.promo-section {
        min-width: 240px;
        position: relative
    }

    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .pagebuilder-column.featured-brands {
        background-color: #f5f5f5;
        border-radius: 10px;
        margin-right: 20px;
        padding: 20px
    }

    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .pagebuilder-column .accordion-head {
        margin-bottom: 10px
    }

    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .pagebuilder-column .accordion-head a,
    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .pagebuilder-column .accordion-head span {
        color: #000;
        font-size: 14px;
        font-weight: 600;
        line-height: 130%
    }

    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .pagebuilder-column .item-sub-cat li {
        margin-bottom: 10px
    }

    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .pagebuilder-column .item-sub-cat li a {
        color: #767676;
        font-size: 14px;
        font-weight: 400;
        line-height: 130%;
        margin-bottom: 10px
    }

    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .pagebuilder-column .item-sub-cat li a:after {
        height: 1px;
        margin-top: 0
    }

    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .pagebuilder-column .view-all {
        border-color: #767676;
        color: #767676;
        font-size: 14px;
        font-weight: 400;
        line-height: 130%;
        text-decoration: underline
    }

    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .pagebuilder-column.pagebuilder-column.promo-section .btn-primary {
        background-color: transparent;
        border: none;
        color: #767676;
        font-size: 14px;
        font-weight: 400;
        line-height: 130%;
        margin: 0;
        padding: 0;
        text-align: left;
        text-decoration: underline
    }

    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .brand-col {
        margin-top: 30px;
        padding-bottom: 0
    }

    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .brand-col.first-col {
        align-self: start;
        background-color: #f5f5f5;
        border-radius: 10px;
        margin-right: 60px;
        padding: 20px
    }

    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .brand-col.first-col .accordion-head {
        margin-bottom: 0
    }

    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .brand-col.sec-col {
        min-width: 230px
    }

    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .brand-col .filtered-items {
        margin-top: 0
    }

    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .brand-col .filtered-items li {
        margin-bottom: 10px
    }

    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .brand-col .filtered-items li a {
        color: #767676;
        font-size: 14px;
        font-weight: 400;
        line-height: 130%
    }

    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .brand-col .shop-by-brand-column {
        padding-bottom: 0
    }

    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .brand-col .accordion-head {
        border-bottom: none;
        color: #000;
        font-size: 14px;
        font-weight: 600;
        line-height: 130%;
        margin-bottom: 0;
        padding-bottom: 10px;
        padding-top: 0;
        width: 100%
    }

    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .brand-col .alphabets-wrapper .alphabet-item {
        height: 32px;
        width: 32px
    }

    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .brand-col .selected,
    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .brand-col .view-section {
        padding-bottom: 0
    }

    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .brand-col .selected a,
    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .brand-col .view-section a {
        border-bottom: none;
        color: #767676;
        font-size: 14px;
        font-weight: 400;
        line-height: 130%;
        text-decoration: underline
    }
}

@media(min-width:1024px) and (max-width:768px) {

    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .brand-col .accordion-head,
    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .brand-col .filtered-items li a,
    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .brand-col .selected a,
    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .brand-col .view-section a,
    .menu-container .MenuWrapper .menu-item:not(.flash-sale-offers) .pagebuilder-column .item-sub-cat li a {
        font-size: 12px
    }
}

.header-toolbar .center-content {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.header-toolbar .center-content .MegaMenu .button-back {
    display: none
}

.header-toolbar .center-content .center {
    flex: 1;
    text-align: left
}

.header-toolbar .rhs {
    grid-gap: 15px;
    display: grid;
    grid-auto-flow: column;
    padding-right: 5px;
    z-index: 1
}

.header-toolbar .rhs .rhs-item {
    background-color: transparent;
    border: none;
    cursor: pointer;
    line-height: 0;
    min-width: unset;
    outline: none;
    padding: 0;
    position: relative
}

.header-toolbar .rhs .rhs-item.rhs-account {
    align-items: center;
    display: flex
}

.header-toolbar .rhs .rhs-item.rhs-account .rhs-text {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    padding-left: 4px
}

@media(max-width:768px) {
    .header-toolbar .rhs .rhs-item.rhs-account .rhs-text {
        font-size: 12px
    }
}

.header-toolbar .rhs .rhs-item:focus-visible {
    outline: auto;
    outline-color: #4f77b2
}

.header-toolbar .rhs .rhs-item .cart-items-wrapper {
    position: absolute;
    right: -4px;
    top: -4px
}

.header-toolbar .rhs .rhs-item .cart-items-wrapper span {
    background: #fee801;
    border-radius: 50%;
    color: #000;
    font-size: 11px;
    font-weight: 400;
    line-height: 130%;
    padding: 0 4px
}

.header-toolbar .rhs .account-wrapper,
.header-toolbar .rhs .wishlist-wrapper {
    display: block
}

@media(min-width:1024px) {
    .header-toolbar {
        display: flex;
        flex-direction: column
    }

    .header-toolbar .center-content {
        align-self: center;
        margin-top: 20px
    }

    .header-toolbar .center-content .MegaMenu {
        display: none
    }

    .header-toolbar .center-content .center {
        align-items: center;
        display: flex
    }

    .header-toolbar .center-content .center .logo img {
        height: 22px;
        width: 182px
    }

    .header-search-bar-mobile {
        display: none
    }
}

@media(max-width:1023px) {
    .header-toolbar {
        padding: 0 16px
    }

    .header-toolbar .rhs {
        grid-gap: 10px;
        padding-right: 0
    }

    .header-toolbar .center-content {
        min-height: 24px
    }

    .header-toolbar .center-content .center .logo {
        margin-left: 10px
    }

    .header-toolbar .center-content .center .logo img {
        height: 17px
    }

    .header-toolbar .hamburger-icon {
        align-items: center;
        background-color: transparent;
        border: none;
        display: flex;
        height: 24px;
        min-width: 0;
        padding: 0;
        width: 24px
    }

    .header-search-bar {
        display: none
    }
}

.btn-wishlist {
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 100%;
    display: none;
    height: 30px;
    justify-content: center;
    min-width: auto;
    padding: 0;
    width: 30px
}

.btn-wishlist svg {
    stroke: #000;
    max-width: 18px;
    opacity: .5
}

.btn-wishlist.active,
.btn-wishlist:hover {
    background-color: #fff
}

.btn-wishlist.active svg,
.btn-wishlist:hover svg {
    stroke: #e03400;
    fill: #e03400;
    opacity: 1
}

@media(max-width:767px) {
    .btn-wishlist {
        display: flex
    }
}

.bottom-promo-mob {
    display: none
}

.bottom-promo,
.bottom-promo-mob {
    height: 40px;
    margin-bottom: 6px;
    margin-top: 8px;
    padding: 0
}

.bottom-promo .banner,
.bottom-promo-mob .banner {
    align-items: center;
    background-color: #f5ebe1;
    border-radius: 10px;
    display: flex;
    height: 50px;
    justify-content: center
}

.bottom-promo .banner .banner-content,
.bottom-promo-mob .banner .banner-content {
    white-space: nowrap
}

.bottom-promo .banner .banner-content .text,
.bottom-promo-mob .banner .banner-content .text {
    color: #e03400;
    font-size: 15px;
    font-weight: 600;
    line-height: 130%;
    margin-right: 7px;
    text-transform: uppercase
}

.bottom-promo .banner .banner-content .text span,
.bottom-promo-mob .banner .banner-content .text span {
    color: #000;
    padding-left: 5px
}

.bottom-promo .banner .banner-content .text span:after,
.bottom-promo-mob .banner .banner-content .text span:after {
    opacity: .15
}

.bottom-promo .banner .banner-content .shop-now,
.bottom-promo-mob .banner .banner-content .shop-now {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    line-height: 130%
}

.bottom-promo .banner .banner-image,
.bottom-promo-mob .banner .banner-image {
    display: none
}

@media(min-width:1024px) {
    .bottom-promo .header-promo-bottom-wrapper {
        max-width: 1632px;
    }

    .bottom-promo .banner .banner-content .text {
        margin-left: 5px;
        margin-right: 16px
    }

    .bottom-promo .banner .banner-content .text span:after {
        padding-left: 16px
    }
}

@media(max-width:1024px) {
    /* .bottom-promo {
        display: none
    } */

    .bottom-promo-mob {
        display: block;
        margin-top: 12px;
        padding-left: 16px;
        padding-right: 16px
    }

    .bottom-promo-mob div[class*=row-contained].header-promo-bottom-wrapper {
        padding-left: 0;
        padding-right: 0
    }

    .bottom-promo-mob .banner .banner-content .text {
        font-size: 13px;
        font-weight: 600;
        line-height: 130%;
        margin-right: 7px
    }

    .bottom-promo-mob .banner .banner-content .shop-now {
        color: #000;
        font-size: 13px;
        font-weight: 600;
        line-height: 130%;
        text-decoration: underline
    }
}

.multi-slide-wrapper {
    border-left: 0;
    display: none;
    height: 100vh;
    max-height: 100vh;
    max-width: 0;
    opacity: 1;
    overflow: auto;
    padding: 0;
    position: fixed;
    right: 0;
    text-align: left;
    top: 0;
    transform: translate3d(110%, 0, 0);
    transition-duration: 224ms;
    transition-property: opacity, transform, max-width;
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    z-index: 1000
}

.multi-slide-wrapper.open {
    display: block
}

.multi-slide-wrapper .slide-out-content {
    padding: 25px 30px 30px
}

.multi-slide-wrapper .slide-out-content.no-minicart {
    padding: 0
}

.multi-slide-wrapper .slide-out-content.wishlist-flyout {
    padding-bottom: 0
}

.multi-slide-wrapper .slide-out-content .account-form-steps {
    position: relative
}

.multi-slide-wrapper .slide-out-content .account-form-steps .root {
    overflow: hidden
}

.multi-slide-wrapper .slide-out-content .account-form-steps .indicator {
    left: 0;
    margin: 0;
    position: relative
}

.multi-slide-wrapper .slide-out-content .account-form.signin .account-form-dropdown {
    display: block;
    position: relative
}

.multi-slide-wrapper .slide-out-content .minicart-wrapper .cart-toggle {
    background-color: transparent;
    border: none;
    outline: none
}

.multi-slide-wrapper .slide-out-content .minicart-wrapper .cart-toggle:focus {
    outline: auto;
    outline-color: #4f77b2
}

.multi-slide-wrapper .multi-slideout-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 30px 30px 0
}

.multi-slide-wrapper .multi-slideout-header .slide-out-tabs {
    border: none;
    height: auto;
    padding: 0
}

.multi-slide-wrapper .multi-slideout-header .slide-out-tabs:after {
    display: none
}

.multi-slide-wrapper .multi-slideout-header .slide-out-tabs .slide-out-tab {
    background-color: transparent;
    border: none;
    color: #767676;
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    margin-right: 20px;
    min-width: auto;
    padding: 0;
    white-space: nowrap;
    width: auto
}

.multi-slide-wrapper .multi-slideout-header .slide-out-tabs .slide-out-tab.active {
    color: #000
}

.multi-slide-wrapper .multi-slideout-header .btn-close {
    border: none;
    height: 30px;
    min-width: auto;
    padding: 0;
    width: 30px
}

.multi-slide-wrapper .multi-slideout-header .btn-close:hover {
    background-color: transparent
}

@media screen and (min-width:768px) {
    .multi-slide-wrapper {
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .5)
    }
}

@media screen and (max-width:767px) {
    .global-overlay {
        display: none;
        z-index: 151
    }

    .multi-slide-wrapper {
        background: #fff;
        width: 100%
    }

    .slide-out-tab {
        color: #393838;
        font-size: 14px;
        padding-top: 21px
    }

    .multi-slideout-container {
        height: 100%;
        overflow-x: visible;
        overflow-y: scroll
    }
}

@media screen and (min-width:767px) {
    .multi-slide-wrapper {
        width: 484px
    }
}

@media screen and (min-width:767pxs) and (max-width:767px) {
    .multi-slide-wrapper {
        background: initial;
        padding-left: 57px;
        width: 100%
    }

    .multi-slide-wrapper-overlay {
        background: radial-gradient(ellipse closest-corner, hsla(0, 0%, 100%, .7) 1%, #fff 100%);
        content: "";
        height: 100%;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 998
    }

    .page-overlay .multi-slide-wrapper-overlay {
        display: block
    }

    .multi-slideout-container {
        background: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .5);
        height: 100%;
        overflow-x: visible;
        overflow-y: scroll;
        width: 100%
    }
}

.multi-slide-wrapper-overlay {
    display: none
}

.page-overlay .multi-slide-wrapper {
    max-width: unset;
    transform: translateZ(0)
}

@media(max-width:1024px) {
    .multi-slide-wrapper .multi-slideout-header {
        padding-left: 16px
    }
}

@media(max-width:767px) {
    .multi-slide-wrapper .slide-out-content {
        padding: 25px 16px 20px
    }

    .multi-slide-wrapper .account-form.signin .account-form-dropdown {
        padding-bottom: 100px
    }

    .multi-slide-wrapper .multi-slideout-header {
        padding-top: 20px
    }
}

.footer-container {
    background-color: #000;
    padding: 100px 0 40px
}

.footer-container .copyright-block,
.footer-container .copyright-wrapper,
.footer-container .footer-content-wrapper {
    margin: auto;
    max-width: 1632px;
    padding-left: 16px;
    padding-right: 16px
}

.footer-container .accordion-item {
    text-align: left
}

.footer-container .accordion-item .collapse:not(.show) {
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.footer-container .accordion-item .collapsing {
    height: 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.footer-container .chat-call-section {
    float: inherit;
    margin-top: 25px
}

.footer-container .chat-call-section .chat-call {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase
}

.footer-container .chat-call-section .chat-call .chat-call-phone-number {
    white-space: nowrap
}

.footer-container .chat-call-section .chat-call span,
.footer-container .chat-call-section .chat-call strong {
    font-size: 16px;
    text-transform: none
}

.footer-container .chat-call-section .chat-call span svg,
.footer-container .chat-call-section .chat-call strong svg {
    width: 26px
}

.footer-container .chat-call-section .chat-call-dropdown svg {
    height: 24px;
    width: 24px
}

.currency-converter {
    text-align: left;
    width: 100%
}

.styled-subscription-wrapper #newsLetterForm .field-wrapper input {
    height: 30px
    
}
.styled-subscription-wrapper #newsLetterForm .field-wrapper input {
    background-color: #fff;
    border-radius: 10px;
    padding-left: 16px;
}

.footer-links-wrapper {
    max-width: 100%;
    padding: 60px 0
}

 .footer-links-wrapper .item-sub-cat {
    display: flex
}

.footer-links-wrapper .accordion-item {
    flex: 1
}

.footer-links-wrapper .accordion-item .accordion-head {
    color: hsla(0, 0%, 100%, .4);
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 0
}

@media(max-width:768px) {
  .footer-links-wrapper .accordion-item .accordion-head {
        font-size: 14px
    }
}

.footer-links-wrapper .accordion-item .accordion-content a,
.footer-links-wrapper .accordion-item .accordion-content address {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    margin-top: 11px;
    text-decoration: none
}

@media(max-width:768px) {

   .footer-links-wrapper .accordion-item .accordion-content a,
    .footer-links-wrapper .accordion-item .accordion-content address {
        font-size: 12px
    }
}

.footer-links-wrapper .accordion-item .accordion-content a:hover {
    text-decoration: underline
}

.footer-bottom-links a {
    color: #fff;
    margin-right: 10px
}

.footer-top-wrapper .footer-inner-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    max-width: 100%
}

.footer-top-content {
    margin-bottom: 0;
    max-width: 380px;
    padding: 0;
    width: 100%
}

.styled-subscription-wrapper #newsLetterForm input {
    border: none
}

.styled-subscription-wrapper .message-root {
    background-color: #000
}
.footer-sign-up-exclusive-email {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 130%;
    text-align: right
}

@media(max-width:768px) {
     .footer-sign-up-exclusive-email {
        font-size: 13px
    }
}

@media screen and (max-width:1023px) {
    #Footer_Desktop {
        display: none
    }

    .footer-container {
        min-height: 863px;
        padding: 70px 0
    }

    .footer-sign-up-exclusive-email {
        text-align: left
    }

   .accordion-item.customer-service .chat-call-dropdown {
        display: block;
        height: auto
    }

    .accordion-item.customer-service .accordion-content {
        display: flex;
        flex-direction: column
    }
 .accordion-item.customer-service .accordion-content .chat-call-section {
        border-top: none;
        margin-top: 5px;
        order: -1;
        padding: 0
    }

    .accordion-item.opened .accordion-head:before {
        transform: rotate(90deg) scale(0)
    }

  .accordion-item.opened .accordion-head:after {
        transform: rotate(180deg)
    }

    .accordion-item.opened .accordion-content {
        transition: max-height .5s ease
    }

    .footer-container .accordion-item.opened>.accordion-content {
        transition: height .3s ease
    }

    .footer-container .accordion-item .accordion-head {
        cursor: pointer;
        margin-bottom: 0;
        padding: 18px 0;
        position: relative;
        transition: all .2s ease-in;
        -webkit-transition: all .2s ease-in
    }

    .footer-container .accordion-item .accordion-head:after,
    .footer-container .accordion-item .accordion-head:before {
        background-color: #161616;
        content: "";
        height: 1px;
        opacity: .4;
        position: absolute;
        right: 0;
        top: 26px;
        transition: all .3s ease-in-out;
        width: 12px
    }

    .footer-container .accordion-item .accordion-head:after {
        transform: rotate(90deg)
    }

    .footer-container .accordion-item .accordion-content .chat-call-dropdown {
        background-color: transparent
    }

    .footer-container .accordion-item .accordion-content .chat-call-dropdown li {
        padding: 0
    }

    .footer-container .footer-top-wrapper {
        padding: 40px 16px
    }

    .footer-container .footer-content-wrapper {
        padding-bottom: 40px
    }

    .footer-container .footer-content-wrapper .footer-links-wrapper.container-width {
        padding: 0
    }

    .footer-container .footer-content-wrapper .footer-links-wrapper .chat-call.chat span {
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        line-height: 130%
    }

    .footer-container .footer-content-wrapper .footer-links-wrapper .chat-call.chat {
        padding-bottom: 0
    }

    .footer-container .footer-content-wrapper .footer-links-wrapper .chat-or {
        color: #fff;
        font-weight: 600;
        padding: 0
    }

    .footer-container .footer-content-wrapper .footer-links-wrapper .chat-call.chat:after,
    .footer-container .footer-content-wrapper .footer-links-wrapper .chat-call.chat:before {
        background-color: #fff;
        opacity: .5
    }

    .footer-container .footer-content-wrapper .footer-links-wrapper .chat-call.chat span {
        margin: 0
    }

    .footer-container .footer-content-wrapper .footer-links-wrapper .chat-call-dropdown {
        background-color: #000
    }

    .footer-container .footer-content-wrapper .footer-links-wrapper .chat-call-dropdown svg {
        fill: #fff;
        margin-right: 10px
    }

    .footer-container .footer-content-wrapper .footer-links-wrapper .chat-call-dropdown svg path {
        fill: #fff
    }

    .footer-container .footer-content-wrapper .footer-links-wrapper .chat-call-dropdown .dropdown-text {
        color: #fff
    }

    .footer-container .footer-content-wrapper .footer-links-wrapper .chat-call-dropdown li {
        padding-left: 0
    }

    .footer-container .footer-content-wrapper .footer-links-wrapper .chat-call-dropdown li.whatsapp-item path {
        fill: #25d366
    }

    .footer-container .footer-content-wrapper .footer-links-wrapper .chat-call-section {
        border-top: 1px solid hsla(0, 0%, 100%, .2);
        margin-top: 0;
        padding-bottom: 15px;
        padding-top: 15px
    }

    .footer-container .footer-content-wrapper .footer-links-wrapper .chat-call-section .chat-call-dropdown li a {
        display: flex;
        opacity: .6
    }

    .footer-container .footer-content-wrapper .footer-links-wrapper .item-sub-cat {
        flex-direction: column
    }

    .footer-container .footer-content-wrapper .footer-links-wrapper .item-sub-cat>.accordion-item {
        border-top: 1px solid hsla(0, 0%, 100%, .2);
        padding-bottom: 15px;
        width: 100%
    }

    .footer-container .footer-content-wrapper .footer-links-wrapper .item-sub-cat>.accordion-item:last-child {
        border-bottom: 1px solid hsla(0, 0%, 100%, .2)
    }

    .footer-container .footer-content-wrapper .footer-links-wrapper .item-sub-cat>.accordion-item .accordion-head {
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        line-height: 130%;
        opacity: 1;
        padding: 15px 0 0
    }

    .footer-container .footer-content-wrapper .footer-links-wrapper .item-sub-cat>.accordion-item .accordion-head:after,
    .footer-container .footer-content-wrapper .footer-links-wrapper .item-sub-cat>.accordion-item .accordion-head:before {
        background-color: #fff;
        opacity: .5
    }

    .footer-container .footer-content-wrapper .footer-links-wrapper .item-sub-cat>.accordion-item .accordion-content {
        margin-top: 0
    }

    .footer-container .footer-content-wrapper .footer-links-wrapper .item-sub-cat>.accordion-item .accordion-content a,
    .footer-container .footer-content-wrapper .footer-links-wrapper .item-sub-cat>.accordion-item .accordion-content address {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        margin-top: 0;
        opacity: .6;
        padding: 10px 0 0
    }

    .footer-container .footer-content-wrapper .footer-links-wrapper .item-sub-cat>.accordion-item .accordion-content li:first-child a {
        padding-top: 12px
    }

    .footer-container .footer-content-wrapper .footer-links-wrapper .item-sub-cat>.accordion-item.customer-service .accordion-content.contain-non-links .chat-call-dropdown {
        padding: 0;
        position: relative
    }

    .footer-container .footer-content-wrapper .footer-links-wrapper .item-sub-cat>.accordion-item.customer-service .accordion-content.contain-non-links .chat-call-dropdown li {
        padding: 0
    }

    .footer-links-wrapper>.chat-call-section .chat-call.chat:after,
    .footer-links-wrapper>.chat-call-section .chat-call.chat:before {
        background-color: #161616;
        content: "";
        height: 1px;
        opacity: .4;
        position: absolute;
        right: 0;
        top: 8px;
        transition: all .3s ease-in-out;
        width: 12px
    }

    .footer-links-wrapper>.chat-call-section .chat-call.chat:after {
        transform: rotate(90deg)
    }

    .footer-links-wrapper .chat-call-section {
        text-align: left;
        width: 100%
    }

    .footer-links-wrapper .chat-call-section .chat-call-dropdown {
        background-color: transparent;
        display: block;
        height: 0;
        overflow: hidden;
        transition: height .3s ease
    }

    .footer-links-wrapper .chat-call-section.show .chat-call.chat:before {
        transform: rotate(90deg) scale(0)
    }

    .footer-links-wrapper .chat-call-section.show .chat-call.chat:after {
        transform: rotate(180deg)
    }

    .footer-links-wrapper .chat-call-section.show .chat-call-dropdown {
        height: 130px;
        z-index: 1
    }
}

@media screen and (min-width:1024px) {
    #Footer_Mobile {
        display: none
    }

    #Footer_Desktop {
        display: block
    }

    .footer-container {
        min-height: 598px
    }

    .footer-container .chat-call-section .chat-call.chat .chat-text {
        margin-left: 10px
    }

    .footer-container .chat-call-section.show .chat-call-dropdown {
        display: flex;
        flex-direction: column
    }

    .footer-container .chat-call-dropdown {
        border-radius: 10px;
        padding-top: 0
    }

    .footer-container .container-width {
        width: 100%
    }

    .footer-container .container-width.footer-inner-content {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:767px) and (max-width:1023px) {
    .footer-container .footer-top {
        display: flex;
        justify-content: space-between;
        padding-left: 16px;
        padding-right: 16px
    }

    .footer-container .footer-top .footer-social-links .social-list {
        align-items: flex-end;
        margin-top: 0
    }

    .footer-container .styled-subscription-wrapper #newsLetterForm .description-subscribing {
        text-align: left
    }

    .footer-container .copyright-wrapper {
        border-top: none
    }

    .footer-container .copyright-wrapper .copyright-block .currency-wrapper {
        display: block;
        margin-right: 10px
    }

    .footer-container .copyright-wrapper .copyright-block .copyright-block-right {
        display: block;
        text-align: right;
        width: 45%
    }
}

.btn-scroll-to-top {
    align-items: center;
    background-color: #000;
    border-radius: 50%;
    bottom: 90px;
    cursor: pointer;
    display: flex;
    height: 60px;
    justify-content: center;
    position: fixed;
    right: 40px;
    transition: background-color .25s, color .25s;
    width: 60px;
    z-index: 100
}

.btn-scroll-to-top svg {
    color: #fff
}

.btn-scroll-to-top.inverted-btn {
    background-color: #fff
}

.btn-scroll-to-top.inverted-btn svg {
    color: #000
}

.skip-to-content {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.skip-to-content:active,
.skip-to-content:focus {
    clip: auto;
    background: #efefef;
    border-radius: 2px;
    color: #393838;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: auto;
    left: 0;
    letter-spacing: 1.85px;
    max-width: 100%;
    overflow: visible;
    padding: 11px 10px;
    position: absolute;
    text-align: center;
    text-transform: capitalize;
    top: 0;
    white-space: normal;
    width: 100%;
    z-index: 200
}

.not-found-section.container-width {
    max-width: 1632px;
    padding-left: 16px;
    padding-top: 16px
}

.not-found-section.container-width div[class*=row-contained] {
    max-width: 100%
}

.not-found-section .container404-header {
    align-items: center;
    column-gap: 25px;
    display: flex;
    font-size: 0;
    justify-content: space-between;
    width: 100%
}

.not-found-section .image-404 {
    text-align: left
}

.not-found-section .image-404 img {
    max-width: 775px;
    width: 100%
}

.not-found-section .text-404 {
    display: inline-block;
    margin-top: 25px;
    text-align: left;
    vertical-align: middle
}

.not-found-section .text-404 h2 {
    color: #000;
    font-size: 64px;
    font-weight: 700;
    line-height: 54px;
    margin-bottom: 15px
}

.not-found-section .text-404 p {
    color: #000;
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    line-height: 130%;
    width: 100%
}

.not-found-section .text-404 p span {
    color: #767676;
    display: inline-block;
    text-align: left;
    width: 100%
}

@media(max-width:767px) {
    .not-found-section {
        margin-bottom: 30px;
        margin-top: 30px
    }

    .not-found-section .container404-header {
        flex-wrap: wrap
    }

    .not-found-section .image-404,
    .not-found-section .text-404 {
        width: 100%
    }

    .not-found-section .image-404 img {
        max-width: 600px
    }

    .not-found-section .text-404 h2 {
        font-size: 40px
    }

    .not-found-section .text-404 p {
        font-size: 18px;
        margin-bottom: 20px
    }
}

@media(min-width:768px) {
    .not-found-section .container404-header {
        margin-bottom: 50px;
        margin-top: 50px
    }

    .not-found-section .text-404 {
        flex-shrink: 0;
        width: 40%
    }

    .not-found-section .text-404 h2 {
        font-size: 45px
    }

    .not-found-section .text-404 p {
        font-size: 20px;
        margin-bottom: 25px
    }
}

@media(min-width:1024px) {
    .not-found-section .container404-header {
        margin-bottom: 79px;
        margin-top: 79px
    }
}

.notification {
    align-items: center;
    border-radius: 10px;
    column-gap: 13px;
    display: flex;
    padding: 13px 16px
}

.notification.error {
    background-color: #ffeded
}

.notification.error .notification-content .title {
    color: #e03400
}

.notification.success {
    background-color: #eefeea
}

.notification.info {
    background-color: #f6f6f6
}

.notification.warning {
    background-color: #d3edee
}

.notification .notification-content .title {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 5px;
    text-align: left
}

@media(max-width:768px) {
    .notification .notification-content .title {
        font-size: 12px
    }
}

.notification .notification-content .description {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 0;
    text-align: left
}

@media(max-width:768px) {
    .notification .notification-content .description {
        font-size: 12px
    }
}

.notification .link-more {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 130%;
    margin-left: 20px;
    text-decoration-line: underline;
    white-space: nowrap
}

.checkout-header {
    display: inline-block;
    padding: 22px 0 42px;
    width: 100%
}

.checkout-header .co-wrapper {
    grid-column-gap: 7%;
    display: grid;
    grid-auto-flow: dense;
    width: 100%
}

.checkout-header .checkout-icon-block {
    display: inline-block;
    margin-top: 3px;
    text-align: right;
    width: 100%
}

.checkout-header .checkout-icon-block img {
    margin-right: 9px
}

.checkout-header .checkout-icon-block img.googlepay-checkout-header-logo {
    max-height: 30px
}

.checkout-header .checkout-icon-label {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0
}

.checkout-header .header-logo {
    align-items: center;
    display: inline-block;
    justify-content: space-between;
    min-height: 30px;
    width: 100%
}

.checkout-header .header-logo a {
    display: inline-block
}

.checkout-header .header-logo .logo svg {
    height: 52px;
    width: 180px
}

.checkout-header .header-logo .logo img {
    width: 100%
}

@media(max-width:767px) {
    .page .checkout-page .checkout-footer {
        padding: 16px;
        text-align: left
    }
}

@media(max-width:1023px) {
    .checkout-page .checkout-header.container-width {
        padding: 16px
    }

    .checkout-header .co-wrapper {
        grid-template-columns: 1fr 1fr
    }

    .checkout-header .checkout-icon-label {
        color: #393939;
        flex-direction: row-reverse;
        font-size: 13px;
        font-weight: 600;
        justify-content: end;
        line-height: 130%
    }

    .checkout-header .checkout-icon-label svg {
        margin-left: 5px
    }

    .checkout-header .header-logo {
        align-items: center;
        display: flex;
        min-height: auto;
        text-align: left
    }

    .checkout-header .header-logo .logo img {
        height: 15px;
        max-width: 129px
    }
}

@media only screen and (max-width:1476px) and (min-width:1024px) {
    .checkout-page .checkout-header.container-width {
        padding-left: 18px;
        padding-right: 18px
    }
}

@media(max-width:1440px) {
    .checkout-header .co-chat-call-wrap .chat-call strong {
        display: none
    }
}

@media(min-width:1024px) {
    .checkout-header .co-wrapper {
        grid-template-columns: 1fr 1fr 1fr
    }

    .checkout-header .co-chat-call-wrap {
        display: inline-block;
        margin-left: 1px;
        margin-top: 3px;
        text-align: left;
        width: 100%
    }

    .checkout-header .co-chat-call-wrap .chat-call {
        align-items: center;
        color: #393939;
        display: flex;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: .3px;
        padding-bottom: 0
    }

    .checkout-header .co-chat-call-wrap .chat-call .chat-call-section {
        margin-top: 0;
        padding-bottom: 10px;
        transform: translateY(5px);
        z-index: 1
    }

    .checkout-header .co-chat-call-wrap .chat-call .chat-call-dropdown {
        top: 30px
    }

    .checkout-header .co-chat-call-wrap .chat-call strong {
        font-weight: 700
    }

    .checkout-header .co-chat-call-wrap .chat-call .chat {
        margin-left: 20px
    }

    .checkout-header .co-chat-call-wrap .chat-call .chat:hover {
        text-decoration: none
    }

    .checkout-header .co-chat-call-wrap .chat-call a {
        color: #393939
    }

    .checkout-header .checkout-icon-label {
        color: #393939;
        font-size: 16px;
        font-weight: 600;
        line-height: 130%;
        padding-left: 27px;
        text-transform: uppercase
    }

    .checkout-header .checkout-icon-label svg {
        margin-right: 5px
    }

    .checkout-header .header-logo {
        text-align: center
    }

    .checkout-header .header-logo .logo img {
        height: 27px;
        max-width: 232px
    }
}

.sales-page {
    margin-left: auto;
    margin-right: auto;
    max-width: 1632px;
    padding: 30px 16px 0
}

.sales-page .sales-events-block,
.sales-page .sales-events-header {
    max-width: 100%
}

.sales-page .sales-events-block {
    margin-bottom: 50px
}

@media(max-width:767px) {
    .sales-page .sales-events-header {
        margin-bottom: 25px
    }
}

.sale-event-heading {
    align-items: center;
    column-gap: 10px;
    display: flex;
    justify-content: space-between
}

.sale-event-heading .sub-title {
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0;
    text-align: center
}

@media(max-width:768px) {
    .sale-event-heading .sub-title {
        font-size: 20px;
        line-height: 120%
    }
}

.sale-event-heading .view-all {
    background-color: #000;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    padding: 14px 18px 15px;
    text-decoration: none;
    white-space: nowrap
}

@media(max-width:768px) {
    .sale-event-heading .view-all {
        font-size: 14px
    }
}

.sale-event-heading .view-all:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, .25)
}

.sale-timer-wrapper {
    border-radius: 10px;
    column-gap: 20px;
    justify-content: center;
    margin-top: 25px;
    min-height: 98px;
    padding: 20px 0
}

.sale-timer-wrapper,
.sale-timer-wrapper .sale-timer-after,
.sale-timer-wrapper .sale-timer-before,
.sale-timer-wrapper .sale-timer-countdown {
    align-items: center;
    display: flex
}

.sale-timer-wrapper .sale-timer-after .sale-timer-label,
.sale-timer-wrapper .sale-timer-before .sale-timer-label,
.sale-timer-wrapper .sale-timer-countdown .sale-timer-label {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 0;
    text-transform: uppercase;
    white-space: nowrap
}

.sale-timer-wrapper .sale-timer-after img,
.sale-timer-wrapper .sale-timer-before img,
.sale-timer-wrapper .sale-timer-countdown img {
    margin-right: 8px;
    min-width: auto
}

.sale-timer-wrapper .sale-timer-countdown {
    column-gap: 6px
}

.sale-timer-wrapper .sale-timer-countdown .sale-timer-item {
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 60px;
    padding: 5px 10px 10px;
    text-align: center
}

.sale-timer-wrapper .sale-timer-countdown .sale-timer-item .sale-timer-number {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0
}

@media(max-width:768px) {
    .sale-timer-wrapper .sale-timer-countdown .sale-timer-item .sale-timer-number {
        font-size: 20px;
        line-height: 120%
    }
}

.sale-timer-wrapper .sale-timer-countdown .sale-timer-item .sale-timer-text {
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 0
}

@media(max-width:767px) {
    .sale-timer-wrapper {
        column-gap: 9px;
        min-height: 105px;
        padding-bottom: 40px;
        padding-top: 12px;
        position: relative
    }

    .sale-timer-wrapper .sale-timer-after {
        border-radius: 0 0 10px 10px;
        bottom: 0;
        justify-content: center;
        left: 0;
        padding: 6px;
        position: absolute;
        width: 100%
    }

    .sale-timer-wrapper .sale-timer-after img,
    .sale-timer-wrapper .sale-timer-before img {
        margin-right: 7px
    }

    .sale-timer-wrapper .sale-timer-after .sale-timer-label,
    .sale-timer-wrapper .sale-timer-before .sale-timer-label {
        font-size: 11px
    }
}

.sale-event-grid {
    display: grid;
    margin-top: 25px;
    width: -moz-fit-content;
    width: fit-content;
    width: 100%
}

.sale-event-grid .grid-item.rectangle {
    grid-column: span 2
}

.sale-event-grid .grid-item .grid-image {
    display: block;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative
}

.sale-event-grid .grid-item .grid-image img {
    border-radius: 10px;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.sale-event-grid .grid-item .grid-image img:hover {
    filter: brightness(80%) contrast(130%)
}

.sale-event-grid .grid-item .grid-content {
    margin-top: 8px;
    text-align: left
}

.sale-event-grid .grid-item .grid-content .title {
    line-height: normal;
    margin-bottom: 0
}

.sale-event-grid .grid-item .grid-content .title a {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 130%;
    text-decoration: none
}

.sale-event-grid .grid-item .grid-content .off-discount {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 4px;
    text-transform: uppercase
}

.sale-event-grid .grid-item .grid-content .description {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 0
}

.sale-event-grid .grid-item .grid-content .description b,
.sale-event-grid .grid-item .grid-content .description strong {
    color: #000
}

.sale-event-grid {
    gap: 15px 10px;
    grid-template-columns: repeat(2, 1fr)
}

.sale-event-grid .grid-item.rectangle .grid-image {
    padding-bottom: 46.77003%
}

@media(min-width:768px) {
    .sale-event-grid {
        gap: 26px 32px;
        grid-template-columns: repeat(4, minmax(100px, 362px))
    }

    .sale-event-grid .grid-item.rectangle .grid-image {
        padding-bottom: calc(50% - 16px)
    }
}

@media(min-width:1024px) {
    .sale-event-grid {
        gap: 36px 44px
    }

    .sale-event-grid .grid-item.rectangle .grid-image {
        padding-bottom: calc(50% - 22px)
    }
}

@media(min-width:1440px) {
    .sale-event-grid {
        gap: 40px 50px
    }

    .sale-event-grid .grid-item.rectangle .grid-image {
        padding-bottom: calc(50% - 25px)
    }
}

@media(max-width:767px) {
    .sale-event-grid {
        margin-top: 20px
    }

    .sale-event-grid .grid-item .grid-content .description,
    .sale-event-grid .grid-item .grid-content .title a {
        font-size: 14px
    }
}

.arrow-carousal {
    align-items: center;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .13);
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    position: absolute;
    top: 30%;
    transform: translateY(-30%);
    width: 44px;
    z-index: 1
}

.arrow-carousal:after {
    border: solid #000;
    content: "";
    display: inline-block;
    padding: 4px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.arrow-carousal.arrow-next {
    right: -16px
}

.arrow-carousal.arrow-next:after {
    border-width: 2px 0 0 2px;
    margin-right: 2px
}

.arrow-carousal.arrow-prev {
    left: -16px
}

.arrow-carousal.arrow-prev:after {
    border-width: 0 2px 2px 0
}

@media(max-width:1024px) {
    .arrow-carousal {
        display: none
    }
}

.global-overlay {
    background-color: #6d6d6d;
    bottom: 0;
    cursor: pointer;
    display: none;
    float: left;
    left: 0;
    opacity: .5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.overlay-open {
    display: block
}

.page-overlay {
    overflow: hidden
}