@font-face {
    font-family: "Work Sans";
    src: url('../_ui/responsive/theme-penti/css/fonts/WorkSans-Regular.woff2') format('woff');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Work Sans";
    src: url('../_ui/responsive/theme-penti/css/fonts/WorkSans-Medium.woff2') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Work Sans";
    src: url('../_ui/responsive/theme-penti/css/fonts/WorkSans-Bold.woff2') format('woff');
    font-weight: 700;
    font-display: swap;
}

*,
*::before,
*::after {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: "HelveticaNowDisplay", "arial", "sans-serif";
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    color: #29335C;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: inherit;
    text-decoration: none;
    background-color: transparent;
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none;
    color: inherit;
    text-decoration: none
}

pre,
code,
kbd,
samp {
    font-family: "Gotham", "arial", "sans-serif";
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role="button"] {
    cursor: pointer
}

select {
    word-wrap: normal
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
    cursor: pointer
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.container,
.container-fluid {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto {
    position: relative;
    width: 100%;
    padding-right: 0;
    padding-left: 0
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media(min-width:1025px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

.fade {
    transition: opacity 0.15s linear
}

@media(prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease
}

@media(prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: .875rem;
    color: #29335C;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media(min-width:1025px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^="top"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .76562rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: 0 0
}

.nav-link:hover,
.nav-link:focus {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 0 solid rgba(0, 0, 0, 0)
}

.nav-tabs .nav-link {
    margin-bottom: 0;
    border: 0 solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #81819B
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #FA5373;
    background-color: rgba(0, 0, 0, 0);
    border-color: #FA5373
}

.nav-tabs .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    border-radius: 35px
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #3A0CA3
}

.nav-fill>.nav-link,
.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified>.nav-link,
.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container,
.navbar .container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: -.17188rem;
    padding-bottom: -.17188rem;
    margin-right: 1rem;
    font-size: 1.09375rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.09375rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:hover,
.navbar-toggler:focus {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50% / 100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media(max-width:1024.98px) {

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:1025px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        flex-wrap: nowrap
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
    flex-wrap: nowrap
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9)
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5)
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3)
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280,0,0,0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9)
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, 0.9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5)
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25)
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
    color: #fff
}

.alert {
    position: relative;
    padding: 0 0;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 10px
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 1.3125rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 0 0;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

.close {
    float: right;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 7;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(calc(100% + 50px))
}

@media(prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: 100%
}

.modal-dialog-scrollable .modal-content {
    max-height: 100vh;
    overflow: hidden
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: 100%
}

.modal-dialog-centered::before {
    display: block;
    height: 100vh;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid rgba(0, 0, 0, 0);
    border-radius: 0;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6;
    width: 100vw;
    height: 100vh;
    background-color: #29335C
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 0;
    border-bottom: 0 solid rgba(0, 0, 0, 0);
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.modal-header .close {
    padding: 0 0;
    margin: 0 0 0 auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.57143
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: -.25rem;
    border-top: 0 solid rgba(0, 0, 0, 0);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

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

.modal-dialog-scrollable {
    max-height: 100%
}

.modal-dialog-scrollable .modal-content {
    max-height: 100vh
}

.modal-dialog-centered {
    min-height: 100%
}

.modal-dialog-centered::before {
    height: 100vh;
    height: min-content
}

.modal-sm {
    max-width: 300px
}

@media(min-width:1025px) {

    .modal-lg,
    .modal-xl {
        max-width: 415px
    }
}

.modal-xl {
    max-width: 1140px
}

@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-container-pointer-events {
    touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-pagination,
.swiper-pagination-inner {
    text-align: center;
    transition: 300ms opacity;
    margin: 12px auto 0;
    display: none;
    justify-content: center;
    align-items: center
}

.swiper-pagination.swiper-pagination-hidden,
.swiper-pagination-inner.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
    width: 100%
}

.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #000;
    opacity: 0.3;
    outline: none
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    width: 8px;
    height: 8px
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-controls>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-controls>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-controls>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-controls.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right
}

.swiper-controls .swiper-pagination {
    margin-top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-scrollbar {
    position: relative;
    background: #fff
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 40px;
    bottom: 0;
    z-index: 2;
    height: 2px;
    width: calc(100% - 40px)
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: #29335C;
    left: 0;
    top: 0;
    cursor: pointer
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: calc(50% - 12px);
    z-index: 1;
    outline: none
}

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

.swiper-button-next {
    right: 50px;
    transform: rotate(180deg)
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: zoom-in
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed .swiper-zoom-container {
    cursor: move
}

.swiper-container.item-1 .swiper-pagination,
.swiper-container.item-1 .swiper-button-prev,
.swiper-container.item-1 .swiper-button-next {
    display: none !important
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    touch-action: none;
    user-select: none;
    box-sizing: border-box
}

.noUi-target {
    position: relative
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat
}

.noUi-connect {
    height: 100%;
    width: 100%
}

.noUi-origin {
    height: 10%;
    width: 10%
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.noUi-touch-area::after {
    content: ""
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    transition: transform 0.3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 5px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 34px;
    right: -17px;
    top: -15px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -12px;
    right: auto
}

.noUi-target {
    background: #ECECF4
}

.noUi-connect {
    background: #FA5373
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-handle {
    border: 2px solid #9E0038;
    border-radius: 50%;
    background: #FA5373;
    cursor: default;
    outline: none
}

.noUi-active {
    background: #FA5373
}

[disabled] .noUi-connect {
    background: #B8B8B8
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
    cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    display: none;
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    display: none;
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #CCC
}

.noUi-marker:not(.noUi-marker-large) {
    display: none
}

.noUi-marker-sub {
    display: none;
    background: #AAA
}

.noUi-marker-large {
    background: #ECECF4
}

.noUi-pips-horizontal {
    padding: 0;
    height: 12px;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 1px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 12px
}

.noUi-tooltip {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 30px;
    position: absolute;
    border-radius: 4px;
    background: #3A0CA3;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    font-size: .75rem;
    line-height: 1.5;
    font-weight: 700
}

.noUi-horizontal .noUi-tooltip {
    transform: translateX(-50%);
    left: 50%;
    bottom: calc(100% + 13px)
}

.noUi-horizontal .noUi-tooltip::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7px 0 7px;
    border-color: #3A0CA3 transparent transparent transparent;
    position: absolute;
    bottom: -8px;
    left: calc(50% - 7px)
}

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #29335C;
    background: #FAF0F4;
    border: 1px solid rgba(129, 129, 155, 0.2);
    border-bottom-color: rgba(129, 129, 155, 0.2);
    font-family: "HelveticaNowDisplay", "arial", "sans-serif"
}

.pika-single.is-hidden {
    display: none
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5)
}

.pika-single:before,
.pika-single:after {
    content: " ";
    display: table
}

.pika-single:after {
    clear: both
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px
}

.pika-title {
    position: relative;
    text-align: center
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    opacity: 0
}

.pika-label {
    display: inline-block;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #29335C;
    background-color: rgba(0, 0, 0, 0)
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    opacity: .5
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    text-indent: -9999px;
    transform: rotate(90deg)
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    text-indent: -9999px;
    transform: rotate(-90deg)
}

.pika-select {
    display: inline-block
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0
}

.pika-table th {
    color: #29335C;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center
}

.pika-table abbr {
    border-bottom: none;
    cursor: help;
    text-decoration: none
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #29335C;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #fff
}

.is-today .pika-button {
    background: #36AAEC;
    color: #fff;
    font-weight: bold
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #FA5373;
    box-shadow: inset 0 1px 3px #FA5373;
    border-radius: 3px
}

.is-disabled .pika-button,
.is-outside-current-month .pika-button {
    color: #29335C;
    opacity: .3
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default
}

.pika-button:hover {
    color: #ECECF4;
    background: #FA5373;
    box-shadow: none;
    border-radius: 3px
}

.pika-button .is-selection-disabled {
    pointer-events: none;
    cursor: default
}

.pika-week {
    font-size: 11px;
    color: #81819B
}

.is-inrange .pika-button {
    color: #29335C;
    background: #ECECF4
}

.is-startrange .pika-button {
    color: #29335C;
    background: #ECECF4;
    box-shadow: none;
    border-radius: 3px
}

.is-endrange .pika-button {
    color: #29335C;
    background: #ECECF4;
    box-shadow: none;
    border-radius: 3px
}

@font-face {
    font-family: "HelveticaNowDisplay";
    src: url(../_ui/responsive/theme-penti/css/fonts/HelveticaNowDisplay-Regular.woff2) format("woff2"), url(../_ui/responsive/theme-penti/css/fonts/HelveticaNowDisplay-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "HelveticaNowDisplay";
    src: url(../_ui/responsive/theme-penti/css/fonts/HelveticaNowDisplay-Medium.woff2) format("woff2"), url(../_ui/responsive/theme-penti/css/fonts/HelveticaNowDisplay-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "HelveticaNowDisplay";
    src: url(../_ui/responsive/theme-penti/css/fonts/HelveticaNowDisplay-Bold.woff2) format("woff2"), url(../_ui/responsive/theme-penti/css/fonts/HelveticaNowDisplay-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gotham";
    src: url(../_ui/responsive/theme-penti/css/fonts/Gotham-Book.woff2) format("woff2"), url(../_ui/responsive/theme-penti/css/fonts/Gotham-Book.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gotham";
    src: url(../_ui/responsive/theme-penti/css/fonts/Gotham-Bold.woff2) format("woff2"), url(../_ui/responsive/theme-penti/css/fonts/Gotham-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

svg.icon {
    flex: none !important;
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    font-size: 24px;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.svg,
.swiper-button-prev,
.swiper-button-next,
.noUi-touch-area::after,
.pika-prev,
.is-rtl .pika-next,
.pika-next,
.is-rtl .pika-prev,
.link-more::after,
.link-dir::after,
.btn-link::after,
.btn-add::after,
.form-result::before,
.checkbox label::before,
.radio label::before,
.checkbox label::after,
.radio label::after,
.select .wrp::after,
.acc-header>button::after,
.slb::after,
.pht-more::after,
.dropdown-toggle::after,
.steps-completed,
.fg-more button::after,
.nrb::before,
.prq-rating label,
.hdr-right .btn-account::after,
.hdr-right .btn-cart,
#searchbox .btn-back,
#searchbox .btn-back::before,
#searchbox .btn-clear,
.mmn-lv1-link::after,
.mmn-lv2.sub .mmn-lv2-link::after,
.mmn-lv3-link::after,
.fmn-head::after,
.prd-fav,
.feed-inline .feed-cta::before,
.prd-row-body .btn-remove,
.prd-row-qty .qty-minus,
.prd-row-qty .qty-plus,
.pdp-body .btn-favorite,
.pdp-rating .btn-goto-reviews::after,
.rvw-sum-stars .stars,
.rvw-item-rating,
.rvw-sum-stars .stars::after,
.rvw-item-rating::after,
.mam-model-cta::after,
.msh-info::before,
.page-register-success .msh-banner::before,
.page-reset-password-success .form-result::after,
.member-menu-item.active::after,
.mod-prd-status::before,
.mor-result::before,
.mfp-remove,
.mcp-details-trigger::after,
.mlc-info-level b::after,
.mlc-next-title::before,
.scl-lvl:not(.active)::after,
.mln-lvl-header::before,
.mab-controls .btn-new::after,
#lookbook .btn-download::before,
.ssf-form-info::before,
.corp-menu-trigger::after,
.corp-menu-item.active::after,
.cas-title::after,
.cart-sum-total b::after,
.cpn-trigger::after,
.mpc-card-remove,
.crp-body::before {
    background: url(../_ui/responsive/theme-penti/images/sprite-bg.svg) no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block
}

.svg-back,
#searchbox .btn-back {
    background-position: 0 0
}

.svg-basket-added,
.hdr-right .btn-cart {
    background-position: 0 1.8808777429467085%
}

.svg-basket-pink,
.feed-inline .feed-cta::before {
    background-position: 0 3.761755485893417%
}

.svg-bell,
.nrb::before {
    background-position: 0 6%
}

.svg-checkbox,
.checkbox label::before {
    background-position: 0 13.41653666146646%
}

.svg-checkbox-full,
.checkbox label::after {
    background-position: 0 14.820592823712948%
}

.svg-clock,
.mod-prd-status.prepare::before {
    background-position: 0 16.300940438871475%
}

.svg-close,
#searchbox .btn-back::before,
#searchbox .btn-clear,
.prd-row-body .btn-remove,
.mfp-remove {
    background-position: 0 18.181818181818183%
}

.svg-delete,
.mpc-card-remove {
    background-position: 0 20.062695924764892%
}

.svg-done,
.mod-prd-status.delivered::before {
    background-position: 0 21.9435736677116%
}

.svg-down,
.pika-prev,
.is-rtl .pika-next,
.pika-next,
.is-rtl .pika-prev,
.link-more::after,
.link-dir::after,
.btn-link::after,
.select .wrp::after,
.slb::after,
.pht-more::after,
.dropdown-toggle::after,
.fg-more button::after,
.hdr-right .btn-account::after,
.mmn-lv1-link::after,
.mmn-lv2.sub .mmn-lv2-link::after,
.mmn-lv3-link::after,
.pdp-details.accordion .acc-header button::after,
.pdp-details.accordion .active>.acc-header>button::after,
.mam-model-cta::after,
.mcp-details-trigger::after,
.corp-menu-trigger::after,
.cart-sum-total b::after {
    background-position: 0 23.82445141065831%
}

.svg-down-w,
#langbox .wrp::after,
.sst-menu-cta::after {
    background-position: 0 25.705329153605014%
}

.svg-download,
#lookbook .btn-download::before {
    background-position: 0 27.586206896551722%
}

.svg-error,
.crp-error .crp-body::before {
    background-position: 0 30.81967213114754%
}

.svg-fav,
.prd-fav {
    background-position: 0 35.73667711598746%
}

.svg-fav-dark,
.pdp-body .btn-favorite {
    background-position: 0 37.61755485893417%
}

.svg-fav-full,
.prd-fav-added .prd-fav,
.pdp-fav-added .pdp-body .btn-favorite {
    background-position: 0 39.49843260188088%
}

.svg-handle-lines,
.noUi-touch-area::after {
    background-position: 0 41.37931034482759%
}

.svg-hide-password {
    background-position: 0 43.260188087774296%
}

.svg-info,
.ssf-form-info::before {
    background-position: 0 45.141065830721004%
}

.svg-info-colored,
.msh-info::before {
    background-position: 0 49.42339373970346%
}

.svg-menu-active,
.member-menu-item.active::after,
.corp-menu-item.active::after {
    background-position: 0 53.76175548589342%
}

.svg-minus,
.accordion .active>.acc-header>button::after,
.fmn-col.active .fmn-head::after,
.prd-row-qty .qty-minus,
.cas-item.active .cas-title::after,
#couponbox.active .cpn-trigger::after {
    background-position: 0 55.642633228840126%
}

.svg-plus,
.btn-add::after,
.acc-header>button::after,
.fmn-head::after,
.prd-row-qty .qty-plus,
.mab-controls .btn-new::after,
.cas-title::after,
.cpn-trigger::after {
    background-position: 0 57.523510971786834%
}

.svg-radio,
.radio label::before {
    background-position: 0 59.12636505460218%
}

.svg-radio-full,
.radio label::after {
    background-position: 0 60.53042121684867%
}

.svg-return,
.mod-prd-status.return::before {
    background-position: 0 62.225705329153605%
}

.svg-sc-mega-star,
.scl-lvl.mega::after,
.mln-lvl.mega .mln-lvl-header::before {
    background-position: 0 64.1065830721003%
}

.svg-sc-star,
.mlc-info-level b::after,
.mln-lvl.star .mln-lvl-header::before {
    background-position: 0 65.98746081504702%
}

.svg-sc-super-star,
.mlc-next-title::before,
.scl-lvl.super::after,
.mln-lvl.super .mln-lvl-header::before {
    background-position: 0 67.86833855799372%
}

.svg-show-password,
.textbox.show-pass .svg-hide-password {
    background-position: 0 69.74921630094043%
}

.svg-star-single,
.prq-rating label {
    background-position: 0 72.42472266244057%
}

.svg-star-single-full,
.prq-rating:not(:checked)>label:hover,
.prq-rating:not(:checked)>label:hover~label,
.prq-rating>input:checked~label {
    background-position: 0 75.43581616481775%
}

.svg-star-single-full-sm,
.pdp-rating .btn-goto-reviews::after {
    background-position: 0 77.58620689655173%
}

.svg-stars,
.rvw-sum-stars .stars,
.rvw-item-rating {
    background-position: 0 79.46708463949844%
}

.svg-stars-full,
.rvw-sum-stars .stars::after,
.rvw-item-rating::after {
    background-position: 0 81.34796238244515%
}

.svg-success-light,
#modal-product-review .nrb::before,
.page-register-success .msh-banner::before,
.page-reset-password-success .form-result::after {
    background-position: 0 87.04918032786885%
}

.svg-success-primary,
.form-result.success::before,
.mor-result::before,
.crp-body::before {
    background-position: 0 93.60655737704919%
}

.svg-success-transparent,
.steps-completed {
    background-position: 0 96.22047244094489%
}

.svg-swiper-nav,
.swiper-button-prev,
.swiper-button-next {
    background-position: 0 98.11912225705329%
}

.svg-swiper-nav-dark,
.product-swiper .swiper-button-disabled,
.mam-prds-models .swiper-button-next,
.mam-prds-models .swiper-button-prev,
.csp-offers-list .swiper-button-disabled {
    background-position: 0 100%
}

@keyframes show {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes hide {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes toTop {
    0% {
        transform: translateY(100%);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes toTopDelayed {
    0% {
        transform: translateY(100%);
        opacity: 0
    }

    80% {
        transform: translateY(100%);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes toBottom {
    0% {
        transform: translateY(0);
        opacity: 0
    }

    100% {
        transform: translateY(100%);
        opacity: 1
    }
}

@keyframes toRight {
    0% {
        transform: translateX(-100%);
        opacity: 0
    }

    100% {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes logo {
    0% {
        transform: rotateX(90deg)
    }

    100% {
        transform: rotateX(0)
    }
}

@keyframes rotating {
    to {
        transform: rotate(360deg)
    }
}

@keyframes blink-animation {
    to {
        visibility: hidden
    }
}

@keyframes pulse {
    0% {
        opacity: 0;
        transform: scale(0.8)
    }

    0% {
        opacity: 0;
        transform: scale(0.9)
    }

    40% {
        opacity: 1;
        transform: scale(1)
    }

    80% {
        opacity: 0;
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        transform: scale(0.9)
    }
}

@keyframes beat {
    0% {
        transform: scale(1.2)
    }

    50% {
        transform: scale(1.5)
    }

    100% {
        transform: scale(1.2)
    }
}

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

    100% {
        transform: translateX(100%)
    }
}

@keyframes borderGrowToRight {
    0% {
        transform: translateX(-100%)
    }

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

    100% {
        transform: translateX(0)
    }
}

body {
    overflow: auto
}

#ash-plc {
    display: none !important
}

::selection {
    background: #FA5373;
    color: #fff;
    text-shadow: none
}

html {
    scroll-behavior: smooth;
    background-color: #fff
}

img {
    max-width: 100%
}

picture {
    text-align: center;
    display: inline-block;
    width: 100%
}

picture img {
    width: auto
}

a {
    cursor: pointer;
    outline: none;
    text-decoration: none
}

p a {
    text-decoration: underline
}

input {
    outline: none
}

input[type=number] {
    -moz-appearance: textfield
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

input::-ms-reveal,
input::-ms-clear {
    display: none
}

textarea {
    resize: none
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

figure {
    margin: 0
}

label {
    margin: 0
}

button {
    padding: 0;
    background: none;
    border: none;
    color: inherit;
    text-align: left
}

button:focus {
    outline: none
}

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

.lazy {
    opacity: 0;
    transition: opacity 0.999s linear 0s
}

@media(prefers-reduced-motion:reduce) {
    .lazy {
        transition: none
    }
}

.lazy.loaded,
.lazy.error,
.lazy.bg-load {
    opacity: 1
}

.responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.responsive::before {
    content: "";
    display: block;
    padding-top: 100%
}

.responsive-item,
.responsive img,
.responsive video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

#overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: rgba(41, 51, 92, 0.5);
    animation: show .2s ease
}

.page-processing::after,
.prd-media .responsive::after,
.feed-media .responsive::after,
.pdp-gallery .responsive::after,
.stl-media .responsive::after {
    display: block;
    width: 100px;
    height: 57.5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    background: url(../_ui/responsive/theme-penti/images/preloader.gif) center center no-repeat;
    background-size: cover
}

.page-processing #overlay {
    display: block
}

.page-processing::after {
    content: "";
    z-index: 10
}

.help-accordion .acc-body ul {
    padding-left: 12px
}

.help-accordion .acc-body ul li {
    color: #81819B
}

.help-accordion .acc-body ul li::marker {
    font-size: 12px
}

.mod-section::after,
.mor-bank::before,
.mlc-block3::before,
.mlc-block4::before,
.mln-info::before,
.cps-sep::before {
    content: "";
    display: block;
    height: 30px;
    background-color: #ECECF4
}

[class*="container-max-"] {
    width: 100%;
    margin: 0 auto
}

.link {
    border-bottom: 1px solid transparent;
    display: inline-block
}

.link-inline {
    border-bottom: 1px solid currentColor;
    display: inline-block
}

.link-more,
.link-dir {
    display: inline-flex;
    align-items: center
}

.link-more::after,
.link-dir::after {
    content: ""
}

.link-dir::after {
    transform: rotate(-90deg)
}

.link-action {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.link-action::before {
    content: "";
    height: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid currentColor;
    font-size: 0
}

.link-btn {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 16px;
    margin: 0;
    cursor: pointer;
    border: 1px solid rgba(129, 129, 155, 0.2);
    border-radius: 28px;
    background-color: rgba(0, 0, 0, 0);
    color: #29335C
}

.link-btn.active {
    color: #fff;
    background-color: #3A0CA3;
    border-color: rgba(0, 0, 0, 0)
}

.btn,
.prq-item-sel label {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding: 0 25px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 42px;
    font-family: "HelveticaNowDisplay", "arial", "sans-serif";
    font-size: .875rem;
    line-height: 1.57143;
    font-weight: 500;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: all 0.222s linear 0s;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    user-select: none
}

@media(prefers-reduced-motion:reduce) {

    .btn,
    .prq-item-sel label {
        transition: none
    }
}

.btn-primary {
    background-color: #FA5373
}

.btn-secondary {
    background-color: #29335C;
    color: #fff
}

.btn-extra {
    background-color: #3A0CA3;
    color: #fff
}

.btn-light {
    background-color: #fff;
    color: #FA5373
}

.btn-outline-light,
.prq-item-sel label {
    background-color: transparent;
    color: #29335C;
    border-color: rgba(129, 129, 155, 0.2)
}

.btn-outline-dark {
    background-color: transparent;
    color: #29335C;
    border-color: #29335C
}

.btn-sm {
    height: 38px;
    border-radius: 38px
}

.btn-link {
    padding-right: 15px
}

.btn-link::after {
    content: "";
    transform: rotate(-90deg);
    margin-left: auto
}

.btn-add {
    padding-right: 15px
}

.btn-add::after {
    content: "";
    margin-left: auto
}

.btn-badgy {
    padding-left: 20px
}

.btn-badgy i {
    font-style: normal;
    margin-right: 10px
}

.btn-badgy i .icon {
    font-size: 24px
}

.btn[data-cta] span,
.prq-item-sel label[data-cta] span {
    visibility: hidden
}

.btn[data-cta]::before,
.prq-item-sel label[data-cta]::before,
.btn[data-cta]::after,
.prq-item-sel label[data-cta]::after {
    position: absolute;
    left: 50%;
    transition: all 0.222s cubic-bezier(0.215, 0.61, 0.355, 1) 0s
}

@media(prefers-reduced-motion:reduce) {

    .btn[data-cta]::before,
    .prq-item-sel label[data-cta]::before,
    .btn[data-cta]::after,
    .prq-item-sel label[data-cta]::after {
        transition: none
    }
}

.btn[data-cta]::before,
.prq-item-sel label[data-cta]::before {
    content: attr(title);
    top: 50%;
    transform: translate(-50%, -50%)
}

.btn[data-cta]::after,
.prq-item-sel label[data-cta]::after {
    content: attr(data-cta);
    bottom: 0;
    transform: translate(-50%, 100%)
}

.pdp-product-added .btn-add-to-cart::before {
    top: 0;
    transform: translate(-50%, -100%)
}

.pdp-product-added .btn-add-to-cart::after {
    bottom: 50%;
    transform: translate(-50%, 50%)
}

.input {
    position: relative;
    display: inline-block
}

.textbox {
    width: 100%;
    padding-top: 15px
}

.textbox .wrp {
    display: block;
    position: relative
}

.textbox i {
    display: inline-block;
    position: absolute;
    top: -1px
}

.textbox input {
    height: 30px;
    line-height: 30px;
    width: 100%;
    border: 1px solid transparent;
    border-bottom-color: rgba(129, 129, 155, 0.2);
    border-radius: 0;
    padding: 0;
    background: none;
    outline: none;
    color: #29335C;
    background-color: transparent
}

.textbox input:disabled {
    opacity: .7
}

.textbox label {
    margin: 0;
    color: #81819B;
    position: absolute;
    top: 15px;
    left: 0;
    pointer-events: none
}

.textbox .input-icon-r input {
    padding-right: 44px
}

.textbox .input-icon-r i {
    right: 0
}

.textbox .input-icon-l input {
    padding-left: 44px
}

.textbox .input-icon-l i {
    left: 0
}

.textbox.input-active label {
    font-size: .6875rem;
    line-height: 1.63636;
    top: 0
}

.textarea {
    width: 100%
}

.textarea textarea {
    height: 109px;
    width: 100%;
    border: 1px solid transparent;
    border-bottom-color: rgba(129, 129, 155, 0.2);
    padding: 0;
    background: none;
    outline: none;
    color: #29335C
}

.textarea label {
    font-size: .75rem;
    line-height: 1.5;
    margin: 0;
    color: #81819B
}

.textarea.textarea-type2 textarea {
    border: none;
    border-radius: 10px;
    padding: 10px 15px;
    background-color: #fff
}

.form-row+.form-row {
    margin-top: 20px
}

.form-row-info {
    font-size: .75rem;
    line-height: 1.5;
    margin-top: 10px
}

.form-row-error {
    color: red;
    margin-top: 10px
}

.form-row.gap-lg {
    margin-top: 35px
}

.form-button {
    margin-top: 25px
}

.form-error-msg {
    color: red
}

.form-result {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center
}

.form-result::before {
    content: "";
    width: 80px;
    height: 80px;
    margin: 40px 0
}

.form .col-6:first-child {
    padding-right: 15px
}

.form .col-6:last-child {
    padding-left: 15px
}

.form .help {
    position: relative
}

.form .btn-help {
    position: absolute;
    top: 15px;
    right: 0
}

.form .recaptcha {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.form .recaptcha-media {
    flex: 0 0 54px
}

.frc-title {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500
}

.frc-desc {
    margin-top: 8px
}

.frc-button {
    margin-top: 30px
}

.textbox input.form-error,
.form-error .textbox input,
textarea.form-error,
.form-error textarea {
    border-bottom-color: red
}

.checkbox input,
.radio input {
    width: 18px;
    height: 18px;
    position: absolute;
    opacity: 0;
    z-index: 2;
    top: 2px;
    left: 0;
    cursor: pointer
}

.checkbox label,
.radio label {
    display: inline-block;
    padding: 0 0 0 28px;
    margin: 0;
    min-height: 18px;
    cursor: pointer;
    font-size: .75rem;
    line-height: 1.5
}

.checkbox label::before,
.radio label::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    transition: all 0.111s linear 0s
}

@media(prefers-reduced-motion:reduce) {

    .checkbox label::before,
    .radio label::before {
        transition: none
    }
}

.checkbox label::after,
.radio label::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    opacity: 0;
    transition: all 0.111s linear 0s
}

@media(prefers-reduced-motion:reduce) {

    .checkbox label::after,
    .radio label::after {
        transition: none
    }
}

.checkbox input:checked+label::before,
.radio input:checked+label::before {
    opacity: 0
}

.checkbox input:checked+label::after,
.radio input:checked+label::after {
    opacity: 1
}

.checkbox label::before {
    width: 18px;
    height: 18px
}

.checkbox label::after {
    width: 18px;
    height: 18px
}

.radio label::before {
    width: 18px;
    height: 18px
}

.radio label::after {
    width: 18px;
    height: 18px
}

.switch input {
    width: 42px;
    height: 26px;
    position: absolute;
    opacity: 0;
    z-index: 1;
    top: 0;
    left: 0;
    cursor: pointer
}

.switch label {
    display: inline-block;
    padding: 0 0 0 52px;
    margin: 0;
    min-height: 26px;
    cursor: pointer
}

.switch label::before {
    content: "";
    display: inline-block;
    background-color: #ECECF4;
    width: 42px;
    height: 26px;
    border: 1px solid rgba(129, 129, 155, 0.2);
    border-radius: 26px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.111s linear 0s
}

@media(prefers-reduced-motion:reduce) {
    .switch label::before {
        transition: none
    }
}

.switch label::after {
    content: "";
    display: inline-block;
    background: #81819B;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 18px;
    transition: all 0.111s linear 0s
}

@media(prefers-reduced-motion:reduce) {
    .switch label::after {
        transition: none
    }
}

.switch input:checked+label::before {
    background: #29335C
}

.switch input:checked+label::after {
    background: #fff;
    left: 20px
}

.toggle input {
    width: 100%;
    height: 28px;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    cursor: pointer
}

.toggle label {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 16px;
    margin: 0;
    cursor: pointer;
    border: 1px solid rgba(129, 129, 155, 0.2);
    border-radius: 28px;
    background-color: rgba(0, 0, 0, 0);
    color: #29335C
}

.toggle input:checked+label {
    color: #fff;
    background-color: #3A0CA3;
    border-color: rgba(0, 0, 0, 0)
}

.select {
    width: 100%
}

.select label {
    font-size: .75rem;
    line-height: 1.5;
    margin: 0;
    color: #81819B
}

.select .wrp {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 42px
}

.select .wrp::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    top: calc(50% - 12px);
    z-index: 1;
    pointer-events: none
}

.select select {
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    background: none;
    height: 100%;
    width: 100%;
    border: 1px solid transparent;
    border-bottom-color: rgba(129, 129, 155, 0.2);
    padding: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    color: #29335C
}

.select select::-ms-expand {
    display: none
}

.select.select-type2 .wrp::after {
    right: 20px
}

.select.select-type2 select {
    border-color: rgba(129, 129, 155, 0.2);
    border-radius: 50px;
    padding: 0 25px;
    color: #29335C;
    font-size: 1rem;
    line-height: 1.5
}

.prc-first {
    text-decoration: line-through
}

.prc-last {
    font-weight: 700
}

.table table {
    width: 100%
}

.table th,
.table td {
    padding: 10px
}

.table thead th {
    font-weight: 500
}

.breadcrumb {
    display: flex;
    width: 100%;
    height: 38px;
    align-items: center
}

.breadcrumb li+li {
    margin-left: 3px
}

.breadcrumb li+li::before {
    content: "•";
    display: inline-block;
    margin-right: 3px
}

.breadcrumb li:last-child span {
    color: #81819B
}

.breadcrumb li:last-child::before {
    color: #81819B
}

.acc-header>button {
    display: flex;
    min-height: 24px;
    padding: 9px 40px 9px 0;
    width: 100%;
    position: relative
}

.acc-header>button::after {
    content: "";
    position: absolute;
    top: calc(50% - 12px);
    right: 0
}

.acc-body {
    display: none
}

.accordion {
    padding: 0;
    margin: 0;
    list-style: none
}

.accordion .active>.acc-header>button {
    font-weight: 700
}

.accordion .active>.acc-body {
    display: block
}

.slb {
    display: flex;
    align-items: center;
    width: 100%;
    height: 42px;
    border: 1px solid rgba(129, 129, 155, 0.2);
    border-radius: 50px;
    padding: 0 50px 0 25px;
    position: relative
}

.slb::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px
}

.slb span {
    display: block;
    margin-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    color: #81819B
}

.slb.selected {
    padding: 20px 50px 20px 20px;
    border-radius: 10px;
    height: auto;
    align-items: flex-start
}

.slb.selected::after {
    top: 15px
}

.nav {
    flex-wrap: nowrap;
    text-align: center;
    width: 100%;
    position: relative
}

.nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.nav-tabs .nav-link {
    padding-bottom: 7px;
    border-bottom: 1px solid rgba(129, 129, 155, 0.2)
}

.nav-pills .nav-link {
    padding: 3px 16px;
    color: #81819B;
    border: 1px solid rgba(129, 129, 155, 0.2)
}

.nav-pills .nav-link+.nav-link {
    margin-left: 5px
}

.scroller {
    border-radius: 10px;
    background-color: #ECECF4;
    padding: 10px 20px;
    position: relative
}

.scroller::after {
    content: "";
    width: calc(100% - 40px);
    height: 25%;
    position: absolute;
    bottom: 0;
    left: 20px;
    background: linear-gradient(to bottom, rgba(236, 236, 244, 0) 0%, #ECECF4 93.94%)
}

.scroller-inner {
    padding: 20px 35px 20px 0;
    height: 170px;
    overflow-y: auto
}

.scroller-inner::-webkit-scrollbar {
    width: 4px
}

.scroller-inner::-webkit-scrollbar-thumb {
    background: #29335C;
    border-radius: 20px
}

.scroller-inner::-webkit-scrollbar-thumb:hover {
    background: #29335C
}

.scroller-inner::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 20px
}

.page-heading {
    max-width: 700px
}

.page-title {
    font-weight: 500
}

.page-desc {
    color: #81819B
}

.otp-countdown {
    position: relative;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px auto
}

.otp-time {
    color: #3A0CA3;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    display: flex;
    align-items: center
}

.otp-time span {
    display: block;
    width: 23px
}

.otp-time span:first-child {
    text-align: right
}

.otp-time span:last-child {
    text-align: left
}

.otp-time i {
    font-style: normal;
    animation: blink-animation 1s steps(5, start) infinite;
    padding: 0 2px
}

.otp-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: rotateZ(-90deg)
}

.otp-svg circle {
    stroke-dasharray: 251px;
    stroke-dashoffset: 0px;
    stroke-linecap: butt;
    fill: none;
    stroke-width: 5px
}

.otp-rear {
    stroke: #ECECF4
}

.otp-front {
    stroke: #3A0CA3
}

.otp[data-time-remain="0"] .otp-front {
    display: none
}

.otp-completed .otp-time i {
    animation: none
}

.pht-content::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    pointer-events: none
}

.pht-title {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 12px
}

.pht-content {
    color: #81819B;
    margin-bottom: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: 88px;
    position: relative
}

.pht-more {
    display: inline-flex;
    align-items: center;
    border-bottom-color: transparent
}

.pht-more span {
    border-bottom: 1px solid #29335C
}

.pht-more span:first-child {
    display: inline-block
}

.pht-more::after {
    content: ""
}

.pht-more:hover span {
    border-bottom-color: transparent
}

.pht-less {
    display: none
}

.pht-more-ready .pht-content {
    overflow: visible;
    height: auto;
    display: block;
    -webkit-line-clamp: unset
}

.pht-more-ready .pht-content::after {
    display: none
}

.pht-more-ready .pht-more::after {
    transform: rotate(-180deg)
}

.pht-more-ready .pht-more span:first-child {
    display: none
}

.pht-more-ready .pht-less {
    display: inline-block
}

.seobox {
    max-width: 700px;
    margin-top: 50px
}

.rs-holder {
    height: 80px;
    padding: 60px 30px 0
}

.pdp-starcard,
.pdp-infobox {
    padding: 20px;
    background-color: #FAF0F4;
    border-radius: 10px
}

.dropdown-toggle {
    border: 1px solid rgba(129, 129, 155, 0.2);
    border-radius: 50px;
    display: flex;
    height: 42px;
    align-items: center;
    padding: 0 10px 0 25px
}

.dropdown-toggle::after {
    border: none !important;
    margin: 0 0 0 auto !important;
    padding: 0
}

.dropdown-toggle .label {
    font-weight: 700;
    padding-right: 3px
}

.dropdown.show .dropdown-toggle::after {
    transform: rotate(180deg)
}

.color-dropdown .dropdown-toggle {
    padding-left: 15px
}

.color-dropdown .dropdown-toggle .choice {
    display: inline-flex;
    align-items: center;
    font-size: .875rem;
    line-height: 1.57143
}

.color-dropdown .dropdown-toggle .choice i {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    margin-right: 10px
}

.color-dropdown .dropdown-menu {
    flex-wrap: wrap;
    padding: 10px 10px 5px
}

.color-dropdown .dropdown-item {
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    padding: 2px;
    border-radius: 100%;
    margin: 0 5px 5px 0
}

.color-dropdown .dropdown-item span {
    display: none
}

.color-dropdown .dropdown-item i {
    display: block;
    height: 100%;
    border-radius: 100%
}

.color-dropdown .dropdown-item.selected {
    border-color: #000
}

.color-dropdown.show .dropdown-menu {
    display: flex
}

.size-dropdown .dropdown-menu {
    flex-wrap: wrap;
    padding: 10px 6px 5px
}

.size-dropdown .dropdown-item {
    width: 44px;
    height: 44px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #ECECF4;
    border: 1px solid #ECECF4;
    font-weight: 500;
    position: relative;
    padding: 0;
    border-radius: 100%;
    margin: 0 5px 5px 0
}

.size-dropdown .dropdown-item span {
    display: none
}

.size-dropdown .dropdown-item i {
    display: block;
    height: 100%;
    border-radius: 100%
}

.size-dropdown .dropdown-item.selected {
    background-color: #FA5373;
    color: #fff
}

.size-dropdown .dropdown-item.no-stock {
    background-color: transparent;
    color: #81819B
}

.size-dropdown .dropdown-item.no-stock::after {
    content: "";
    display: block;
    width: 50%;
    height: 1px;
    background-color: #81819B;
    transform: rotate(-45deg);
    position: absolute;
    top: calc(50% - 2px);
    left: 25%
}

.size-dropdown .dropdown-item.no-stock.selected {
    border-color: #FA5373
}

.size-dropdown .dropdown-item.low-stock::after {
    content: "!";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 16px;
    height: 16px;
    background-color: #3A0CA3;
    color: #fff;
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: 0;
    font-size: .6875rem;
    line-height: 1.63636;
    font-weight: 500
}

.size-dropdown.show .dropdown-menu {
    display: flex
}

.steps {
    display: flex;
    align-items: center
}

.steps-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-weight: 700;
    background-color: #ECECF4;
    border-radius: 100%;
    overflow: hidden
}

.steps-item+.steps-item {
    margin-left: 10px
}

.steps-current {
    background-color: #FA5373;
    color: #fff
}

.steps-completed {
    background-color: transparent;
    text-indent: -9999px
}

.alert-dismissible {
    padding-right: 60px
}

.alert-dismissible .close {
    top: 20px;
    right: 20px
}

.rrc {
    display: flex;
    align-items: flex-start
}

.rrc-media {
    flex: 0 0 24px;
    margin-right: 10px
}

.rrc-body b {
    display: block
}

.rrc-body span {
    font-size: .75rem;
    line-height: 1.5;
    color: #81819B
}

.rrc-text {
    margin-top: 8px
}

.rrc-text p {
    margin: 5px 0 0
}

.page-cover {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.page-cover-media {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    z-index: 1
}

.page-cover-media img {
    -o-object-fit: cover;
    object-fit: cover
}

.page-cover-media::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #29335C;
    opacity: .2
}

.page-cover-body {
    position: relative;
    z-index: 2;
    color: #fff;
    text-align: center
}

.page-cover-title {
    font-size: 2rem;
    line-height: 1.1875;
    font-weight: 700
}

.page-cover-info {
    font-weight: 500;
    margin-bottom: 8px
}

.progress {
    position: relative;
    display: flex;
    align-items: flex-start;
    height: 100px;
    padding: 0 10px
}

.progress::before {
    content: "";
    display: block;
    width: calc(100% - 20px);
    height: 4px;
    background-color: #ECECF4;
    position: absolute;
    top: 8px;
    left: 10px
}

.prg-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 20px;
    position: relative
}

.prg-step::after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #ECECF4;
    z-index: 2
}

.prg-step::before {
    width: 100%;
    height: 4px;
    background-color: #FA5373;
    position: absolute;
    top: 8px;
    left: 0;
    z-index: 1
}

.prg-step i {
    display: block;
    font-style: normal;
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translate(-50%, 100%);
    text-align: center
}

.prg-step span {
    font-size: .75rem;
    line-height: 1.5
}

.prg-step small {
    display: block;
    margin-top: 5px;
    color: #81819B;
    font-size: .75rem;
    line-height: 1.5
}

.prg-step:first-child {
    flex: .5;
    justify-content: flex-start
}

.prg-step:first-child::after {
    transform: translateX(-50%)
}

.prg-step:first-child i {
    left: 0
}

.prg-step:last-child {
    flex: .5;
    justify-content: flex-end
}

.prg-step:last-child::after {
    transform: translateX(50%)
}

.prg-step:last-child i {
    left: auto;
    right: 0;
    transform: translate(50%, 100%)
}

.prg-current::after {
    width: 20px;
    height: 20px;
    border: 5px solid #FA5373;
    background-color: #fff
}

.prg-current::before {
    content: ""
}

.prg-current+.prg-step::after {
    width: 20px;
    height: 20px;
    background-color: #81819B
}

.prg-completed::after {
    width: 20px;
    height: 20px;
    background-color: #FA5373
}

.prg-completed::before {
    content: ""
}

.modal {
    padding: 0 !important
}

.modal-dialog {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 100%
}

.modal-header {
    align-items: center;
    justify-content: flex-start
}

.modal-header-right {
    margin-left: auto;
    flex: none;
    display: flex;
    align-items: center
}

.modal-header-right .close-modal {
    display: inline-block;
    margin-left: 10px
}

.modal-footer {
    justify-content: center
}

.modal-primary .modal-content {
    background-color: #FA5373;
    color: #fff;
    text-align: center
}

#modal-filters .modal-footer,
#modal-sort-by .modal-footer {
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px;
    background-color: #ECECF4
}

#filters .fg-item:first-child {
    border-top: none
}

.fg-item {
    border-top: 1px solid rgba(129, 129, 155, 0.2)
}

.fg-header button {
    font-weight: 700
}

.fg-header button::after {
    right: 20px
}

.fg-body {
    padding: 10px 20px 25px
}

.fg-options .input {
    margin: 0 3px 15px 0
}

.fg-more {
    margin-top: 10px;
    display: none
}

.fg-more button {
    display: inline-flex;
    align-items: center
}

.fg-more button::after {
    content: ""
}

.fg-less .fg-options {
    height: 85px;
    overflow: hidden
}

.fg-less .fg-more {
    display: block
}

.modal-notify-result .modal-body {
    display: flex;
    align-items: center
}

.nrb::before {
    content: "";
    height: 100px;
    width: 100px;
    margin-bottom: 20px
}

.nrb-title {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 30px
}

.nrb-info {
    margin-bottom: 30px
}

.nrb-desc {
    font-size: .75rem;
    line-height: 1.5
}

.nrb-button {
    margin-top: 30px
}

.nrb-button .btn,
.nrb-button .prq-item-sel label,
.prq-item-sel .nrb-button label {
    width: 100%
}

#modal-mini-cart .modal-title {
    margin-right: 10px
}

#modal-mini-cart .modal-footer {
    justify-content: space-between;
    padding: 20px 30px 20px 20px;
    background-color: #ECECF4
}

.mmc-qty {
    color: #81819B;
    font-size: .75rem;
    line-height: 1.5
}

.mmc-sum {
    width: 40%;
    margin: 0
}

.mmc-sum span {
    display: block;
    font-size: .75rem;
    line-height: 1.5
}

.mmc-sum b {
    font-size: 1rem;
    line-height: 1.5
}

.mmc-cta {
    width: 60%;
    margin: 0
}

.mmc-cta .btn,
.mmc-cta .prq-item-sel label,
.prq-item-sel .mmc-cta label {
    width: 100%
}

.mmc-products {
    margin-top: 10px
}

.mmc-row {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(129, 129, 155, 0.2)
}

.mmc-empty {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.mmc-empty-icon {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-color: #FAF0F4;
    margin-bottom: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.mmc-empty-icon .icon {
    font-size: 48px
}

.mmc-empty-info {
    font-size: 1rem;
    line-height: 1.5
}

.mmc-empty-button {
    margin-top: 30px
}

#modal-size-chart .modal-body {
    padding: 0
}

.msc-media {
    margin-bottom: 30px
}

.msc-media .responsive::before {
    padding-top: 127.90698%
}

.msc-info {
    color: #81819B;
    margin-bottom: 10px;
    padding: 0 20px
}

#size-shart .acc-header {
    padding: 0 20px
}

#size-shart .acc-body {
    padding-bottom: 30px
}

#size-shart .table td,
#size-shart .table th {
    padding: 10px 5px;
    text-align: center
}

#size-shart .table thead th {
    background-color: #ECECF4
}

#size-shart .table thead th:first-child {
    padding-left: 20px
}

#size-shart .table thead th:last-child {
    padding-right: 20px
}

#size-shart .table tbody tr:nth-child(2n) {
    background-color: #ECECF4
}

#size-shart .table tbody td:first-child {
    padding-left: 20px
}

#size-shart .table tbody td:last-child {
    padding-right: 20px
}

.asl {
    position: relative
}

.asl .radio label {
    font-size: .875rem;
    line-height: 1.57143
}

.asl-edit {
    position: absolute;
    top: 0;
    right: 0
}

.asl+.asl {
    margin-top: 20px
}

.asl-new {
    margin-top: 25px
}

.asl-new .btn,
.asl-new .prq-item-sel label,
.prq-item-sel .asl-new label {
    width: 100%
}

#new-address .btn,
#new-address .prq-item-sel label,
.prq-item-sel #new-address label,
#edit-address .btn,
#edit-address .prq-item-sel label,
.prq-item-sel #edit-address label {
    width: 100%
}

#edit-address .form-button .col-12:first-child {
    margin-bottom: 15px
}

#modal-product-review .nrb {
    display: none;
    max-width: 305px;
    margin: 100px auto 0
}

#modal-product-review .nrb::before {
    width: 80px;
    height: 80px
}

#modal-product-review .modal-notify-result .modal-body {
    align-items: flex-start
}

#modal-product-review .modal-notify-result .prq {
    display: none
}

#modal-product-review .modal-notify-result .nrb {
    display: block
}

.prq-item {
    border-bottom: 1px solid rgba(129, 129, 155, 0.2);
    padding-bottom: 30px
}

.prq-item-qs {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 15px
}

.prq-item-as {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 15px
}

.prq-item+.prq-item {
    margin-top: 30px
}

.prq-item-sel label {
    z-index: 2;
    width: 100%
}

.prq-item-sel input {
    opacity: 0;
    position: absolute;
    z-index: 1
}

.prq-item-sel input:checked+label {
    background-color: #FA5373;
    color: #fff;
    border-color: transparent
}

.prq-rate {
    margin-top: 40px
}

.prq-rating {
    float: left
}

.prq-rating input {
    display: inline-block;
    width: 38px;
    height: 38px;
    padding: 0;
    margin: 0;
    display: none
}

.prq-rating label {
    float: right;
    width: 38px;
    height: 38px;
    margin: 0;
    cursor: pointer
}

.prq-comment {
    margin-top: 25px
}

.prq-comment textarea {
    background-color: #ECECF4;
    padding: 30px 25px;
    border-radius: 20px;
    border: none;
    height: 200px
}

.prq-confirm {
    margin-top: 25px
}

.prq-confirm .link-inline {
    display: inline
}

.prq-submit {
    margin-top: 25px
}

.prq-submit .btn,
.prq-submit .prq-item-sel label,
.prq-item-sel .prq-submit label {
    width: 100%
}

.ssa {
    margin-top: 10px
}

.ssa-desc {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 20px;
    max-width: 275px
}

.ssa-media {
    width: 173px;
    margin-bottom: 20px
}

.ssa-media .responsive::before {
    padding-top: 62.42775%
}

.ssa-form .btn,
.ssa-form .prq-item-sel label,
.prq-item-sel .ssa-form label {
    width: 100%
}

.lcm-desc {
    margin-bottom: 20px
}

.lcm-selection+.lcm-selection {
    margin-top: 10px
}

.lcm-button {
    flex: 1
}

.lcm-button .btn,
.lcm-button .prq-item-sel label,
.prq-item-sel .lcm-button label {
    width: 100%
}

#modal-newsletter-subscription .form-info {
    margin-bottom: 15px
}

#modal-newsletter-subscription .form-button .col-12:first-child {
    margin-bottom: 20px
}

.mnp {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9;
    width: 100%;
    max-width: 285px;
    padding: 20px;
    border-radius: 20px;
    background: #fff;
    transform: translate(-50%, -50%);
    transition: all .2s ease;
    overflow: hidden;
    display: none
}

.mnp-title {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 700
}

.mnp-close {
    position: absolute;
    top: 20px;
    right: 15px
}

.mnp-body {
    margin-top: 10px
}

.mnp-button .btn,
.mnp-button .prq-item-sel label,
.prq-item-sel .mnp-button label {
    width: 100%
}

.mnp-button-2x {
    display: grid;
    grid-template-columns: auto auto;
    gap: 15px
}

.mnp-ready {
    overflow: hidden
}

.mnp-ready #overlay {
    z-index: 8;
    display: block
}

.mnp.activated {
    display: block
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3
}

.header-inner {
    display: flex;
    align-items: center;
    background-color: #fff
}

.hdr-left {
    display: flex;
    align-items: center
}

.hdr-left .logo {
    display: block
}

.hdr-search {
    flex: 1
}

.hdr-right {
    display: flex;
    align-items: center
}

.hdr-right a {
    display: inline-block
}

.hdr-right .btn-cart {
    font-size: 0
}

.hdr-right .btn-cart .icon {
    background-color: #fff;
    transition: opacity 0.222s linear 0s
}

@media(prefers-reduced-motion:reduce) {
    .hdr-right .btn-cart .icon {
        transition: none
    }
}

#searchbox {
    position: relative;
    width: 100%
}

#searchbox form {
    width: 100%
}

#searchbox input {
    width: 100%;
    border: none
}

#searchbox button {
    position: absolute;
    top: calc(50% - 12px);
    font-size: 0
}

#search-layer {
    overflow: auto
}

.ssl-block+.ssl-block {
    margin-top: 35px
}

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

.ssl-title {
    font-size: 1.25rem;
    line-height: 1.4
}

.ssl-items {
    margin-top: 20px
}

.ssl-item {
    display: inline-flex;
    align-items: center;
    padding: 0 15px;
    border-radius: 35px;
    height: 28px;
    border: 1px solid rgba(129, 129, 155, 0.2);
    margin-bottom: 5px
}

.ssl-item+.ssl-item {
    margin-left: 5px
}

.ssl-result {
    display: none
}

.ssl-result-ready .ssl-result {
    display: block
}

.ssl-result-ready .ssl-default {
    display: none
}

.ssl-result-ready #search .btn-clear {
    opacity: 1
}

.search-layer-ready {
    overflow: hidden
}

#main-menu {
    display: none;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 4
}

.mmn {
    position: relative
}

.mmn-close {
    position: absolute
}

.mmn-lv1-link {
    display: flex;
    align-items: center
}

.mmn-lv1-link figure {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 15px
}

.mmn-lv1-link span {
    font-weight: 500
}

.mmn-lv1-link::after {
    margin-left: auto
}

.mmn-lv1+.mmn-lv1 {
    margin-top: 15px
}

.mmn-lv2-link {
    display: inline-flex;
    align-items: center;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid rgba(129, 129, 155, 0.2)
}

.mmn-lv2.sub .mmn-lv2-link::after {
    content: "";
    margin-left: auto
}

.mmn-lv3-link {
    display: inline-flex;
    align-items: center;
    width: 100%;
    padding: 10px 0
}

.mmn-lv3-link::after {
    content: "";
    margin-left: auto;
    transform: rotate(-90deg)
}

.mmn-subs {
    display: none
}

.mmn-offer i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #FA5373;
    border-radius: 100%;
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 700;
    font-style: normal;
    margin-right: 15px
}

.mmn-menu2 {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid rgba(129, 129, 155, 0.2)
}

.mmn-active>.mmn-link span {
    font-weight: 700
}

.mmn-active>.mmn-subs {
    display: block
}

.main-menu-ready {
    overflow: hidden
}

.main-menu-ready #main-menu {
    display: flex;
    animation: toRight .2s ease forwards
}

.main-menu-ready #overlay {
    display: block
}

#top-stripe {
    background-color: #FA5373;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #fff;
    font-size: .75rem;
    line-height: 1.5;
    font-weight: 500
}

#langbox {
    width: 100%;
    background-color: #29335C;
    color: #fff;
    display: none
}

#langbox .wrp select {
    color: #fff
}

#langbox .wrp option {
    color: #29335C
}

#langbox .btn,
#langbox .prq-item-sel label,
.prq-item-sel #langbox label {
    width: 100%
}

.lcs-desc {
    font-size: .75rem;
    line-height: 1.5
}

.langbox-ready #langbox {
    display: flex
}

.ftr-block3 {
    display: flex
}

.ftr-pay {
    display: flex
}

.ftr-pay figure {
    display: inline-flex;
    align-items: center
}

.ftr-pay .mastercard {
    width: 36px
}

.ftr-pay .visa {
    width: 30px;
    margin-left: 25px
}

.ftr-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background-color: #ECECF4
}

.ftr-social a+a {
    margin-left: 9px
}

#newsletter {
    max-width: 420px
}

.nwt-title {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.4
}

.nwt-desc {
    color: #81819B;
    margin-bottom: 10px
}

.nwt-form {
    max-width: 335px
}

.nwt-form .form-row {
    position: relative
}

.nwt-form button {
    position: absolute;
    right: 0;
    top: 15px
}

.nwt-form input {
    padding-right: 55px
}

.fhp-title {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.4;
    margin-bottom: 20px
}

.fhp-row-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px
}

.fhp-row-title {
    font-weight: 500
}

.fhp-row-status {
    display: inline-flex;
    align-items: center
}

.fhp-row-status::after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 100%;
    margin-left: 10px;
    background-color: #86EC36
}

.fhp-row-status.offline::after {
    background-color: red
}

.fhp-row-info {
    font-size: .75rem;
    line-height: 1.5
}

.fhp-track {
    margin-top: 20px
}

.fhp-track .btn,
.fhp-track .prq-item-sel label,
.prq-item-sel .fhp-track label {
    width: 100%
}

.fmn-head {
    font-weight: 500
}

.fmn-body li {
    margin-bottom: 5px
}

.fmn-body .link {
    color: #81819B
}

.shopping-features {
    display: grid
}

.sfi {
    text-align: center
}

.sfi-icon {
    margin-bottom: 20px
}

.prd-tags i,
.pdp-tags i {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 8px;
    background-color: rgba(255, 255, 255, 0.7);
    font-style: normal;
    font-size: .6875rem;
    line-height: 1.63636;
    border-radius: 15px
}

.prd {
    max-width: 275px;
    position: relative
}

.prd-fav {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3
}

.prd-link {
    display: block
}

.prd-block1 {
    position: relative
}

.prd-media {
    overflow: hidden
}

.prd-media .responsive::after {
    content: ""
}

.prd-media .responsive::before {
    padding-top: 149.81818%
}

.prd-tags {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 2
}

.prd-tags i+i {
    margin-left: 6px
}

.prd-title {
    margin-bottom: 5px
}

.prd-block3 {
    display: flex;
    align-items: center
}

.prd-price .prc-first {
    margin-right: 5px
}

.prd-offer {
    margin-left: 7px;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.prd-colors {
    margin-top: 7px;
    display: flex;
    align-items: center
}

.prd-colors i {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 100%
}

.prd-colors i+i {
    margin-left: 5px
}

.prd-colors span {
    font-size: .75rem;
    line-height: 1.5;
    margin-left: 5px
}

.prd-spec {
    margin-top: 9px;
    font-size: .75rem;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.prd-discount {
    margin-top: 5px;
    color: #FA5373;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.prd-multi {
    max-width: 560px
}

.prd-multi .prd-media {
    display: flex
}

.prd-multi .prd-media .responsive::before {
    padding-top: 147.14286%
}

.prd-multi .prd-media .responsive {
    flex: 1
}

.prd-sizes {
    margin-bottom: 10px
}

.prd-sizes .dropdown-toggle {
    width: 100%
}

.feed {
    max-width: 275px
}

.feed-link {
    display: block
}

.feed-media {
    overflow: hidden
}

.feed-media .responsive::after {
    content: ""
}

.feed-media .responsive::before {
    padding-top: 149.81818%
}

.feed-media img {
    transition: all 0.666s cubic-bezier(0.215, 0.61, 0.355, 1) 0s
}

@media(prefers-reduced-motion:reduce) {
    .feed-media img {
        transition: none
    }
}

.feed-block1 {
    margin-top: 5px;
    display: flex;
    align-items: center
}

.feed-profile {
    margin-right: 10px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    border-radius: 100%
}

.feed-info {
    font-size: .75rem;
    line-height: 1.5
}

.feed-inline {
    position: relative
}

.feed-inline .feed-block1 {
    margin-top: 0;
    position: absolute;
    top: 0;
    color: #fff
}

.feed-inline .feed-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background-color: #fff;
    border-radius: 50px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    overflow: hidden;
    transition: all 0.222s linear 0s
}

@media(prefers-reduced-motion:reduce) {
    .feed-inline .feed-cta {
        transition: none
    }
}

.feed-inline .feed-cta::before {
    content: ""
}

.feed-inline .feed-cta span {
    font-weight: 500;
    color: #FA5373;
    display: none;
    white-space: nowrap
}

.prd-row {
    display: flex
}

.prd-row-media {
    flex: 0 0 70px;
    margin-right: 20px
}

.prd-row-media .responsive::before {
    padding-top: 150%
}

.prd-row-body {
    flex: 1;
    position: relative
}

.prd-row-body .btn-remove {
    position: absolute;
    top: 0;
    right: 0
}

.prd-row-title {
    padding-right: 35px
}

.prd-row-selections {
    color: #81819B;
    margin-top: 2px;
    padding-right: 35px
}

.prd-row-price {
    margin-top: 10px
}

.prd-row-price .prc-first {
    margin-right: 5px
}

.prd-row-sale {
    color: #FA5373
}

.prd-row-controls {
    display: flex;
    align-items: center;
    margin-top: 10px
}

.prd-row-qty {
    width: 112px;
    height: 42px;
    border-radius: 50px;
    border: 1px solid rgba(129, 129, 155, 0.2);
    display: flex;
    align-items: center;
    padding: 0 15px;
    margin-right: 20px
}

.prd-row-qty .qty-count {
    border: none;
    text-align: center;
    font-weight: 500;
    width: 34px;
    padding: 0
}

.prd-row-info {
    color: #FA5373
}

.banner {
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 100%
}

.banner .btn+.btn,
.banner .prq-item-sel label+.btn,
.prq-item-sel .banner label+.btn,
.banner .prq-item-sel .btn+label,
.prq-item-sel .banner .btn+label,
.banner .prq-item-sel label+label,
.prq-item-sel .banner label+label {
    margin-left: 15px
}

.bnr-media {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: auto;
    z-index: 1
}

.bnr-media figure {
    height: 100%
}

.bnr-media img {
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.bnr-media::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(41, 51, 92, 0.2)
}

.bnr-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.bnr-body {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.bnr-footer {
    margin-top: auto
}

.bnr-title {
    color: #fff
}

.bnr-desc {
    color: #fff
}

.bnr-left {
    text-align: left
}

.bnr-right {
    text-align: right
}

.bnr-static .bnr-media {
    position: relative;
    left: 0;
    transform: translateX(0);
    width: 100%
}

.bnr-static .bnr-media img {
    max-width: 100%;
    height: auto;
    width: 100%
}

.bnr-static .bnr-body {
    position: absolute;
    top: 0;
    left: 0
}

.bnr-type-1 {
    max-width: 375px;
    background-color: #FA5373
}

.bnr-type-1 .bnr-media {
    height: calc(100% - 200px)
}

.bnr-type-1 .bnr-body {
    height: 200px;
    align-items: flex-start;
    text-align: left
}

.bnr-type-1 .bnr-desc {
    font-family: "Gotham", "arial", "sans-serif";
    font-size: 1rem;
    line-height: 1.25
}

.bnr-type-1 .bnr-button {
    position: absolute;
    bottom: 0;
    transform: translateY(50%)
}

.bnr-type-2 {
    display: flex;
    max-width: 560px
}

.bnr-type-2 .bnr-body {
    height: 200px;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left
}

.bnr-type-2 .bnr-desc {
    font-family: "Gotham", "arial", "sans-serif";
    font-size: 1.5rem;
    line-height: 1.20833
}

.bnr-type-2 .bnr-title {
    font-family: "Gotham", "arial", "sans-serif";
    font-size: 1.75rem;
    line-height: 1.17857;
    font-weight: 700
}

.bnr-type-2 .bnr-button {
    position: absolute;
    bottom: 0;
    transform: translateY(50%)
}

.bnr-type-3 {
    max-width: 845px
}

.bnr-type-4 {
    max-width: 634px
}

.bnr-type-5 {
    text-align: center
}

.bnr-type-6 {
    background-color: #FA5373;
    color: #fff;
    text-align: left;
    padding: 30px
}

.bnr-type-6 .bnr-logo {
    left: 30px;
    top: 30px;
    transform: none
}

.bnr-type-6 .bnr-desc {
    font-size: .875rem;
    line-height: 1.57143;
    font-weight: 500;
    margin-bottom: 5px
}

.bnr-type-6 .bnr-title {
    font-weight: 700
}

.bnr-type-6 .bnr-body {
    align-items: flex-start
}

.bnr-type-6 .bnr-header {
    margin-top: auto
}

.bnr-hdr-1 .bnr-title {
    display: flex;
    align-items: center
}

.bnr-hdr-1 .bnr-block1 {
    font-family: "Gotham", "arial", "sans-serif";
    font-size: 5rem;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -5px
}

.bnr-hdr-1 .bnr-block1 i {
    font-family: "Gotham", "arial", "sans-serif";
    font-size: 3.75rem;
    line-height: 1.2;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal
}

.bnr-hdr-1 .bnr-block2 {
    margin-left: 5px;
    text-align: left
}

.bnr-hdr-1 .bnr-block3 {
    font-family: "Gotham", "arial", "sans-serif";
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 700
}

.bnr-hdr-1 .bnr-block4 {
    font-family: "Gotham", "arial", "sans-serif";
    font-size: 2.5rem;
    line-height: 1.25;
    font-weight: 700
}

.bnr-hdr-1 .bnr-desc {
    text-align: left
}

.bnr-hdr-2 .bnr-title {
    font-family: "Gotham", "arial", "sans-serif";
    font-size: 3rem;
    line-height: 1.22917;
    font-weight: 700
}

.bnr-bg-shape .bnr-body::before {
    content: "";
    display: block;
    width: 200px;
    height: 200px;
    background: url(../_ui/responsive/theme-penti/images/banner-shape.svg) no-repeat;
    position: absolute;
    top: 0;
    left: 0
}

.bnr-bg-1 {
    background-color: #36ECD8
}

.bnr-bg-2 {
    background-color: #3A3F44
}

.bnr-bg-3 {
    background-color: #3A0CA3
}

.bnr-bg-4 {
    background-color: #29335C
}

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

.psw-cta {
    font-size: 0
}

.psw-cta a {
    font-size: .875rem;
    line-height: 1.57143
}

.product-swiper .swiper-slide {
    height: auto
}

.product-swiper .prd {
    max-width: 280px;
    display: flex;
    flex-direction: column;
    height: 100%
}

.product-swiper .prd-footer {
    margin-top: auto
}

.product-swiper .prd-cta .btn,
.product-swiper .prd-cta .prq-item-sel label,
.prq-item-sel .product-swiper .prd-cta label {
    width: 100%
}

#main-slider .banner {
    height: 100%
}

#main-slider .bnr-media {
    top: 0;
    bottom: auto;
    width: 100%;
    height: auto
}

#main-slider .bnr-media img {
    width: 100%;
    height: auto
}

#category-menu {
    display: flex;
    margin-top: 30px
}

.cmi a {
    display: block
}

.cmi-media {
    border-radius: 100%;
    overflow: hidden;
    color: #FA5373;
    border: 2px solid currentColor
}

.cmi-title {
    text-align: center;
    margin-top: 15px;
    font-size: .75rem;
    line-height: 1.5;
    font-weight: 700
}

.cmi.cmi-sale .cmi-media {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: currentColor
}

.cmi.cmi-sale .cmi-media span {
    color: #fff;
    font-size: 1.75rem;
    line-height: 1.28571;
    font-weight: 700
}

.category-men .cmi-media {
    color: #3A3F44
}

.category-men .cmi-sale .cmi-media {
    background-color: transparent
}

.category-men .cmi-sale .cmi-media span {
    color: #3A3F44
}

.category-men .cmi-sale:hover .cmi-media {
    background-color: #3A3F44
}

.category-men .cmi-sale:hover .cmi-media span {
    color: #fff
}

.category-men #top-stripe {
    background-color: #3A3F44
}

.category-young .cmi-media {
    color: #36ECD8
}

.category-young .cmi-sale .cmi-media {
    background-color: transparent
}

.category-young .cmi-sale .cmi-media span {
    color: #36ECD8
}

.category-young .cmi-sale:hover .cmi-media {
    background-color: #36ECD8
}

.category-young .cmi-sale:hover .cmi-media span {
    color: #fff
}

.category-young #top-stripe {
    background-color: #36ECD8
}

.page-home .section-fsw {
    position: relative
}

.page-home .section-fsw::before {
    content: "";
    position: absolute;
    height: 85%;
    background-color: #FAF0F4;
    right: 0;
    top: 0
}

.products {
    display: flex;
    flex-wrap: wrap
}

.plp-banners .swiper-button-next,
.plp-banners .swiper-button-prev {
    display: none
}

.plp-banners .swiper-slide+.swiper-slide {
    margin-left: 10px
}

.plp-panel {
    display: flex;
    align-items: center
}

.plp-title {
    font-size: 1.5rem;
    line-height: 1.33333;
    font-weight: 500;
    margin: 0
}

.plp-info b {
    font-weight: 500;
    margin-right: 5px
}

.plp-actions ul {
    display: flex
}

.page-pdp #recommended-products {
    background-color: #FAF0F4;
    margin-top: 0
}

.pdp-gallery {
    position: relative
}

.pdp-gallery .swiper-button-next,
.pdp-gallery .swiper-button-prev {
    display: none
}

.pdp-gallery .swiper-slide .responsive::before {
    padding-top: 150%
}

.pdp-gallery .responsive::after {
    content: ""
}

.pdp-tags {
    position: absolute;
    z-index: 2
}

.pdp-tags i+i {
    margin-left: 6px
}

.pdp-title {
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500
}

.pdp-prices {
    margin-top: 10px
}

.pdp-prices span+span {
    margin-left: 5px
}

.pdp-prices span.pdp-sale {
    font-weight: 500
}

.pdp-rating .btn-goto-reviews {
    display: inline-flex;
    align-items: center
}

.pdp-rating .btn-goto-reviews::after {
    content: "";
    margin-left: 5px
}

.pdp-feature {
    margin-top: 10px;
    font-size: .75rem;
    line-height: 1.5
}

.pdp-promo {
    margin-top: 10px;
    color: #FA5373
}

.pdp-options {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(129, 129, 155, 0.2)
}

.pdp-options .dropdown-toggle {
    padding: 0;
    height: auto;
    border: none
}

.pdp-options .dropdown-toggle::after {
    display: none
}

.pdp-options .dropdown-menu {
    display: flex;
    position: static;
    border: none;
    float: none;
    margin: 0;
    padding: 0
}

.pdp-options .dropdown-item {
    border-radius: 100%;
    margin: 0 5px 5px 0
}

.pdp-colors .dropdown-toggle {
    pointer-events: none;
    margin-bottom: 10px
}

.pdp-colors .dropdown-toggle .choice i {
    display: none
}

.pdp-colors .dropdown-toggle .choice span {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500
}

.pdp-sizes {
    margin-top: 25px
}

.pdp-sizes .dropdown {
    margin-top: 15px
}

.pdp-sizes .dropdown-toggle {
    display: none
}

.pdp-sizes .btn-size-locator {
    margin-top: 15px;
    width: 100%
}

.pdp-cta {
    margin-top: 10px
}

.pdp-cta .btn,
.pdp-cta .prq-item-sel label,
.prq-item-sel .pdp-cta label {
    width: 100%
}

.pdp-cta .btn-stock-reminder {
    display: none
}

.pdp-info {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    font-size: .75rem;
    line-height: 1.5
}

.pdp-info .activity {
    display: inline-flex;
    align-items: center
}

.pdp-info .activity::before {
    content: "";
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 100%;
    background-color: #80D63D;
    margin-right: 10px
}

.pdp-starcard {
    margin-top: 15px
}

.pdp-starcard-info {
    margin-bottom: 15px;
    font-weight: 500
}

.pdp-starcard-info b {
    color: #FA5373
}

.pdp-starcard-point {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700
}

.pdp-starcard-point .val {
    display: inline-flex;
    align-items: center;
    color: #FA5373
}

.pdp-find-store {
    margin-top: 20px
}

.pdp-find-store .btn,
.pdp-find-store .prq-item-sel label,
.prq-item-sel .pdp-find-store label {
    width: 100%
}

.pdp-sale-reminder {
    margin-top: 20px;
    display: flex;
    align-items: center
}

.pdp-sale-reminder>label {
    flex: 1;
    cursor: pointer
}

.pdp-sale-reminder .input {
    font-size: 0
}

.pdp-sale-reminder .input label {
    padding-left: 42px
}

.pdp-description {
    margin-top: 35px
}

.pdp-description h5 {
    margin: 30px 0 10px;
    color: #29335C;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400
}

.pdp-description ul {
    padding-left: 15px;
    margin-bottom: 0
}

.pdp-description .carelist li {
    display: flex;
    align-items: center;
    color: #29335C
}

.pdp-description .carelist li+li {
    margin-top: 10px
}

.pdp-description .carelist li figure {
    margin-right: 10px;
    width: 24px
}

.pdp-details {
    margin-top: 30px
}

.pdp-details.accordion .acc-header button {
    font-weight: 500
}

.pdp-details.accordion .acc-body {
    padding-bottom: 20px
}

.pdp-details.accordion .active>.acc-header>button {
    font-weight: 500
}

.pdp-details.accordion .active>.acc-header>button::after {
    transform: rotate(180deg)
}

.pdp-details h5 {
    margin: 30px 0 10px;
    color: #29335C;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400
}

.pdp-details p {
    color: #81819B
}

.pdp-details ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    color: #81819B
}

.pdp-details li {
    margin-top: 20px
}

.pdp-details li::before {
    content: "•";
    margin-right: 3px
}

.pdp-infobox {
    margin-top: 10px
}

.pdp-infobox-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px
}

.pdp-infobox-header .free {
    color: #36AAEC
}

.pdp-infobox-body p {
    margin: 0;
    color: #81819B
}

.pdp-infobox-body p b {
    color: #29335C
}

.pdp-infobox-body p+p {
    margin-top: 5px
}

.pdp-no-stock .pdp-cta .btn-add-to-cart {
    display: none
}

.pdp-no-stock .pdp-cta .btn-stock-reminder {
    display: inline-flex
}

.pdp-product-added .header .btn-cart .icon {
    opacity: 0
}

.rvw-sum-stars .stars,
.rvw-item-rating {
    width: 120px;
    font-size: 0
}

.rvw-sum-stars .stars::after,
.rvw-item-rating::after {
    content: "";
    height: 100%;
    width: auto
}

.rvw-sum-stars .stars[data-rating="1"]::after,
.rvw-item-rating[data-rating="1"]::after {
    width: 20%
}

.rvw-sum-stars .stars[data-rating="2"]::after,
.rvw-item-rating[data-rating="2"]::after {
    width: 40%
}

.rvw-sum-stars .stars[data-rating="3"]::after,
.rvw-item-rating[data-rating="3"]::after {
    width: 60%
}

.rvw-sum-stars .stars[data-rating="4"]::after,
.rvw-item-rating[data-rating="4"]::after {
    width: 80%
}

.rvw-sum-stars .stars[data-rating="5"]::after,
.rvw-item-rating[data-rating="5"]::after {
    width: 100%
}

.rvw-sum {
    padding: 30px 20px;
    background-color: #FAF0F4;
    max-width: 375px
}

.rvw-sum-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px
}

.rvw-sum-rating .label {
    font-weight: 700
}

.rvw-sum-rating .val {
    color: #FA5373;
    display: inline-flex;
    align-items: flex-start
}

.rvw-sum-rating .val span {
    font-size: 1.5rem;
    line-height: 1.33333;
    font-weight: 700;
    margin-right: 2px
}

.rvw-sum-rating .val small {
    padding-top: 3px;
    font-size: .75rem;
    line-height: 1.5
}

.rvw-sum-stars .qty {
    text-align: right
}

.rvw-sum-line {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.rvw-sum-line+.rvw-sum-line {
    margin-top: 5px
}

.rvw-sum-label {
    width: 100px
}

.rvw-sum-bar {
    position: relative;
    width: 185px;
    height: 5px;
    background-color: rgba(129, 129, 155, 0.2);
    border-radius: 10px;
    overflow: hidden;
    font-size: 0
}

.rvw-sum-bar span {
    display: inline-block;
    position: absolute;
    height: 100%;
    background-color: #FA5373
}

.rvw-sum-percent {
    width: 50px;
    text-align: right
}

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

.rvw-order {
    width: 140px
}

.rvw-order select {
    border-bottom-color: transparent
}

.rvw-list-info {
    font-weight: 700;
    text-align: center
}

.rvw-list-more {
    text-align: center
}

.rvw-list-more .link-more,
.rvw-list-more .link-dir {
    font-weight: 500
}

.rvw-item-block {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.rvw-item-block+.rvw-item-block {
    margin-top: 10px;
    color: #81819B
}

.rvw-item-title {
    font-weight: 500
}

.rvw-item-comment {
    margin-top: 15px
}

.rvw-item-feedback p {
    margin-bottom: 15px
}

.rvw-item-buttons {
    display: flex
}

.rvw-item-buttons .btn,
.rvw-item-buttons .prq-item-sel label,
.prq-item-sel .rvw-item-buttons label {
    width: 100%;
    max-width: 160px
}

.rvw-item-buttons .btn+.btn,
.rvw-item-buttons .prq-item-sel label+.btn,
.prq-item-sel .rvw-item-buttons label+.btn,
.rvw-item-buttons .prq-item-sel .btn+label,
.prq-item-sel .rvw-item-buttons .btn+label,
.rvw-item-buttons .prq-item-sel label+label,
.prq-item-sel .rvw-item-buttons label+label {
    margin-left: 10px
}

.rvw-item-readmore {
    font-size: .75rem;
    line-height: 1.5
}

.rvw-item-full .rvw-item-comment {
    display: block;
    height: auto;
    overflow: visible
}

.rvw-item-full .rvw-item-readmore {
    display: none
}

.rvw-item+.rvw-item {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid rgba(129, 129, 155, 0.2)
}

.stl-media .responsive::after {
    content: ""
}

.stl-media .responsive::before {
    padding-top: 149.33333%
}

.stl-title {
    font-weight: 500;
    margin-bottom: 15px
}

.stl-block1 {
    display: flex;
    align-items: center
}

.stl-profile {
    width: 34px;
    height: 34px;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 10px
}

.stl-username {
    font-weight: 500
}

.stl-info {
    font-size: .75rem;
    line-height: 1.5
}

.stl-item {
    width: 100%;
    height: 100%;
    max-width: 335px
}

.stl-item .prd {
    max-width: 335px
}

.stl-item-options {
    display: flex;
    align-items: center
}

.stl-item-options .dropdown,
.stl-item-options .dropdown-toggle {
    width: 100%
}

.stl-item-sizes {
    width: calc(50% - 5px);
    margin-right: 5px
}

.stl-item-colors {
    width: calc(50% - 5px);
    margin-left: 5px
}

.stl-item-cta {
    margin-top: 10px
}

.stl-item-cta .btn,
.stl-item-cta .prq-item-sel label,
.prq-item-sel .stl-item-cta label {
    width: 100%
}

.stl-item-cta .btn-stock-reminder {
    display: none
}

.stl-item.stl-no-stock .stl-item-cta .btn-stock-reminder {
    display: inline-flex
}

.stl-item.stl-no-stock .stl-item-cta .btn-add-to-cart {
    display: none
}

.mam-controls {
    background-color: #FAF0F4
}

.mam-controls-title {
    font-weight: 500
}

.mam-controls-info {
    color: #81819B
}

.mam-controls .breadcrumb {
    padding: 0
}

.mam-model-list {
    display: flex;
    flex-wrap: wrap
}

.mam-model-list button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid transparent;
    opacity: .5
}

.mam-model-list button.active {
    border-color: #3A3F44;
    opacity: 1
}

.mam-prds-models .swiper-slide {
    width: 175px
}

.mam-prds-models .swiper-container {
    width: 335px;
    padding: 0 80px
}

.mam-prds-models .swiper-container::after,
.mam-prds-models .swiper-container::before {
    content: "";
    width: 80px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    z-index: 2
}

.mam-prds-models .swiper-container::before {
    left: 0
}

.mam-prds-models .swiper-container::after {
    right: 0
}

.mam-prds-models .swiper-button-next,
.mam-prds-models .swiper-button-prev {
    z-index: 3
}

.mam-prds-models .swiper-button-next {
    right: 0
}

.mam-prds-models .swiper-button-prev {
    left: 0
}

.mam-button .btn,
.mam-button .prq-item-sel label,
.prq-item-sel .mam-button label {
    width: 100%;
    max-width: 348px
}

.dnr {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column
}

.dnr-title {
    font-size: 1.5rem;
    line-height: 1.33333;
    font-weight: 500;
    margin-bottom: 15px
}

.dnr-desc {
    font-size: 1rem;
    line-height: 1.5
}

.msh-section {
    position: relative
}

.msh-section+.msh-section {
    margin-top: 30px;
    padding-top: 30px
}

.msh-section+.msh-section::before {
    content: "";
    position: absolute;
    top: 0;
    border-top: 1px solid rgba(129, 129, 155, 0.2)
}

.msh-title {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500
}

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

.msh-header-back {
    margin-right: 10px
}

.msh-desc {
    margin-bottom: 40px
}

.msh-info {
    color: #81819B;
    font-size: .75rem;
    line-height: 1.5;
    margin-bottom: 30px
}

.msh-info::before {
    content: "";
    width: 86px;
    height: 86px;
    margin: 20px auto 30px;
    display: block
}

.msh-form .link-inline {
    display: inline
}

.msh-form .recaptcha {
    padding-top: 15px;
    border-top: 1px solid rgba(129, 129, 155, 0.2)
}

.msh-sep {
    font-size: .75rem;
    line-height: 1.5;
    color: #81819B;
    margin: 20px 0;
    text-align: center
}

.msh-note {
    font-size: .75rem;
    line-height: 1.5;
    color: #81819B;
    margin-top: 10px
}

.msh-login .col-right {
    text-align: right
}

.msh-login .btn,
.msh-login .prq-item-sel label,
.prq-item-sel .msh-login label {
    width: 100%
}

.msh-login .msh-title {
    margin-bottom: 15px
}

.msh-register .btn,
.msh-register .prq-item-sel label,
.prq-item-sel .msh-register label,
.msh-fgpass .btn,
.msh-fgpass .prq-item-sel label,
.prq-item-sel .msh-fgpass label {
    width: 100%
}

.msh-fgpass .form-error-msg {
    margin-bottom: 40px
}

.msh-guest-form {
    display: none
}

.msh-guest-ready .msh-guest-cta {
    display: none
}

.msh-guest-ready .msh-guest-form {
    display: block
}

.page-reset-password-success .frc-button .btn,
.page-reset-password-success .frc-button .prq-item-sel label,
.prq-item-sel .page-reset-password-success .frc-button label {
    min-width: 160px
}

.member-userbox {
    display: flex;
    align-items: center
}

.member-userbox-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    flex: 0 0 60px;
    border-radius: 100%;
    overflow: hidden;
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 700;
    margin-right: 15px;
    color: #FA5373
}

.member-userbox-body {
    flex: 1
}

.member-userbox-name {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500
}

.member-userbox-logout {
    color: #DD2E44;
    font-size: .75rem;
    line-height: 1.5
}

.member-menu-item {
    color: #81819B
}

.member-menu-item.active {
    color: #FA5373
}

.member-title {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500;
    margin: 30px 0 20px
}

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

.member-header-back {
    margin-right: 10px
}

.mol-ms {
    padding: 20px;
    background-color: #ECECF4;
    margin-bottom: 10px
}

.mol-ms-year {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500
}

.mol-ms-month {
    font-weight: 700
}

.mol-item {
    padding: 0 20px
}

.mol-item-block1,
.mol-item-block2,
.mol-item-block3 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mol-item-block1 {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    padding-top: 20px
}

.mol-item-block2 {
    color: #81819B;
    margin-top: 5px
}

.mol-item-block3 {
    margin-top: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(129, 129, 155, 0.2)
}

.mol-item-status {
    display: inline-flex;
    align-items: center
}

.mol-item-status::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    margin-right: 10px
}

.mol-item-status.status-1::before {
    background-color: #FFAC33
}

.mol-item-status.status-2::before {
    background-color: #DD2E44
}

.mol-item-status.status-3::before {
    background-color: #A6D388
}

.mol-item+.mol-item {
    margin-top: 15px
}

.mol-item:last-child .mol-item-block3 {
    border-bottom: none
}

.mol-more {
    margin-top: 30px;
    text-align: center
}

.mol-more .link-more,
.mol-more .link-dir {
    font-weight: 500
}

.mod {
    margin-bottom: 60px
}

.mod-section::after {
    margin: 0 -20px
}

.mod-sum-line {
    display: flex;
    margin-bottom: 8px
}

.mod-sum-line b {
    display: inline-block;
    flex: 0 0 170px
}

.mod-sum-line span {
    color: #81819B;
    flex: 1;
    font-size: .75rem;
    line-height: 1.5
}

.mod-cancel .link-inline {
    color: #DD2E44
}

.mod-details-header {
    background-color: #ECECF4
}

.mod-details-title {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500
}

.mod-details-info {
    margin-top: 5px;
    color: #81819B
}

.mod-delivery-block span {
    display: block;
    color: #81819B
}

.mod-delivery-block b {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500
}

.mod-track .btn,
.mod-track .prq-item-sel label,
.prq-item-sel .mod-track label {
    width: 100%
}

.mod-track .btn+.btn,
.mod-track .prq-item-sel label+.btn,
.prq-item-sel .mod-track label+.btn,
.mod-track .prq-item-sel .btn+label,
.prq-item-sel .mod-track .btn+label,
.mod-track .prq-item-sel label+label,
.prq-item-sel .mod-track label+label {
    margin-top: 10px
}

.mod-products {
    margin-top: 30px;
    border-top: 1px solid rgba(129, 129, 155, 0.2)
}

.mod-prd {
    padding-top: 30px
}

.mod-prd+.mod-prd {
    border-top: 1px solid rgba(129, 129, 155, 0.2);
    margin-top: 20px
}

.mod-prd-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px
}

.mod-prd-status {
    display: inline-flex;
    align-items: center;
    font-size: .75rem;
    line-height: 1.5
}

.mod-prd-status::before {
    content: "";
    margin-right: 5px
}

.mod-prd-cta {
    color: #DD2E44
}

.mod-prd-review {
    margin-top: 20px
}

.mod-prd-review .btn,
.mod-prd-review .prq-item-sel label,
.prq-item-sel .mod-prd-review label {
    width: 100%
}

.mod-addr-title {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500
}

.mod-addr-block b {
    display: block;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500
}

.mod-addr-block span {
    margin-top: 10px;
    display: block;
    color: #81819B;
    max-width: 300px
}

.mod-prch-title {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 15px
}

.mod-prch-line {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mod-prch-line+.mod-prch-line {
    margin-top: 10px
}

.mod-prch-line.discount {
    color: #FA5373
}

.mod-prch-line.total {
    margin: 20px 0;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(129, 129, 155, 0.2)
}

.mod-prch-line b {
    font-weight: 500
}

.mod-prch-info {
    margin-top: 15px
}

.mod-prch-info b {
    font-weight: 500
}

.mod-docs-title {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500
}

.mod-doc-title {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 20px
}

.mod-doc+.mod-doc {
    margin-top: 30px
}

.mod-doc .scroller::after {
    content: "";
    display: block;
    background: linear-gradient(180deg, rgba(236, 236, 244, 0) 0%, #ECECF4 93.94%);
    width: 100%;
    height: 65%;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none
}

.mod-invoice {
    margin-top: 30px
}

.mor {
    margin-bottom: 40px
}

.mor-info {
    margin-top: 30px
}

.mor-prd {
    padding-top: 30px
}

.mor-prd-block1 {
    display: flex
}

.mor-prd-selection {
    flex: 0 0 44px
}

.mor-prd-options {
    display: none;
    margin-top: 25px
}

.mor-prd-options-ready .mor-prd-options {
    display: block
}

.mor-prd .prd-row {
    flex: 1
}

.mor-prd+.mor-prd {
    margin-top: 25px;
    border-top: 1px solid rgba(129, 129, 155, 0.2)
}

.mor-bank {
    margin-top: 25px
}

.mor-cta {
    margin-top: 25px
}

.mor-cta .btn,
.mor-cta .prq-item-sel label,
.prq-item-sel .mor-cta label {
    width: 100%;
    max-width: 335px
}

.mor-result {
    max-width: 335px;
    margin: 0 auto;
    text-align: center
}

.mor-result::before {
    content: "";
    margin-bottom: 20px;
    width: 80px;
    height: 80px
}

.mor-result-body {
    padding: 0 15px
}

.mor-result-title {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 15px
}

.mor-result-desc {
    font-weight: 500;
    margin-bottom: 30px
}

.mor-result-code {
    font-weight: 700;
    margin-bottom: 30px
}

.mor-result-info {
    font-size: .75rem;
    line-height: 1.5;
    margin-bottom: 50px
}

.mor-result-cta .btn,
.mor-result-cta .prq-item-sel label,
.prq-item-sel .mor-result-cta label {
    width: 100%
}

.mnl {
    margin-bottom: 45px
}

.mnl-header {
    background-color: #ECECF4;
    padding: 30px 20px 10px
}

.mnl-nav .link+.link {
    margin-left: 20px
}

.mnl-nav .link.active {
    font-weight: 700
}

.mnl-list {
    margin-top: 10px
}

.mnl-item {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid rgba(129, 129, 155, 0.2)
}

.mnl-item::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #81819B;
    margin: 10px 15px 0 0;
    flex: 0 0 6px
}

.mnl-item-body {
    flex: 1
}

.mnl-item.unread::before {
    background-color: #36AAEC
}

.mnl-item-title {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500
}

.mnl-item-desc {
    margin-top: 10px
}

.mnl-item-date {
    font-size: .75rem;
    line-height: 1.5;
    color: #81819B;
    margin-top: 10px
}

.mnl-item+.mnl-item {
    margin-top: 5px
}

.mfp {
    display: flex;
    border-bottom: 1px solid rgba(129, 129, 155, 0.2);
    position: relative
}

.mfp-sel {
    flex: 0 0 38px
}

.mfp-controls-body {
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px
}

.mfp-controls-body .btn,
.mfp-controls-body .prq-item-sel label,
.prq-item-sel .mfp-controls-body label,
.mfp-controls-body .dropdown-toggle {
    width: 100%
}

.mfp-remove {
    position: absolute;
    right: 0;
    top: 0
}

.mfp+.mfp {
    margin-top: 30px
}

.mfp-list {
    margin-bottom: 80px
}

.mfp-list-controls {
    padding: 20px 0;
    display: flex;
    justify-content: space-between
}

.mfp-list-controls button {
    display: inline-flex;
    align-items: center;
    font-weight: 500
}

.mfp-list-controls button .icon {
    margin-left: 5px
}

.mfp-no-stock .mfp-controls-body {
    display: block
}

.mcp {
    padding: 0 20px;
    background-color: #FAF0F4;
    border-radius: 10px;
    position: relative
}

.mcp-body {
    padding: 30px 0 15px;
    border-bottom: 1px solid rgba(129, 129, 155, 0.2)
}

.mcp-title {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 5px
}

.mcp-date {
    color: #81819B;
    margin-bottom: 10px
}

.mcp-status {
    display: flex;
    align-items: center
}

.mcp-status::before {
    content: "";
    width: 6px;
    height: 6px;
    margin-right: 12px;
    background-color: #80D63D;
    border-radius: 100%
}

.mcp-status.expired::before {
    background-color: red
}

.mcp-benefit {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 75px;
    color: #fff;
    background-color: #FA5373;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 20px 0 20px
}

.mcp-benefit b {
    font-size: 1rem;
    line-height: 1.5;
    display: block
}

.mcp-benefit small {
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.57143
}

.mcp-details-trigger {
    width: 100%;
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mcp-details-trigger::after {
    content: ""
}

.mcp-details-body {
    display: none;
    padding-bottom: 25px
}

.mcp-details-body p {
    color: #81819B
}

.mcp-details.active .mcp-details-trigger::after {
    transform: rotate(180deg)
}

.mcp-details.active .mcp-details-body {
    display: block
}

.mcp-code-title {
    font-weight: 500;
    color: #81819B;
    margin-bottom: 5px
}

.mcp-code-block1 {
    display: flex
}

.mcp-code-text {
    margin-right: 5px;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5
}

.mcp+.mcp {
    margin-top: 20px
}

.mcp-list {
    margin-bottom: 30px
}

.mlc-card {
    width: 335px;
    height: 200px;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    background: url(../_ui/responsive/theme-penti/images/star-card.svg) center center no-repeat;
    background-color: #FA5373;
    padding: 15px 15px 20px 20px;
    color: #fff
}

.mlc-card-block1 {
    display: flex;
    justify-content: space-between
}

.mlc-card-logo {
    width: 94px
}

.mlc-card-logo img {
    width: 100%
}

.mlc-card-score {
    padding-top: 10px;
    text-align: right
}

.mlc-card-score span {
    font-size: .75rem;
    line-height: 1.5;
    font-weight: 700;
    display: block
}

.mlc-card-score b {
    font-size: 1.5rem;
    line-height: 1.33333;
    display: block
}

.mlc-card-block2 {
    margin-top: auto
}

.mlc-card-no {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500
}

.mlc-card-pass span {
    font-size: .75rem;
    line-height: 1.5;
    margin-right: 5px
}

.mlc-info-level {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px
}

.mlc-info-level span {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500
}

.mlc-info-level b {
    display: inline-flex;
    align-items: center;
    font-size: 1rem;
    line-height: 1.5
}

.mlc-info-level b::after {
    content: "";
    margin-left: 5px
}

.mlc-recent-title {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 20px
}

.mlc-recent-list {
    font-size: 0
}

.mlc-recent-item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    width: 140px;
    height: 120px;
    padding: 0 20px;
    border-radius: 20px;
    background-color: #FAF0F4;
    margin-right: 20px
}

.mlc-recent-item b {
    display: block;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
    color: #FA5373;
    margin-bottom: 3px
}

.mlc-recent-item span {
    font-size: .75rem;
    line-height: 1.5;
    font-weight: 500;
    color: #81819B;
    display: inline-block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: 36px
}

.mlc-level-title {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 5px
}

.mlc-level-desc {
    color: #81819B
}

.mlc-next {
    margin-top: 50px
}

.mlc-next-title {
    display: flex;
    position: relative;
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 700;
    color: #3A0CA3;
    padding-left: 58px;
    margin-bottom: 20px
}

.mlc-next-title::before {
    content: "";
    transform: scale(2) translateY(-50%);
    transform-origin: top left;
    position: absolute;
    top: 50%;
    left: 0
}

.mlc-next-benefits ul {
    padding-left: 13px;
    list-style: square;
    margin-bottom: 0
}

.mlc-next-info {
    max-width: 335px
}

.mlc-next-info .link-inline {
    display: inline
}

.mlc-activites-title {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 35px
}

.mlc-activites-row {
    display: grid
}

.mlc-activites-row dl {
    margin: 0
}

.mlc-activites-row dt {
    font-size: .75rem;
    line-height: 1.5;
    color: #81819B
}

.mlc-activites-row dd {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 0
}

.scl {
    position: relative;
    width: calc(100% - 42.5px)
}

.scl-bar {
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 1;
    width: 100%
}

.scl-bar::before {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-color: #ECECF4;
    border-radius: 20px
}

.scl-bar span {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 4px;
    background-color: #FA5373;
    border-radius: 20px
}

.scl-levels {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2
}

.scl-lvl {
    display: inline-flex;
    flex-direction: column;
    width: 85px
}

.scl-lvl-title {
    font-weight: 700;
    margin-bottom: 10px
}

.scl-lvl-score {
    font-size: .75rem;
    line-height: 1.5;
    font-weight: 700;
    margin-top: 5px;
    order: 1
}

.scl-lvl:not(.active)::after {
    content: ""
}

.scl-lvl:not(.star) {
    align-items: center
}

.scl-lvl.mega {
    transform: translateX(50%)
}

.scl-lvl .active .scl-lvl-score {
    display: none
}

.scl-score {
    margin-top: auto;
    font-size: .75rem;
    line-height: 1.5;
    font-weight: 700;
    color: #FA5373
}

.pso {
    margin-bottom: 50px
}

.pso-title {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500
}

.mln-intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.mln-intro-media {
    border-radius: 100%;
    border: 2px solid #3A3F44;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px
}

.mln-intro-media .icon {
    font-size: 48px
}

.mln-intro-desc {
    margin: 30px 0 20px;
    max-width: 335px
}

.mln-info-title {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 10px
}

.mln-info-desc {
    color: #81819B
}

.mln-benefits-title {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 30px
}

.mln-benefits-item {
    display: flex
}

.mln-benefits-icon {
    flex: 0 0 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 50px;
    height: 50px;
    background-color: #FA5373;
    color: #fff;
    margin-right: 15px;
    border-radius: 100%
}

.mln-benefits-icon.text {
    font-size: 24px;
    font-weight: 700
}

.mln-benefits-desc {
    flex: 1;
    color: #81819B
}

.mln-levels::before {
    content: "";
    display: block;
    height: 1px;
    background-color: rgba(129, 129, 155, 0.2)
}

.mln-lvl-header {
    display: flex;
    position: relative;
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 700;
    padding-left: 58px
}

.mln-lvl-header::before {
    content: "";
    transform: scale(2) translateY(-50%);
    transform-origin: top left;
    position: absolute;
    top: 50%;
    left: 0
}

.mln-lvl-body ul {
    padding-left: 13px;
    list-style: square;
    margin-bottom: 0
}

.mln-lvl.super .mln-lvl-header {
    color: #3A0CA3
}

.mln-lvl.mega .mln-lvl-header {
    color: #FA5373
}

.mln-ad {
    background-color: #FAF0F4;
    text-align: center
}

.mln-ad-title {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 5px
}

.mln-ad-desc {
    margin-bottom: 35px
}

.mab-list {
    padding-top: 10px
}

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

.mab-item-title {
    font-weight: 700
}

.mab-item-body {
    margin-top: 8px;
    max-width: 285px
}

.mab-item-tel {
    margin-top: 4px
}

.mab-item+.mab-item {
    margin-top: 20px
}

.mab-controls .btn-new {
    padding-right: 15px
}

.mab-controls .btn-new::after {
    content: ""
}

#personal-info .form-row-info a {
    font-weight: 700
}

.mca-desc {
    color: #81819B
}

.mca-desc .link-inline {
    display: inline
}

.mca-form .form-row+.form-row {
    margin-top: 10px
}

.pto {
    margin-bottom: 40px
}

.pto-title {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500
}

.pto-box {
    padding: 30px 20px;
    max-width: 335px;
    background-color: #FAF0F4;
    border-radius: 10px
}

.pto-box-title {
    font-weight: 700;
    margin-bottom: 10px
}

.pto-box-desc {
    margin-bottom: 25px
}

.pto-form {
    margin-top: 25px
}

.pto-form .form-error-msg {
    font-size: .75rem;
    line-height: 1.5
}

.pto-form .form-row-info {
    color: #81819B;
    height: 24px;
    margin-top: 20px
}

.pto-form .col-right {
    text-align: right
}

.pto-form .btn,
.pto-form .prq-item-sel label,
.prq-item-sel .pto-form label {
    width: 100%
}

#lookbook .banner {
    padding-bottom: 72px
}

#lookbook .bnr-body {
    padding-bottom: 72px
}

#lookbook .bnr-title {
    font-size: 2rem;
    line-height: 1.21875
}

#lookbook .bnr-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

#lookbook .bnr-button {
    margin-top: 0;
    display: flex;
    align-items: center
}

#lookbook .btn-download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid #29335C;
    border-radius: 100%
}

#lookbook .btn-download::before {
    content: ""
}

.sst-menu-item {
    position: relative
}

.sst-menu-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #29335C;
    opacity: .2;
    z-index: 1
}

.sst-menu-body {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    z-index: 2
}

.sst-menu-title {
    font-size: 2rem;
    line-height: 1.1875;
    font-weight: 700
}

.sst-menu-cta {
    font-weight: 500;
    margin-bottom: 20px
}

.sst-text {
    max-width: 700px
}

.sst-text h2 {
    font-size: 1.5rem;
    line-height: 1.33333;
    font-weight: 500;
    margin-bottom: 20px;
    max-width: 550px
}

.sst-text p,
.sst-text li {
    color: #81819B
}

.sst-text ul {
    padding-left: 12px
}

.sst-content-title {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 20px
}

.sst-content-text h3 {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 10px
}

.sst-content-text p {
    color: #81819B
}

.sst-content-text p+h3 {
    margin-top: 70px
}

.sst-content-text+.sst-content-title {
    margin-top: 70px
}

.sst-content-text ul {
    padding-left: 12px
}

.sst-content-link {
    margin-top: 50px
}

.sst-content-link a {
    font-weight: 500
}

.sst-content.type1 .sst-content-media .responsive::before {
    padding-top: 150%
}

.sst-future {
    background-color: #FAF0F4
}

.sst-future-title {
    color: #FA5373;
    font-weight: 700
}

.sst-future-content h2 {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 10px
}

.sst-future-content p {
    margin-bottom: 0;
    color: #81819B
}

.sst-future-content li+li {
    margin-top: 45px
}

.nlp-list .bnr-media {
    height: auto
}

.nlp-list .bnr-body {
    position: relative;
    height: auto;
    align-items: flex-start;
    text-align: left
}

.nlp-list .bnr-title {
    color: #29335C;
    font-family: "HelveticaNowDisplay", "arial", "sans-serif";
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500
}

.nlp-list .bnr-desc {
    color: #29335C;
    font-family: "HelveticaNowDisplay", "arial", "sans-serif";
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.57143;
    margin-top: 5px
}

.nlp-list .bnr-date {
    color: #81819B;
    font-size: .75rem;
    line-height: 1.5;
    margin-bottom: 5px
}

.nlp-list .bnr-button {
    margin-top: 20px
}

.nlp-list .bnr-button .link-dir {
    font-weight: 500
}

.ndp-date {
    font-size: .75rem;
    line-height: 1.5;
    color: #81819B;
    margin-bottom: 5px
}

.ndp-title {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 5px
}

.ndp-share a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background-color: #ECECF4
}

.ndp-share a+a {
    margin-left: 9px
}

.ndp-content {
    margin-top: 40px
}

.ndp-content-media .responsive::before {
    padding-top: 71.42857%
}

.ndp-content-text p {
    margin-bottom: 0
}

.ndp-content-text p+p {
    margin-top: 30px
}

.pnf {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.pnf::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #29335C;
    opacity: .3
}

.pnf-body {
    position: relative
}

.pnf-title {
    font-size: 5.125rem;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 15px;
    color: #fff
}

.pnf-desc {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 50px;
    color: #fff
}

.ssf-sizes {
    margin-bottom: 35px;
    padding: 0 20px
}

.ssf-sizes-title {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 20px
}

.ssf-sizes-options {
    display: flex;
    flex-wrap: wrap
}

.ssf-sizes-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background-color: #ECECF4;
    border-radius: 100%;
    margin: 0 5px 5px 0
}

.ssf-sizes-item.selected {
    background-color: #FA5373;
    color: #fff
}

.ssf-form {
    padding: 0 20px
}

.ssf-form-title {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 10px
}

.ssf-form-desc {
    color: #81819B
}

.ssf-form-body {
    margin-top: 30px
}

.ssf-form-sep {
    margin: 15px 0;
    text-align: center;
    color: #81819B
}

.ssf-form-button .btn,
.ssf-form-button .prq-item-sel label,
.prq-item-sel .ssf-form-button label {
    width: 100%
}

.ssf-form-info {
    position: relative;
    padding-left: 36px;
    margin-top: 15px;
    color: #81819B
}

.ssf-form-info::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0
}

.ssf-stores {
    margin-top: 40px;
    display: none
}

.ssf-stores .nav-link {
    flex: 1
}

.ssf-store-list {
    margin-top: 30px
}

.sli {
    display: flex;
    padding: 20px 20px 15px 18px;
    border-bottom: 1px solid rgba(129, 129, 155, 0.2)
}

.sli-select {
    height: 50px;
    display: flex;
    align-items: center
}

.sli-media {
    width: 50px;
    margin-right: 15px
}

.sli-body {
    flex: 1
}

.sli-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px
}

.sli-title {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    padding-right: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: 24px
}

.sli-range {
    font-weight: 500;
    white-space: nowrap
}

.sli-block1 {
    margin-top: 8px;
    display: flex;
    justify-content: space-between
}

.sli-address {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: 44px
}

.sli-tel {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500
}

.sli-stock {
    display: inline-flex;
    align-items: center;
    font-size: .75rem;
    line-height: 1.5;
    font-weight: 500
}

.sli-stock::after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    margin-left: 10px
}

.sli-stock.in-stock::after {
    background-color: #80D63D
}

.sli-stock.low-stock::after {
    background-color: #EC8D36
}

.sli-stock.no-stock::after {
    background-color: #EC3636
}

.sli-block2 {
    margin-top: 5px;
    color: #81819B;
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.5
}

.sli-cta {
    margin-top: 13px
}

.sli-cta .link {
    color: #36AAEC
}

.sli-cta .link+.link {
    margin-left: 18px
}

.map-container {
    position: relative
}

.map-body {
    width: 100%;
    height: 590px
}

.map-content {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%
}

.map-content .swiper-slide {
    margin-left: 10px
}

.map-content .sli {
    background-color: #fff;
    border-radius: 10px
}

.store-list-ready .ssf-stores {
    display: block
}

.corp-title {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500
}

.corp-sidebar {
    width: 335px
}

.corp-menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #81819B;
    font-size: 1rem;
    line-height: 1.5
}

.corp-menu-item.active {
    color: #FA5373
}

.corp-menu-item.active::after {
    content: ""
}

.corp-menu-item+.corp-menu-item {
    margin-top: 16px
}

.corp-body {
    max-width: 700px
}

.corp-content p {
    color: #81819B;
    margin-bottom: 0
}

.corp-content p+p {
    margin-top: 25px
}

.corp-content b {
    color: #29335C;
    font-weight: 500
}

.corp-content h2 {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
    margin: 30px 0 5px
}

.corp-cat-title {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 5px
}

.corp-cat-item {
    position: relative;
    max-width: 300px
}

.corp-cat-media .responsive::before {
    padding-top: 150%
}

.corp-cat-name {
    font-size: 1.5rem;
    line-height: 1.33333;
    font-weight: 700;
    color: #fff;
    position: absolute;
    bottom: 30px;
    left: 30px
}

.corp-cat-link {
    display: block
}

.corp-history {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(129, 129, 155, 0.2)
}

.corp-history-title {
    font-size: 1.5rem;
    line-height: 1.33333;
    font-weight: 500;
    margin-bottom: 40px
}

.corp-history-item {
    display: flex;
    padding-bottom: 20px
}

.corp-history-item:last-child .corp-history-year::after {
    display: none
}

.corp-history-year {
    position: relative;
    color: #FA5373;
    margin-right: 20px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: center
}

.corp-history-year::after {
    content: "";
    display: block;
    border-left: 1px solid #FA5373;
    margin-top: 15px;
    width: 0;
    height: 100%
}

.corp-history-desc {
    min-height: 55px;
    color: #81819B
}

.corp-mission {
    margin-top: 50px;
    font-size: 1.25rem;
    line-height: 1.4
}

.corp-mission span {
    color: #FA5373
}

.corp-certificates {
    max-width: 335px
}

.corp-certificates li {
    margin-bottom: 15px
}

.corp-certificates .link-inline {
    display: inline
}

.corp-abroad-stores {
    margin-top: 35px
}

.corp-button {
    margin-top: 30px
}

.corp-button .btn,
.corp-button .prq-item-sel label,
.prq-item-sel .corp-button label {
    width: 160px
}

.corp-video video {
    width: 100%
}

.cas-body {
    padding-top: 15px
}

.cas-body ul {
    padding-left: 12px;
    margin: 0
}

.cas-body li {
    color: #81819B
}

.cas-body li::marker {
    font-size: 12px
}

.cas-item.active .cas-title::after {
    font-weight: 700
}

.cas-item.active .cas-body {
    display: block
}

.page-store-finder .ssf-stores {
    display: block
}

.psf-title {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500
}

.help-accordion .acc-body {
    border-bottom: 1px solid rgba(129, 129, 155, 0.2)
}

.help-accordion .acc-body p {
    color: #81819B
}

.help-guide {
    margin-top: 20px
}

.help-guide li {
    border-radius: 10px;
    background-color: #FAF0F4
}

.help-guide li+li {
    margin-top: 10px
}

.hcp-title {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-bottom: 5px;
    font-weight: 500
}

.hcp-callcenter p a {
    font-weight: 700;
    text-decoration: none
}

.hcp-callcenter p span {
    color: #81819B
}

.hcp-chat p span {
    color: #81819B
}

.hcp-chat .btn,
.hcp-chat .prq-item-sel label,
.prq-item-sel .hcp-chat label {
    width: 100%
}

.hcp-chat.online .hcp-title {
    display: flex;
    align-items: center
}

.hcp-chat.online .hcp-title::after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background-color: #86EC36;
    border-radius: 100%;
    margin-left: 10px
}

.hcp-email {
    margin-top: 30px
}

.hcp-location p {
    color: #81819B
}

.hcp-map {
    margin-top: 10px;
    max-width: 375px
}

.csp-benefits {
    background-color: #FAF0F4
}

.csp-benefits-title {
    font-size: 1.5rem;
    line-height: 1.33333;
    font-weight: 500
}

.csp-benefits-list {
    display: grid;
    justify-content: space-between
}

.csp-benefit {
    max-width: 187.5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.csp-benefit-media {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background-color: #fff;
    border-radius: 100%
}

.csp-benefit-media figure {
    width: 48px
}

.csp-benefit-body {
    margin-top: 15px
}

.csp-benefit-body span {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    display: block
}

.csp-benefit-body b {
    font-size: 1.25rem;
    line-height: 1.4;
    color: #FA5373
}

.csp-levels .mln-lvl {
    display: block
}

.csp-levels .mln-lvl-header {
    margin-bottom: 20px
}

.csp-ad .mln-ad-title,
.csp-ad .mln-ad-desc {
    text-align: center
}

.csp-ad .mln-ad-title {
    font-size: 1.5rem;
    line-height: 1.33333
}

.csp-ad-items {
    display: flex
}

.csp-ad-item {
    max-width: 187.5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.csp-ad-item-media {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background-color: #ECECF4;
    border-radius: 100%
}

.csp-ad-item-media figure {
    width: 48px
}

.csp-ad-item-body {
    margin-top: 15px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500
}

.csp-faq {
    background-color: #ECECF4
}

.csp-faq-title {
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 30px
}

.csp-faq .acc-body {
    color: #81819B;
    padding-bottom: 30px;
    margin: 10px 0 30px;
    border-bottom: 1px solid rgba(129, 129, 155, 0.2)
}

.csp-member {
    background-color: #FAF0F4
}

.csp-member-welcome {
    font-size: 1.5rem;
    line-height: 1.33333;
    font-weight: 500;
    margin-bottom: 20px
}

.csp-member-info {
    color: #81819B
}

.csp-member-link a {
    font-weight: 500
}

.csp-member .scl-bar::before {
    background-color: #fff
}

.csp-offers-title {
    font-size: 1.5rem;
    line-height: 1.33333;
    font-weight: 500
}

.csp-offers-list .bnr-media {
    width: 100%
}

.page-cart .section-psw::before {
    content: "";
    display: block;
    width: 100%;
    background-color: #ECECF4;
    margin-bottom: 30px
}

.cart-row {
    border-bottom: 1px solid rgba(129, 129, 155, 0.2)
}

.cart-row-offer,
.cart-row-stock {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 32px;
    background-color: #FAF0F4;
    color: #FA5373;
    font-weight: 500
}

.cart-row-stock {
    background-color: #DD2E44;
    color: #fff
}

.cart-row.no-stock .prd-row {
    opacity: .4
}

.cart-sum-details {
    padding: 20px;
    background-color: #ECECF4
}

.cart-sum-line {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.cart-sum-line.line-disc {
    color: #FA5373
}

.cart-sum-line+.cart-sum-line {
    margin-top: 5px
}

.cart-sum-info {
    color: #81819B;
    margin-top: 10px;
    font-size: .75rem;
    line-height: 1.5
}

.cart-sum-promo {
    margin-top: 20px
}

.cart-sum-footer {
    display: flex;
    align-items: center;
    background-color: #ECECF4;
    padding-left: 20px;
    padding-right: 20px
}

.cart-sum-total {
    flex: 1
}

.cart-sum-total span {
    display: block;
    font-size: .75rem;
    line-height: 1.5
}

.cart-sum-total b {
    font-size: 1rem;
    line-height: 1.5
}

.cart-sum-cta {
    flex: 0 0 160px
}

.cart-sum-cta .btn,
.cart-sum-cta .prq-item-sel label,
.prq-item-sel .cart-sum-cta label {
    width: 100%
}

.cart-footer {
    background-color: #ECECF4;
    text-align: right;
    padding: 20px;
    margin-bottom: 30px
}

.cart-footer .btn-cart-empty {
    display: inline-flex;
    align-items: center
}

.cart-footer .btn-cart-empty .icon {
    margin-left: 7px
}

.cart-offer {
    background-color: #FAF0F4
}

.cart-offer-title {
    color: #FA5373;
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 10px
}

.cart-offer-desc {
    margin-bottom: 20px
}

.cart-extra-title {
    margin-bottom: 20px
}

.cart-stock {
    background-color: rgba(221, 46, 68, 0.2);
    padding: 20px
}

.cart-stock-title {
    color: #DD2E44;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 10px
}

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

.cpn-trigger::after {
    content: ""
}

.cpn-body {
    display: none;
    padding: 5px 0 10px;
    position: relative
}

.cpn-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background-color: #FA5373;
    color: #fff;
    border-radius: 100%;
    position: absolute;
    right: 0;
    top: 15px
}

.cpn-result {
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.cpn-result span {
    font-size: .75rem;
    line-height: 1.5
}

.cpn-result.error span {
    color: red
}

.cpn-result.success span {
    color: #80D63D
}

#couponbox {
    background-color: #fff
}

#couponbox.active .cpn-body {
    display: block
}

.sco-controls {
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px
}

.sco-controls .dropdown-toggle,
.sco-controls .btn,
.sco-controls .prq-item-sel label,
.prq-item-sel .sco-controls label {
    width: 100%
}

.checkout-processing {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh
}

.checkout-processing::after {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100vh
}

.cps {
    margin-top: 30px
}

.cps-title,
.asf-title {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700
}

.cps-body {
    margin-top: 30px
}

.cps-address .nav-link+.nav-link {
    margin-left: 20px
}

.cps-payment .acc-header>button {
    font-weight: 500
}

.cps-payment .acc-body {
    padding: 20px 0 30px
}

.cps-payment .active>.acc-header>button {
    font-weight: 500
}

.cps-products .acc-header>button,
.cps-agreements .acc-header>button {
    display: flex;
    align-items: center;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700
}

.cps-products .acc-header>button span,
.cps-agreements .acc-header>button span {
    font-weight: 500;
    color: #81819B;
    font-size: .75rem;
    line-height: 1.5;
    margin-left: 5px
}

.asf-title {
    margin-bottom: 10px
}

.asf-diff {
    margin: 20px 0
}

.asf-invoice {
    margin-top: 20px
}

.asf-gift {
    padding: 20px;
    border-radius: 10px;
    background-color: #FAF0F4;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    padding-right: 80px
}

.asf-gift::before {
    content: "";
    display: block;
    width: 56px;
    height: 36px;
    background: url(../_ui/responsive/theme-penti/images/gift-ribbon.svg) center center no-repeat;
    background-size: cover;
    position: absolute;
    top: 18px;
    right: 18px
}

.asf-gift::after {
    content: "";
    display: block;
    height: 100%;
    width: 10px;
    position: absolute;
    top: 0;
    right: 40px;
    background-color: #ED1874
}

.asf-gift-body {
    margin-top: 25px;
    display: none
}

.asf-gift-text {
    margin-top: 20px;
    max-width: 812px
}

.asf-gift-text textarea {
    border: none;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 15px
}

.asf-gift-ready .asf-gift-body {
    display: block
}

.asf-button .slb b {
    font-weight: 500
}

#pps-pane-address .asf-invoice {
    display: none
}

#pps-pane-address.asf-diff-ready .asf-invoice {
    display: block
}

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

.dts-radio label {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.57143
}

.dts-price.free {
    font-weight: 500;
    color: #80D63D
}

.dts-info {
    margin-top: 5px;
    padding-left: 28px;
    color: #81819B;
    font-size: .75rem;
    line-height: 1.5
}

.dts-note {
    margin-top: 30px;
    padding-left: 28px;
    font-size: .75rem;
    line-height: 1.5;
    max-width: 700px
}

.dts+.dts {
    margin-top: 17px
}

.pay-card-info {
    margin-top: 40px
}

.pay-card-info p {
    margin: 10px 0 0
}

.pay-card-block3 table {
    width: 100%;
    margin-top: 20px
}

.pay-card-block3 thead th {
    color: #81819B;
    padding-bottom: 10px;
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.5
}

.pay-card-block3 tbody td {
    padding: 9px 0
}

.pay-pod-option .radio label {
    font-size: .875rem;
    line-height: 1.57143
}

.pay-pod-option+.pay-pod-option {
    margin-top: 30px
}

.pay-pod-form {
    max-width: 500px
}

.pay-pod-info {
    padding-left: 28px;
    margin-top: 5px;
    color: #81819B
}

.pay-pod-desc {
    max-width: 700px;
    margin-top: 20px;
    color: #81819B;
    font-size: .75rem;
    line-height: 1.5
}

.pay-pod-desc ul {
    padding-left: 15px
}

.pay-pod-desc li+li {
    margin-top: 2px
}

#masterpass {
    max-width: 500px;
    padding-bottom: 25px
}

.mpc-notify {
    padding: 20px;
    background-color: #ECECF4;
    border-radius: 10px
}

.mpc-notify p {
    margin: 10px 0 0
}

.mpc-notify .btn,
.mpc-notify .prq-item-sel label,
.prq-item-sel .mpc-notify label {
    margin-top: 10px;
    width: 145px
}

.mpc-card {
    display: flex;
    align-items: center;
    border-radius: 9px;
    background-color: #ECECF4;
    padding: 0 20px;
    height: 80px;
    position: relative
}

.mpc-card+.mpc-card {
    margin-top: 10px
}

.mpc-card .radio label {
    display: block
}

.mpc-card-remove {
    position: absolute;
    right: 20px;
    top: 20px
}

.mpc-save {
    margin-top: 20px;
    padding: 20px;
    background-color: #ECECF4;
    border-radius: 10px;
    display: none
}

.mpc-save p {
    margin: 10px 0 0
}

.mpc-save-ready .mpc-save {
    display: block
}

.cpo-body {
    position: relative
}

.cpo-body::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 65px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 93.94%);
    pointer-events: none
}

.cpo-list {
    padding: 20px 20px 10px 0;
    height: 220px;
    overflow: auto
}

.cpo-item {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(129, 129, 155, 0.2)
}

.cpo-item+.cpo-item {
    margin-top: 20px
}

.cpo-item .prd-row-controls {
    display: none
}

.cai {
    margin-top: 20px
}

.cai-title {
    font-size: 1rem;
    line-height: 1.5
}

.cai-content {
    margin-top: 20px
}

.cai+.cai {
    margin-top: 30px
}

.cpi {
    text-align: center;
    font-size: 0
}

.cpi-spin {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto
}

.cpi-spin-svg {
    width: 80px;
    height: 80px
}

.cpi-spin-svg circle {
    stroke-dasharray: 160 270;
    stroke-dashoffset: 0;
    fill: none;
    transform-origin: center;
    stroke-width: 4px;
    stroke: url(../_ui/responsive/theme-penti/css/#linear);
    animation: rotating 2s linear infinite
}

.cpi-media {
    position: absolute;
    top: calc(50% - 24px);
    left: calc(50% - 24px)
}

.cpi-media .icon {
    font-size: 48px;
    color: #FA5373
}

.cpi-text {
    margin-top: 40px;
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 700
}

.crp-body {
    text-align: center
}

.crp-body::before {
    content: "";
    width: 80px;
    height: 80px
}

.crp-title {
    margin-top: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 700
}

.crp-desc {
    margin-top: 30px
}

.crp-no {
    font-weight: 700;
    margin-top: 20px
}

.crp-info {
    font-size: .75rem;
    line-height: 1.5
}

.crp-button {
    margin-top: 40px
}

.crp-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 335px
}

.crp-footer .btn,
.crp-footer .prq-item-sel label,
.prq-item-sel .crp-footer label {
    width: 155px
}

.crp-signup {
    padding: 50px 0 10px;
    display: flex;
    justify-content: center
}

.gcs {
    padding: 30px 20px 18px;
    background-color: #ECECF4;
    border-radius: 10px;
    max-width: 335px
}

.gcs-title {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500
}

.gcs-desc {
    margin-top: 10px
}

.gcs-form {
    margin-top: 20px
}

.gcs-form .btn,
.gcs-form .prq-item-sel label,
.prq-item-sel .gcs-form label {
    width: 100%
}

.gcs-form .link-inline {
    display: inline
}

@media(max-width:1024px) {
    .d {
        display: none !important
    }

    .scrollable-h,
    .corp-cat-list,
    #category-menu,
    .plp-menu ul,
    .member-menu,
    .mlc-recent-list,
    .pso-items {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .scrollable-h>*,
    .corp-cat-list>*,
    #category-menu>*,
    .plp-menu ul>*,
    .member-menu>*,
    .mlc-recent-list>*,
    .pso-items>* {
        white-space: normal
    }

    .scrollable-h::-webkit-scrollbar,
    .corp-cat-list::-webkit-scrollbar,
    #category-menu::-webkit-scrollbar,
    .plp-menu ul::-webkit-scrollbar,
    .member-menu::-webkit-scrollbar,
    .mlc-recent-list::-webkit-scrollbar,
    .pso-items::-webkit-scrollbar {
        display: none
    }

    [class*="container-max-"] {
        padding: 0 20px
    }

    [class*="container-max-"].no-pad {
        padding: 0
    }

    .container-max-600 {
        max-width: 640px
    }

    .container-max-600.no-pad {
        max-width: 600px
    }

    .container-max-700 {
        max-width: 740px
    }

    .container-max-700.no-pad {
        max-width: 700px
    }

    .container-max-1100 {
        max-width: 1140px
    }

    .container-max-1100.no-pad {
        max-width: 1100px
    }

    .container-max-1240 {
        max-width: 1280px
    }

    .container-max-1240.no-pad {
        max-width: 1240px
    }

    .container-max-1390 {
        max-width: 1430px
    }

    .container-max-1390.no-pad {
        max-width: 1390px
    }

    .breadcrumb {
        padding: 0 20px;
        overflow: hidden
    }

    .breadcrumb li {
        white-space: nowrap
    }

    .page-heading {
        margin: 30px 0
    }

    .page-title {
        font-size: 1.25rem;
        line-height: 1.4
    }

    .page-desc {
        margin-top: 5px
    }

    .page-cover {
        height: 520px
    }

    .page-cover-media img {
        max-width: none;
        height: 100%
    }

    .form .col-lg-6:last-child:not(:only-child) {
        margin-top: 20px
    }

    .modal-dialog {
        min-height: 100vh;
        min-height: -webkit-fill-available
    }

    .modal-header {
        height: 70px;
        padding: 0 20px;
        background-color: #FA5373;
        color: #fff
    }

    .modal-title {
        font-size: 1rem;
        line-height: 1.5
    }

    .modal-body {
        padding: 30px 20px
    }

    #modal-filters .modal-body,
    #modal-sort-by .modal-body {
        padding: 0
    }

    #modal-filters .modal-footer,
    #modal-sort-by .modal-footer {
        padding: 0 20px
    }

    .fg-header button {
        padding: 23px 60px 23px 20px
    }

    #sort-by {
        padding: 30px 20px
    }

    #modal-store-finder .modal-body {
        padding: 30px 0 0
    }

    .lcm-button {
        padding: 0 20px 30px
    }

    #site-header {
        height: 70px
    }

    .header {
        border-bottom: 1px solid rgba(129, 129, 155, 0.2)
    }

    .header-inner {
        height: 70px;
        padding: 0 20px;
        justify-content: space-between
    }

    .hdr-left .btn-menu span {
        display: none
    }

    .hdr-left .logo {
        margin-left: 20px
    }

    .hdr-search {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff;
        width: 100%;
        height: 100vh
    }

    .hdr-right a+a {
        margin-left: 10px
    }

    #searchbox {
        background-color: #FA5373;
        padding: 0 20px;
        display: flex;
        align-items: center;
        height: 70px
    }

    #searchbox input {
        height: 50px;
        border-radius: 50px;
        background-color: #fff;
        padding: 0 75px 0 55px
    }

    #searchbox button {
        right: 40px
    }

    #searchbox .btn-back {
        position: absolute;
        left: 40px;
        top: calc(50% - 12px)
    }

    #searchbox .btn-clear {
        position: absolute;
        right: 70px;
        top: calc(50% - 12px);
        opacity: 0
    }

    #search-layer {
        top: 70px;
        padding: 30px 20px;
        height: calc(100vh - 70px)
    }

    .ssl-title {
        flex: 1
    }

    .ssl-products {
        margin-top: 30px
    }

    .ssl-products .prd {
        width: 100%;
        max-width: none
    }

    .ssl-products .prd-link {
        display: flex
    }

    .ssl-products .prd-block1 {
        width: 70px;
        margin-right: 20px
    }

    .ssl-products .prd-tags,
    .ssl-products .prd-colors,
    .ssl-products .prd-spec,
    .ssl-products .prd-discount {
        display: none
    }

    .ssl-products .prd-block2 {
        flex: 1;
        padding-top: 0
    }

    .ssl-products .prd-title {
        height: auto
    }

    .ssl-products .prd+.prd {
        margin-top: 10px
    }

    .ssl-result-ready #searchbox .btn-clear {
        opacity: 1
    }

    .search-layer-ready .hdr-search {
        display: block
    }

    #main-menu {
        max-width: 375px
    }

    .mmn-close {
        right: 20px;
        top: 23px;
        color: #fff
    }

    .mmn-header {
        display: flex;
        align-items: center;
        height: 70px;
        padding: 0 20px;
        color: #fff;
        background-color: #FA5373
    }

    .mmn-header .btn-user {
        display: inline-flex;
        align-items: center
    }

    .mmn-header .btn-user span {
        margin-left: 10px;
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 700
    }

    .mmn-footer {
        height: 150px;
        padding: 30px 20px;
        background-color: #FAF0F4;
        display: flex;
        flex-direction: column
    }

    .mmn-footer-block1 {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .mmn-footer-block1 .btn-help {
        display: inline-flex;
        align-items: center
    }

    .mmn-footer-block1 .btn-help span {
        margin-left: 10px
    }

    .mmn-footer-block2 {
        margin-top: auto
    }

    .mmn-footer-block2 .btn-track-order {
        width: 100%
    }

    .mmn-body {
        overflow: auto;
        height: calc(100vh - 70px)
    }

    .mmn-lv1-link {
        margin: 0 20px;
        width: calc(100% - 40px)
    }

    .mmn-lv1-link::after {
        content: ""
    }

    .mmn-lv1-subs {
        padding: 10px 0 45px 75px
    }

    .mmn-lv1-title {
        display: none
    }

    .mmn-lv2-link {
        padding-right: 20px
    }

    .mmn-lv2-subs {
        padding: 10px 0 50px 20px
    }

    .mmn-lv3-link {
        padding-right: 20px
    }

    .mmn-menu1 {
        margin-top: 20px
    }

    .mmn-menu2 {
        margin-bottom: 40px
    }

    .mmn-active>.mmn-link::after {
        transform: rotate(180deg)
    }

    #langbox {
        flex-direction: column;
        padding: 20px;
        height: 195px
    }

    #langbox .select {
        width: calc(40% - 5px)
    }

    #langbox .select:first-child {
        width: calc(60% - 5px)
    }

    #langbox .select+.select {
        margin-left: 10px
    }

    #langbox .btn,
    #langbox .prq-item-sel label,
    .prq-item-sel #langbox label {
        width: 100%
    }

    .lcs-desc {
        margin-bottom: 20px
    }

    .lcs-select {
        display: flex;
        align-items: center;
        margin-bottom: 10px
    }

    .langbox-ready #site-header {
        height: 265px
    }

    .ftr-block1 {
        padding: 20px 0 30px
    }

    .ftr-block1 .logo {
        display: none
    }

    .ftr-block2 {
        margin-bottom: 35px
    }

    .ftr-help {
        width: 100%
    }

    .ftr-menu {
        margin-top: 20px
    }

    .ftr-block3 {
        flex-direction: column;
        position: relative
    }

    .ftr-pay {
        position: absolute;
        bottom: -80px;
        left: 50%;
        transform: translateX(-50%)
    }

    .ftr-currency {
        order: 1;
        margin-bottom: 20px
    }

    .ftr-currency .btn,
    .ftr-currency .prq-item-sel label,
    .prq-item-sel .ftr-currency label {
        width: 100%
    }

    .ftr-social {
        margin-bottom: 20px
    }

    .ftr-block4 {
        padding: 0 20px
    }

    .ftr-block4-inner {
        margin: 0 -20px;
        display: grid;
        grid-template-areas: "copy minus" "links .";
        grid-template-columns: auto 45px;
        gap: 100px 0
    }

    .ftr-copyright {
        order: 1;
        grid-area: copy;
        padding-left: 20px
    }

    .ftr-links {
        order: 3;
        grid-area: links;
        grid-column: 1 / 3;
        padding: 0 20px;
        background-color: #FA5373;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 30px 0
    }

    .ftr-links .link {
        color: #fff;
        margin-bottom: 15px
    }

    .ftr-99 {
        order: 2;
        grid-area: minus;
        padding-right: 20px
    }

    .nwt-title {
        margin-bottom: 5px
    }

    .fhp-row {
        margin-bottom: 10px
    }

    .fmn-head {
        display: flex;
        align-items: center;
        padding: 5px 0;
        width: 100%
    }

    .fmn-head::after {
        content: "";
        margin-left: auto
    }

    .fmn-col {
        flex: 1
    }

    .fmn-col+.fmn-col {
        margin-top: 5px
    }

    .fmn-col.active .fmn-body {
        display: block
    }

    .fmn-body {
        display: none
    }

    .shopping-features {
        grid-template-columns: repeat(2, calc(50% - 10px));
        justify-content: center;
        gap: 20px;
        padding: 25px 0 30px
    }

    .sfi-title {
        font-weight: 500
    }

    .sfi-desc {
        display: none
    }

    .prd-block2 {
        padding: 10px
    }

    .feed-block1 {
        padding: 10px
    }

    .feed-inline .feed-block1 {
        left: 0
    }

    .banner {
        height: 375px
    }

    .bnr-title {
        font-family: "Gotham", "arial", "sans-serif";
        font-size: 2.25rem;
        line-height: 1.22222;
        font-weight: 700
    }

    .bnr-desc {
        font-family: "Gotham", "arial", "sans-serif";
        font-size: 1rem;
        line-height: 1.25;
        font-weight: 700;
        margin-bottom: 10px
    }

    .bnr-button {
        margin-top: 10px
    }

    .bnr-static {
        height: auto
    }

    .bnr-type-1 {
        height: 575px
    }

    .bnr-type-1 .bnr-body {
        padding: 40px 35px
    }

    .bnr-type-2 {
        height: 575px;
        max-width: 375px
    }

    .bnr-type-2 .bnr-media {
        height: calc(100% - 200px)
    }

    .bnr-type-2 .bnr-body {
        padding: 40px 35px
    }

    .bnr-type-3 {
        height: 375px
    }

    .bnr-type-4 {
        height: 375px
    }

    .bnr-type-6 {
        height: 200px
    }

    .bnr-type-6 .bnr-title {
        font-size: 1.25rem;
        line-height: 1.4
    }

    .banner-list {
        margin: 20px -20px 0
    }

    .banner-list .banner {
        margin: 0 auto
    }

    .banner-list .banner+.banner {
        margin-top: 20px
    }

    .section-psw,
    .section-fsw {
        margin-top: 60px
    }

    .psw-header {
        padding: 0 20px;
        margin-bottom: 20px
    }

    .psw-title {
        margin-right: auto;
        font-size: 1.25rem;
        line-height: 1.4;
        font-weight: 700
    }

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

    .product-swiper .swiper-slide {
        width: 220px
    }

    .product-swiper .swiper-slide+.swiper-slide {
        margin-left: 10px
    }

    .product-swiper .swiper-slide:first-child {
        margin-left: 20px
    }

    .product-swiper .swiper-slide:last-child {
        margin-right: 20px
    }

    .feed-swiper .swiper-slide-active .feed-media img {
        transform: scale(1.1)
    }

    .feed-swiper .swiper-slide-active .feed-cta {
        width: 100px
    }

    .feed-swiper .swiper-slide-active .feed-cta::before {
        display: none
    }

    .feed-swiper .swiper-slide-active .feed-cta span {
        display: block
    }

    #main-slider .swiper-button-prev {
        left: 20px
    }

    #main-slider .swiper-button-next {
        right: 20px
    }

    #main-slider .bnr-body {
        padding: 50px
    }

    #main-slider .bnr-desc {
        margin-bottom: 0
    }

    #main-slider .bnr-hdr-1 .bnr-block1 {
        font-family: "Gotham", "arial", "sans-serif";
        font-size: 3.75rem;
        line-height: 1.2;
        font-weight: 700
    }

    #main-slider .bnr-hdr-1 .bnr-block4 {
        font-family: "Gotham", "arial", "sans-serif";
        font-size: 1.75rem;
        line-height: 1.17857;
        font-weight: 700
    }

    #pdp-gallery-swiper .swiper-pagination {
        display: flex;
        background-color: #ECECF4;
        height: 5px;
        margin: 0
    }

    #pdp-gallery-swiper .swiper-pagination-bullet {
        width: auto;
        height: 100%;
        margin: 0;
        flex: 1;
        border-radius: 0;
        background-color: transparent
    }

    #pdp-gallery-swiper .swiper-pagination-bullet-active {
        background-color: #FA5373
    }

    #category-menu .cmi:first-child {
        padding-left: 20px
    }

    #category-menu .cmi:last-child {
        padding-right: 20px
    }

    .cmi {
        padding: 0 9px
    }

    .cmi-media {
        width: 80px;
        height: 80px
    }

    .page-home .section-fsw {
        padding-top: 40px
    }

    .page-home .section-fsw::before {
        width: 100%;
        top: 0
    }

    #promo-list {
        margin: 0 -20px 50px
    }

    #promo-list .banner+.banner {
        margin-top: 20px
    }

    .products {
        margin: 0 -0.5px;
        justify-content: center
    }

    .products .prd {
        max-width: 375px;
        width: calc(50% - 1px);
        margin: 0 0.5px 40px
    }

    .products .prd-multi {
        width: 100%;
        max-width: 750px
    }

    .products .feed {
        max-width: 375px;
        width: calc(50% - 1px);
        margin: 0 0.5px 40px
    }

    .plp-banners .swiper-slide {
        width: 300px
    }

    .plp-banners .swiper-slide:first-child {
        margin-left: 20px
    }

    .plp-banners .swiper-slide:last-child {
        margin-right: 20px
    }

    .plp-panel {
        margin-top: 20px;
        flex-wrap: wrap
    }

    .plp-actions {
        order: 1;
        width: 100%;
        margin-top: 10px
    }

    .plp-actions ul {
        display: flex;
        align-items: center
    }

    .plp-actions li {
        flex: 1;
        border-top: 1px solid rgba(129, 129, 155, 0.2);
        border-bottom: 1px solid rgba(129, 129, 155, 0.2)
    }

    .plp-actions li:first-child {
        border-right: 1px solid rgba(129, 129, 155, 0.2)
    }

    .plp-actions button {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        height: 50px;
        width: 100%
    }

    .plp-title {
        padding-left: 20px
    }

    .plp-info {
        padding-left: 20px
    }

    .plp-info b {
        display: block;
        font-size: 1.25rem;
        line-height: 1.4
    }

    .plp-view {
        padding-right: 20px;
        margin-left: auto
    }

    .plp-view .btn-double,
    .plp-view .btn-multiple {
        display: none
    }

    .plp-menu {
        padding: 17px 0
    }

    .plp-menu ul {
        display: flex;
        padding: 0 20px
    }

    .plp-menu a {
        white-space: nowrap;
        display: inline-flex;
        align-items: center;
        height: 28px;
        padding: 0 16px;
        margin: 0;
        cursor: pointer;
        border: 1px solid rgba(129, 129, 155, 0.2);
        border-radius: 28px;
        background-color: rgba(0, 0, 0, 0);
        color: #29335C
    }

    .plp-menu li+li {
        margin-left: 5px
    }

    .plp-menu li.active a {
        color: #fff;
        background-color: #3A0CA3;
        border-color: rgba(0, 0, 0, 0)
    }

    .plp-list {
        overflow: hidden
    }

    .plp-footer {
        padding: 0 20px;
        margin-bottom: 40px
    }

    .plp-view-bigger .plp-view .btn-single {
        display: none
    }

    .plp-view-bigger .plp-view .btn-double {
        display: block
    }

    .plp-view-bigger .products .prd {
        width: 100%
    }

    .plp-view-bigger .products .prd-multi {
        max-width: 375px;
        width: 100%
    }

    .plp-view-bigger .products .prd-multi .prd-media .responsive::before {
        padding-top: 149.81818%
    }

    .plp-view-bigger .products .prd-multi .prd-media figure:last-child {
        display: none
    }

    .plp-view-bigger .products .feed {
        width: 100%
    }

    .page-pdp #recommended-products {
        padding: 45px 0 60px
    }

    .pdp {
        position: relative
    }

    .pdp-body {
        padding-bottom: 30px
    }

    .pdp-body .btn-favorite {
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 1
    }

    .pdp-gallery-hero {
        display: none
    }

    .pdp-tags {
        bottom: 15px;
        left: 10px;
        z-index: 1
    }

    .pdp-body {
        padding: 30px 20px 40px
    }

    .pdp-block1 {
        position: relative
    }

    .pdp-heading {
        padding-right: 85px
    }

    .pdp-rating {
        position: absolute;
        top: 0;
        right: 0
    }

    .pdp-share {
        margin-top: 10px
    }

    .pdp-share-d {
        display: none
    }

    .pdp-share-m .btn-pdp-share {
        font-weight: 500;
        display: inline-flex;
        align-items: center
    }

    .pdp-share-m .btn-pdp-share span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        background-color: #ECECF4;
        border-radius: 100%;
        margin-left: 16px
    }

    .rvw {
        margin: 40px 0 60px
    }

    .rvw-sum {
        margin: 0 -20px 30px
    }

    .rvw-header {
        margin-bottom: 30px
    }

    .rvw-title {
        font-size: 1.25rem;
        line-height: 1.4;
        font-weight: 500
    }

    .rvw-list {
        padding-bottom: 30px;
        border-bottom: 1px solid rgba(129, 129, 155, 0.2)
    }

    .rvw-list-more {
        margin-top: 30px
    }

    .rvw-item-feedback {
        margin-top: 15px
    }

    .rvw-item-comment {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        height: 88px
    }

    .rvw-item-readmore {
        margin-top: 5px
    }

    .page-search-result .plp-view {
        align-self: flex-end
    }

    .dnr {
        height: calc(100vh - 140px);
        padding: 0 50px
    }

    .stl {
        margin: 0 auto;
        max-width: 570px
    }

    .stl-media {
        max-width: 570px
    }

    .stl-body {
        padding: 30px 20px
    }

    .stl-header {
        margin-bottom: 30px
    }

    .stl-title {
        font-size: 1.25rem;
        line-height: 1.4
    }

    .stl-items .swiper-wrapper {
        flex-direction: column
    }

    .stl-items [class*="swiper-button"] {
        display: none
    }

    .stl-item {
        margin: 0 auto 30px
    }

    .stl-item-options {
        margin-top: 10px
    }

    .mam {
        margin-bottom: 45px
    }

    .mam-controls {
        padding: 0 20px 30px
    }

    .mam-controls-title {
        font-size: 1.25rem;
        line-height: 1.4;
        margin-top: 30px
    }

    .mam-controls-info {
        margin: 5px 0 15px
    }

    .mam-model-cta {
        display: flex;
        align-items: center;
        height: 72px;
        border: 1px solid rgba(129, 129, 155, 0.2);
        border-radius: 10px;
        padding: 0 20px;
        width: 100%
    }

    .mam-model-cta::after {
        content: "";
        transform: rotate(-90deg);
        flex: 0 0 24px
    }

    .mam-model-cta .responsive {
        flex: 0 0 40px;
        margin-right: 10px
    }

    .mam-model-cta span {
        flex: 1;
        font-weight: 500
    }

    .mam-model-inner {
        position: fixed;
        top: 50%;
        left: 50%;
        z-index: 9;
        width: 100%;
        max-width: 285px;
        padding: 20px;
        border-radius: 20px;
        background: #fff;
        transform: translate(-50%, -50%);
        transition: all .2s ease;
        overflow: hidden;
        display: none
    }

    .mam-model-body {
        margin-top: 10px
    }

    .mam-model-header .btn-close-layer {
        position: absolute;
        top: 20px;
        right: 15px
    }

    .mam-model-title {
        font-size: 1.25rem;
        line-height: 1.4;
        font-weight: 700
    }

    .mam-model-button {
        margin-top: 30px
    }

    .mam-model-button .btn,
    .mam-model-button .prq-item-sel label,
    .prq-item-sel .mam-model-button label {
        width: 100%
    }

    .mam-model-list {
        margin-top: 30px
    }

    .mam-model-list button {
        width: 60px;
        height: 60px
    }

    .mam-model-list .responsive {
        width: 40px
    }

    .mam-model+.mam-model {
        margin-top: 10px
    }

    .mam-model-top-ready,
    .mam-model-bottom-ready {
        overflow: hidden
    }

    .mam-model-top-ready #overlay,
    .mam-model-bottom-ready #overlay {
        z-index: 8;
        display: block
    }

    .mam-model-top-ready #mam-model-top {
        display: block
    }

    .mam-model-bottom-ready #mam-model-bottom {
        display: block
    }

    .mam-prds-block {
        padding: 40px 20px
    }

    .mam-prds-bottom {
        border-top: 1px solid rgba(129, 129, 155, 0.2)
    }

    .mam-prds-models {
        margin-bottom: 30px
    }

    .mam-prds-product .prd-row-media,
    .mam-prds-product .prd-row-selections,
    .mam-prds-product .prd-row-button {
        display: none
    }

    .mam-prds-product .prd-row-title {
        font-size: 1.25rem;
        line-height: 1.4;
        font-weight: 500;
        margin-bottom: 10px
    }

    .mam-prds-product .prd-row-controls {
        margin-top: 20px
    }

    .mam-prds-product .prd-row-selection .dropdown-toggle {
        display: none
    }

    .mam-prds-product .prd-row-selection .dropdown-menu {
        display: flex;
        position: static;
        padding: 0;
        border: none
    }

    .mam-button {
        padding: 0 20px
    }

    .msh-banner {
        display: none
    }

    .msh-body {
        width: 100%;
        padding: 30px 20px
    }

    .msh-section+.msh-section::before {
        left: -20px;
        width: calc(100% + 40px)
    }

    .msh-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 70px;
        background-color: #FA5373;
        color: #fff;
        padding: 0 20px;
        z-index: 3
    }

    .msh-login {
        border-top: 1px solid rgba(129, 129, 155, 0.2)
    }

    .page-register-success #membership-grid {
        display: flex;
        flex-direction: column
    }

    .page-register-success .msh-body {
        order: 1;
        padding: 50px 20px
    }

    .page-register-success .msh-banner {
        display: flex;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        align-items: center;
        justify-content: center;
        height: 375px
    }

    .page-register-success .msh-banner .banner {
        display: none
    }

    .page-register-success .msh-banner::before {
        content: "";
        width: 80px;
        height: 80px
    }

    .page-register-success .form-result::before {
        display: none
    }

    .page-reset-password-success .msh-header {
        border-bottom: 1px solid rgba(129, 129, 155, 0.2)
    }

    .page-reset-password-success .msh-body {
        height: calc(100vh - 70px);
        background-color: #FA5373
    }

    .page-reset-password-success .frc {
        color: #fff;
        display: flex;
        flex-direction: column
    }

    .page-reset-password-success .frc::before {
        display: none
    }

    .page-reset-password-success .frc::after {
        content: "";
        width: 80px;
        height: 80px;
        margin: 40px 0
    }

    .page-reset-password-success .frc-title {
        order: 1
    }

    .page-reset-password-success .frc-desc {
        order: 2
    }

    .page-reset-password-success .frc-button {
        order: 3
    }

    .page-reset-password-success .frc-button .btn,
    .page-reset-password-success .frc-button .prq-item-sel label,
    .prq-item-sel .page-reset-password-success .frc-button label {
        background-color: #fff;
        color: #FA5373
    }

    .member-userbox {
        padding: 20px
    }

    .member-userbox-avatar {
        background-color: #FAF0F4
    }

    .member-menu {
        display: flex;
        padding: 0 20px;
        margin-top: 10px
    }

    .member-menu-item {
        white-space: nowrap;
        padding: 0 5px 7px;
        border-bottom: 1px solid rgba(129, 129, 155, 0.2)
    }

    .member-menu-item.active {
        border-bottom-color: #FA5373
    }

    .member-body {
        padding: 0 20px
    }

    .member-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 3;
        height: 70px;
        padding: 0 20px;
        border-bottom: 1px solid rgba(129, 129, 155, 0.2);
        background-color: #fff
    }

    .member-header-title {
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 700
    }

    .member-title {
        display: none
    }

    .member-title-mobile .member-title {
        display: block
    }

    .mol {
        margin: 0 -20px
    }

    .mol-more {
        margin-bottom: 90px
    }

    .member-detail-page .header {
        display: none
    }

    .mod-section::after {
        margin-top: 30px
    }

    .mod-sum {
        margin-top: 30px
    }

    .mod-cancel {
        margin-top: 20px
    }

    .mod-details {
        margin-top: 30px
    }

    .mod-details-header {
        padding: 30px 20px
    }

    .mod-progress {
        margin: 30px 20px 20px
    }

    .mod-delivery-block span {
        display: block;
        color: #81819B
    }

    .mod-delivery-block b {
        font-size: 1.25rem;
        line-height: 1.4;
        font-weight: 500
    }

    .mod-delivery-block+.mod-delivery-block {
        margin-top: 15px
    }

    .mod-track {
        margin-top: 20px
    }

    .mod-products::after {
        margin-top: 20px
    }

    .mod-addr {
        margin-top: 40px
    }

    .mod-addr-title {
        margin-bottom: 20px
    }

    .mod-prch {
        margin-top: 30px
    }

    .mod-docs {
        margin-top: 30px
    }

    .mod-docs-title {
        margin-bottom: 20px
    }

    .mor-bank::before {
        margin: 0 -20px 30px
    }

    .page-order-return-result .mor {
        display: flex;
        flex-direction: column;
        height: calc(100vh - 70px)
    }

    .page-order-return-result .mor-result {
        margin-top: auto;
        padding-bottom: 40px
    }

    .mnl-header {
        margin: 0 -20px
    }

    .mnl-item {
        padding: 20px 10px
    }

    .mnl-item-product {
        margin-top: 20px
    }

    .mfp {
        flex-wrap: wrap;
        padding-bottom: 20px
    }

    .mfp-product {
        width: calc(100% - 38px)
    }

    .mfp-controls {
        flex: 1;
        width: 100%;
        margin-top: 20px
    }

    .mcp-benefit {
        width: 75px
    }

    .mlc-block1 {
        margin-top: 30px
    }

    .mlc-info {
        margin-top: 35px
    }

    .mlc-block2 {
        margin: 40px -20px 0
    }

    .mlc-recent-title {
        padding: 0 20px
    }

    .mlc-recent-list {
        padding: 0 20px
    }

    .mlc-block3 {
        margin-top: 30px
    }

    .mlc-block3::before {
        margin: 0 -20px
    }

    .mlc-level {
        margin-top: 30px
    }

    .mlc-level-bar {
        margin-top: 20px
    }

    .mlc-next-info {
        margin-top: 40px
    }

    .mlc-block4 {
        margin-top: 30px
    }

    .mlc-block4::before {
        margin: 0 -20px
    }

    .mlc-activites {
        margin-top: 30px
    }

    .mlc-activites-row {
        grid-template-columns: calc(40% - 20px) calc(60% - 20px);
        gap: 12px 40px;
        border-bottom: 1px solid rgba(129, 129, 155, 0.2);
        padding-bottom: 12px;
        margin-bottom: 40px
    }

    .mlc-activites-row dt {
        margin-bottom: 5px
    }

    .pso::before {
        content: "";
        display: block;
        height: 30px;
        background-color: #ECECF4;
        margin: 0 -20px 30px
    }

    .pso-title {
        margin-bottom: 20px
    }

    .pso-items {
        margin: 0 -20px;
        padding: 0 20px
    }

    .pso-items .banner {
        display: inline-block;
        width: 320px;
        height: 320px
    }

    .pso-items .banner+.banner {
        margin-left: 10px
    }

    .mln-intro {
        margin-top: 40px
    }

    .mln-intro-desc {
        margin: 30px 0 20px;
        max-width: 335px
    }

    .mln-intro-buttons .btn,
    .mln-intro-buttons .prq-item-sel label,
    .prq-item-sel .mln-intro-buttons label {
        width: 100%
    }

    .mln-intro-buttons .btn+.btn,
    .mln-intro-buttons .prq-item-sel label+.btn,
    .prq-item-sel .mln-intro-buttons label+.btn,
    .mln-intro-buttons .prq-item-sel .btn+label,
    .prq-item-sel .mln-intro-buttons .btn+label,
    .mln-intro-buttons .prq-item-sel label+label,
    .prq-item-sel .mln-intro-buttons label+label {
        margin-top: 10px
    }

    .mln-info {
        margin-top: 30px
    }

    .mln-info::before {
        margin: 0 -20px 40px
    }

    .mln-benefits {
        margin-top: 40px
    }

    .mln-benefits-item {
        margin-bottom: 25px
    }

    .mln-levels {
        margin-top: 30px
    }

    .mln-levels::before {
        margin: 0 -20px 75px
    }

    .mln-lvl-header {
        margin-bottom: 20px
    }

    .mln-lvl+.mln-lvl {
        margin-top: 40px
    }

    .mln-ad {
        margin: 35px -20px 40px;
        padding: 40px 20px
    }

    .mln-ad-buttons .btn,
    .mln-ad-buttons .prq-item-sel label,
    .prq-item-sel .mln-ad-buttons label {
        width: 100%
    }

    .mln-ad-buttons .btn+.btn,
    .mln-ad-buttons .prq-item-sel label+.btn,
    .prq-item-sel .mln-ad-buttons label+.btn,
    .mln-ad-buttons .prq-item-sel .btn+label,
    .prq-item-sel .mln-ad-buttons .btn+label,
    .mln-ad-buttons .prq-item-sel label+label,
    .prq-item-sel .mln-ad-buttons label+label {
        margin-top: 10px
    }

    .mab {
        margin-bottom: 70px
    }

    .mab-controls {
        margin-top: 25px
    }

    .mab-controls .btn-new {
        width: 100%;
        justify-content: space-between
    }

    #personal-info {
        padding-top: 20px;
        margin-bottom: 75px
    }

    #personal-info .btn,
    #personal-info .prq-item-sel label,
    .prq-item-sel #personal-info label {
        width: 100%
    }

    .mca {
        margin-bottom: 75px
    }

    .mca-form {
        margin-top: 30px
    }

    .mca-form .btn,
    .mca-form .prq-item-sel label,
    .prq-item-sel .mca-form label {
        width: 100%
    }

    #change-password {
        margin-bottom: 75px
    }

    #change-password .btn,
    #change-password .prq-item-sel label,
    .prq-item-sel #change-password label {
        width: 100%
    }

    .pto {
        padding: 0 20px
    }

    .pto-title {
        margin: 10px 0
    }

    .pto-body {
        max-width: 335px;
        margin: 0 auto
    }

    .pto-box+.pto-box {
        margin-top: 20px
    }

    #lookbook {
        margin: 0 -20px 50px
    }

    #lookbook .banner+.banner {
        margin-top: 25px
    }

    #lookbook .bnr-footer {
        padding: 15px 0;
        position: absolute;
        bottom: 0;
        left: 0
    }

    #lookbook .bnr-button {
        padding: 0 20px
    }

    #lookbook .btn-preview {
        flex: 1
    }

    #lookbook .btn-download {
        margin-left: 20px
    }

    .sustainability-pages .section-sfi {
        margin-top: 50px
    }

    .sst-text {
        margin: 30px 0 20px
    }

    .sst-menu {
        padding: 0 20px
    }

    .sst-menu-item {
        margin-bottom: 20px
    }

    .sst-content-media {
        margin-bottom: 30px
    }

    .sst-content-text p+h3 {
        margin-top: 30px
    }

    .sst-content-text+.sst-content-title {
        margin-top: 40px
    }

    .sst-content-text ul {
        margin: 10px 0 30px
    }

    .sst-content-text li {
        color: #81819B
    }

    .sst-content-list {
        margin-bottom: 80px
    }

    .sst-content-list .sst-content+.sst-content {
        margin-top: 40px
    }

    .sst-content.type2 .sst-content-media {
        margin: 0 -20px 30px
    }

    .sst-future {
        margin-top: 70px
    }

    .sst-future-body {
        padding-bottom: 60px
    }

    .sst-future-title {
        font-size: 1.5rem;
        line-height: 1.33333;
        margin: 30px 0 40px
    }

    .sst-future-content h2 {
        font-size: 1.25rem;
        line-height: 1.4;
        font-weight: 500;
        margin-bottom: 10px
    }

    .sst-future-content p {
        margin-bottom: 0
    }

    .sst-future-content li+li {
        margin-top: 45px
    }

    .page-promises .section-sfi {
        margin-top: 100px
    }

    #newsroom {
        margin: 0 -20px 80px
    }

    #newsroom .banner+.banner {
        margin-top: 20px
    }

    .nlp {
        margin: 0 -20px
    }

    .nlp-tabs {
        margin-bottom: 20px
    }

    .nlp-tabs .nav {
        padding: 0 20px
    }

    .nlp-list .banner+.banner {
        margin-top: 20px
    }

    .nlp-list .bnr-body {
        padding: 20px
    }

    .ndp {
        margin: 20px 0 40px
    }

    .ndp-share {
        margin-top: 30px
    }

    .ndp-content-media {
        margin: 30px -20px 0
    }

    .ndp-content-text {
        margin-top: 30px
    }

    .pnf {
        height: calc(100vh - 70px)
    }

    .map-content .swiper-slide {
        width: 323px
    }

    .corporate-pages #site-header,
    .corporate-pages .header,
    .help-pages #site-header,
    .help-pages .header {
        height: 130px
    }

    .corporate-pages .header,
    .help-pages .header {
        background-color: #fff
    }

    .corp-grid {
        margin-bottom: 80px
    }

    .corp-sidebar {
        position: fixed;
        z-index: 4;
        top: 70px;
        left: 0;
        width: 100%;
        padding: 0 20px
    }

    .corp-menu {
        display: none;
        padding: 30px 25px 40px;
        background-color: #ECECF4;
        border-radius: 0 0 10px 10px;
        position: absolute;
        top: 25px;
        left: 20px;
        width: calc(100% - 40px);
        z-index: 1
    }

    .corp-menu-title {
        display: none
    }

    .corp-menu-trigger {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        height: 50px;
        background-color: #ECECF4;
        border-radius: 50px;
        padding: 0 10px 0 25px;
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 500;
        position: relative;
        z-index: 2
    }

    .corp-menu-trigger::after {
        content: ""
    }

    .corp-menu-ready .corp-menu {
        display: block
    }

    .corp-menu-ready #overlay {
        display: block
    }

    .corp-body {
        padding: 0 20px
    }

    .corp-title {
        margin-bottom: 5px
    }

    .corp-content>figure {
        margin: 60px -20px 0;
        width: auto
    }

    .corp-categories {
        margin-top: 50px
    }

    .corp-cat-list {
        margin: 50px -20px 0;
        padding: 0 20px
    }

    .corp-cat-item {
        display: inline-block;
        width: 100%
    }

    .corp-cat-item+.corp-cat-item {
        margin-left: 10px
    }

    .corp-history {
        margin: 50px -20px 0;
        padding: 0 20px 15px
    }

    .corp-certificates {
        margin-top: 35px
    }

    .corp-video {
        margin-top: 30px
    }

    .cas-item {
        margin-bottom: 15px
    }

    .cas-body {
        display: none;
        padding-bottom: 5px
    }

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

    .cas-title::after {
        content: ""
    }

    .page-store-finder #site-footer,
    .page-store-finder .section-sfi {
        display: none
    }

    .page-store-finder #site-main {
        padding-bottom: 50px
    }

    .psf-title {
        padding: 0 20px
    }

    .help-accordion {
        margin: 15px -20px 0
    }

    .help-accordion .acc-header {
        padding: 0 20px
    }

    .help-accordion .acc-body {
        padding: 10px 20px 20px;
        margin-bottom: 30px
    }

    .help-guide li {
        padding: 20px
    }

    .help-contact {
        margin-top: 30px
    }

    .hcp-location {
        margin-top: 45px
    }

    .hcp-map {
        margin: 0 -20px
    }

    .csp {
        margin-bottom: 20px
    }

    .csp-benefits {
        padding: 60px 0
    }

    .csp-benefits-title {
        padding: 0 10px;
        margin-bottom: 40px
    }

    .csp-benefits-list {
        grid-template-columns: repeat(2, auto);
        gap: 30px 0;
        margin: 0 -20px
    }

    .csp-benefit-body span {
        padding: 0 15px
    }

    .csp-levels {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .csp-levels .mln-lvl {
        margin-left: 10px;
        margin-right: 10px
    }

    .csp-levels .mln-lvl+.mln-lvl {
        margin-top: 30px
    }

    .csp-ad {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .csp-ad .mln-ad-title,
    .csp-ad .mln-ad-desc {
        padding: 0 10px
    }

    .csp-ad-items {
        margin-bottom: 60px;
        flex-direction: column;
        align-items: center
    }

    .csp-ad-item+.csp-ad-item {
        margin-top: 40px
    }

    .csp-faq {
        padding: 60px 10px 50px
    }

    .csp-member {
        padding: 30px 10px 50px
    }

    .csp-member-info {
        margin-bottom: 30px
    }

    .csp-member-block2 {
        margin-top: 60px
    }

    .csp-offers {
        padding: 30px 0 60px
    }

    .csp-offers-title {
        padding: 0 20px;
        margin-bottom: 20px
    }

    .csp-offers-list .swiper-button-prev,
    .csp-offers-list .swiper-button-next {
        display: none
    }

    .csp-offers-list .swiper-container {
        padding: 0 20px
    }

    .csp-offers-list .swiper-slide {
        width: 320px
    }

    .csp-offers-list .swiper-slide+.swiper-slide {
        margin-left: 10px
    }

    .csp-offers-list .banner {
        height: 320px
    }

    .checkout-pages .header {
        display: none
    }

    .checkout-pages #site-footer,
    .checkout-pages .section-sfi {
        display: none
    }

    .checkout-pages #site-main {
        margin-bottom: 100px
    }

    .checkout-header {
        background-color: #fff;
        border-bottom: 1px solid rgba(129, 129, 155, 0.2);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 70px;
        z-index: 3;
        padding: 0 20px;
        display: flex;
        align-items: center
    }

    .checkout-back {
        display: inline-block;
        margin-right: 10px
    }

    .checkout-title {
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 700
    }

    .checkout-steps {
        margin-left: auto
    }

    .checkout-processing {
        height: calc(100vh - 70px)
    }

    .checkout-grid .mmc-empty {
        margin-top: 50px
    }

    .page-cart .section-psw {
        margin-top: 30px
    }

    .page-cart .section-psw::before {
        height: 30px
    }

    .cart-footer {
        height: 90px;
        margin-top: 30px
    }

    .cart-offer {
        padding: 20px 60px 20px 20px;
        margin: 20px 20px 0
    }

    .cart-rows {
        padding: 0 20px
    }

    .cart-row {
        margin-top: 30px
    }

    .cart-row .prd-row {
        margin-bottom: 20px
    }

    .cart-sum-body {
        width: 100%;
        position: fixed;
        z-index: 4;
        left: 0;
        bottom: 60px;
        transform: translateY(100%)
    }

    .cart-sum-header {
        display: none
    }

    .cart-sum-footer {
        height: 60px;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 4
    }

    .cart-sum-total b {
        display: flex;
        align-items: center
    }

    .cart-sum-total b::after {
        content: "";
        transform: rotate(180deg)
    }

    .cart-sum-confirm {
        padding: 45px 20px 10px
    }

    .cart-sum-ready .cart-sum-body {
        animation: toTop .2s ease forwards
    }

    .cart-sum-ready .cart-sum-total b::after {
        transform: rotate(0)
    }

    .cart-sum-ready #overlay {
        display: block
    }

    .cart-extra {
        padding: 0 20px
    }

    .cart-extra-title {
        font-size: 1.25rem;
        line-height: 1.4;
        font-weight: 700
    }

    .cpn-trigger {
        padding: 20px
    }

    .cpn-body {
        margin: 0 20px
    }

    .sco-controls {
        margin-top: 20px
    }

    #purchase {
        padding: 0 20px
    }

    .cps-sep::before {
        margin: 0 -20px 30px
    }

    .pay-card-block3 {
        margin-top: 30px
    }

    .page-checkout-result.checkout-pages #site-main {
        margin-bottom: 0
    }

    .checkout-result {
        height: calc(100vh - 70px)
    }

    .crp {
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .crp-body {
        padding: 20px 10px 0
    }

    .crp-info {
        margin-top: 50px
    }

    .crp-footer {
        padding-bottom: 30px;
        margin-top: auto;
        width: 100%
    }

    .crp-error {
        justify-content: center
    }

    .crp-error .crp-body {
        padding-top: 0
    }
}

@media(min-width:1025px) {
    .m {
        display: none !important
    }

    [class*="container-max-"] {
        padding: 0 20px
    }

    .container-max-600 {
        max-width: 640px
    }

    .container-max-700 {
        max-width: 740px
    }

    .container-max-1100 {
        max-width: 1140px
    }

    .container-max-1240 {
        max-width: 1280px
    }

    .container-max-1390 {
        max-width: 1430px
    }

    .link:hover {
        border-bottom: 1px solid currentColor
    }

    .link-inline:hover {
        border-bottom: 1px solid transparent
    }

    .link-action::after {
        content: "";
        height: 0;
        width: 100%;
        position: absolute;
        bottom: -.5px;
        left: 0;
        border-bottom: 1px solid currentColor;
        font-size: 0;
        transform: translateX(-100%)
    }

    .link-action:hover::before {
        animation: borderShrinkToRight 0.333s cubic-bezier(0.215, 0.61, 0.355, 1) forwards
    }

    .link-action:hover::after {
        animation: borderGrowToRight 0.666s cubic-bezier(0.215, 0.61, 0.355, 1) forwards
    }

    .btn-primary:hover {
        background-color: #EE4F6D;
        color: #fff
    }

    .btn-secondary:hover {
        background-color: #010B34;
        color: #fff
    }

    .btn-extra:hover {
        background-color: #290973;
        color: #fff
    }

    .btn-light:hover {
        border-color: rgba(129, 129, 155, 0.2)
    }

    .btn-outline-light:hover,
    .prq-item-sel label:hover {
        border-color: #29335C
    }

    .breadcrumb {
        padding: 0 50px
    }

    .nav-tabs .nav-link:hover {
        border-bottom-color: #81819B
    }

    .modal-body::-webkit-scrollbar,
    .cpo-list::-webkit-scrollbar,
    #search-layer::-webkit-scrollbar,
    .mmn-lv1-subs::-webkit-scrollbar {
        width: 4px
    }

    .modal-body::-webkit-scrollbar-thumb,
    .cpo-list::-webkit-scrollbar-thumb,
    #search-layer::-webkit-scrollbar-thumb,
    .mmn-lv1-subs::-webkit-scrollbar-thumb {
        background: transparent;
        border-radius: 20px
    }

    .modal-body::-webkit-scrollbar-thumb:hover,
    .cpo-list::-webkit-scrollbar-thumb:hover,
    #search-layer::-webkit-scrollbar-thumb:hover,
    .mmn-lv1-subs::-webkit-scrollbar-thumb:hover {
        background: #29335C
    }

    .modal-body::-webkit-scrollbar-track,
    .cpo-list::-webkit-scrollbar-track,
    #search-layer::-webkit-scrollbar-track,
    .mmn-lv1-subs::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 20px
    }

    .modal-body:hover::-webkit-scrollbar-thumb,
    .cpo-list:hover::-webkit-scrollbar-thumb,
    #search-layer:hover::-webkit-scrollbar-thumb,
    .mmn-lv1-subs:hover::-webkit-scrollbar-thumb {
        background: #29335C
    }

    .modal-body:hover::-webkit-scrollbar-track,
    .cpo-list:hover::-webkit-scrollbar-track,
    #search-layer:hover::-webkit-scrollbar-track,
    .mmn-lv1-subs:hover::-webkit-scrollbar-track {
        background: #ECECF4
    }

    .page-heading {
        margin: 50px 0 30px
    }

    .page-title {
        font-size: 1.5rem;
        line-height: 1.33333
    }

    .page-desc {
        margin-top: 10px
    }

    .page-cover {
        height: 580px
    }

    .page-cover-media {
        width: 100%
    }

    .page-cover-media img {
        width: 100%
    }

    .form .col-lg-6:first-child {
        padding-right: 15px
    }

    .form .col-lg-6:last-child:not(:only-child) {
        padding-left: 15px
    }

    .modal-dialog {
        min-height: auto;
        height: 100vh
    }

    .modal-header {
        height: 80px;
        padding: 0 40px
    }

    .modal-title {
        font-size: 1.25rem;
        line-height: 1.4;
        font-weight: 500
    }

    .modal-body {
        padding: 15px 40px 30px
    }

    #modal-filters .modal-body,
    #modal-sort-by .modal-body {
        padding: 0 20px
    }

    #modal-filters .modal-footer,
    #modal-sort-by .modal-footer {
        padding: 0 30px
    }

    .fg-item {
        margin-top: 10px
    }

    .fg-header button {
        padding: 20px 60px 20px 20px
    }

    #sort-by {
        padding: 10px 20px
    }

    #modal-store-finder .modal-body {
        padding: 20px 20px 0
    }

    #modal-store-finder .map-container {
        margin: 0 -20px
    }

    .prq-item-sel label:hover {
        background-color: #FA5373;
        color: #fff;
        border-color: transparent
    }

    .lcm-button {
        padding: 20px 30px;
        background-color: #ECECF4
    }

    #site-header {
        height: 80px
    }

    .header-inner {
        height: 80px;
        padding: 0 50px
    }

    .hdr-left {
        width: 190px
    }

    .hdr-left .btn-menu {
        display: inline-flex;
        align-items: center
    }

    .hdr-left .btn-menu span {
        margin-left: 10px
    }

    .hdr-left .logo {
        margin-left: 50px
    }

    .hdr-search {
        flex: 1;
        padding: 0 20px
    }

    .hdr-right {
        width: 190px;
        justify-content: flex-end
    }

    .hdr-right>a+a {
        margin-left: 20px
    }

    .hdr-right .user {
        position: relative
    }

    .hdr-right .btn-account {
        display: flex;
        align-items: center
    }

    .hdr-right .btn-account::after {
        content: ""
    }

    #searchbox {
        max-width: 800px;
        margin: 0 auto
    }

    #searchbox input {
        height: 38px;
        border-radius: 20px;
        background-color: #F6F0F4;
        padding: 0 20px 0 50px;
        color: #29335C
    }

    #searchbox input::placeholder {
        color: #81819B
    }

    #searchbox .btn-submit-search {
        left: 15px
    }

    #searchbox .btn-back {
        right: -34px;
        background: none;
        display: none
    }

    #searchbox .btn-back::before {
        content: ""
    }

    #searchbox .btn-clear {
        display: none
    }

    #search-layer {
        width: 100%;
        min-height: 310px;
        padding: 40px 50px;
        position: absolute;
        left: 0;
        top: 80px;
        background-color: #fff;
        display: none
    }

    .ssl-default {
        max-width: 790px;
        margin: 0 auto
    }

    .ssl-title {
        margin-right: 10px
    }

    .ssl-products {
        margin: 35px auto;
        width: 100%;
        max-width: 1130px;
        display: grid;
        grid-template-columns: repeat(auto-fill, 275px);
        gap: 10px
    }

    .ssl-result-ready #search-layer {
        height: calc(100vh - 80px)
    }

    .search-layer-ready #overlay {
        display: block
    }

    .search-layer-ready .header {
        z-index: 4
    }

    .search-layer-ready #search-layer {
        display: block
    }

    .search-layer-ready #searchbox .btn-back {
        display: inline-block
    }

    #main-menu {
        max-width: 364px
    }

    .mmn {
        padding: 80px 40px;
        height: 100vh
    }

    .mmn-close {
        right: 40px;
        top: 30px
    }

    .mmn-header,
    .mmn-footer {
        display: none
    }

    .mmn-lv1-subs {
        position: absolute;
        top: 0;
        right: -100%;
        background-color: #fff;
        width: 364px;
        height: 100vh;
        border-left: 1px solid rgba(129, 129, 155, 0.2);
        padding: 85px 40px;
        overflow: auto
    }

    .mmn-lv1-title {
        font-size: 1.25rem;
        line-height: 1.4;
        font-weight: 500;
        margin-bottom: 30px
    }

    .mmn-lv2-subs {
        padding: 10px 0 30px 20px
    }

    .mmn-lv2-link::after {
        margin-right: 20px
    }

    .mmn-lv3-link::after {
        margin-right: 20px
    }

    .mmn-link {
        width: 100%
    }

    .mmn-link:hover span {
        font-weight: 700
    }

    .mmn-active>.mmn-lv1-link::after {
        content: "";
        transform: rotate(-90deg)
    }

    .mmn-active>.mmn-lv2-link::after {
        content: "";
        transform: rotate(180deg)
    }

    #user-menu {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 100%);
        width: 210px;
        padding-top: 10px;
        display: none
    }

    .usm {
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0px 5px 15px rgba(41, 51, 92, 0.4);
        padding: 40px 30px 30px
    }

    .usm::before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 7px 10px 7px;
        border-color: transparent transparent #ffffff transparent;
        position: absolute;
        top: 0;
        left: calc(50% - 7px)
    }

    .usm-header {
        display: flex;
        align-items: center;
        margin-bottom: 25px
    }

    .usm-header figure {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 60px;
        border-radius: 100%;
        overflow: hidden;
        background-color: #FAF0F4;
        color: #FA5373;
        font-size: 1.25rem;
        line-height: 1.4;
        font-weight: 700;
        margin-right: 10px
    }

    .usm-header-right .btn-logout {
        color: #DD2E44;
        font-size: .75rem;
        line-height: 1.5
    }

    .usm-name {
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 500
    }

    .usm-menu li+li {
        margin-top: 10px
    }

    .user-menu-ready .header {
        z-index: 4
    }

    .user-menu-ready #user-menu {
        display: block
    }

    .user-menu-ready #overlay {
        display: block;
        background: none
    }

    #top-stripe {
        position: absolute;
        top: 0;
        left: 0
    }

    .top-stripe-ready .header {
        position: absolute;
        top: 44px
    }

    #langbox {
        align-items: center;
        padding: 20px 50px;
        height: 90px
    }

    #langbox .select {
        width: 200px;
        margin-right: 10px
    }

    .lcs-desc {
        max-width: 290px;
        margin-right: 20px
    }

    .lcs-button {
        width: 170px
    }

    .langbox-ready #site-header {
        height: 170px
    }

    #newsletter {
        margin-left: auto
    }

    .nwt-title {
        margin-bottom: 10px
    }

    .ftr-block1 {
        display: flex;
        border-top: 1px solid rgba(129, 129, 155, 0.2);
        padding: 60px 0 50px
    }

    .ftr-block1 .logo {
        width: 118px
    }

    .ftr-block1 .logo img {
        width: 100%
    }

    .ftr-block2 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 60px
    }

    .ftr-help {
        width: 335px;
        margin-right: 50px
    }

    .ftr-menu {
        max-width: 700px;
        flex: 1;
        display: flex;
        justify-content: space-between
    }

    .ftr-pay {
        margin-right: 100px
    }

    .ftr-social {
        margin-left: auto
    }

    .ftr-block4 {
        height: 75px;
        background-color: #FA5373
    }

    .ftr-block4-inner {
        margin: 50px auto 0;
        width: 100%;
        max-width: 1280px;
        height: 100%;
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #fff;
        font-size: .75rem;
        line-height: 1.5
    }

    .ftr-links {
        text-align: center;
        padding: 0 30px
    }

    .ftr-links .link+.link {
        margin-left: 40px
    }

    .ftr-99 {
        mix-blend-mode: lighten
    }

    .fhp-row {
        margin-bottom: 10px
    }

    .fmn-head {
        font-size: 1rem;
        line-height: 1.5;
        margin-bottom: 10px;
        cursor: default !important
    }

    .fmn-col {
        flex: 1
    }

    .shopping-features {
        grid-template-columns: repeat(4, minmax(auto, 270px));
        justify-content: space-between;
        padding: 100px 0 80px
    }

    .sfi-icon .icon {
        font-size: 48px
    }

    .sfi-title {
        font-weight: 700;
        font-size: 1rem;
        line-height: 1.5;
        margin-bottom: 10px
    }

    .sfi-desc {
        color: #81819B
    }

    .prd-media {
        max-height: 412px
    }

    .prd-media img {
        transition: all 0.666s cubic-bezier(0.215, 0.61, 0.355, 1) 0s
    }
}

@media(min-width:1025px) and (prefers-reduced-motion:reduce) {
    .prd-media img {
        transition: none
    }
}

@media(min-width:1025px) {
    .prd-block2 {
        padding: 20px 10px
    }

    .prd:hover .prd-media img {
        transform: scale(1.1)
    }

    .feed-block1 {
        padding: 20px 15px
    }

    .feed:hover .feed-media img {
        transform: scale(1.1)
    }

    .feed-inline .feed-block1 {
        left: 5px
    }

    .feed-inline:hover .feed-cta {
        width: 100px
    }

    .feed-inline:hover .feed-cta::before {
        display: none
    }

    .feed-inline:hover .feed-cta span {
        display: block
    }

    .banner {
        height: 580px
    }

    .bnr-title {
        font-family: "Gotham", "arial", "sans-serif";
        font-size: 3rem;
        line-height: 1.22917;
        font-weight: 700
    }

    .bnr-desc {
        font-family: "Gotham", "arial", "sans-serif";
        font-size: 1.25rem;
        line-height: 1.2
    }

    .bnr-button {
        margin-top: 30px
    }

    .bnr-static {
        height: auto
    }

    .bnr-type-1 .bnr-body {
        padding: 40px
    }

    .bnr-type-2 {
        overflow: visible;
        height: 634px
    }

    .bnr-type-2 .bnr-media {
        width: calc(100% - 100px);
        height: auto;
        left: 0;
        transform: translateX(0)
    }

    .bnr-type-2 .bnr-media img {
        width: 100%;
        height: auto
    }

    .bnr-type-2 .bnr-body {
        padding: 40px
    }

    .bnr-type-2 .bnr-media {
        transform: translateY(100px)
    }

    .bnr-type-3 {
        max-width: 845px
    }

    .bnr-type-4 {
        max-width: 634px;
        height: 634px
    }

    .bnr-type-6 {
        height: 260px
    }

    .bnr-type-6 .bnr-title {
        font-size: 1.5rem;
        line-height: 1.33333
    }

    .banner-list {
        margin-top: 100px
    }

    .banner-list.bnl-type-1 {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 20px));
        gap: 0 40px;
        margin-bottom: 200px
    }

    .banner-list.bnl-type-2 {
        display: grid;
        grid-template-columns: repeat(3, calc((100% / 3) - 38px));
        gap: 0 57px
    }

    .banner-list.bnl-type-3 {
        display: flex
    }

    .banner-list.bnl-type-3 .banner:first-child {
        margin-right: 20px
    }

    .section-psw,
    .section-fsw {
        margin-top: 100px
    }

    .psw-header {
        margin: 0 auto 25px;
        max-width: 1240px
    }

    .psw-title {
        margin-right: 10px;
        font-size: 1.5rem;
        line-height: 1.33333;
        font-weight: 500;
        line-height: 1
    }

    .product-swiper.swiper-container {
        padding-left: calc((100% - 1240px) / 2)
    }

    .product-swiper .swiper-button-prev {
        left: calc(((100% - 1240px) / 2) - 44px);
        top: 200px
    }

    .product-swiper .swiper-button-next {
        right: 20px;
        top: 200px
    }

    .product-swiper .swiper-slide {
        width: 280px
    }

    .product-swiper .swiper-slide+.swiper-slide {
        margin-left: 20px
    }

    .product-swiper .swiper-slide:last-child {
        margin-right: 64px
    }

    #main-slider {
        max-height: 720px
    }

    #recent-products .swiper-button-disabled {
        display: none
    }

    #category-menu {
        justify-content: center
    }

    .cmi {
        padding: 0 25px
    }

    .cmi-media {
        transition: all 0.333s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        width: 105px;
        height: 105px
    }
}

@media(min-width:1025px) and (prefers-reduced-motion:reduce) {
    .cmi-media {
        transition: none
    }
}

@media(min-width:1025px) {
    .cmi-media img {
        transition: all 0.666s cubic-bezier(0.215, 0.61, 0.355, 1) 0s
    }
}

@media(min-width:1025px) and (prefers-reduced-motion:reduce) {
    .cmi-media img {
        transition: none
    }
}

@media(min-width:1025px) {
    .cmi:hover .cmi-media {
        border-color: transparent
    }

    .cmi:hover .cmi-media img {
        transform: scale(1.1)
    }

    .page-home .section-fsw {
        padding-top: 30px
    }

    .page-home .section-fsw::before {
        width: 60%;
        top: -2%
    }

    #promo-list {
        display: grid;
        grid-template-columns: repeat(3, calc((100% - 50px) / 3));
        gap: 25px;
        margin-bottom: 30px
    }

    #promo-list .bnr-title {
        font-size: 2.25rem;
        line-height: 1.22222
    }

    #promo-list .bnr-hdr-1 .bnr-block1 {
        font-size: 3.75rem;
        line-height: 1.2
    }

    #promo-list .bnr-desc {
        font-size: 1rem;
        line-height: 1.25
    }

    .products {
        margin: 0 -5px
    }

    .products .prd {
        width: calc(25% - 10px);
        margin: 0 5px 50px
    }

    .products .prd-multi {
        width: calc(50% - 10px)
    }

    .products .feed {
        width: calc(25% - 10px);
        margin: 0 5px 50px
    }

    .plp {
        max-width: 1440px;
        margin: 0 auto;
        padding: 0 50px
    }

    .plp-banners {
        margin-top: 10px
    }

    .plp-banners .swiper-button-next,
    .plp-banners .swiper-button-prev {
        display: none
    }

    .plp-banners .swiper-slide {
        width: 100%
    }

    .plp-banners-triple .swiper-slide {
        width: calc((100% - 20px) / 3)
    }

    .plp-banners-double .swiper-slide {
        width: calc((100% - 10px) / 2)
    }

    .plp-panel {
        margin: 25px 0 40px
    }

    .plp-info b {
        font-size: 1.5rem;
        line-height: 1.33333
    }

    .plp-actions {
        margin: 0 30px 0 auto
    }

    .plp-actions li:first-child {
        margin-right: 20px;
        padding-right: 20px;
        border-right: 1px solid rgba(129, 129, 155, 0.2)
    }

    .plp-view .btn-single,
    .plp-view .btn-multiple {
        display: none
    }

    .plp-body {
        display: block;
        grid-template-columns: 210px calc(100% - 210px);
        align-items: flex-start
    }

    .plp-menu {
        position: sticky;
        top: 80px;
        padding-top: 10px
    }

    .plp-menu li {
        margin-bottom: 10px
    }

    .plp-menu a {
        color: #81819B
    }

    .plp-menu a:hover {
        color: #29335C
    }

    .plp-menu .active a {
        color: #29335C
    }

    .plp-footer {
        padding-left: 210px
    }

    .plp-view-bigger .plp-view .btn-double {
        display: none
    }

    .plp-view-bigger .plp-view .btn-multiple {
        display: block
    }

    .plp-view-bigger .products {
        margin: 0 -15px
    }

    .plp-view-bigger .products .prd {
        max-width: 550px;
        width: calc(50% - 30px);
        margin: 0 15px 50px
    }

    .plp-view-bigger .products .prd-media {
        max-height: 825px
    }

    .plp-view-bigger .products .prd-media .responsive::before {
        padding-top: 150%
    }

    .plp-view-bigger .products .prd-multi {
        max-width: none;
        width: 100%;
        margin: 0 15px 50px
    }

    .plp-view-bigger .products .prd-multi .prd-media {
        max-height: 868px
    }

    .plp-view-bigger .products .prd-multi .prd-media .responsive::before {
        padding-top: 153.62832%
    }

    .plp-view-bigger .products .feed {
        max-width: 550px;
        width: calc(50% - 30px);
        margin: 0 15px 50px
    }

    .plp-view-bigger .products .feed-media {
        max-height: 825px
    }

    .page-pdp #recommended-products {
        padding: 75px 0 100px
    }

    .pdp {
        display: grid;
        grid-template-columns: calc(100% - 480px) 480px;
        margin-top: 10px;
        align-items: flex-start
    }

    .pdp-gallery {
        position: sticky;
        top: 80px
    }

    .pdp-gallery-hero {
        display: flex
    }

    .pdp-gallery-hero .responsive {
        flex: 1
    }

    .pdp-gallery-hero .responsive::before {
        padding-top: 150%
    }

    .pdp-gallery .swiper-slide {
        flex: 1
    }

    .pdp-gallery .swiper-slide:nth-child(1),
    .pdp-gallery .swiper-slide:nth-child(2) {
        display: none
    }

    .pdp-tags {
        top: 25px;
        left: 50px
    }

    .pdp-body {
        padding: 0 70px 30px 75px;
        width: 480px;
        position: relative
    }

    .pdp-body .btn-favorite {
        position: absolute;
        top: 0;
        right: 70px
    }

    .pdp-heading {
        padding-right: 45px
    }

    .pdp-rating {
        margin-top: 10px
    }

    .pdp-cta .btn,
    .pdp-cta .prq-item-sel label,
    .prq-item-sel .pdp-cta label {
        transition: background-color 0.222s linear 0s
    }
}

@media(min-width:1025px) and (prefers-reduced-motion:reduce) {

    .pdp-cta .btn,
    .pdp-cta .prq-item-sel label,
    .prq-item-sel .pdp-cta label {
        transition: none
    }
}

@media(min-width:1025px) {
    .pdp-reviews {
        margin-top: 100px
    }

    .pdp-share-m {
        display: none
    }

    .pdp-share-links {
        margin: 30px 0 20px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .pdp-share-links a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        border-radius: 100%;
        background-color: #ECECF4
    }

    .pdp-share-sep {
        font-size: .75rem;
        line-height: 1.5
    }

    .pdp-share-input {
        margin-top: 10px;
        position: relative
    }

    .pdp-share-input input {
        border: 1px solid rgba(129, 129, 155, 0.2);
        height: 48px;
        padding-left: 15px;
        border-radius: 4px;
        width: 100%
    }

    .pdp-share-input .copied-text {
        position: absolute;
        bottom: -30px;
        left: 0
    }

    .pdp-share-input.copied input {
        pointer-events: none
    }

    .pdp-stripe-ready .pdp-block1 {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 82px;
        display: flex;
        align-items: center;
        padding: 0 20px 0 50px;
        background-color: #ECECF4;
        z-index: 2;
        animation: toTop .2s ease forwards
    }

    .pdp-stripe-ready .pdp-rating,
    .pdp-stripe-ready .pdp-feature,
    .pdp-stripe-ready .pdp-promo,
    .pdp-stripe-ready .pdp .btn-favorite,
    .pdp-stripe-ready .pdp .btn-size-chart,
    .pdp-stripe-ready .pdp .btn-size-locator {
        display: none
    }

    .pdp-stripe-ready .pdp-title {
        font-size: 1rem;
        line-height: 1.5
    }

    .pdp-stripe-ready .pdp-prices {
        margin: 0 0 0 25px
    }

    .pdp-stripe-ready .pdp-options {
        margin: 0 0 0 auto;
        padding-top: 0;
        border: none;
        display: flex;
        align-items: center
    }

    .pdp-stripe-ready .pdp-options .dropdown {
        margin-top: 0
    }

    .pdp-stripe-ready .pdp-options .dropdown-toggle {
        border: 1px solid rgba(129, 129, 155, 0.2);
        display: inline-flex;
        height: 42px;
        width: 160px;
        align-items: center;
        padding: 0 10px 0 25px;
        margin-bottom: 0;
        pointer-events: all
    }

    .pdp-stripe-ready .pdp-options .dropdown-toggle::after {
        display: block
    }

    .pdp-stripe-ready .pdp-options .dropdown-menu {
        display: none;
        position: absolute;
        width: 230px;
        flex-wrap: wrap;
        background-color: #ECECF4;
        padding: 25px;
        border-radius: 10px;
        box-shadow: 0px 10px 20px rgba(41, 51, 92, 0.3);
        margin-bottom: 5px
    }

    .pdp-stripe-ready .pdp-options .dropdown-menu::after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 19px 15.5px 0 15.5px;
        border-color: #ECECF4 transparent transparent transparent;
        position: absolute;
        bottom: -10px;
        left: calc(50% - 15.5px)
    }

    .pdp-stripe-ready .pdp-options .dropdown-menu.show {
        display: flex
    }

    .pdp-stripe-ready .pdp-colors {
        order: 2
    }

    .pdp-stripe-ready .pdp-colors .dropdown-toggle {
        padding-left: 15px
    }

    .pdp-stripe-ready .pdp-colors .dropdown-toggle span {
        font-size: .875rem;
        line-height: 1.57143
    }

    .pdp-stripe-ready .pdp-colors .dropdown-toggle i {
        display: block;
        width: 24px;
        height: 24px;
        border-radius: 100%;
        margin-right: 10px
    }

    .pdp-stripe-ready .pdp-colors .dropdown-menu {
        left: -35px !important
    }

    .pdp-stripe-ready .pdp-sizes {
        order: 1;
        margin: 0 10px 0 0
    }

    .pdp-stripe-ready .pdp-sizes .dropdown-toggle b {
        margin-right: 5px
    }

    .pdp-stripe-ready .pdp-sizes .dropdown-menu {
        width: 246px;
        left: -43px !important
    }

    .pdp-stripe-ready .pdp-sizes .dropdown-item {
        background-color: #fff
    }

    .pdp-stripe-ready .pdp-sizes .dropdown-item.selected {
        background-color: #FA5373
    }

    .pdp-stripe-ready .pdp-cta {
        order: 3;
        margin: 0 0 0 20px
    }

    .pdp-stripe-ready .pdp-cta .btn,
    .pdp-stripe-ready .pdp-cta .prq-item-sel label,
    .prq-item-sel .pdp-stripe-ready .pdp-cta label {
        width: 200px
    }

    .rvw {
        display: grid;
        grid-template-areas: "rvw-header ." "rvw-sum rvw-list";
        grid-template-columns: 375px calc(100% - 425px);
        gap: 20px 50px;
        align-items: flex-start
    }

    .rvw-sum {
        width: 375px;
        grid-area: rvw-sum;
        border-radius: 10px;
        position: sticky;
        top: 80px
    }

    .rvw-header {
        grid-area: rvw-header;
        grid-column: 1/3
    }

    .rvw-title {
        font-size: 1.5rem;
        line-height: 1.33333;
        font-weight: 700
    }

    .rvw-list {
        grid-area: rvw-list
    }

    .rvw-list-more {
        margin-top: 60px
    }

    .rvw-item-feedback {
        margin-top: 35px
    }

    .rvw-item-comment {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        height: 44px
    }

    .rvw-item-readmore {
        margin-top: 15px
    }

    .rvw-no-item .rvw-list {
        align-self: center
    }

    .dnr {
        height: calc(100vh - 175px);
        padding: 0 50px
    }

    .stl {
        display: flex;
        padding-left: 50px;
        margin-top: 10px
    }

    .stl-media {
        width: 570px
    }

    .stl-body {
        width: calc(100% - 570px);
        display: flex;
        flex-direction: column
    }

    .stl-title {
        font-size: 1.5rem;
        line-height: 1.33333
    }

    .stl-header {
        padding-left: 60px
    }

    .stl-items {
        margin-top: auto
    }

    .stl-items .swiper-slide {
        width: 335px;
        height: auto
    }

    .stl-items .swiper-slide+.swiper-slide {
        margin-left: 30px
    }

    .stl-items .swiper-slide:first-child {
        margin-left: 60px
    }

    .stl-items .swiper-slide:last-child {
        margin-right: 50px
    }

    .stl-items .swiper-button-prev {
        left: 70px;
        top: 240px
    }

    .stl-items .swiper-button-next {
        right: 80px;
        top: 240px
    }

    .stl-item {
        flex: 1;
        display: flex;
        flex-direction: column
    }

    .stl-item+.stl-item {
        margin-left: 40px
    }

    .stl-item-controls {
        margin-top: auto
    }

    .stl-item .prd-media {
        max-height: 501px
    }

    .mam-body {
        display: flex
    }

    .mam-controls {
        padding-bottom: 70px;
        flex: 1;
        max-width: 450px
    }

    .mam-controls-inner {
        max-width: 350px;
        margin: 0 auto
    }

    .mam-controls-title {
        font-size: 1.5rem;
        line-height: 1.33333;
        margin-top: 40px
    }

    .mam-controls-info {
        margin: 10px 0 30px
    }

    .mam-model-cta {
        display: none
    }

    .mam-model-body {
        margin-top: 10px
    }

    .mam-model-header .btn-close-layer {
        display: none
    }

    .mam-model-title {
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 500
    }

    .mam-model-info {
        color: #81819B
    }

    .mam-model-button {
        display: none
    }

    .mam-model-list {
        margin-top: 13px
    }

    .mam-model-list button {
        width: 72px;
        height: 72px
    }

    .mam-model-list .responsive {
        width: 56px
    }

    .mam-model+.mam-model {
        margin-top: 35px
    }

    .mam-prds {
        flex: 1;
        min-width: 700px;
        display: flex;
        flex-direction: column
    }

    .mam-prds-block {
        display: flex
    }

    .mam-prds-models {
        flex: 1;
        padding: 30px 0 50px
    }

    .mam-prds-top {
        margin-top: auto
    }

    .mam-prds-top .mam-prds-models,
    .mam-prds-top .mam-prds-product {
        position: relative;
        padding-top: 57px
    }

    .mam-prds-top .mam-prds-models::after,
    .mam-prds-top .mam-prds-product::after {
        content: "";
        display: block;
        width: 100%;
        height: 0;
        border-top: 1px solid rgba(129, 129, 155, 0.2);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%)
    }

    .mam-prds-top .mam-prds-models::after {
        width: 335px
    }

    .mam-prds-top .mam-prds-product::after {
        width: 348px
    }

    .mam-prds-bottom .mam-prds-models,
    .mam-prds-bottom .mam-prds-product {
        padding-bottom: 110px
    }

    .mam-prds-cta {
        display: flex
    }

    .mam-prds-cta::before {
        content: "";
        flex: 1
    }

    .mam-prds-product {
        flex: 1;
        padding: 30px 0 30px;
        border-left: 1px solid rgba(129, 129, 155, 0.2)
    }

    .mam-prds-product .prd-row {
        width: 348px;
        margin: 0 auto
    }

    .mam-prds-product .prd-row-media {
        flex: 0 0 130px
    }

    .mam-prds-product .prd-row-title {
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 500;
        padding-right: 0
    }

    .mam-prds-product .prd-row-price {
        margin-top: 5px
    }

    .mam-prds-product .prd-row-selections {
        color: #29335C;
        padding-right: 0
    }

    .mam-prds-product .prd-row-body {
        display: flex;
        flex-direction: column
    }

    .mam-prds-product .prd-row-controls {
        display: block;
        margin-top: auto
    }

    .mam-prds-product .prd-row-selection {
        margin-bottom: 10px;
        width: 100%
    }

    .mam-prds-product .prd-row-selection .dropdown-toggle {
        width: 100%
    }

    .mam-prds-product .prd-row-button {
        width: 100%
    }

    .mam-prds-product .prd-row-button .btn,
    .mam-prds-product .prd-row-button .prq-item-sel label,
    .prq-item-sel .mam-prds-product .prd-row-button label {
        width: 100%
    }

    .mam-button {
        height: 0;
        flex: 1;
        text-align: center
    }

    .mam-button .btn,
    .mam-button .prq-item-sel label,
    .prq-item-sel .mam-button label {
        transform: translateY(-100%)
    }

    #membership-grid {
        display: flex;
        height: calc(100vh - 80px)
    }

    .msh-banner {
        flex: 1;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .msh-banner .bnr-desc {
        font-size: 1.25rem;
        line-height: 1.4;
        font-weight: 700
    }

    .msh-body {
        width: 435px;
        padding: 40px 50px
    }

    .msh-section+.msh-section::before {
        left: 0;
        width: 100%
    }

    .msh-header {
        margin-bottom: 15px
    }

    .member-grid {
        display: grid;
        grid-template-columns: 285px auto;
        gap: min(9%, 100px);
        padding: 0 50px;
        margin-top: 30px;
        align-items: flex-start
    }

    .member-sidebar {
        padding: 35px 25px 40px 35px;
        background-color: #FAF0F4;
        border-radius: 10px;
        position: sticky;
        top: 110px
    }

    .member-userbox-avatar {
        background-color: #fff
    }

    .member-menu {
        margin-top: 35px
    }

    .member-menu-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 5px 0
    }

    .member-menu-item.active::after {
        content: ""
    }

    .member-menu-item:hover {
        color: #FA5373
    }

    .member-body {
        max-width: 700px
    }

    .member-header {
        margin: 30px 0 50px
    }

    .member-header-title {
        font-size: 1.25rem;
        line-height: 1.4;
        font-weight: 500
    }

    .mol-ms {
        border-radius: 10px
    }

    .mod-section {
        padding: 0 20px
    }

    .mod-section::after {
        margin-top: 50px
    }

    .mod-sum {
        display: grid;
        grid-template-columns: calc(60% - 42.5px) calc(40% - 42.5px);
        gap: 85px
    }

    .mod-cancel {
        margin-top: 15px
    }

    .mod-details {
        margin-top: 50px
    }

    .mod-details-header {
        padding: 30px;
        border-radius: 10px 10px 0 0
    }

    .mod-progress {
        margin: 50px 40px 30px
    }

    .mod-delivery {
        display: flex;
        padding: 0 20px
    }

    .mod-delivery-block {
        margin-right: 30px
    }

    .mod-track {
        margin-top: 30px;
        padding: 0 20px
    }

    .mod-products::after {
        margin-top: 50px
    }

    .mod-addr {
        margin-top: 50px
    }

    .mod-addr-title {
        margin-bottom: 30px
    }

    .mod-addr-blocks {
        display: flex
    }

    .mod-addr-block {
        flex: 1
    }

    .mod-addr-block+.mod-addr-block {
        margin-left: 50px
    }

    .mod-prch {
        margin-top: 50px
    }

    .mod-docs {
        margin-top: 50px
    }

    .mod-docs-title {
        margin-bottom: 30px
    }

    .mod-invoice {
        padding: 0 20px
    }

    .mor-products {
        margin-top: 20px
    }

    .mor-prd-options {
        padding-left: 44px
    }

    .mor-prd-options .select {
        max-width: 335px
    }

    .mor-bank::before {
        margin-bottom: 50px
    }

    .mor-bank-body {
        display: flex;
        justify-content: space-between
    }

    .mor-bank-info {
        flex: 1;
        max-width: 255px;
        padding-right: 50px
    }

    .mor-bank-form {
        flex: 1;
        max-width: 335px
    }

    .mor-cta {
        text-align: right
    }

    .page-order-return-result .member-header {
        justify-content: center
    }

    .mnl-header {
        border-radius: 10px 10px 0 0
    }

    .mnl-item {
        padding: 30px 10px
    }

    .mnl-item-product {
        margin-top: 40px
    }

    .mfp {
        padding-bottom: 30px
    }

    .mfp-product {
        flex: 1
    }

    .mfp-controls {
        flex: 1;
        display: flex
    }

    .mfp-controls-body {
        margin-top: auto;
        flex: 1
    }

    .mfp-list {
        margin-top: 40px
    }

    .mcp-benefit {
        width: 115px
    }

    .page-starcard .member-body {
        max-width: 860px
    }

    .page-starcard .member-content {
        max-width: 700px
    }

    .mlc-block1 {
        display: flex;
        justify-content: space-between
    }

    .mlc-card {
        flex: 0 0 335px
    }

    .mlc-info {
        flex: 1;
        max-width: 310px;
        padding-left: 30px
    }

    .mlc-block2 {
        margin-top: 40px
    }

    .mlc-block3 {
        margin-top: 60px
    }

    .mlc-level {
        margin-top: 50px
    }

    .mlc-level-bar {
        margin-top: 50px
    }

    .mlc-next-benefits {
        display: flex
    }

    .mlc-next-block1,
    .mlc-next-block2 {
        flex: 1
    }

    .mlc-next-info {
        margin-top: 50px
    }

    .mlc-block4 {
        margin-top: 50px
    }

    .mlc-activites {
        margin-top: 50px
    }

    .mlc-activites-row {
        grid-template-columns: 100px auto 100px 100px;
        gap: 60px;
        margin-bottom: 20px
    }

    .mlc-activites-row dt {
        margin-bottom: 15px
    }

    .mlc-activites-row:not(:first-child) dt {
        display: none
    }

    .pso {
        margin-top: 60px
    }

    .pso-title {
        margin-bottom: 30px
    }

    .pso-items {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 10px));
        gap: 20px
    }

    .pso-items .banner {
        height: 420px
    }

    .mln-intro {
        margin: 30px auto 0;
        width: 360px
    }

    .mln-intro-desc {
        margin: 30px 0 20px;
        max-width: 335px
    }

    .mln-intro-buttons {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 10px));
        gap: 20px
    }

    .mln-info {
        margin-top: 80px
    }

    .mln-info::before {
        margin-bottom: 50px
    }

    .mln-benefits {
        margin-top: 50px
    }

    .mln-benefits-item {
        margin-bottom: 30px
    }

    .mln-levels {
        margin-top: 50px
    }

    .mln-levels::before {
        margin-bottom: 50px
    }

    .mln-lvl {
        display: flex;
        align-items: flex-start
    }

    .mln-lvl-header {
        flex: 1
    }

    .mln-lvl-body {
        flex: 1
    }

    .mln-lvl+.mln-lvl {
        margin-top: 50px
    }

    .mln-ad {
        margin-top: 80px;
        padding: 40px;
        border-radius: 10px
    }

    .mln-ad-buttons {
        width: 360px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 10px));
        gap: 20px
    }

    .mab-controls {
        margin-top: 40px;
        padding-top: 20px;
        border-top: 1px solid rgba(129, 129, 155, 0.2)
    }

    .mab-controls .btn-new::after {
        margin-left: 25px
    }

    #personal-info {
        padding-top: 10px
    }

    #personal-info .btn,
    #personal-info .prq-item-sel label,
    .prq-item-sel #personal-info label {
        min-width: 120px
    }

    .mca-form {
        margin-top: 40px
    }

    .mca-form .btn,
    .mca-form .prq-item-sel label,
    .prq-item-sel .mca-form label {
        min-width: 120px
    }

    #change-password .btn,
    #change-password .prq-item-sel label,
    .prq-item-sel #change-password label {
        min-width: 120px
    }

    .pto-title {
        margin: 30px 0;
        text-align: center
    }

    .pto-body {
        margin: 0 auto;
        max-width: 690px;
        display: grid;
        grid-template-columns: 335px 335px;
        gap: 20px
    }

    .pto-box {
        display: flex;
        flex-direction: column
    }

    .pto-form {
        margin-top: auto
    }

    #lookbook {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 20px));
        gap: 40px;
        margin-bottom: 30px
    }

    #lookbook .bnr-footer {
        padding: 20px 0 10px
    }

    #lookbook .btn-download {
        margin-left: 10px
    }

    #lookbook .btn-preview {
        width: 160px
    }

    .sst-text {
        margin: 80px 0
    }

    .sst-menu {
        padding: 0 50px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px
    }

    .sst-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 80px
    }

    .sst-content-text p+h3 {
        margin-top: 70px
    }

    .sst-content-text+.sst-content-title {
        margin-top: 70px
    }

    .sst-content-text ul {
        margin: 45px 0
    }

    .sst-content-text li {
        color: #81819B
    }

    .sst-content.type3 .sst-content-body {
        padding-top: 80px
    }

    .sst-content-list .sst-content {
        margin-bottom: 100px
    }

    .sst-content-list .sst-content:nth-child(2n) .sst-content-media {
        order: 1
    }

    .sst-future {
        margin: 200px 0 80px
    }

    .sst-future-media {
        transform: translateY(-100px)
    }

    .sst-future-body {
        transform: translateY(-20px);
        padding-bottom: 80px;
        display: grid;
        grid-template-columns: 480px auto;
        gap: 120px
    }

    .sst-future-title {
        font-size: 2rem;
        line-height: 1.1875;
        padding-left: 20px
    }

    #newsroom {
        display: grid;
        grid-template-columns: auto auto;
        gap: 40px
    }

    .nlp-tabs {
        margin-bottom: 25px
    }

    .nlp-list {
        display: grid;
        grid-template-columns: auto auto auto;
        gap: 20px 25px
    }

    .nlp-list .bnr-body {
        padding: 15px 20px 20px
    }

    .ndp {
        margin-top: 30px
    }

    .ndp-share {
        margin-top: 20px
    }

    .ndp-content-media {
        margin-top: 40px
    }

    .ndp-content-text {
        margin-top: 40px
    }

    .pnf {
        height: calc(100vh - 80px)
    }

    .ssf-form-info {
        padding: 0 35px
    }

    .map-content .swiper-slide {
        width: 360px
    }

    .corp-grid {
        display: grid;
        grid-template-columns: 335px auto;
        gap: 0 100px;
        padding: 0 50px;
        margin-top: 15px
    }

    .corp-title {
        margin-bottom: 10px
    }

    .corp-sidebar {
        position: sticky;
        top: 80px;
        align-self: flex-start;
        padding: 30px 35px 40px;
        background-color: #ECECF4;
        border-radius: 10px
    }

    .corp-menu-trigger {
        display: none
    }

    .corp-menu-title {
        margin-bottom: 20px;
        font-size: 1.25rem;
        line-height: 1.4;
        font-weight: 700
    }

    .corp-body {
        padding-top: 30px
    }

    .corp-content>figure {
        margin-top: 30px
    }

    .corp-categories {
        margin-top: 40px
    }

    .corp-cat-list {
        margin-top: 40px;
        max-width: 630px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px 30px
    }

    .corp-history {
        margin-top: 70px
    }

    .corp-certificates {
        margin-top: 50px
    }

    .corp-video {
        margin-top: 40px
    }

    .cas-list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 52px
    }

    .cas-title {
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 500
    }

    .page-store-finder .ssf-form {
        padding: 0
    }

    .page-store-finder .ssf-stores .nav-tabs {
        display: none !important
    }

    .psf {
        padding: 0 0 0 50px;
        display: grid;
        grid-template-columns: 335px auto;
        gap: 100px;
        align-items: flex-start
    }

    .psf-map {
        position: sticky;
        top: 80px
    }

    .help-accordion {
        margin-top: 30px
    }

    .help-accordion .acc-body {
        padding: 10px 0 30px;
        margin-bottom: 45px
    }

    .help-guide li {
        padding: 20px 25px
    }

    .help-contact {
        margin-top: 50px
    }

    .page-help-contact .corp-content {
        max-width: 700px
    }

    .page-help-contact .corp-body {
        max-width: 775px
    }

    .hcp-block1 {
        display: flex;
        justify-content: space-between
    }

    .hcp-block1 p {
        max-width: 290px
    }

    .hcp-callcenter {
        flex: 1;
        max-width: 335px
    }

    .hcp-chat {
        flex: 1;
        max-width: 335px;
        margin-right: 20px
    }

    .hcp-block3 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 25px;
        align-items: flex-end
    }

    .hcp-location {
        margin-top: 70px
    }

    .hcp-location-body {
        padding: 0 20px
    }

    .page-starcard .csp {
        padding-top: 60px
    }

    .csp-benefits {
        padding: 90px 0 120px
    }

    .csp-benefits-title {
        text-align: center;
        margin-bottom: 75px
    }

    .csp-benefits-list {
        grid-template-columns: repeat(4, auto);
        gap: 60px 0
    }

    .csp-levels {
        border-bottom: 1px solid rgba(129, 129, 155, 0.2);
        padding-top: 110px;
        padding-bottom: 80px;
        display: flex;
        justify-content: space-between
    }

    .csp-levels .mln-lvl {
        max-width: 285px
    }

    .csp-levels .mln-lvl+.mln-lvl {
        margin-top: 0
    }

    .csp-ad {
        padding-top: 80px;
        padding-bottom: 150px
    }

    .csp-ad .mln-ad-title {
        margin-bottom: 35px
    }

    .csp-ad .mln-ad-desc {
        max-width: 490px;
        margin-left: auto;
        margin-right: auto
    }

    .csp-ad .mln-ad-buttons {
        width: 550px;
        grid-template-columns: repeat(2, calc(50% - 20px));
        gap: 0 40px
    }

    .csp-ad-items {
        padding-top: 25px;
        margin-bottom: 90px;
        justify-content: space-between
    }

    .csp-faq {
        padding: 90px 0 100px
    }

    .csp-member {
        padding: 80px 0
    }

    .csp-member-info {
        margin-bottom: 20px
    }

    .csp-member-inner {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .csp-member-block1 {
        flex: 0 0 50%;
        max-width: 500px
    }

    .csp-member-block2 {
        flex: 0 0 50%;
        max-width: 520px
    }

    .csp-offers {
        padding: 80px 0 120px
    }

    .csp-offers-title {
        margin-bottom: 30px;
        padding: 0 80px
    }

    .csp-offers-list .swiper-button-prev {
        left: 30px
    }

    .csp-offers-list .swiper-button-next {
        right: 30px
    }

    .csp-offers-list .swiper-container {
        padding: 0 80px
    }

    .csp-offers-list .swiper-slide {
        width: 600px
    }

    .csp-offers-list .swiper-slide+.swiper-slide {
        margin-left: 30px
    }

    .csp-offers-list .banner {
        height: 600px
    }

    .checkout-pages #searchbox {
        display: none
    }

    .checkout-back {
        display: none
    }

    .checkout-title {
        font-size: 1.25rem;
        line-height: 1.4;
        font-weight: 500;
        margin-bottom: 20px
    }

    .checkout-steps {
        position: fixed;
        top: 25px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 3
    }

    .checkout-grid {
        margin: 20px 50px 0;
        display: grid;
        grid-template-columns: auto 335px;
        gap: 0 50px;
        align-items: flex-start
    }

    .checkout-grid.cart-empty {
        display: block
    }

    .checkout-grid .mmc-empty {
        margin: 100px 0 70px
    }

    .checkout-sidebar {
        position: sticky;
        top: 80px
    }

    .checkout-block {
        margin: 20px 50px 0
    }

    .checkout-processing {
        height: calc(100vh - 148px)
    }

    .page-cart .section-psw {
        margin-top: 50px
    }

    .page-cart .section-psw::before {
        height: 50px
    }

    .cart-footer {
        height: 100px
    }

    .cart-offer {
        padding: 30px 60px 30px 30px
    }

    .cart-extra-title {
        font-size: 1.5rem;
        line-height: 1.33333;
        font-weight: 500
    }

    .cart-sum-header {
        font-size: 1.25rem;
        line-height: 1.4;
        font-weight: 500;
        margin-bottom: 10px
    }

    .cart-sum-details {
        padding-top: 30px
    }

    .cart-sum-footer {
        padding-bottom: 30px
    }

    .cart-sum-confirm {
        padding: 0 20px 35px;
        background-color: #ECECF4
    }

    .cart-row {
        padding-bottom: 20px
    }

    .cart-row-offer,
    .cart-row-stock {
        margin-top: 30px
    }

    .cart-row+.cart-row {
        margin-top: 30px
    }

    .cart-offer {
        margin-bottom: 30px
    }

    .cpn-trigger {
        padding: 10px 0
    }

    .sco {
        display: flex
    }

    .sco-product {
        flex: 1
    }

    .sco-controls {
        flex: 1;
        margin-top: auto;
        max-width: 400px
    }

    .cps-sep::before {
        margin-bottom: 30px
    }

    .pay-card-block1 {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .pay-card-block2 {
        flex: 1;
        max-width: 500px;
        min-width: 285px;
        margin-right: 40px
    }

    .pay-card-block3 {
        flex: 0 0 320px;
        margin-bottom: 30px
    }

    .pay-card-info {
        margin-bottom: 40px
    }

    .crp-body {
        padding-top: 55px
    }

    .crp-info {
        margin-top: 20px
    }

    .crp-footer {
        margin: 20px auto 0
    }

    .crp-error {
        margin-bottom: 40px
    }
}

* {
    font-family: "Work Sans" !important;
    letter-spacing: -.5px;
}

.w-100 {
    width: 100%;
}

.d-block {
    display: block;
}

.d-block-imp {
    display: block !important;
}

.d-none {
    display: none;
}

.d-inline {
    display: inline;
}

.d-flex {
    display: flex;
}

@media(max-width:576px) {
    .d-sm-block {
        display: block;
    }

    .d-sm-inline {
        display: inline;
    }
}

button[disabled] {
    opacity: 0.5;
    cursor: no-drop;
}

.p-passive {
    opacity: 0.5;
    pointer-events: none;
}

.m-right-10 {
    margin-right: 10px;
}

.m-right-15 {
    margin-right: 15px;
}

.m-right-20 {
    margin-right: 20px;
}

.mt-10 {
    margin-top: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.p-right-10 {
    padding-right: 10px;
}

.p-right-15 {
    padding-right: 15px;
}

.p-right-20 {
    padding-right: 20px;
}

.icon-star-full.full {
    fill: #ffcc4d;
}

.color-BURGUNDY {
    background: #98154C;
}

.color-BEIGE {
    background: #C6B699;
}

.color-NAVYBLUE {
    background: #29335C;
}

.color-GREY {
    background: #ACACBC;
}

.color-YELLOW {
    background: #ddc80a;
}

.color-BLACK {
    background: #000000;
}

.color-BLUE {
    background: #0000FF;
}

.color-BROWN {
    background: #A52A2A;
}

.color-GREEN {
    background: #008000;
}

.color-ORANGE {
    background: #FFA500;
}

.color-PINK {
    background: #FFC0CB;
}

.color-PURPLE {
    background: #800080;
}

.color-RED {
    background: #FF0000;
}

.color-SILVER {
    background: #C0C0C0;
}

.color-WHITE {
    background: #FFFFFF;
}

.bnr-bg-5 {
    background-color: #98ca3c;
}

.bnr-bg-6 {
    background-color: #FA5373;
}

.bnr-bg-7 {
    background-color: #75838c;
}

.bnr-bg-8 {
    background-color: #927056;
}

.bnr-bg-9 {
    background-color: #f7e145;
}

.bnr-bg-10 {
    background-color: #3b4759;
}

.bnr-bg-11 {
    background-color: #049ac6;
}

.bnr-bg-12 {
    background-color: #000000;
}

.bnr-bg-13 {
    background-color: #fbcecf;
}

.actions.deactivate .btn-stock-reminder {
    display: inline-flex;
}

.actions.deactivate .btn-similar-products {
    display: inline-flex;
}

.actions.deactivate .no-stock-text {
    display: block;
}

.actions.deactivate .btn-add-to-cart {
    display: none;
}

.actions:not(.deactivate) .btn-stock-reminder {
    display: none;
}

.actions:not(.deactivate) .btn-similar-products {
    display: none;
}

.actions:not(.deactivate) .no-stock-text {
    display: none;
}

.actions:not(.deactivate) .btn-add-to-cart {
    display: inline-flex;
}

.btn-similar-products {
    border: 1px solid #29335c;
    color: #29335c;
    margin-left: 15px;
}

.color-variants .dropdown-item {
    position: relative;
}

.color-variants .dropdown-item.no-stock {
    background-color: transparent;
    color: #81819B;
}

.color-variants .dropdown-item.no-stock::after {
    content: "";
    display: block;
    width: 50%;
    height: 1px;
    background-color: #81819B;
    transform: rotate(-45deg);
    position: absolute;
    top: calc(48%);
    left: 25%;
}

.pht-content {
    height: auto;
    display: block;
}

.pht-content::after {
    display: none;
}

.pht-content.closed {
    height: 275px;
    overflow: hidden;
}

.pht-content.closed.pht-content::after {
    display: block;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #ffffff 100%);
}

.pht-content.opened {
    height: auto;
    overflow: visible;
}

.pht-content.opened.pht-content::after {
    display: none;
}

.pht-more.active .pht-less {
    display: block;
}

.pht-more.active .pht-much {
    display: none;
}

.member-block .member-content .mod .mod-details .mod-products .mod-prd .prd-row .prd-row-body.coupon-discount .prd-row-price {
    margin-top: 2px;
}

.member-block .member-content .mod .mod-details .mod-products .mod-prd .prd-row .prd-row-body.coupon-discount .prd-row-coupon-discount {
    display: inline-block;
    margin-top: 5px;
    padding: 5px 10px;
    text-transform: lowercase;
    font-size: 12px;
    color: #FA5373;
    background-color: #FAF0F4;
    border-radius: 5px;
}

@media(min-width:1025px) {
    .pdp-gallery-hero.imageLength figure.responsive {
        max-height: 768px;
    }

    .pdp-gallery-hero.imageLength figure.responsive img {
        object-fit: contain;
    }
}

#low-stock-info-band {
    display: none;
    margin: 20px 0;
    padding: 0 10px;
    width: 100%;
    height: 34px;
    line-height: 34px;
    background: rgba(58, 12, 163, 0.1) url(/_ui/responsive/theme-penti/images/clock-icon.svg) no-repeat left center;
    background-origin: content-box;
}

#low-stock-info-band span {
    margin-left: 30px;
    font-family: HelveticaNowDisplay;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #3A0CA3;
}

.penti-ldr {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #d4005717;
    z-index: 5;
}

.penti-ldr.fix {
    position: fixed;
}

.penti-ldr.abs {
    position: absolute;
}

.penti-ldr.def {
    height: auto;
    padding: 50px;
}

body.page-processing::after {
    position: fixed;
    transform: translate(-50%, -50%);
}

.global-alerts .alert {
    border-radius: 0;
    padding: 5px 15px;
}

.breadcrumb li {
    margin: 0;
    font-size: 11px;
}

.breadcrumb li:nth-child(n + 2)::before {
    content: '\00B7';
    display: inline;
    margin: 0 7px;
    vertical-align: middle;
    font-size: 22px;
    color: #29335C;
}

.breadcrumb li.active {
    color: #81819B;
}

.breadcrumb li a {
    color: #29335C;
}

@media(max-width:1024px) {
    .breadcrumb {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .breadcrumb::-webkit-scrollbar {
        display: none;
    }

    .breadcrumb.gradient-left:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 20%;
        height: 100%;
        background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    }

    .breadcrumb.gradient-right:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 20%;
        height: 100%;
        background: linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    }
}

.accordion-new .active>.acc-body {
    display: block;
}

.accordion-new .active>.acc-header>button:after {
    background-position: 0 55.64263323%;
}

.page-productGrid .dnr,
.page-search .dnr {
    height: 50vh;
}

.page-productGrid .plp-info,
.page-search .plp-info {
    margin-left: 5px;
}

.page-productGrid .personaclick-recommend.personaclick-recommend-rendered,
.page-search .personaclick-recommend.personaclick-recommend-rendered {
    display: none;
}

.page-productGrid .prd,
.page-search .prd {
    padding-bottom: 42px;
}

.page-productGrid .prd .prd-block2 .prd-discount.text-normal,
.page-search .prd .prd-block2 .prd-discount.text-normal {
    display: initial;
    -webkit-line-clamp: initial;
    -webkit-box-orient: initial;
    text-overflow: initial;
    font-size: 12px;
}

.page-productGrid .plp.plp-view-bigger .product-actions .product-actions-item.item-collection,
.page-search .plp.plp-view-bigger .product-actions .product-actions-item.item-collection {
    display: flex;
}

.page-productGrid #ajax-modal-select-size .modal-footer,
.page-search #ajax-modal-select-size .modal-footer {
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px;
    background-color: #ECECF4;
}

@media(max-width:1024px) {

    .page-productGrid header .header,
    .page-search header .header {
        position: static;
    }

    .page-productGrid:not(.main-menu-ready) .plp .plp-body .plp-menu,
    .page-search:not(.main-menu-ready) .plp .plp-body .plp-menu {
        padding-left: 20px;
    }

    .page-productGrid:not(.main-menu-ready) .plp .plp-body .plp-menu .btn-share-collection,
    .page-search:not(.main-menu-ready) .plp .plp-body .plp-menu .btn-share-collection {
        color: #29335C;
        border: 1px solid rgba(129, 129, 155, 0.2);
    }

    .page-productGrid:not(.main-menu-ready) .plp .plp-body .plp-menu .btn-share-collection img,
    .page-search:not(.main-menu-ready) .plp .plp-body .plp-menu .btn-share-collection img {
        margin-right: 8px;
        width: 24px;
        height: 24px;
    }

    .page-productGrid:not(.main-menu-ready) .plp .plp-actions.plp-actions-fixed,
    .page-search:not(.main-menu-ready) .plp .plp-actions.plp-actions-fixed {
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 5;
        margin: 0;
    }

    .page-productGrid:not(.main-menu-ready) .plp .plp-actions .ul-clear li,
    .page-search:not(.main-menu-ready) .plp .plp-actions .ul-clear li {
        border-right: 1px solid rgba(129, 129, 155, 0.2);
    }

    .page-productGrid:not(.main-menu-ready) .plp .plp-actions .ul-clear li:last-child,
    .page-search:not(.main-menu-ready) .plp .plp-actions .ul-clear li:last-child {
        border-right: none;
    }
}

@media(min-width:1025px) {

    .page-productGrid .plp,
    .page-search .plp {
        max-width: none;
    }

    .page-productGrid .plp .plp-panel,
    .page-search .plp .plp-panel {
        position: sticky;
        top: 80px;
        background: white;
        z-index: 5;
    }

    .page-productGrid .plp .plp-panel .ul-clear li,
    .page-search .plp .plp-panel .ul-clear li {
        margin-right: 20px;
        padding-right: 20px;
        border-right: 1px solid rgba(129, 129, 155, 0.2);
    }

    .page-productGrid .plp .plp-panel .ul-clear li:last-child,
    .page-search .plp .plp-panel .ul-clear li:last-child {
        margin-right: 0;
        padding-right: 0;
        border-right: none;
    }

    .page-productGrid .plp .plp-body .plp-menu,
    .page-search .plp .plp-body .plp-menu {
        position: static;
        top: 115px;
        padding-top: 0;
        height: 100%;
    }

    .page-productGrid .plp .plp-body .plp-menu .product__facet,
    .page-search .plp .plp-body .plp-menu .product__facet {
        margin-top: 10px;
    }

    .page-productGrid .plp .plp-body .plp-menu .btn-share-collection,
    .page-search .plp .plp-body .plp-menu .btn-share-collection {
        border: solid 1px rgba(129, 129, 155, 0.2);
        color: #29335C;
    }

    .page-productGrid .plp .plp-body .plp-menu .btn-share-collection img,
    .page-search .plp .plp-body .plp-menu .btn-share-collection img {
        margin-right: 8px;
        width: 24px;
        height: 24px;
    }

    .page-productGrid .plp .plp-body .plp-list.collection-list .products .prd,
    .page-search .plp .plp-body .plp-list.collection-list .products .prd {
        max-width: 275px !important;
    }

    .page-productGrid .plp .plp-body .plp-list .products .prd,
    .page-search .plp .plp-body .plp-list .products .prd {
        max-width: none;
    }

    .page-productGrid .plp .plp-body .plp-list .products .prd .prd-media,
    .page-search .plp .plp-body .plp-list .products .prd .prd-media {
        max-height: 586px;
    }

    .page-productGrid .plp.plp-view-bigger .plp-list .products .prd,
    .page-search .plp.plp-view-bigger .plp-list .products .prd {
        max-width: none;
    }

    .page-productGrid .plp.plp-view-bigger .plp-list .products .prd .prd-media,
    .page-search .plp.plp-view-bigger .plp-list .products .prd .prd-media {
        max-height: 825px;
    }

    .page-productGrid .plp.plp-view-bigger .plp-list .products .prd .prd-media img,
    .page-search .plp.plp-view-bigger .plp-list .products .prd .prd-media img {
        width: 100%;
    }
}

#overlay {
    z-index: 7;
}

#main-menu {
    z-index: 8;
}

.plp .seobox {
    width: 100%;
    max-width: 100%;
}

.plp .seobox a {
    color: #FA5373 !important;
}

.prd .prd-block1 .prd-tags,
.prd .prd-media .prd-tags {
    bottom: initial;
    left: initial;
}

.prd .prd-block1 .prd-tags i.badge-icon,
.prd .prd-media .prd-tags i.badge-icon {
    background: none;
    width: 100%;
    height: auto;
}

.prd .prd-block1 .prd-tags i.badge-icon span,
.prd .prd-media .prd-tags i.badge-icon span {
    width: 50px;
    height: 40px;
    background-size: 50px 40px !important;
}

.prd .prd-block1 .prd-tags span,
.prd .prd-media .prd-tags span {
    width: 30px;
    height: 20px;
    background-size: 24px !important;
    margin-left: 5px;
}

.prd .prd-block1 .prd-tags.bottom_left,
.prd .prd-media .prd-tags.bottom_left {
    bottom: 10px;
    left: 10px;
}

.prd .prd-block1 .prd-tags.bottom_left+.bottom_left,
.prd .prd-media .prd-tags.bottom_left+.bottom_left {
    margin-left: 85px;
}

.prd .prd-block1 .prd-tags.bottom_right,
.prd .prd-media .prd-tags.bottom_right {
    right: 10px;
    bottom: 10px;
}

.prd .prd-block1 .prd-tags.bottom_right+.bottom_right,
.prd .prd-media .prd-tags.bottom_right+.bottom_right {
    margin-right: 85px;
}

.prd .prd-block1 .prd-tags.top_right,
.prd .prd-media .prd-tags.top_right {
    right: 10px;
    top: 10px;
}

.prd .prd-block1 .prd-tags.top_right+.top_right,
.prd .prd-media .prd-tags.top_right+.top_right {
    margin-right: 85px;
}

.prd .prd-block1 .prd-tags.top_left,
.prd .prd-media .prd-tags.top_left {
    left: 45px;
    top: 10px;
}

.prd .prd-block1 .prd-tags.top_left+.top_left,
.prd .prd-media .prd-tags.top_left+.top_left {
    margin-left: 85px;
}

@media(max-width:1024px) {
    .mobile-none {
        display: none;
    }
}

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

.js-product-card .swiper-slide {
    width: 100% !important;
}

.js-product-card img {
    transform: none !important;
    aspect-ratio: 0.667;
    height: auto;
    width: 100%;
}

.js-product-card:hover .swiper-pagination {
    display: flex;
}

.js-product-card .swiper-pagination {
    display: flex;
    position: absolute;
    bottom: 15px;
    z-index: 1;
}

.js-product-card .swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px !important;
    background: #FFF;
}

.js-product-card .swiper-pagination .swiper-pagination-bullet-active {
    background: #FA5373;
}

.js-add-cart-btn-plp,
.btn-stock-plp {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 42px;
    color: #29335C;
    border: solid 1px rgba(129, 129, 155, 0.2);
}

@media(max-width:768px) {
    .btn-stock-plp {
        margin: 0 5%;
        width: 90% !important;
    }
}

.pdp-details li:before {
    content: "\2022";
    margin-right: 3px;
    font-weight: 900;
}

.page-cartPage .cursor-wrapper {
    cursor: not-allowed;
}

.page-cartPage .cursor-wrapper>.link-disabled {
    pointer-events: none;
}

body:not(.page-productGrid) #category-menu {
    margin-top: 80px;
}

body:not(.page-productGrid) #category-menu .cmi {
    padding: 0;
    width: 140px;
}

body:not(.page-productGrid) #category-menu .cmi:nth-child(n + 2) {
    margin-left: 40px;
}

body:not(.page-productGrid) #category-menu .cmi .cmi-link .cmi-media {
    width: 140px;
    height: 140px;
    border: none;
}

body:not(.page-productGrid) #category-menu .cmi .cmi-link .cmi-media img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}

body:not(.page-productGrid) #category-menu .cmi .cmi-link .cmi-gradient {
    display: -webkit-box;
    margin-top: 15px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 14px;
    color: #29335C;
    overflow: hidden;
}

body:not(.page-productGrid) #category-menu .cmi:hover .cmi-media img {
    transform: scale(1) !important;
}

body:not(.page-productGrid) #category-menu .cmi:hover .cmi-gradient {
    color: #FA5373;
}

@media(max-width:1024px) {
    body:not(.page-productGrid) #category-menu {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: center;
        margin: 40px 0;
        padding: 0 35px;
        white-space: unset;
        overflow-x: hidden;
    }

    body:not(.page-productGrid) #category-menu .cmi {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        margin-top: 30px;
        width: 33%;
    }

    body:not(.page-productGrid) #category-menu .cmi:nth-child(n + 2) {
        margin-left: 0;
    }

    body:not(.page-productGrid) #category-menu .cmi .cmi-link {
        width: 72px;
    }

    body:not(.page-productGrid) #category-menu .cmi .cmi-link .cmi-media {
        width: 72px !important;
        height: 72px !important;
    }

    body:not(.page-productGrid) #category-menu .cmi .cmi-link .cmi-gradient {
        margin-top: 5px;
        font-size: 12px;
    }
}

.page-cartPage .top-stripe-ready #top-stripe {
    z-index: 3;
}

.page-cartPage .top-stripe-ready #top-stripe .tse-text {
    font-weight: 600;
}

.page-cartPage .top-stripe-ready .header {
    top: 44px;
}

.page-cartPage .top-stripe-ready .steps .checkout-steps {
    top: 69px;
}

.checkout-grid .checkout-sidebar .cart-sum-shipping {
    display: flex;
    flex-direction: row;
    margin: 20px 0;
    padding: 15px 20px;
    background-color: #FAF0F4;
}

.checkout-grid .checkout-sidebar .cart-sum-shipping__left {
    display: flex;
    align-items: center;
}

.checkout-grid .checkout-sidebar .cart-sum-shipping__right {
    display: flex;
    flex-direction: column;
    margin-left: 15px;
    font-size: 12px;
    color: #FA5373;
}

.checkout-grid .checkout-sidebar .cart-sum-shipping__right__title {
    font-size: 14px;
    font-weight: bold;
}

.button-remove-text {
    width: auto !important;
    line-height: 28px;
    border-bottom: 1px solid #29335C;
    background: none !important;
}

.qty-remove {
    background: url(../_ui/responsive/theme-penti/images/sprite-bg.svg) no-repeat 0 -256px !important;
}

@media(max-width:1024px) {

    .cart-sum-ready .cart-sum-body,
    .cart-sum-ready .cart-sum-footer {
        z-index: 8;
    }

    .cart-coupon-section {
        padding: 0 20px;
    }

    .page-cartPage .btn-remove {
        font-size: 12px;
        color: #81819B;
        border-color: #81819B;
    }
}

.cart-sum-body .cart-sum-coupon .cpn-body {
    display: flex;
}

.cart-coupon-section {
    width: 100%;
}

.cart-coupon-section .cpn-body {
    display: flex;
    flex-direction: column;
    margin: 10px 0px;
    padding: 0;
}

.cart-coupon-section .cpn-body .coupon-area {
    display: flex;
    padding: 0;
    gap: 10px;
}

.cart-coupon-section .cpn-body .coupon-area .textbox {
    display: flex;
    position: relative;
    align-items: center;
    width: 100%;
    border: 1px solid rgba(129, 129, 155, 0.2);
    padding: 9px 20px;
    border-radius: 5px;
}

.cart-coupon-section .cpn-body .coupon-area .textbox .icon-coupon {
    margin-right: 20px;
    mix-blend-mode: multiply;
    fill: #fa5373;
}

.cart-coupon-section .cpn-body .coupon-area .textbox label {
    color: #29335c;
    left: 54px;
    top: 14px;
}

.cart-coupon-section .cpn-body .coupon-area .textbox .js-car-coupon-code {
    height: auto;
    width: 80%;
    border: none;
    padding: 0;
    margin-left: 20px;
}

.cart-coupon-section .cpn-body .coupon-area .textbox.input-active label {
    display: none;
}

.cart-coupon-section .cpn-body .coupon-area .textbox::before {
    content: "";
    display: flex;
    width: 24px;
    height: 24px;
    background: url(../_ui/responsive/theme-penti/images/tag-icon.svg) no-repeat;
    filter: brightness(0) saturate(100%) invert(45%) sepia(99%) saturate(1248%) hue-rotate(315deg) brightness(96%) contrast(105%);
}

.cart-coupon-section .cpn-body .coupon-area .cpn-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #29335c;
    position: relative;
    padding: 14px 18px;
    border-radius: 5px;
    width: auto;
    height: 100%;
    top: 0;
    background-color: #ececf4;
}

.cart-coupon-section .cpn-body .cpn-result {
    padding: 5px;
}

.cart-coupon-section .cpn-body .cpn-result.error span {
    color: #9e0038;
    font-size: 9px;
}

.cart-coupon-section .cpn-body .cpn-result.success {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: solid 1px rgba(129, 129, 155, 0.2);
    padding: 12px 22px;
    border-radius: 5px;
}

.cart-coupon-section .cpn-body .cpn-result.success span {
    font-size: 14px;
    color: #29335C;
    display: flex;
    gap: 12px;
    align-items: center;
}

.cart-coupon-section .cpn-body .cpn-result.success span::before {
    content: "";
    display: flex;
    width: 24px;
    height: 24px;
    background: url(../_ui/responsive/theme-penti/images/tag-icon.svg) no-repeat;
    filter: brightness(0) saturate(100%) invert(45%) sepia(99%) saturate(1248%) hue-rotate(315deg) brightness(96%) contrast(105%);
}

.cart-coupon-section .cpn-body .cpn-result.success .js-remove-promotion-on-cart {
    border-bottom: none;
    filter: brightness(0) saturate(100%) invert(45%) sepia(99%) saturate(1248%) hue-rotate(315deg) brightness(96%) contrast(105%);
}

.employee-discount-section {
    display: flex;
    align-items: center;
    padding: 3px 20px 3px 8px;
    gap: 4px;
    background-color: #faf0f4;
    margin: 10px 0px;
    border-radius: 5px;
}

.employee-discount-section .employee-point-applied-icon {
    filter: brightness(0) saturate(100%) invert(46%) sepia(95%) saturate(2346%) hue-rotate(319deg) brightness(101%) contrast(96%);
    width: 44px;
    height: 44px;
    transform: scale(0.6);
}

.employee-discount-not-applied-section {
    font-size: 14px;
    display: none;
    align-items: center;
    flex-direction: column;
    padding: 16px;
    gap: 16px;
    position: fixed;
    max-width: 263px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10 !important;
    background-color: #FFFFFF;
    color: #29335c;
    border-radius: 5px;
    line-height: normal;
    text-align: center;
}

.employee-discount-not-applied-section.active {
    display: flex;
}

.employee-discount-not-applied-section .close-emloyee-error-button-section {
    display: flex;
    width: 100%;
    justify-content: end;
}

.employee-discount-not-applied-section .close-emloyee-error-button-section .close-not-employee-button {
    cursor: pointer;
}

.employee-discount-not-applied-section .employee-point-not-applied-title {
    color: #fa5373;
}

.employee-discount-not-applied-section .employee-point-not-applied-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    margin-top: 16px;
    width: 220px;
    border-radius: 5px;
    background-color: #fa5373;
    color: #FFFFFF;
}

.cart-starcard {
    display: flex;
    align-items: center;
    border: 1px solid rgba(129, 129, 155, 0.2);
    border-radius: 5px;
}

.cart-starcard .link-inline {
    border-bottom: none;
}

.cart-starcard .starcard-point-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 3px 20px 3px 8px;
}

.cart-starcard .starcard-point-section::after {
    content: "";
    background: url(../_ui/responsive/theme-penti/images/sprite-bg.svg) no-repeat;
    width: 24px;
    height: 24px;
    background-position: 0 57.523510971786834%;
    display: inline-block;
}

.cart-starcard .starcard-point-applied-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 3px 20px 3px 8px;
    cursor: default;
}

.cart-starcard .starcard-point-applied-section .starcard-remove-point-icon {
    fill: #fa5373;
    cursor: pointer;
}

.cart-starcard .link-inline:hover {
    border-bottom: none;
}

.cart-starcard .link-inline .point-text-area {
    display: flex;
    align-items: center;
}

.cart-starcard .link-inline .point-text-area .point-text {
    color: #29335c;
    font-size: 14px;
    margin-left: 4px;
}

.cart-starcard .link-inline .point-text-area .icon-starcard-point-button {
    filter: brightness(0) saturate(100%) invert(46%) sepia(95%) saturate(2346%) hue-rotate(319deg) brightness(101%) contrast(96%);
    width: 44px;
    height: 44px;
    transform: scale(0.6);
}

.starcard-how-much-earn-section {
    display: flex;
    flex-direction: column;
}

.starcard-how-much-earn-section .starcard-top-text-area {
    display: flex;
    align-items: center;
    justify-content: start;
}

.starcard-how-much-earn-section .starcard-top-text-area .icon-starcard-top-point {
    width: 44px;
    height: 44px;
    filter: brightness(0) saturate(100%) invert(17%) sepia(10%) saturate(3460%) hue-rotate(191deg) brightness(99%) contrast(91%);
    transform: scale(0.46);
}

.starcard-how-much-earn-section .starcard-top-text-area .starcard-top-earn-point-text {
    margin-left: 6px;
    font-size: 12px;
    color: #29335C;
}

.starcard-how-much-earn-section .starcardTop-bracket {
    margin: 0 0 20px;
    display: flex;
    height: 1px;
    background-color: #ececf4;
}

.modal-dialog-starcard,
.modal-dialog-point-detail {
    width: 320px;
}

.modal-dialog-starcard .modal-header,
.modal-dialog-point-detail .modal-header {
    border-bottom: 1px solid #ececf4;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard,
.modal-dialog-starcard .modal-content .modal-body-point-detail,
.modal-dialog-point-detail .modal-content .modal-body-point-detail {
    padding: 0;
    overflow-y: auto;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section {
    border: none;
    border-radius: 0px;
    border-top: 1px solid #ECECF4;
    padding: 16px 0;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .points,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .points,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .points,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .points {
    display: flex;
    gap: 30px;
    padding: 0 16px;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .points .point-box,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .points .point-box,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .points .point-box,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .points .point-box {
    display: flex;
    flex-direction: column;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .points .point-box .point-title,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .points .point-box .point-title,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .points .point-box .point-title,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .points .point-box .point-title {
    font-size: 12px;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .points .point-box .point,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .points .point-box .point,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .points .point-box .point,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .points .point-box .point {
    font-size: 24px;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .points .available,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .points .available,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .points .available,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .points .available {
    color: #fa5373;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .points.point-detail-points,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .points.point-detail-points,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .points.point-detail-points,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .points.point-detail-points {
    margin-top: 10px;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .point-date-info,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .point-date-info,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .point-date-info,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .point-date-info {
    padding: 0 16px;
    margin-bottom: 20px;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .point-date-info .validity-date,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .point-date-info .validity-date,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .point-date-info .validity-date,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .point-date-info .validity-date {
    font-size: 12px;
    color: #81819b;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .modal-point-detail-button-section,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .modal-point-detail-button-section,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .modal-point-detail-button-section,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .modal-point-detail-button-section {
    padding: 0 16px;
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .modal-point-detail-button-section .point-detail-button,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .modal-point-detail-button-section .point-detail-button,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .modal-point-detail-button-section .point-detail-button,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .modal-point-detail-button-section .point-detail-button {
    padding: 10px 16px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fa5373;
    color: #fa5373;
    border-radius: 50px;
    font-size: 12px;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .instruction-box,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .instruction-box,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .instruction-box,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .instruction-box {
    width: 100%;
    padding: 0 16px;
    margin-bottom: 20px;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .instruction-box .instruction-section,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .instruction-box .instruction-section,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .instruction-box .instruction-section,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .instruction-box .instruction-section {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
    padding: 20px 16px;
    border-radius: 5px;
    border: solid 1px #fa5373;
    background-color: #faf0f4;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .instruction-box .instruction-section .info-header,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .instruction-box .instruction-section .info-header,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .instruction-box .instruction-section .info-header,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .instruction-box .instruction-section .info-header {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    padding-left: 5px;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .instruction-box .instruction-section .info-header .info-symbol,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .instruction-box .instruction-section .info-header .info-symbol,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .instruction-box .instruction-section .info-header .info-symbol,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .instruction-box .instruction-section .info-header .info-symbol {
    width: 15px;
    height: 15px;
    color: #29335c;
    font-size: 9px;
    text-align: center;
    border: solid 1px #29335c;
    border-radius: 50px;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .instruction-box .instruction-section .info-header .info-title,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .instruction-box .instruction-section .info-header .info-title,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .instruction-box .instruction-section .info-header .info-title,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .instruction-box .instruction-section .info-header .info-title {
    font-size: 11px;
    color: #29335c;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .instruction-box .instruction-section .info-list,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .instruction-box .instruction-section .info-list,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .instruction-box .instruction-section .info-list,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .instruction-box .instruction-section .info-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: auto;
    max-width: 280px;
    padding-left: 16px;
    margin: 0;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .instruction-box .instruction-section .info-list .info-item,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .instruction-box .instruction-section .info-list .info-item,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .instruction-box .instruction-section .info-list .info-item,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .instruction-box .instruction-section .info-list .info-item {
    color: #81819b;
    font-size: 11px;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .instruction-box.point-not-applied-box,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .instruction-box.point-not-applied-box,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .instruction-box.point-not-applied-box,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .instruction-box.point-not-applied-box {
    transition: opacity 0.15s linear;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .instruction-box.point-not-applied-box .point-not-applied-section .info-list,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .instruction-box.point-not-applied-box .point-not-applied-section .info-list,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .instruction-box.point-not-applied-box .point-not-applied-section .info-list,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .instruction-box.point-not-applied-box .point-not-applied-section .info-list {
    padding-left: 5px;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .instruction-box.point-not-applied-box .point-not-applied-section .info-list .info-item,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .instruction-box.point-not-applied-box .point-not-applied-section .info-list .info-item,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .instruction-box.point-not-applied-box .point-not-applied-section .info-list .info-item,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .instruction-box.point-not-applied-box .point-not-applied-section .info-list .info-item {
    color: #29335c;
    font-size: 11px;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .bracket-modal,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .bracket-modal,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .bracket-modal,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .bracket-modal {
    margin-bottom: 20px;
    height: 10px;
    background-color: #f6f6f9;
    display: flex;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .point-select-section,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .point-select-section,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .point-select-section,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .point-select-section {
    width: 100%;
    padding: 0 16px;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .point-select-section .point-select-box span,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .point-select-section .point-select-box span,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .point-select-section .point-select-box span,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .point-select-section .point-select-box span {
    color: #29335c;
    font-size: 12px;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .point-select-section .point-select-box .point-select,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .point-select-section .point-select-box .point-select,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .point-select-section .point-select-box .point-select,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .point-select-section .point-select-box .point-select {
    border: 1px solid #ececf4;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px;
    margin: 20px 0 16px;
    position: relative;
    width: 100%;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .point-select-section .point-select-box .point-select .point-text,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .point-select-section .point-select-box .point-select .point-text,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .point-select-section .point-select-box .point-select .point-text,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .point-select-section .point-select-box .point-select .point-text {
    font-size: 12px;
    color: #29335c;
    display: flex;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .point-select-section .point-select-box .point-select .point-text .point-amount,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .point-select-section .point-select-box .point-select .point-text .point-amount,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .point-select-section .point-select-box .point-select .point-text .point-amount,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .point-select-section .point-select-box .point-select .point-text .point-amount {
    margin-bottom: 0;
    margin-left: 5px;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .point-select-section .point-select-box .point-select .icon,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .point-select-section .point-select-box .point-select .icon,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .point-select-section .point-select-box .point-select .icon,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .point-select-section .point-select-box .point-select .icon {
    cursor: pointer;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .point-select-section .point-select-box .point-select .icon-minus,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .point-select-section .point-select-box .point-select .icon-minus,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .point-select-section .point-select-box .point-select .icon-minus,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .point-select-section .point-select-box .point-select .icon-minus {
    background: url(../_ui/responsive/theme-penti/images/sprite-bg.svg) 0 55.64263323% no-repeat;
    width: 24px;
    height: 24px;
    filter: brightness(0) saturate(100%) invert(46%) sepia(95%) saturate(2346%) hue-rotate(319deg) brightness(101%) contrast(96%);
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .point-select-section .point-select-box .point-select .icon-plus,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .point-select-section .point-select-box .point-select .icon-plus,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .point-select-section .point-select-box .point-select .icon-plus,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .point-select-section .point-select-box .point-select .icon-plus {
    background: url(../_ui/responsive/theme-penti/images/sprite-bg.svg) 0 57.52351097% no-repeat;
    width: 24px;
    height: 24px;
    filter: brightness(0) saturate(100%) invert(46%) sepia(95%) saturate(2346%) hue-rotate(319deg) brightness(101%) contrast(96%);
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .point-select-section .point-select-box .submit-point-button,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .point-select-section .point-select-box .submit-point-button,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .point-select-section .point-select-box .submit-point-button,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .point-select-section .point-select-box .submit-point-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 50px;
    background-color: #fa5373;
    color: #fff;
    width: 100%;
    margin-bottom: 20px;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .point-select-section .point-select-box .under-score-section,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .point-select-section .point-select-box .under-score-section,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .point-select-section .point-select-box .under-score-section,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .point-select-section .point-select-box .under-score-section {
    border: 1px solid #ececf4;
    padding: 20px 16px;
    border-radius: 5px;
    background-color: #ececf4;
    margin: 20px 0;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section .point-select-section .point-select-box .under-score-section .under-score-text,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section .point-select-section .point-select-box .under-score-section .under-score-text,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section .point-select-section .point-select-box .under-score-section .under-score-text,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section .point-select-section .point-select-box .under-score-section .under-score-text {
    display: flex;
    font-size: 11px;
    line-height: normal;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section.point-detail-section-modal,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section.point-detail-section-modal,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section.point-detail-section-modal,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section.point-detail-section-modal {
    border: none;
    border-radius: 0px;
    border-top: none;
}

.modal-dialog-starcard .modal-content .modal-body-cart-starcard .point-section.point-detail-section-modal .point-type,
.modal-dialog-point-detail .modal-content .modal-body-cart-starcard .point-section.point-detail-section-modal .point-type,
.modal-dialog-starcard .modal-content .modal-body-point-detail .point-section.point-detail-section-modal .point-type,
.modal-dialog-point-detail .modal-content .modal-body-point-detail .point-section.point-detail-section-modal .point-type {
    margin-left: 16px;
}

.modal-dialog-point-detail .point-detail-bracket {
    margin: 0;
    width: 100%;
    display: flex;
    height: 10px;
    background-color: #f6f6f9;
}

.modal-dialog-point-detail .point-detail-inventory-list-item,
.modal-dialog-point-detail .point-detail-section-modal {
    padding: 16px 16px 20px;
    border: none;
    border-radius: 0;
    gap: 0;
}

.modal-dialog-point-detail .point-detail-inventory-list-item .point-type,
.modal-dialog-point-detail .point-detail-section-modal .point-type {
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 1;
}

.modal-dialog-point-detail .point-detail-inventory-list-item .point-date-info,
.modal-dialog-point-detail .point-detail-section-modal .point-date-info {
    padding: 16px 0;
    color: #81819b;
    font-size: 12px;
}

.modal-no-point-section {
    padding-top: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.modal-no-point-section .no-point-icon {
    width: 44px;
    height: 44px;
    margin-bottom: 20px;
}

.modal-no-point-section .no-point-title {
    color: #29335c;
    font-size: 12px;
}

.modal-no-point-section .no-point-information {
    color: #81819b;
    font-size: 11px;
    margin: 10px 0 0 0;
}

.modal-installment-campaign-content .installment-banks-section {
    display: flex;
    margin-top: 20px;
    flex-direction: column;
    gap: 20px;
}

.modal-installment-campaign-content .installment-bank__content {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 14px;
}

.modal-installment-campaign-content .installment-bank__icon {
    width: 80px;
    height: 50px;
}

.modal-installment-campaign-content .installment-bank__informations {
    display: flex;
    flex-direction: column;
    gap: 4px;
    line-height: normal;
}

.modal-installment-campaign-content .installment-bank__informations__name,
.modal-installment-campaign-content .installment-bank__informations__brand {
    font-size: 12px;
    color: #81819b;
}

.modal-installment-campaign-content .installment-bank__informations__price {
    font-size: 12px;
    color: #29335c;
}

.page-cartPage .cart-row .prd-row-title {
    display: inline-block;
}

.page-cartPage .content__empty .cart-empty .mmc-empty-icon-new {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.page-cartPage .content__empty .cart-empty .mmc-empty-button .btn.btn-primary {
    width: 100%;
}

.page-cartPage .section-psw.empty:before {
    content: none;
}

.page-cartPage .btn-remove {
    position: static;
    margin-top: -8px;
}

.cart-rows .cart-messages {
    width: 100%;
    margin: 20px 0;
    background: #faf0f4;
    padding: 30px;
    border-radius: 10px;
}

.cart-rows .cart-messages .message-title {
    font-weight: 600;
    color: #fa5373;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

.cart-rows .cart-messages .message-description {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.5px;
}

.cart-sum-margin {
    margin-top: 5px;
}

.order-detail-subtotal {
    color: #81819B;
}

@media(max-width:1024px) {
    .employee-discount-section {
        margin: 10px 20px;
    }

    .checkout-body .cart-footer {
        height: auto;
        margin: 20px;
        background: none;
        padding: 0;
    }

    .checkout-sidebar .cart-sum-point-section .cpn-body {
        margin: 0 20px;
    }

    .starcard-how-much-earn-section .starcard-top-text-area {
        padding: 8px;
    }

    .starcard-how-much-earn-section .starcardTop-bracket {
        height: 10px;
    }

    .cart-point-section {
        padding: 0 20px;
    }
}

input[name="otpCode"]:focus {
    border: 1px solid #FA5373 !important;
    background-color: white !important;
}

@media(max-width:1025px) {
    .point-section-modal {
        margin: 0px !important;
    }

    .point-detail-section-modal {
        margin: 0px !important;
    }
}

#purchase .cps-payment .cps-body .payment-tab-items [data-type=creditCard] .acc-body {
    display: flex;
    flex-direction: row;
}

#purchase .cps-payment .cps-body .payment-tab-items [data-type=creditCard] .acc-body .installment-box {
    position: -webkit-sticky;
    position: sticky;
    align-self: flex-start;
    top: 80px;
    margin-left: 125px;
}

#purchase .cps-payment .cps-body .payment-tab-items [data-type=creditCard] .acc-body .installment-box .color-text-pink {
    color: #FA5373;
}

@media screen and (max-width:750px) {
    #checkout-processing {
        height: 100% !important;
    }
}

.mod-sum-block .mod-sum-line .paymentModeName {
    white-space: nowrap;
}

.checkout-header.checkoutSteps-tag {
    z-index: 9;
}

.link-underline {
    display: inline-block;
    color: #29335C;
    border-bottom: 1px solid #29335C;
}

.link-underline:hover {
    border-color: transparent;
}

.cps-payment .cps-body .nav-tabs .acc-item {
    border-bottom: none;
}

.recipient-info {
    display: none;
    margin: 30px 0;
}

.recipient-info.show {
    display: block;
}

.recipient-info .form-row:not(:last-child) {
    margin-bottom: 10px;
}

.store-delivery-info {
    display: none;
    margin: 10px 0;
    padding: 20px;
    background-color: #ECECF4;
    border-radius: 5px;
}

.store-delivery-info .store-delivery-info-icon {
    display: flex;
    align-items: center;
}

.store-delivery-info .store-delivery-info-icon .icon {
    width: 49px;
    height: 49px;
}

.store-delivery-info .store-delivery-info-time {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 10px;
}

.store-delivery-info .store-delivery-info-time p {
    margin: 0;
    width: 100%;
    line-height: 1;
    font-size: 14px;
}

.store-delivery-info .store-delivery-info-time p b {
    font-size: 20px;
}

.cps-payment .cps-body .nav-tabs .acc-item.hide {
    display: none;
}

@media(max-width:1024px) {
    #purchase .cps-payment .cps-body .payment-tab-items [data-type=creditCard] .acc-body {
        flex-direction: column;
    }

    #purchase .cps-payment .cps-body .payment-tab-items [data-type=creditCard] .acc-body .installment-box {
        position: static;
        margin-left: 0;
        width: 100%;
    }
}

#main-menu .mmn {
    padding: 80px 40px 20px 40px;
}

#main-menu .mmn .mmn-body {
    overflow-x: auto;
    height: 100%;
}

#main-menu .mmn .mmn-body .mmn-link.mmn-lv1-link img {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 15px;
}

#main-menu .mmn .mmn-body .mmn-link:hover {
    font-weight: 700;
}

#main-menu .mmn .mmn-body .mmn-link.entry-active::after {
    transform: rotate(-90deg) !important;
}

#main-menu .mmn .mmn-body .mmn-menu3 {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid rgba(129, 129, 155, 0.2);
}

#main-menu .mmn .mmn-body .mmn-menu3 .mmn-lv1 {
    cursor: pointer;
}

#main-menu .mmn .mmn-body .mmn-menu3 .mmn-lv1 .mmn-lv1-link picture {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 15px;
}

#main-menu .mmn .mmn-body .mmn-menu3 .mmn-lv1 .mmn-lv1-link picture img {
    background: #ececf4;
    padding: 8px;
}

@media(max-width:1024px) {
    #main-menu .mmn {
        padding: 0;
        height: 100%;
    }

    #main-menu .mmn .mmn-body {
        height: calc(100% - 75px);
        height: -moz-calc(100% - 75px);
        height: -webkit-calc(100% - 115px);
        height: -o-calc(100% - 75px);
        padding-bottom: 75px;
    }

    #main-menu .mmn .mmn-body .mmn-menu3 {
        height: auto;
    }

    #main-menu .mmn .mmn-body .mmn-menu3 .mmn-lv1-link::after {
        transform: rotate(-90deg) !important;
    }
}

.colorWhite {
    border: solid 1px #CED1D3;
}

.pdp-options .pdp-colors+.pdp-sizes {
    margin-top: 20px;
}

.pdp-options .pdp-sizes {
    margin-top: 0;
}

.pdp-colors-title {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
}

.pdp-colors .dropdown-toggle {
    display: none;
}

.color-variants {
    margin-bottom: 25px !important;
}

.color-variants .color-variants-container {
    width: 65px;
    text-align: center;
}

.color-variants .color-variants-container .color-variant-item {
    width: 63px;
    height: 88px;
    border-radius: 5px;
}

.color-variants .color-variants-container .color-variant-item.selected {
    border: 2px solid #FA5373;
}

.color-variants .color-variants-container .color-variant-item:hover {
    background: none;
}

.color-variants .color-variants-container .color-variant-item i {
    width: 55px;
    height: 80px;
    border-radius: 5px;
}

.color-variants .color-variants-container .color-variant-item i.no-stock {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5;
}

.color-variants .color-variants-container .sold-out-text {
    color: #81819B;
    font-size: 11px;
}

.color-variants .color-variants-container .variant-name-text {
    display: block;
    font-size: 11px;
}

.pdp-sizes .pdp-sizes-title {
    display: flex;
    justify-content: space-between;
}

.pdp-sizes .pdp-sizes-title span {
    font-size: 17px;
    font-weight: bold;
}

.pdp-stripe-ready .pdp-colors .border-line,
.pdp-stripe-ready .pdp-sizes .pdp-sizes-title {
    display: none;
}

.pdp-stripe-ready .pdp-colors .pdp-colors-title {
    display: none;
}

.pdp-stripe-ready .pdp-options .pdp-sizes {
    margin-top: 0;
}

.border-line {
    border-top: 1px solid rgba(129, 129, 155, 0.2);
    display: block;
}

@media(min-width:1025px) {
    .pdp-stripe-ready .pdp-options .dropdown-menu {
        width: 375px;
    }
}

.fg-less .fg-options {
    height: 110px !important;
}

.fg-less .fg-options .rvw-sum-stars {
    display: flex;
    flex-direction: column-reverse;
}

.fg-less .fg-options .rvw-sum-stars .js-start-change {
    display: block;
}

.fg-less .fg-options .rvw-sum-stars .js-start-change .rating-text {
    position: relative;
    top: 3px;
}

.basket-count {
    position: absolute;
    top: -9px;
    left: calc(53%);
    display: flex;
    align-items: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #FA5373;
    font-family: Helvetica Now Display;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    color: #FFFFFF;
    justify-content: center;
}

.relavite {
    position: relative !important;
}

.otp-countdown-waiting {
    position: relative;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px auto;
}

#modal-updateProfileEmailOtp .modal-content .modal-body .msh-form .profile-update-otp-recaptcha .recaptcha {
    margin-top: 20px;
    padding: 0;
    border: none;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

#modal-updateProfileEmailOtp .modal-content .modal-body .msh-form .profile-update-otp-recaptcha .form-error-msg {
    margin-top: -15px;
    padding-bottom: 15px;
}

#modal-updateProfileEmailOtp .modal-content .modal-body .msh-form .form-button {
    margin-top: 5px;
}

#address-selection .asl-list .asl .rrc-body b {
    width: calc(100% - 50px);
    word-break: break-word;
    min-height: 22px;
}

.banner {
    cursor: pointer;
}

.banner-list .banner.bnr-type-1 .bnr-body,
.banner-list .banner.bnr-type-2 .bnr-body,
.banner-list .banner.bnr-type-4 .bnr-body,
.banner-list .banner.bnr-type-5 .bnr-body,
.banner-list .banner.bnr-type-6 .bnr-body {
    align-items: center !important;
}

.banner-list .banner.bnr-type-1 .bnr-body .bnr-header,
.banner-list .banner.bnr-type-2 .bnr-body .bnr-header,
.banner-list .banner.bnr-type-4 .bnr-body .bnr-header,
.banner-list .banner.bnr-type-5 .bnr-body .bnr-header,
.banner-list .banner.bnr-type-6 .bnr-body .bnr-header {
    text-align: center !important;
}

.bnr-type-2 .bnr-body {
    flex-basis: content !important;
}

.bnr-hdr-1 .bnr-desc {
    text-align: left !important;
}

.bnr-hdr-2 .bnr-desc {
    text-align: left !important;
}

.bnr-hdr-2 .bnr-title {
    text-align: left !important;
}

#main-slider {
    padding-bottom: 20px;
}

#main-slider .swiper-slide {
    width: 100% !important;
}

#main-slider .swiper-new-pagination {
    margin-top: 0;
    z-index: 999;
    position: absolute;
    bottom: 5px;
    padding: 10px 0;
    display: flex;
    gap: 10px;
    justify-content: center;
}

#main-slider .swiper-new-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 1;
}

#main-slider .swiper-new-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ffffff;
}

#main-slider .swiper-pagination {
    display: flex;
    margin-top: 10px;
}

#main-slider .swiper-pagination .swiper-pagination-bullet {
    background: #29335c;
    margin: 0 4px;
}

#main-slider .swiper-pagination .swiper-pagination-bullet-active {
    width: 15px;
    height: 6px;
    border-radius: 30px;
}

#main-slider .mobile-custom-pagination {
    display: none;
}

#main-slider .bnr-body {
    position: absolute;
    bottom: 13px;
    left: 0;
    height: auto;
    color: #ffffff;
    text-transform: capitalize;
}

#main-slider .bnr-body .bnr-desc,
#main-slider .bnr-body .bnr-title,
#main-slider .bnr-body a {
    display: block;
}

#main-slider .bnr-body .bnr-desc,
#main-slider .bnr-body .bnr-title,
#main-slider .bnr-body .btn-ghost {
    font-weight: bold;
}

#main-slider .bnr-body .bnr-desc {
    margin-bottom: 5px;
}

#main-slider .bnr-body .bnr-title {
    font-size: 42px;
}

#main-slider .bnr-body .bnr-button {
    margin-top: 20px;
    margin-bottom: 40px;
}

#main-slider .bnr-body .bnr-button.active {
    margin-bottom: 10px;
}

#main-slider .bnr-body .btn-ghost {
    border: solid 1px #fff;
    font-size: 14px;
    width: 125px;
}

#main-slider .bnr-body .bnr-discover {
    display: inline-block;
    height: 65px;
    width: 45px;
}

#main-slider .bnr-body .bnr-info {
    position: initial;
    font-size: 10px;
    font-weight: 500;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    margin-bottom: 20px;
}

#main-slider .bnr-media {
    position: relative;
    left: inherit;
    transform: inherit;
    width: 100% !important;
}

#main-slider .bnr-media:after {
    opacity: .5;
}

#main-slider .bnr-media.responsive-video-container {
    height: 100%;
}

#main-slider .bnr-media.responsive-video-container video {
    width: 100vw;
    display: block;
    height: 100%;
    object-fit: cover;
}

#main-slider .bnr-header {
    font-weight: bold;
}

#main-slider .svg-slider-next-arrow,
#main-slider .svg-slider-prev-arrow {
    top: calc(47% - 20px);
    transform: initial;
}

#main-slider-pagination.swiper-main-pagination {
    width: 100%;
    height: 30px;
    display: block;
    text-align: center;
    transition: 300ms opacity;
}

#main-slider-pagination.swiper-main-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #000;
    opacity: 0.3;
    outline: none;
    display: inline-block;
    margin: 0 4px;
    transition: 300ms opacity;
}

#main-slider-pagination.swiper-main-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #29335c;
    opacity: 1;
    width: 15px;
    height: 6px;
    border-radius: 30px;
    transition: 300ms opacity;
}

@media(max-width:1024px) {
    #main-slider {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    #main-slider .swiper-new-pagination {
        gap: 12px;
    }

    #main-slider .swiper-new-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }

    #main-slider .bnr-body {
        padding: 0 45px;
    }

    #main-slider .bnr-body .bnr-button {
        margin-bottom: 45px;
    }

    #main-slider .bnr-media video {
        width: 100%;
    }

    #main-slider .svg-slider-next-arrow,
    #main-slider .svg-slider-prev-arrow {
        display: none;
    }

    #main-slider .mobile-custom-pagination {
        display: block;
        position: absolute;
        z-index: 1;
        right: 10px;
        top: 10px;
        width: 50px;
        height: 30px;
        background-color: #29335c;
        opacity: .6;
        color: #fff;
        border-radius: 35px;
        text-align: center;
        line-height: 30px;
    }

    #main-slider-pagination {
        display: none !important;
    }
}

.btn-help .icon-help {
    pointer-events: none;
}

.btn-help.active .p-tooltip {
    display: block !important;
}

.btn-help .p-tooltip {
    display: none;
    width: 180px;
    padding: 15px;
    color: #fff;
    background: rgba(105, 112, 141, 0.84);
    position: absolute;
    right: 10px;
    bottom: 35px;
    z-index: 9999;
}

.btn-help .p-tooltip:after {
    content: '';
    position: absolute;
    bottom: -12px;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 12px solid rgba(105, 112, 141, 0.84);
    border-left: 0 solid transparent;
    border-right: 12px solid transparent;
    transform: rotate(180deg);
}

.static-page-container table table {
    table-layout: fixed;
}

.static-page-container table a {
    word-break: break-all;
}

.mavieprivee-content {
    display: none;
    object-fit: contain;
}

.mavieprivee-content .top-image {
    width: 200px;
    height: 119px;
    object-fit: contain;
    margin-bottom: 50px;
    margin-top: 160px;
}

@media(max-width:1024px) {
    .mavieprivee-content .top-image {
        margin-top: 156px;
    }
}

@media(max-width:1024px) {
    .mavieprivee-content .pnf-button {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.mavieprivee-content .pnf-button .btn-accept {
    width: 100%;
    max-width: 415px;
}

body.over-eighteen .mavieprivee-content,
body.over-eighteen .plp,
body.over-eighteen .breadcrumb,
body.over-eighteen .content,
body.over-eighteen .footer {
    display: none;
}

.color-red {
    color: red;
}

.form-line {
    display: flex;
    margin-bottom: 20px;
}

.form-line .form-row {
    margin: 0 !important;
    width: 100%;
}

.form-line .form-row .col-12:first-child {
    padding-right: 25px;
}

.member-body.profile-update .member-content .form-line .field-birthdate {
    margin-top: 18.6px;
}

.member-body.profile-update .member-content .form-line .field-birthdate label {
    margin-top: -16px;
}

.member-body.profile-update .member-content .form-error-msg {
    margin-top: 10px;
    line-height: 1.5;
    font-size: .75rem;
}

@media(max-width:1024px) {
    .form-line {
        flex-direction: column;
    }

    .form-line .form-row:first-child {
        margin-bottom: 20px !important;
    }

    .member-body.profile-update .member-content .form-line .field-birthdate {
        margin-top: 0;
    }

    .member-body.profile-update .member-content .form-line .field-birthdate label {
        margin-top: 0;
    }
}

body.overflow-hidden {
    overflow: hidden !important;
}

@media(min-width:1025px) {
    .search-layer-ready #site-header {
        z-index: 8;
    }
}

.header {
    position: relative;
    border-bottom: 1px solid rgba(129, 129, 155, 0.2);
}

.header-inner {
    position: relative;
    height: 70px;
}

.header-inner .icon {
    stroke-width: unset;
}

.header-inner__left {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
}

.header-inner__left .main-menu {
    position: static !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    justify-content: center;
    height: 100% !important;
}

@media(hover:hover) and (pointer:fine) {

    .header-inner__left .main-menu .main-menu__level1:hover,
    .header-inner__left .main-menu .main-menu__level1:focus,
    .header-inner__left .main-menu .main-menu__level1:active {
        background-color: #FAF0F4;
    }

    .header-inner__left .main-menu .main-menu__level1:hover>.main-menu__level2,
    .header-inner__left .main-menu .main-menu__level1:focus>.main-menu__level2,
    .header-inner__left .main-menu .main-menu__level1:active>.main-menu__level2 {
        visibility: visible;
        transition-delay: 0.35s;
    }
}

.header-inner__left .main-menu__content {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    gap: 10px;
}

.header-inner__left .main-menu__header {
    display: none;
}

.header-inner__left .main-menu__level1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 10px;
}

.header-inner__left .main-menu__level1.collection .main-menu__level2 .main-menu__level2__wrapper {
    flex-direction: column;
    width: 100%;
}

.header-inner__left .main-menu__level1.collection .main-menu__level2 .main-menu__level2__wrapper .main-menu__level3__wrapper {
    margin-top: -30px;
    width: 100%;
}

.header-inner__left .main-menu__level1.collection .main-menu__level2 .main-menu__level2__wrapper .main-menu__level3__wrapper:nth-child(n + 2) {
    margin: 0;
}

.header-inner__left .main-menu__level1.collection .main-menu__level2 .main-menu__level2__wrapper .main-menu__level3__wrapper .main-menu__level4__wrapper {
    margin-top: 30px;
}

.header-inner__left .main-menu__level1.collection .main-menu__level2 .main-menu__level2__wrapper .main-menu__level3__wrapper .main-menu__level4__wrapper .main-menu__level4__wrapper__content {
    flex-wrap: wrap;
    flex-direction: row;
    gap: 15px;
    justify-content: center;
}

.header-inner__left .main-menu__level1.collection .main-menu__level2 .main-menu__level2__wrapper .main-menu__level3__wrapper .main-menu__level4__wrapper .main-menu__level4__wrapper__content a {
    margin-top: 0;
    margin-right: 0;
}

.header-inner__left .main-menu__level1.collection .main-menu__level2 .main-menu__level2__wrapper .main-menu__level3__wrapper .main-menu__level4__wrapper .main-menu__level4__wrapper__content a img {
    border-radius: 5px;
}

.header-inner__left .main-menu__level1.classic {
    position: relative;
}

.header-inner__left .main-menu__level1.classic .main-menu__level2 {
    padding: 0;
    min-width: 180px;
    min-height: unset;
}

.header-inner__left .main-menu__level1.classic .main-menu__level2 .main-menu__level2__wrapper {
    flex-direction: column;
    width: 100%;
}

.header-inner__left .main-menu__level1.classic .main-menu__level2 .main-menu__level2__wrapper .main-menu__level3__wrapper {
    width: 100%;
}

.header-inner__left .main-menu__level1.classic .main-menu__level2 .main-menu__level2__wrapper .main-menu__level3__wrapper:nth-child(n + 2) {
    margin-left: 0;
}

.header-inner__left .main-menu__level1.classic .main-menu__level2 .main-menu__level2__wrapper .main-menu__level3__wrapper .main-menu__level3__wrapper__link {
    position: relative;
    display: block;
    padding: 15px;
    font-size: 12px;
}

.header-inner__left .main-menu__level1.classic .main-menu__level2 .main-menu__level2__wrapper .main-menu__level3__wrapper .main-menu__level3__wrapper__link:hover {
    font-weight: 500;
}

.header-inner__left .main-menu__level1.classic .main-menu__level2 .main-menu__level2__wrapper .main-menu__level3__wrapper .main-menu__level3__wrapper__link:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    margin: 0;
    width: auto;
    height: auto;
    background-color: transparent;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-inner__left .main-menu__level1.classic .main-menu__level2 .main-menu__level2__wrapper .main-menu__level3__wrapper .main-menu__level4__wrapper {
    display: none;
}

.header-inner__left .main-menu__level1__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    font-size: 14px;
    color: #FA5373;
    cursor: pointer;
}

.header-inner__left .main-menu__level2 {
    visibility: hidden;
    position: absolute;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    top: 70px;
    left: 0;
    padding: 30px;
    width: 100%;
    min-height: 350px;
    background-color: #FAF0F4;
    max-height: calc(100vh - 110px) !important;
    max-height: -moz-calc(100vh - 110px);
    max-height: -webkit-calc(100vh - 110px);
    max-height: -o-calc(100vh - 110px);
    overflow: auto;
}

.header-inner__left .main-menu__level2__wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.header-inner__left .main-menu__level2__wrapper__link {
    text-transform: uppercase;
    font-size: 14px;
    color: #FA5373;
}

.header-inner__left .main-menu__level2__wrapper__link:after {
    content: '';
    display: block;
    margin: 15px 0;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 80, 115, 0.2);
}

.header-inner__left .main-menu__level2__bands {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.header-inner__left .main-menu__level2__bands a:nth-child(n + 2) {
    margin-left: 20px;
}

.header-inner__left .main-menu__level2__bands__band {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 340px;
    height: 100px;
}

.header-inner__left .main-menu__level2__bands__band__image {
    width: 100px;
    height: 100px;
}

.header-inner__left .main-menu__level2__bands__band__image img {
    object-fit: cover;
    max-width: inherit;
}

.header-inner__left .main-menu__level2__bands__band__text {
    margin-left: 15px;
    font-size: 20px;
    color: #FFFFFF;
    margin-right: 28px;
}

.header-inner__left .main-menu__level2__bands__band__text i {
    display: inline-block;
    margin-top: 5px;
    font-size: 14px;
}

.header-inner__left .main-menu__level3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 70px;
    left: 0;
    padding: 30px;
    width: 100%;
    min-height: 350px;
    background-color: #FAF0F4;
}

.header-inner__left .main-menu__level3__wrapper:nth-child(n + 2) {
    margin-left: 30px;
}

.header-inner__left .main-menu__level3__wrapper:hover>.main-menu__level3__wrapper__link,
.header-inner__left .main-menu__level3__wrapper:focus>.main-menu__level3__wrapper__link,
.header-inner__left .main-menu__level3__wrapper:active>.main-menu__level3__wrapper__link {
    font-weight: 500;
}

.header-inner__left .main-menu__level3__wrapper__link {
    text-transform: uppercase;
    font-size: 14px;
    color: #FA5373;
}

.header-inner__left .main-menu__level3__wrapper__link:after {
    content: '';
    display: block;
    margin: 15px 0;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 80, 115, 0.2);
}

.header-inner__left .main-menu__level4__wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.header-inner__left .main-menu__level4__wrapper__content {
    display: flex;
    flex-direction: column;
}

.header-inner__left .main-menu__level4__wrapper__content__show-more {
    margin-top: 10px;
    padding: 3px;
    width: fit-content;
    font-size: 12px;
    color: #FA5373;
    background-color: #FFFFFF;
    border-radius: 5px;
    cursor: pointer;
}

.header-inner__left .main-menu__level4__wrapper__content__more {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 10px;
}

.header-inner__left .main-menu__level4__wrapper__content__more.show {
    display: flex;
}

.header-inner__left .main-menu__level4__wrapper__link {
    font-size: 12px;
    color: #FA5373;
}

.header-inner__left .main-menu__level4__wrapper__link:nth-child(n + 2) {
    margin-top: 10px;
}

.header-inner__left .main-menu__level4__wrapper__link img {
    display: none;
}

.header-inner__left .main-menu__level4__wrapper__link:hover {
    font-weight: 500;
}

.header-inner__left__mobile-icons {
    display: none;
}

.header-inner__left__checkout .icon-cart .basket-count {
    display: none !important;
}

.header-inner__left__checkout .icon-cart .icon-text {
    display: none;
}

.header-inner__middle {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
}

.header-inner__middle img {
    height: 40px !important;
    width: auto !important;
}

.header-inner__right {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    gap: 30px;
}

.header-inner__right__item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.header-inner__right__item.search .searchbox {
    width: 100%;
    height: 40px;
}

.header-inner__right__item.search .searchbox__header {
    display: none;
}

.header-inner__right__item.search .searchbox__box {
    padding: 0;
    height: 100%;
}

.header-inner__right__item.search .searchbox__box__form {
    position: relative;
    height: 100%;
}

.header-inner__right__item.search .searchbox__box__form__input {
    padding: 0 0 0 40px !important;
    width: 100% !important;
    max-width: 160px;
    height: 40px !important;
    color: #FA5373 !important;
    background-color: #FFFFFF !important;
    border: solid 1px #FA5373 !important;
    border-radius: 5px !important;
}

.header-inner__right__item.search .searchbox__box__form__input:active,
.header-inner__right__item.search .searchbox__box__form__input:focus {
    background-color: #FAF0F4 !important;
}

.header-inner__right__item.search .searchbox__box__form__input:active~.searchbox__box__form__button__reset,
.header-inner__right__item.search .searchbox__box__form__input:focus~.searchbox__box__form__button__reset {
    visibility: visible !important;
}

.header-inner__right__item.search .searchbox__box__form__button__submit {
    left: 10px;
    width: 24px;
}

.header-inner__right__item.search .searchbox__box__form__button__submit svg {
    width: 24px;
    height: 24px;
}

.header-inner__right__item.search .searchbox__box__form__button__reset {
    visibility: hidden;
    right: 10px;
    background: transparent;
}

.header-inner__right__item.icon .icon-club-link .icon-club {
    filter: brightness(0) saturate(100%) invert(56%) sepia(100%) saturate(3541%) hue-rotate(318deg) brightness(99%) contrast(98%);
    width: 55px;
    height: 25px;
    stroke: initial;
}

.header-inner__right__item.icon .icon-text {
    margin-left: 5px;
    text-transform: uppercase;
    font-size: 12px;
    color: #FA5373;
}

.header-inner__right__item.icon.account-nav {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 8px;
}

@media(hover:hover) and (pointer:fine) {

    .header-inner__right__item.icon.account-nav:hover,
    .header-inner__right__item.icon.account-nav:active,
    .header-inner__right__item.icon.account-nav:focus {
        background-color: #FAF0F4;
    }

    .header-inner__right__item.icon.account-nav:hover>.member-sidebar,
    .header-inner__right__item.icon.account-nav:active>.member-sidebar,
    .header-inner__right__item.icon.account-nav:focus>.member-sidebar {
        display: block;
    }
}

.header-inner__right__item.icon.account-nav .member-sidebar {
    display: none;
    position: absolute;
    top: 70px;
    padding: 0;
    min-width: 180px;
    border-radius: unset;
}

.header-inner__right__item.icon.account-nav .member-sidebar .user-nav {
    display: none;
}

.header-inner__right__item.icon.account-nav .member-sidebar .member-userbox {
    display: none;
}

.header-inner__right__item.icon.account-nav .member-sidebar .member-starcard-section {
    gap: 0;
}

.header-inner__right__item.icon.account-nav .member-sidebar .member-menu {
    margin: 0;
}

.header-inner__right__item.icon.account-nav .member-sidebar .member-menu .member-menu-item {
    position: relative;
    padding: 15px;
    text-transform: uppercase;
    font-size: 12px;
    color: #FA5373;
}

@media(hover:hover) and (pointer:fine) {
    .header-inner__right__item.icon.account-nav .member-sidebar .member-menu .member-menu-item:hover {
        font-weight: 500;
    }
}

.header-inner__right__item.icon.account-nav .member-sidebar .member-menu .member-menu-item::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: none;
}

.header-inner__right__item.icon.account-nav .member-sidebar .member-menu .account-menu-display {
    display: block;
}

.header-inner__right__item.icon.account-nav .member-sidebar .member-starcard-section {
    display: none;
}

.header-inner__right__item.icon .icon-cart {
    position: relative;
}

.header-inner__right__item.icon .icon-cart .basket-count {
    top: 5px;
    left: 3px;
    font-size: 12px;
    font-weight: 500;
    color: #FA5373;
    background-color: transparent;
    border-radius: unset;
}

.header .header-category-menu .category-menu {
    margin: 0 0 30px 0;
}

.header .header-category-menu .category-menu__category {
    margin-top: 0;
}

.header .header-category-menu .category-menu__category:nth-child(n + 2) {
    margin-left: 10px;
}

.header .header-category-menu .category-menu__category:hover .category-menu__category__name {
    font-weight: 500;
}

.header .header-category-menu .category-menu__category__name {
    margin-top: 5px;
    color: #FA5373;
}

.searchbox-suggestions {
    display: none;
}

@media(max-width:1025px) {
    .checkout-pages .header {
        display: block !important;
    }

    #site-header {
        height: 40px !important;
    }

    #site-header .header {
        height: initial;
    }

    #site-header .header-inner {
        padding: 0 11px;
        height: initial;
    }

    #site-header .header-inner__left {
        position: relative;
    }

    #site-header .header-inner__left .main-menu__content {
        padding: 0 15px;
    }

    #site-header .header-inner__left .main-menu {
        display: none !important;
        max-width: unset;
        background-color: #FAF0F4;
        overflow: hidden;
    }

    #site-header .header-inner__left .main-menu.show {
        display: flex !important;
        position: fixed !important;
        flex-direction: column !important;
    }

    #site-header .header-inner__left .main-menu.show-classic {
        display: flex !important;
    }

    #site-header .header-inner__left .main-menu.show-classic .main-menu__header {
        display: none;
    }

    #site-header .header-inner__left .main-menu.show-classic .main-menu__content {
        position: absolute;
        top: 43px;
        right: 0;
        width: auto;
        height: auto;
    }

    #site-header .header-inner__left .main-menu.show-classic .main-menu__level1 {
        display: none;
    }

    #site-header .header-inner__left .main-menu.show-classic .main-menu__level1.classic {
        display: flex;
    }

    #site-header .header-inner__left .main-menu.show-classic .main-menu__level1.classic .main-menu__level2 {
        position: fixed;
        display: block;
        padding: 0;
        background-color: #FAF0F4;
        max-width: 140px;
        height: auto;
    }

    #site-header .header-inner__left .main-menu.show-classic .main-menu__level1.classic .main-menu__level2__wrapper .main-menu__level3__wrapper__link {
        padding: 15px;
        text-transform: uppercase;
        color: #FA5373;
    }

    #site-header .header-inner__left .main-menu.show-classic .main-menu__level1.classic .main-menu__level2__wrapper .main-menu__level3__wrapper__link:after {
        right: 15px;
        background: none;
        content: "";
    }

    #site-header .header-inner__left .main-menu.show-classic .main-menu__level1__link {
        display: none;
    }

    #site-header .header-inner__left .main-menu__header {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 50px;
        background-color: #FFFFFF;
        border-top: 1px solid #FAF0F4;
        border-bottom: 1px solid #FAF0F4;
    }

    #site-header .header-inner__left .main-menu__header__left {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 15px;
    }

    #site-header .header-inner__left .main-menu__header__middle {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: center;
    }

    #site-header .header-inner__left .main-menu__header__middle img {
        height: 24px !important;
        width: auto !important;
    }

    #site-header .header-inner__left .main-menu__header__right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-right: 15px;
    }

    #site-header .header-inner__left .main-menu__level1 {
        align-items: flex-start;
        padding: 0;
    }

    #site-header .header-inner__left .main-menu__level1:first-child {
        margin-left: 0;
    }

    #site-header .header-inner__left .main-menu__level1:last-child {
        margin-right: 0;
    }

    #site-header .header-inner__left .main-menu__level1.active {
        border-bottom: 1px solid #FA5373;
    }

    #site-header .header-inner__left .main-menu__level1.active .main-menu__level1__link {
        border-bottom: 1px solid #FA5373;
    }

    #site-header .header-inner__left .main-menu__level1.active .main-menu__level2 {
        display: flex;
        visibility: visible;
    }

    #site-header .header-inner__left .main-menu__level1.collection .main-menu__level4__wrapper__content.js-main-menu-level4-wrapper a {
        width: calc(50% - 1px) !important;
        width: -moz-calc(50% - 1px);
        width: -webkit-calc(50% - 1px);
        width: -o-calc(50% - 1px);
    }

    #site-header .header-inner__left .main-menu__level1.collection .main-menu__level4__wrapper__content.js-main-menu-level4-wrapper a img {
        max-height: 280px;
        object-fit: cover;
        object-position: top;
    }

    #site-header .header-inner__left .main-menu__level1.collection .main-menu__level4__wrapper__content.js-main-menu-level4-wrapper a:nth-child(odd) {
        margin: 0 0px 2px 0;
    }

    #site-header .header-inner__left .main-menu__level1.collection .main-menu__level2 {
        padding: 0;
    }

    #site-header .header-inner__left .main-menu__level1.collection .main-menu__level2 .main-menu__level2__wrapper {
        margin-top: 45px;
    }

    #site-header .header-inner__left .main-menu__level1.collection .main-menu__level2 .main-menu__level2__wrapper .main-menu__level3__wrapper .main-menu__level4__wrapper.active {
        display: flex;
        position: static;
        margin-top: 0;
    }

    #site-header .header-inner__left .main-menu__level1.collection .main-menu__level2 .main-menu__level2__wrapper .main-menu__level3__wrapper .main-menu__level4__wrapper .main-menu__level4__wrapper__content {
        margin-top: 0;
        padding: 0;
    }

    #site-header .header-inner__left .main-menu__level1.collection .main-menu__level2 .main-menu__level2__wrapper .main-menu__level3__wrapper .main-menu__level4__wrapper .main-menu__level4__wrapper__content a {
        margin-top: 0;
        width: 50%;
        margin-right: 0;
    }

    #site-header .header-inner__left .main-menu__level1.collection .main-menu__level2 .main-menu__level2__wrapper .main-menu__level3__wrapper .main-menu__level4__wrapper .main-menu__level4__wrapper__content a:nth-child(n + 2) {
        margin-left: 0;
    }

    #site-header .header-inner__left .main-menu__level1.collection .main-menu__level2 .main-menu__level2__wrapper .main-menu__level3__wrapper .main-menu__level4__wrapper .main-menu__level4__wrapper__content a img {
        width: 100%;
        border-radius: unset;
    }

    #site-header .header-inner__left .main-menu__level1.classic {
        display: none;
    }

    #site-header .header-inner__left .main-menu__level1.classic.active {
        display: flex;
    }

    #site-header .header-inner__left .main-menu__level1__link {
        height: 51px;
        font-size: 12px;
        font-weight: normal;
    }

    #site-header .header-inner__left .main-menu__level2 {
        top: 99px;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 15px;
        height: -webkit-calc(100% - 99px);
        height: -moz-calc(100% - 99px);
        height: -o-calc(100% - 99px);
        height: calc(100% - 99px);
        background-color: #FFFFFF;
        overflow-x: hidden;
        overflow-y: auto;
    }

    #site-header .header-inner__left .main-menu__level2__wrapper {
        flex-direction: column;
        width: 100%;
    }

    #site-header .header-inner__left .main-menu__level2__bands {
        position: relative;
        flex-direction: column;
        margin-top: 20px;
        width: 100%;
    }

    #site-header .header-inner__left .main-menu__level2__bands:before {
        content: '';
        position: absolute;
        top: -15px;
        left: -15px;
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: -o-calc(100% + 30px);
        width: calc(100% + 30px);
        height: 10px;
        background-color: #F6F6F9;
    }

    #site-header .header-inner__left .main-menu__level2__bands a {
        margin-top: 20px;
        width: 100%;
    }

    #site-header .header-inner__left .main-menu__level2__bands a:nth-child(n + 2) {
        margin-left: 0;
    }

    #site-header .header-inner__left .main-menu__level2__bands__band {
        width: 100%;
        height: auto;
        justify-content: flex-start;
    }

    #site-header .header-inner__left .main-menu__level2__bands__band picture img {
        width: 100%;
        height: auto;
    }

    #site-header .header-inner__left .main-menu__level3__wrapper {
        width: 100%;
    }

    #site-header .header-inner__left .main-menu__level3__wrapper:nth-child(n + 2) {
        margin-left: 0;
    }

    #site-header .header-inner__left .main-menu__level3__wrapper__link {
        position: relative;
        display: block;
        padding: 15px 0;
        width: 100%;
        text-transform: unset;
        font-size: 12px;
        color: #29335C;
    }

    #site-header .header-inner__left .main-menu__level3__wrapper__link:after {
        content: url('../_ui/responsive/theme-penti/images/redesign/icon-arrow-head-right.svg');
        position: absolute;
        margin: 0;
        top: 50%;
        right: 0;
        width: auto;
        height: unset;
        background-color: transparent;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #site-header .header-inner__left .main-menu__level4__wrapper {
        display: none;
    }

    #site-header .header-inner__left .main-menu__level4__wrapper.active {
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        width: 100%;
        height: 100%;
        background-color: #FFFFFF;
        z-index: 1;
    }

    #site-header .header-inner__left .main-menu__level4__wrapper.active .main-menu__level4__wrapper__header {
        display: flex;
    }

    #site-header .header-inner__left .main-menu__level4__wrapper__content {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        margin-top: 15px;
        padding: 0 15px;
        width: 100%;
        justify-content: space-between;
        gap: 1px;
    }

    #site-header .header-inner__left .main-menu__level4__wrapper__content .main-menu__level4__wrapper__link {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 15px;
        width: 33%;
        text-align: center;
        color: #29335C;
    }

    #site-header .header-inner__left .main-menu__level4__wrapper__content .main-menu__level4__wrapper__link img {
        display: block;
        margin-bottom: 5px;
        border-radius: 50%;
        object-fit: cover;
    }

    #site-header .header-inner__left .main-menu__level4__wrapper__content__show-more {
        display: none;
    }

    #site-header .header-inner__left__mobile-icons {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #site-header .header-inner__left__mobile-icons__icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
    }

    #site-header .header-inner__left__mobile-icons__icon.header-opportunity {
        width: 42px;
        height: 42px;
    }

    #site-header .header-inner__left__mobile-icons__icon.header-opportunity.active {
        background-color: #FAF0F4;
    }

    #site-header .header-inner__middle img {
        height: 24px !important;
        width: auto !important;
    }

    #site-header .header-inner__right {
        gap: 0px;
    }

    #site-header .header-inner__right__item.search {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    #site-header .header-inner__right__item.search.show {
        display: block;
        background-color: #FFFFFF;
    }

    #site-header .header-inner__right__item.search .searchbox {
        flex-direction: column;
        padding: 0;
        width: 100%;
        height: unset;
        background-color: #FFFFFF;
    }

    #site-header .header-inner__right__item.search .searchbox__header {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 50px;
        background-color: #FFFFFF;
        border-top: 1px solid #FAF0F4;
        border-bottom: 1px solid #FAF0F4;
    }

    #site-header .header-inner__right__item.search .searchbox__header__left {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: flex-start;
        padding-left: 15px;
    }

    #site-header .header-inner__right__item.search .searchbox__header__left button {
        position: static;
    }

    #site-header .header-inner__right__item.search .searchbox__header__middle {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        color: #81819B;
    }

    #site-header .header-inner__right__item.search .searchbox__header__right {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: flex-end;
        padding-right: 15px;
    }

    #site-header .header-inner__right__item.search .searchbox__box {
        margin-top: 15px;
        padding: 0 15px;
        width: 100%;
    }

    #site-header .header-inner__right__item.search .searchbox__box__form {
        position: relative;
    }

    #site-header .header-inner__right__item.search .searchbox__box__form__input {
        height: 40px !important;
    }

    #site-header .header-inner__right__item.search .searchbox__box__form__button__reset {
        right: 10px;
        left: unset;
    }

    #site-header .header-inner__right__item.icon {
        width: 42px;
        height: 42px;
    }

    #site-header .header-inner__right__item.icon:nth-child(n + 1) {
        margin-left: 0;
    }

    #site-header .header-inner__right__item.icon .icon-text {
        display: none;
    }

    #site-header .header-inner__right__item.icon.account-nav {
        margin: 0;
        padding: 0;
        min-width: 42px;
        width: 42px;
        height: 42px;
    }

    #site-header .header-inner__right__item.icon.account-nav.active {
        background-color: #FAF0F4;
    }

    #site-header .header-inner__right__item.icon.account-nav.active .member-sidebar {
        display: block;
    }

    #site-header .header-inner__right__item.icon.account-nav .member-sidebar {
        top: 42px;
        left: unset;
        right: 0;
        background-color: #FAF0F4;
    }

    #site-header .header-inner__right__item.icon.account-nav .member-sidebar .member-menu {
        flex-direction: column;
        padding: 0;
    }

    #site-header .header-inner__right__item.icon.account-nav .member-sidebar .member-menu .member-menu-item {
        font-size: 12px;
        font-weight: normal;
    }

    #site-header .header-inner__right__item.icon.account-nav .member-sidebar .member-menu .member-menu-item:after {
        background: none;
    }

    #site-header .header-inner__right__item.icon.account-nav .member-sidebar .member-menu .member-menu-item.active {
        border-bottom: 1px solid rgba(129, 129, 155, 0.2);
    }

    #site-header .header-inner__right__item.icon.account-nav .member-sidebar .member-starcard-section {
        display: none;
    }

    #site-header .header-inner__right__item.icon .icon-cart .basket-count {
        top: 5.5px;
        left: 2.5px;
        font-size: 11px;
    }

    #site-header .header .header-category-menu {
        margin-left: -15px;
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: -o-calc(100% + 30px);
        width: calc(100% + 30px);
    }

    #site-header .header .header-category-menu .category-menu {
        margin: 0 0 15px 0;
    }

    #site-header .header .header-category-menu .category-menu__category {
        margin-top: 0;
    }

    #site-header .header .header-category-menu .category-menu__category:nth-child(n + 2) {
        margin-left: 10px;
    }

    #site-header .header .header-category-menu .category-menu__category:hover .category-menu__category__name {
        font-weight: 500;
    }

    #site-header .header .header-category-menu .category-menu__category__name {
        margin-top: 5px;
        color: #29335C;
    }

    .header-category-menu .category-menu {
        margin: 0 0 30px 0;
    }

    .header-category-menu .category-menu__category {
        margin-top: 0;
    }

    .header-category-menu .category-menu__category:nth-child(n + 2) {
        margin-left: 10px;
    }

    .header-category-menu .category-menu__category:hover .category-menu__category__name {
        font-weight: 500;
    }

    .header-category-menu .category-menu__category__name {
        margin-top: 5px;
        color: #FA5373;
    }
}

#top-stripe {
    position: initial;
    height: 40px;
    background-color: #FAF0F4;
}

#top-stripe .tse-text {
    text-transform: uppercase;
    font-weight: normal;
    color: #FA5373;
}

#top-stripe .tse-text s {
    display: inline-block;
    margin: 0 10px;
    text-decoration: none;
}

#top-stripe .tse-text s:before {
    content: '|';
}

#site-header {
    position: sticky;
    top: 0;
    z-index: 6;
    height: 70px;
}

#site-header .header {
    position: initial;
}

.slide-up>.header,
.slide-down>.header {
    transition: 0.4s ease-in-out;
}

.slide-down>.header {
    transform: translateY(0);
}

#site-header.slide-down {
    position: sticky !important;
}

#site-header.slide-up {
    position: sticky !important;
}

#site-header.slide-up .header {
    border: none !important;
}

#site-header.slide-up .header-inner {
    border-bottom: none;
    background: transparent;
}

#site-header.slide-up .header-inner .header-inner__left,
#site-header.slide-up .header-inner .header-inner__right {
    visibility: hidden;
}

.hdr-left-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 50px;
    height: 100%;
}

.hdr-left-nav a {
    font-size: 14px;
    color: #FA5373;
}

.hdr-left-nav a:nth-child(n+2) {
    margin-left: 30px;
}

@media(max-width:1024px) {
    .header .hdr-left-nav {
        display: none;
    }

    .header .hdr-left .btn-menu {
        text-align: center;
    }

    .header .hdr-left .btn-menu svg {
        margin: 0 !important;
    }

    .header .hdr-left .btn-menu span {
        display: block;
    }

    .header .hdr-right .header-text-icon {
        margin: -10px 6px 0;
    }

    .header .hdr-right .header-search {
        display: flex;
    }

    .header .icon-club-section {
        display: none;
    }

    .header .icon-fav-section .icon-fav-link .icon-fav-header::before {
        content: "";
        background: url('../_ui/responsive/theme-penti/images/sprite-bg.svg') 0 35.73667712% no-repeat;
        width: 24px;
        height: 24px;
        filter: brightness(0) saturate(100%) invert(42%) sepia(100%) saturate(2114%) hue-rotate(321deg) brightness(107%) contrast(96%);
    }

    #searchbox .btn-submit-search {
        display: block;
    }

    .js-autocomplete-box .header-searchbar .js-site-search-input {
        height: 34px !important;
        background-color: #FFF !important;
    }

    #top-stripe {
        height: 30px;
    }

    #top-stripe .tse-text {
        font-size: 11px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 10px;
    }
}

@media(min-width:1025px) and (max-width:1520px) {
    .header-inner__middle {
        flex: inherit;
    }
}

.custom-processing {
    position: relative;
    width: 100%;
    height: 90px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.custom-processing-desc {
    color: #FA5373;
}

.custom-processing .page-processing {
    position: relative;
}

.product-actions {
    position: absolute;
    display: flex;
    z-index: 4;
}

.product-actions.product-remove-icon {
    top: 10px;
    right: 10px;
}

.product-actions.product-remove-icon .product-actions-item {
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #FFF;
    border-radius: 50%;
}

.product-actions.product-actions-horizontal {
    flex-direction: row;
    top: 10px;
    left: 10px;
}

.product-actions.product-actions-horizontal .product-actions-item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    background: #FFF;
    border-radius: 50%;
}

.product-actions.product-actions-horizontal .product-actions-item.item-collection {
    display: none;
}

.product-actions.product-actions-horizontal .product-actions-item span {
    display: none;
}

.product-actions.product-actions-vertical {
    flex-direction: column;
    flex-wrap: wrap;
    top: 0;
}

.product-actions.product-actions-vertical.product-actions-pdp {
    right: 70px;
}

.product-actions.product-actions-vertical.product-actions-cart {
    right: 0;
}

.product-actions.product-actions-vertical .product-actions-item {
    margin-bottom: 10px;
}

.product-actions .product-actions-item {
    text-align: center;
}

.product-actions .product-actions-item[data-is-add='true'] .collection-btn {
    background: url('/_ui/responsive/theme-penti/images/bookmark.svg') center center no-repeat;
    background-size: 21px 20px;
}

.product-actions .product-actions-item[data-is-add='true'] .wishlist-btn {
    background-position: 0 39.49843260188088%;
}

.product-actions .product-actions-item .wishlist-btn {
    position: static;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    background: url('../_ui/responsive/theme-penti/images/sprite-bg.svg') 0 37.61755486% no-repeat;
}

.product-actions .product-actions-item .collection-btn {
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    background: url('/_ui/responsive/theme-penti/images/bookmark-border.svg') center center no-repeat;
}

.product-actions .product-actions-item span {
    display: block;
    font-size: 11px;
    cursor: pointer;
}

@media(max-width:1024px) {
    .product-actions.product-actions-vertical {
        flex-direction: revert !important;
    }

    .product-actions.product-actions-vertical.product-actions-pdp {
        left: 0;
        right: auto !important;
    }

    .product-actions .product-actions-item span {
        display: none;
    }

    .product-actions.product-actions-vertical.product-actions-pdp {
        flex-direction: row-reverse;
        flex-wrap: nowrap;
        top: 10px;
        right: 10px;
    }

    .product-actions.product-actions-vertical.product-actions-pdp .product-actions-item {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 0 10px;
        width: 30px;
        height: 30px;
        background: #FFF;
        border-radius: 50%;
    }
}

.search-slot-container {
    display: none;
}

@media(max-width:1024px) {
    .search-slot-container {
        display: flex;
        flex-direction: row;
        margin-bottom: 10px;
        padding: 0 10px 10px;
        width: 100%;
        height: 44px;
        cursor: pointer;
        position: sticky;
        top: 70px;
        background-color: #FFFFFF;
        z-index: 5;
    }

    .search-slot-container .search-slot {
        display: flex;
        align-items: center;
        padding: 0 10px;
        width: 45%;
        height: 100%;
        background: #ECECF4;
        border-radius: 5px;
    }

    .search-slot-container .search-slot .btn-search .icon-search {
        color: #81819B;
    }

    .search-slot-container .search-nav {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 10px;
        width: 55%;
        height: 100%;
        background-color: #FAF0F4;
        border-radius: 5px;
    }

    .search-slot-container .search-nav a {
        font-size: 14px;
        color: #FA5373;
    }

    .search-slot-container .search-nav a:nth-child(n+2) {
        margin-left: 15px;
    }

    .search-slot-container .search-text {
        color: #81819B;
        padding: 0 0 0 10px;
    }
}

.homepage-custom-search .header .btn-search.m {
    display: none;
}

@media(max-width:1024px) {
    .search-layer-ready .se-item.se-ready {
        display: none !important;
    }

    .search-layer-ready .btn-submit-search,
    .search-layer-ready .btn-cart {
        display: none !important;
    }
}

.page-notFound .pnf {
    height: initial;
    margin: 50px 0;
}

.page-notFound .pnf:before {
    content: none;
}

.page-notFound .pnf .pnf-body .pnf-title {
    font-size: 24px;
    color: #29335c;
}

.page-notFound .pnf .pnf-body .pnf-desc {
    font-size: 16px;
    color: #29335c;
}

.page-productGrid .pnf.mavieprivee-content .pnf-body {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page-productGrid .pnf.mavieprivee-content .pnf-body img {
    margin-top: 0;
}

.page-productGrid .pnf::before {
    display: none;
}

.legal-prg {
    margin-top: 10px;
    color: #81819B;
    font-size: 12px;
}

.mor-prd.notReturnableProduct .mor-prd-selection,
.mor-prd.notReturnableProduct .prd-row-title,
.mor-prd.notReturnableProduct .prd-row-media,
.mor-prd.notReturnableProduct .prd-row-selections,
.mor-prd.notReturnableProduct .prd-row-sale,
.mor-prd.notReturnableProduct .prd-row-price {
    opacity: .3;
    pointer-events: none;
}

.mor-prd.notReturnableProduct .prd-row-controls {
    display: none;
}

.mor-prd.notReturnableProduct .notReturnableProduct-text {
    color: #9e0038;
}

.mod-prd-status.return:before {
    content: none;
}

.mod-prd-status.return p {
    margin: 0 0 0 8px;
}

.mod-prd-status.return p a {
    display: inline-block;
    margin-left: 5px;
}

.upScroll {
    position: fixed;
    right: 20px;
    bottom: 80px;
    z-index: 6;
}

.upScroll .btn-upScroll {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 5px 15px 5px 10px;
    width: 100%;
    height: 100%;
    color: #29335C;
    background-color: #FFFFFF;
    border: solid 1px #ECECF4;
    border-radius: 5px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    transition: .7s;
}

.upScroll .btn-upScroll.active {
    display: flex;
}

.upScroll .btn-upScroll .upScroll-svg {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("/_ui/responsive/theme-penti/images/scroll-top-arrow.svg") no-repeat center center;
}

.upScroll .btn-upScroll .upScroll-text {
    margin-left: 10px;
    font-size: 12px;
    font-weight: 400;
}

@media(max-width:1024px) {
    .upScroll {
        right: 15px !important;
    }

    .upScroll .btn-upScroll {
        padding: 0 !important;
        width: 34px !important;
        height: 34px !important;
    }

    .upScroll .btn-upScroll .upScroll-text {
        display: none;
    }
}

.page-order .mod-addr .mod-addr-blocks {
    margin-bottom: 15px;
}

.page-order .mod-addr .mod-addr-blocks .mod-addr-location {
    width: 100%;
    height: 25px;
    line-height: 25px;
    padding-left: 25px;
    font-weight: bold;
    margin-top: 10px;
    cursor: pointer;
}

.page-order .modal-product-review .prq .prq-rate {
    margin-top: 0;
}

.page-order .modal-product-review .prq .prq-item-qs span {
    color: #81819b;
    font-size: 14px;
}

.page-order .modal-product-review .prq .prq-comment textarea {
    height: 124px;
}

.page-order .modal-product-review .prq .prq-photo {
    margin-top: 20px;
    margin-bottom: 30px;
}

.page-order .modal-product-review .prq .prq-photo .photo-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}

.page-order .modal-product-review .prq .prq-photo .photo-container .photo-add,
.page-order .modal-product-review .prq .prq-photo .photo-container .photo-added {
    width: 100px;
    height: 100px;
    border-radius: 5px;
    border: solid 1px #ececf4;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.page-order .modal-product-review .prq .prq-photo .photo-container .photo-add .photo-remove,
.page-order .modal-product-review .prq .prq-photo .photo-container .photo-added .photo-remove {
    display: flex;
    position: absolute;
    top: -7px;
    right: -7px;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    background-color: #010B34;
    border-radius: 50%;
}

.page-order .modal-product-review .prq .prq-photo .photo-container .photo-add .icon-close,
.page-order .modal-product-review .prq .prq-photo .photo-container .photo-added .icon-close {
    fill: #FFFFFF;
}

.page-order .modal-product-review .prq .prq-photo .photo-container .photo-add .evaluate-photo,
.page-order .modal-product-review .prq .prq-photo .photo-container .photo-added .evaluate-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    opacity: 0;
    cursor: pointer;
}

.page-order .modal-product-review .prq .prq-photo .photo-container .photo-add img,
.page-order .modal-product-review .prq .prq-photo .photo-container .photo-added img {
    width: 100%;
    height: auto;
    object-fit: cover;
    overflow: hidden;
}

.page-order .modal-product-review .prq .prq-photo .photo-container .photo-add div,
.page-order .modal-product-review .prq .prq-photo .photo-container .photo-added div {
    font-size: 12px;
    color: #d9005e;
}

.page-order .modal-product-review .prq .prq-photo .photo-container .photo-add.dragover {
    border: 1px dashed #D9005E;
}

.page-order .modal-product-review .prq .prq-photo .prq-photo-desc {
    margin-top: 10px;
    font-size: 12px;
}

.page-order .modal-product-review .prq .prq-legal-text {
    color: #81819B;
    font-size: 11px;
}

.page-order .modal-product-review .nrb:before {
    content: none;
}

.return-order-alert {
    padding: 20px;
    border-radius: 5px;
    background-color: #faf0f4;
    margin-top: 10px;
}

.return-order-alert .alert-desc {
    font-size: 14px;
    color: #29335c;
    margin-bottom: 10px;
}

.return-order-alert .alert-btn {
    color: #fa5373;
    width: 100%;
    margin-bottom: 10px;
}

.return-order-alert .alert-tel {
    color: #fa5373;
    width: 100%;
}

.member-sidebar {
    padding: 0;
}

.member-sidebar .member-userbox {
    padding: 35px 25px 0 35px;
}

.member-sidebar .member-userbox-info {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.member-sidebar .member-userbox-info .member-userbox-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.member-sidebar .member-userbox-info .member-userbox-body.get-contact-disabled {
    flex-direction: column;
    align-items: start;
}

.member-sidebar .member-userbox-info .member-status {
    font-size: 11px;
    text-transform: uppercase;
    color: #81819b;
}

.member-sidebar .member-starcard-section {
    display: flex;
    height: 76px;
    margin: 15px 0 10px;
    padding: 15px 18px 17px;
    background-color: #fa5373;
    color: #fff;
    font-size: 12px;
    justify-content: space-between;
    gap: 10px;
}

.member-sidebar .member-starcard-section .member-starcard-point-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

.member-sidebar .member-starcard-section .member-starcard-point-icon svg.icon-nav-point {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7487%) hue-rotate(147deg) brightness(101%) contrast(104%);
    width: 55px;
    height: 25px;
}

.member-sidebar .member-starcard-section .member-starcard-point-icon .member-point-text {
    display: block;
    width: 100px;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    line-height: 1.1;
}

.member-sidebar .member-starcard-section .member-starcard-button-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.member-sidebar .member-starcard-section .member-starcard-button-section .member-point-text {
    width: 100%;
    font-size: 12px;
    display: block;
    margin-bottom: 0;
    line-height: normal;
}

.member-sidebar .member-starcard-section .member-starcard-button-section .member-point-text .point {
    font-size: 24px;
}

.member-sidebar .member-starcard-section .member-starcard-button-section .member-point-text.no-reach-data-text {
    font-size: 11px;
    line-height: 1.33;
}

.member-sidebar .member-starcard-section .member-starcard-button-section .member-point-text.sign-up-text {
    font-size: 11px;
    line-height: 1.33;
}

.member-sidebar .member-starcard-section .member-starcard-button-section .member-starcard-button {
    width: auto;
    padding: 8px 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 5px;
    line-height: normal;
}

.member-sidebar .member-starcard-section .member-starcard-button-section .member-starcard-button.sign-up-button {
    min-width: 90px;
    font-size: 11px;
    padding: 8px;
}

.member-sidebar .member-starcard-section .member-starcard-button-section .member-starcard-button.no-point-button {
    min-width: 85px;
}

.member-sidebar .member-starcard-section .member-starcard-button-section .my-points-button {
    min-width: 85px;
}

.member-sidebar .member-menu {
    margin-top: 0;
    padding: 15px;
}

.member-sidebar .member-menu .account-menu-display {
    display: none;
}

.member-sidebar .member-menu.get-contact-disabled {
    margin-top: 35px;
}

@media(min-width:1025px) {
    .mod-addr-location {
        display: none;
    }
}

.mod-prch-line {
    margin-top: 10px !important;
}

.mod-details-header.error {
    background-color: #faf0f4;
    padding: 20px;
    border-radius: 6px 6px 6px 6px;
}

.error-message-margin {
    margin-top: 15px;
}

@media(max-width:1024px) {

    .modal-product-review .prq .prq-photo .photo-container .photo-add .photo-remove:after,
    .modal-product-review .prq .prq-photo .photo-container .photo-added .photo-remove:after {
        content: "";
        position: absolute;
        top: -5px;
        left: -5px;
        width: 44px;
        height: 44px;
        background: transparent;
    }

    .member-sidebar .member-userbox {
        padding: 35px 16px 0 16px;
    }

    .member-sidebar .member-starcard-section {
        justify-content: center;
        margin: 15px 16px 10px;
        border-radius: 5px;
    }

    .member-sidebar .member-starcard-section .member-starcard-point-icon {
        gap: 10px;
    }

    .member-sidebar .member-starcard-section .member-starcard-button {
        padding: 10px 16px;
    }
}

.datalist {
    list-style: none;
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
    background: #ececf4;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    border-radius: 5px;
}

.datalist li {
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    padding-left: 15px;
}

.datalist li:hover {
    background: #0a6ed1;
    color: #ffffff;
}

.datalist li:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.datalist li:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.pl-5 {
    padding-left: 5px;
}

.video-container {
    position: relative;
    display: flex;
    align-items: center;
    background: #ececf4;
    cursor: pointer;
}

.video-container video {
    width: 100%;
}

.video-container .fullscreen-container {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 25px;
    right: 25px;
    bottom: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    z-index: 8;
}

.video-container .fullscreen-container .svg-fullscreen {
    position: relative;
    top: 4px;
}

.video-container .fullscreen-container .fullscreen-text {
    font-size: 11px;
}

.modal-open #pdp-fullscreen-video.modal.fade {
    overflow-y: hidden;
}

#pdp-fullscreen-video.modal.fade .modal-dialog.modal-fullsc {
    left: 0;
    top: 5%;
    transition: initial;
    transform: initial;
    height: auto;
    width: 100%;
    margin: auto;
}

#pdp-fullscreen-video.modal.fade .modal-dialog.modal-fullsc .modal-content video {
    max-width: 100%;
    height: 100%;
    max-height: 90vh;
    display: block;
    object-fit: fill;
}

#pdp-fullscreen-video.modal.fade .modal-dialog.modal-fullsc .modal-content .modal-header {
    height: 100%;
}

#pdp-fullscreen-video.modal.fade .modal-dialog.modal-fullsc .modal-content .modal-header .modal-header-right {
    position: absolute;
    right: -15px;
    top: -15px;
    width: 35px;
    height: 35px;
    background: #fff;
    border-radius: 50%;
}

#pdp-fullscreen-video.modal.fade .modal-dialog.modal-fullsc .modal-content .modal-header .modal-header-right .close-modal {
    display: inline-block;
    margin-left: 2px;
}

#pdp-fullscreen-video.modal.fade .modal-dialog.modal-fullsc .modal-content .modal-header .modal-header-right .close-modal .icon-close {
    font-size: 32px;
    color: #29335C !important;
}

#pdp-fullscreen-video.modal.fade.pdpVideo .modal-dialog.modal-fullsc {
    max-width: 1280px;
    top: 15%;
}

@media(max-width:1024px) {
    #pdp-fullscreen-video.modal.fade .modal-dialog.modal-fullsc {
        left: 0;
        top: 12%;
        max-width: initial;
        min-height: initial;
    }

    #pdp-fullscreen-video.modal.fade .modal-dialog.modal-fullsc .modal-header .modal-header-right {
        right: 10px !important;
    }
}

.svg-fullscreen {
    display: block;
    background: url("../../../../_ui/responsive/theme-penti/images/Icon_fullscreen_black.svg") no-repeat;
    width: 24px;
    height: 24px;
}

.svg-phone-black {
    display: block;
    background: url("../../../../_ui/responsive/theme-penti/images/Icon_Phone_black.svg") no-repeat;
    width: 24px;
    height: 24px;
}

.svg-chat {
    display: block;
    background: url("../../../../_ui/responsive/theme-penti/images/chat.svg") no-repeat;
    width: 24px;
    height: 24px;
}

.svg-left-arrow {
    display: block;
    background: url("../../../../_ui/responsive/theme-penti/images/arrow_left.svg") no-repeat;
    width: 24px;
    height: 24px;
}

.icon-check-svg {
    display: block;
    background: url("../../../../_ui/responsive/theme-penti/images/Icon_Check_Circle.svg") no-repeat;
    width: 24px;
    height: 24px;
}

.products .icon-check-svg {
    margin-right: 10px;
}

.svg-notification {
    display: block;
    background: url("../../../../_ui/responsive/theme-penti/images/notification.svg") no-repeat;
    width: 24px;
    height: 24px;
}

.svg-store {
    display: block;
    background: url("../../../../_ui/responsive/theme-penti/images/store.svg") no-repeat;
    width: 24px;
    height: 24px;
}

.svg-check-pink {
    display: block;
    background: url("../../../../_ui/responsive/theme-penti/images/check-pink.svg") no-repeat;
    width: 24px;
    height: 15px;
}

.svg-slider-prev-arrow {
    display: block;
    background: url("../../../../_ui/responsive/theme-penti/images/main-slider-prev-arrow.svg") no-repeat;
    width: 36px;
    height: 36px;
}

.svg-slider-next-arrow {
    display: block;
    background: url("../../../../_ui/responsive/theme-penti/images/main-slider-next-arrow.svg") no-repeat;
    width: 36px;
    height: 36px;
}

.svg-location {
    display: block;
    background: url("../../../../_ui/responsive/theme-penti/images/Icon_Pin.svg") no-repeat;
    width: 24px;
    height: 24px;
}

.svg-light-bulb {
    display: block;
    background: url("../../../../_ui/responsive/theme-penti/images/lightbulb.svg") no-repeat;
    width: 24px;
    height: 24px;
}

.svg-location {
    display: block;
    background: url("../../../../_ui/responsive/theme-penti/images/Icon_Pin.svg") no-repeat;
    width: 24px;
    height: 24px;
}

.svg-photo-camera-pink {
    display: block;
    background: url("../../../../_ui/responsive/theme-penti/images/photoCameraPink.svg") no-repeat;
    width: 24px;
    height: 24px;
}

@media(min-width:768px) {
    .toastify {
        bottom: 0;
    }

    .toastify span {
        padding: 10px 60px;
        font-size: 16px;
    }
}

@media(max-width:768px) {
    .toastify {
        top: 0;
    }

    .toastify span {
        width: 92%;
        padding: 10px 0;
        font-size: 14px;
    }

    .toastify.addToFav {
        top: initial;
        bottom: 0;
    }
}

.toastify {
    display: flex;
    position: fixed;
    justify-content: center;
    width: 100%;
    z-index: 10;
}

.toastify span {
    text-align: center;
    font-weight: 500;
    color: #FFF;
    border-radius: 5px;
}

.toastify span.success {
    background-color: #80D63C;
}

.toastify span.info {
    background-color: #D9EDF7;
}

.toastify span.danger {
    background-color: #9E0038;
}

.toastify span.warning {
    background-color: #F8d7DA;
}

.toastify span.addToFav {
    background-color: #fff;
    font-size: 12px;
    color: #fa5373;
}

.addToCart-notify-container {
    display: flex;
    position: fixed;
    justify-content: center;
    width: 100%;
    z-index: 10;
    bottom: 0;
}

.addToCart-notify-container .addToCart-notify {
    display: flex;
    width: 335px;
    height: 160px;
    padding: 20px;
    border: solid 1px #fff;
    background-color: #faf0f4;
    border-radius: 5px;
    position: relative;
}

.addToCart-notify-container .addToCart-notify .addToCart-text-container {
    display: flex;
    flex-direction: column;
    padding: 20px;
}

.addToCart-notify-container .addToCart-notify .addToCart-text-container .addToCart-message {
    font-size: 16px;
    font-weight: bold;
    color: #29335c;
}

.addToCart-notify-container .addToCart-notify .addToCart-text-container .addToCart-btn {
    color: #d9005e;
    display: flex;
    align-items: center;
    margin-top: 25px;
    cursor: pointer;
}

.addToCart-notify-container .addToCart-notify .icon-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 32px;
    cursor: pointer;
}

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

.penti-link-tabs .penti-link-tab {
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #29335C;
    border-bottom: 1px solid transparent;
}

.penti-link-tabs .penti-link-tab:nth-child(n+2) {
    margin-left: 18px;
}

.penti-link-tabs .penti-link-tab.active {
    font-weight: bold;
    color: #FA5373;
    border-color: #FA5373;
}

@media(max-width:1024px) {
    .penti-link-tabs {
        margin: 25px 0;
    }
}

#ot-sdk-btn-floating {
    display: none !important;
}

.dialog-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(41, 51, 92, 0.5);
    z-index: 99;
}

.dialog-box__box {
    display: flex;
    position: absolute;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 20px;
    width: 320px;
    min-height: 275px;
    font-size: 14px;
    color: #29335C;
    background-color: #FFFFFF;
    border-radius: 20px;
}

.dialog-box__close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.dialog-box__title {
    font-size: 20px;
    font-weight: bold;
    color: #29335C;
}

.dialog-box__message {
    margin-top: 10px;
}

.dialog-box__action {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    width: 100%;
}

.dialog-box__button {
    padding: 10px;
    width: 100%;
    text-align: center;
    font-weight: 500;
    border-radius: 50px;
    transition: all 0.222s linear 0s;
}

.dialog-box__button:nth-child(n+2) {
    margin-top: 20px;
}

.dialog-box__button--ok {
    color: #FFFFFF;
    background-color: #29335C;
}

.dialog-box__button--ok:hover {
    background-color: #010B34;
}

.dialog-box__button--cancel {
    border: 1px solid rgba(129, 129, 155, 0.2);
}

.dialog-box__button--cancel:hover {
    border-color: #29335C;
}

.alert-inline {
    display: flex;
    position: relative;
    flex-direction: column;
    margin: 20px 0 30px;
    padding: 20px;
    font-size: 14px;
    color: #29335C;
    background-color: #FAF0F4;
    border-radius: 10px;
}

.alert-inline__close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.alert-inline__title {
    display: flex;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: bold;
    color: #9E0038;
}

.alert-inline__message {
    display: flex;
    justify-content: flex-start;
}

.alert-inline__action {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 20px 0 10px;
}

.alert-inline__button {
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    background-color: #9E0038;
    border-radius: 50px;
}

@media(max-width:1024px) {
    .alert-inline {
        margin: 20px;
        padding: 30px 20px;
    }

    .alert-inline__action {
        justify-content: center;
    }

    .alert-inline__button {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: center;
    }
}

.member-block .member-content .mod .mod-details .mod-progress .progress .prg-not_received:after {
    content: "!";
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 1px;
    width: 20px;
    height: 20px;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    background-color: #81819B;
    border-radius: 50%;
}

.member-block .member-content .mod .mod-details .mod-progress-not_received {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 30px 0 40px 0;
    padding: 20px 20px 20px 20px;
    font-size: 14px;
    color: #29335C;
    background-color: #FAF0F4;
    border-radius: 10px;
}

.member-block .member-content .mod .mod-details .mod-progress-not_received--call {
    display: none;
}

@media(max-width:1024px) {
    .member-block .member-content .mod .mod-details .mod-progress-not_received--phone-number {
        display: flex;
        flex-direction: column;
        width: 85%;
    }

    .member-block .member-content .mod .mod-details .mod-progress-not_received--phone-number span {
        display: block;
    }

    .member-block .member-content .mod .mod-details .mod-progress-not_received--call {
        display: flex;
        justify-content: flex-end;
        width: 15%;
        color: #D9005E;
        text-decoration: underline;
        text-underline-offset: 3px;
    }
}

.pdp-stripe-ready .pdp-cta .actions.deactivate .no-stock-text {
    display: none;
}

@media(max-width:1024px) {
    .pdp-stripe-ready .pdp-cta {
        position: fixed;
        bottom: 0;
        width: 100%;
        margin: 0;
        left: 0;
        background: white;
        padding: 10px 15px;
        z-index: 5;
    }

    .pdp-stripe-ready .pdp-cta>div button#addToCartButton {
        width: 100%;
    }
}

#pdp-sticky {
    display: none;
}

@media(max-width:768px) {
    #pdp-sticky {
        display: none;
        position: fixed;
        bottom: 0;
        padding: 20px 15px;
        width: 100%;
        height: 92px;
        background-color: #ECECF4;
        z-index: 3;
        box-sizing: border-box;
    }

    #pdp-sticky .pdp-sticky-price {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        flex: .2;
    }

    #pdp-sticky .pdp-sticky-price .prc.prc-first {
        display: block;
        width: 100%;
    }

    #pdp-sticky .pdp-sticky-addtocart {
        display: flex;
        flex: 1;
    }

    #pdp-sticky .pdp-sticky-addtocart .pdp-cta {
        width: 100%;
    }

    #pdp-sticky .pdp-sticky-addtocart .pdp-cta .actions.deactivate .no-stock-text {
        display: none;
    }

    #pdp-sticky .pdp-sticky-addtocart .pdp-cta .prd-row-qty {
        margin-left: 20px;
    }

    #pdp-sticky .pdp-sticky-addtocart .pdp-cta #addToCartButton {
        font-size: 12px;
    }
}

.pdp-block1.se-item.se-ready .js-add-cart-btn {
    width: 240px;
}

.page-productDetails.pdp-stripe-ready .pdp .pdp-body .pdp-block1 .pdp-promo.text-normal {
    display: none;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-heading .pdp-title {
    padding: 0;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-heading .pdp-colorCode {
    font-size: 12px;
    color: #81819b;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .discount-cart {
    display: flex;
    margin-top: 20px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .actions .no-stock-text {
    width: 100%;
    background: #ececf4;
    border-radius: 10px;
    margin-top: 20px;
    padding: 20px 48px 20px 20px;
    font-size: 14px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .actions .no-stock-text .svg-light-bulb {
    margin-right: 5px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .actions .no-stock-text .no-stock-title {
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .actions .no-stock-text .no-stock-desc {
    font-weight: 500;
    margin-bottom: 10px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .actions .no-stock-text .link-inline {
    cursor: pointer;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-promo {
    background-color: #faf0f4;
    color: #fa5373;
    text-transform: uppercase;
    padding: 4px 6px;
    border-radius: 5px;
    width: max-content;
    font-size: 12px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-promo.text-normal {
    display: flex;
    -webkit-line-clamp: initial;
    -webkit-box-orient: initial;
    text-overflow: initial;
    font-size: 12px;
    background: none;
    padding: 4px 6px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .overSize-option {
    margin-top: 12px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .overSize-option .overSize-message {
    font-size: 12px;
    color: #fa5373;
    background-color: #faf0f4;
    text-transform: uppercase;
    width: fit-content;
    padding: 6px;
    border-radius: 5px;
}

.page-productDetails .pdp .pdp-body .pdp-block2 {
    margin-top: 20px;
}

.page-productDetails .pdp .pdp-body .pdp-block2 .pdp-info {
    margin-bottom: 0;
}

.page-productDetails .pdp .pdp-body .pdp-block2 .shipping-info {
    font-size: 12px;
    color: #FA5373;
}

.page-productDetails .pdp .pdp-body .pdp-block2 .shipping-info__title {
    font-weight: 600;
}

.page-productDetails .pdp .pdp-body .pdp-block2 .shipping-info__title span {
    margin-left: 3px;
}

.page-productDetails .pdp .pdp-body .pdp-block2 .global-divider {
    float: left;
    margin: 20px 0;
    width: 100%;
    border-top: 1px solid rgba(129, 129, 155, 0.2);
}

.page-productDetails .pdp .pdp-body .pdp-block2 .c-pantyhose-band {
    position: relative;
    display: inline-block;
    margin: 10px 0 30px;
    padding: 10px 50px 10px 10px;
    font-size: 14px;
    color: #FA5373;
    background-color: #FAF0F4;
    border-radius: 5px;
    cursor: pointer;
}

.page-productDetails .pdp .pdp-body .pdp-block2 .c-pantyhose-band:after {
    content: "";
    position: absolute;
    right: 10px;
    width: 22px;
    height: 22px;
    background: url("../_ui/responsive/theme-penti/images/icon-chevron-right.svg#icon-chevron-right") no-repeat;
}

.page-productDetails .pdp .pdp-body .pdp-block2 .pdp-details {
    margin-top: 0;
}

.page-productDetails .pdp .pdp-body .pdp-block2 .pdp-details .pdp-info-item {
    width: 100%;
    border: 1px solid rgba(129, 129, 155, 0.2);
    border-radius: 50px;
    padding: 0 25px;
    display: flex;
    height: 42px;
    align-items: center;
    margin-bottom: 12px;
    cursor: pointer;
}

.page-productDetails .pdp .pdp-body .pdp-block2 .pdp-details .pdp-info-item .item-text {
    font-size: 14px;
    font-weight: 500;
    margin-left: 10px;
}

.page-productDetails .pdp .pdp-body .pdp-block2 .pdp-details .pdp-info-item .item-text+div {
    display: flex;
    align-items: center;
    margin-left: 25px;
}

.page-productDetails .pdp .pdp-body .pdp-block2 .pdp-description {
    clear: both;
}

.page-productDetails .pdp .pdp-body .pdp-block2 .pdp-description .pht-title {
    font-size: 17px;
    font-weight: bold;
}

.page-productDetails .pdp .pdp-body .pdp-block2 .pdp-description .instructions-title {
    font-size: 12px;
    color: #29335c;
    font-weight: 500;
}

.page-productDetails .pdp .pdp-body .pdp-block2 .pdp-description .instructions-content {
    font-size: 12px;
    color: #81819B;
}

.page-productDetails #product-image-zoom {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    overflow: hidden;
    z-index: 102;
}

.page-productDetails #product-image-zoom:after {
    content: "";
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 57.5px;
    background: url('../_ui/responsive/theme-penti/images/preloader.gif') center center no-repeat;
    background-size: cover;
    transform: translate(-50%);
}

.page-productDetails #product-image-zoom img {
    z-index: 103;
}

.page-productDetails #product-image-zoom .swiper-button-disabled {
    display: none;
}

.page-productDetails #product-image-zoom .zoom-image-cursor {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    padding-top: 33px;
    width: 60px;
    height: 60px;
    font-size: 12px;
    color: #81819B;
    background-color: #FFF;
    border-radius: 50%;
    pointer-events: none;
    z-index: 103;
}

.page-productDetails #product-image-zoom .zoom-image-cursor:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 16px;
    width: 28px;
    height: 28px;
    background: url('../_ui/responsive/theme-penti/images/zoom_out_black.svg') no-repeat;
}

.page-productDetails #product-image-zoom .zoom-image-nav {
    opacity: .7;
    position: fixed;
    top: 50%;
    width: 40px;
    height: 40px;
    background-color: #29335C;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    z-index: 104;
}

.page-productDetails #product-image-zoom .zoom-image-nav:hover {
    opacity: 1;
}

.page-productDetails #product-image-zoom .zoom-image-nav.prev {
    left: 20px;
}

.page-productDetails #product-image-zoom .zoom-image-nav.prev:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/sprite-bg.svg') 0 98.11912226% no-repeat;
}

.page-productDetails #product-image-zoom .zoom-image-nav.next {
    right: 20px;
}

.page-productDetails #product-image-zoom .zoom-image-nav.next:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/sprite-bg.svg') 0 98.11912226% no-repeat;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.page-productDetails #product-image-zoom .zoom-image-close {
    display: none;
}

.page-productDetails #product-image-zoom .zoom-image-band {
    display: none;
}

.page-productDetails .AddToCart-AddToCartAction .actions {
    display: flex;
}

.page-productDetails .AddToCart-AddToCartAction .actions.deactivate {
    flex-wrap: wrap;
}

.page-productDetails .AddToCart-AddToCartAction .actions.deactivate .btn-stock-reminder,
.page-productDetails .AddToCart-AddToCartAction .actions.deactivate .btn-similar-products {
    width: calc(50% - 7.5px);
    width: -moz-calc(50% - 7.5px);
    width: -webkit-calc(50% - 7.5px);
    width: -o-calc(50% - 7.5px);
}

.page-productDetails .AddToCart-AddToCartAction .actions .prd-row-qty {
    display: flex;
}

.page-productDetails .AddToCart-AddToCartAction .actions .prd-row-qty .qty-count {
    background: transparent;
}

.page-productDetails .pdp-colors.productVariantSelector-tag {
    margin-right: 10px;
}

@media(min-width:1024px) {
    .page-productDetails figure.responsive:not(.no-image) [data-zoom]:hover {
        cursor: url('../_ui/responsive/theme-penti/images/Icon_Zoom_in.svg'), auto;
    }

    .page-productDetails #product-image-zoom img {
        position: absolute;
        top: 0;
        width: 100%;
        object-fit: cover;
        cursor: none;
    }
}

@media(max-width:1024px) {
    .page-productDetails #product-image-zoom {
        background-color: #29335C !important;
    }

    .page-productDetails #product-image-zoom .zoom-image-close {
        position: fixed;
        top: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
        background-color: #FFF;
        border-radius: 50%;
        z-index: 105;
    }

    .page-productDetails #product-image-zoom .zoom-image-close:after {
        content: "";
        position: absolute;
        top: 8px;
        right: 8px;
        width: 24px;
        height: 24px;
        background: url('../_ui/responsive/theme-penti/images/sprite-bg.svg') 0 18.18181818% no-repeat;
    }

    .page-productDetails #product-image-zoom .zoom-image-band {
        justify-content: center;
        position: fixed;
        width: 100%;
        height: 50px;
        bottom: 20px;
        z-index: 105;
    }

    .page-productDetails #product-image-zoom .zoom-image-band span {
        padding: 0 20px 0 60px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        font-size: 12px;
        font-weight: 500;
        color: #29335C;
        border-radius: 5px;
        background-color: #FFF;
    }

    .page-productDetails #product-image-zoom .zoom-image-band span:before {
        content: "";
        position: absolute;
        top: 5px;
        margin-left: -50px;
        width: 40px;
        height: 40px;
        background: url('../_ui/responsive/theme-penti/images/Icon_Pinch.svg') no-repeat;
    }
}

.pdp-gallery-hero {
    position: relative;
}

.pdp-gallery .pdp-tags {
    top: initial;
    left: initial;
    height: fit-content;
    z-index: 3;
}

.pdp-gallery .pdp-tags i.badge-icon {
    background: none;
    width: 100%;
    height: auto;
}

.pdp-gallery .pdp-tags i.badge-icon span {
    width: 60px;
    height: 50px;
    background-size: 60px 50px !important;
}

.pdp-gallery .pdp-tags span {
    width: 30px;
    height: 20px;
    background-size: 24px !important;
    margin-left: 5px;
}

.pdp-gallery .pdp-tags.bottom_left {
    left: 10px;
    bottom: 25px;
}

.pdp-gallery .pdp-tags.bottom_left+.bottom_left {
    margin-left: 85px;
}

.pdp-gallery .pdp-tags.bottom_right {
    right: 10px;
    bottom: 25px;
}

.pdp-gallery .pdp-tags.bottom_right+.bottom_right {
    margin-right: 85px;
}

.pdp-gallery .pdp-tags.top_right {
    right: 10px;
    top: 25px;
}

.pdp-gallery .pdp-tags.top_right+.top_right {
    margin-right: 85px;
}

.pdp-gallery .pdp-tags.top_left {
    left: 50px;
    top: 25px;
}

.pdp-gallery .pdp-tags.top_left+.top_left {
    margin-left: 85px;
}

.bg_sustainability {
    position: relative;
    background-color: #D7BD81;
    background-size: cover;
    padding: 20px;
    margin: 30px 0;
    border-radius: 5px;
}

.bg_sustainability:not(.bg_sustainability_en):before {
    content: "";
    position: absolute;
    top: 20px;
    right: 20.5px;
    width: 82.5px;
    height: 36.1px;
    background: url('../_ui/responsive/theme-penti/images/daha-iyi-bir-yasam.svg') no-repeat;
}

.bg_sustainability:after {
    content: "";
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    background: url('../_ui/responsive/theme-penti/images/icon-recycle.webp') no-repeat;
}

.bg_sustainability--title {
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.bg_sustainability--content {
    margin: 24px 0 50px;
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    color: #FFFFFF;
}

.bg_sustainability--content * {
    font-family: GTAlpina !important;
}

.pdp-detail-desc {
    color: #29335C;
}

.pdp-detail-desc .pdp-detail-desc-title {
    display: block;
    margin-top: 10px;
    font-weight: 500;
}

.text-capitalize {
    text-transform: capitalize;
}

.easy-shopping-modal-item {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(129, 129, 155, 0.2);
    margin-bottom: 20px;
}

.easy-shopping-modal-item .item-title {
    font-size: 16px;
    font-weight: bold;
    color: #fa5373;
    margin-bottom: 20px;
}

.easy-shopping-modal-item .item-subtitle {
    font-size: 14px;
    font-weight: bold;
    color: #3a0ca3;
    margin-bottom: 10px;
}

.easy-shopping-modal-item .item-desc {
    font-size: 14px;
    margin-bottom: 20px;
}

.modal-notify-result .modal-body {
    justify-content: center;
}

#embeddedMySize {
    z-index: 1 !important;
}

.pdp-product-badges {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 10px;
}

.pdp-product-badges__badge {
    display: flex;
    width: 50%;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.pdp-product-badges__badge:nth-child(2n+2) {
    margin-left: 10px;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: -o-calc(50% - 10px);
    width: calc(50% - 10px);
}

.pdp-product-badges__badge-icon {
    display: flex;
    width: 60px;
    height: 60px;
    position: relative;
    border-radius: 100%;
}

.pdp-product-badges__badge-icon img {
    width: 60px;
    height: 60px;
    z-index: 1;
}

.pdp-product-badges__badge-text {
    display: flex;
    flex: 1;
    padding-left: 10px;
    font-family: GTAlpina !important;
    font-size: 14px;
    font-style: italic;
    color: #29335C;
}

.pdp-reviews .rvw-list .rvw-item .rvw-item-readmore {
    margin-top: 5px;
}

.pdp-reviews .rvw-list .rvw-item .rvw-item-photos {
    margin-top: 20px;
}

.pdp-reviews .rvw-list .rvw-item .rvw-item-photos .rvw-item-photo {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 5px;
    cursor: pointer;
}

.pdp-reviews .rvw-list .rvw-item .rvw-item-photos .rvw-item-photo:nth-child(n+2) {
    margin-left: 10px;
}

@media(max-width:1024px) {
    .pdp-reviews .rvw-list .rvw-item .rvw-item-comment {
        height: auto;
    }

    .pdp-reviews .rvw-list .rvw-item .rvw-item-readmore {
        margin-top: 10px;
    }

    .pdp-reviews .rvw-list .rvw-item .rvw-item-photos {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px;
        margin-top: 20px;
    }

    .pdp-reviews .rvw-list .rvw-item .rvw-item-photos .rvw-item-photo {
        margin: 0 !important;
    }
}

body:has(.penti-app-area) footer#site-footer {
    margin-top: 0;
}

footer#site-footer {
    margin-top: 50px;
    padding: 0 100px;
    background-color: #faf0f4;
}

footer#site-footer .footer-section1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 60px;
}

footer#site-footer .footer-section1 .language-selector {
    border-radius: 5px;
    border: solid 1px #fa5373;
    padding: 5px 12px 5px 35px;
    position: relative;
    cursor: pointer;
}

footer#site-footer .footer-section1 .language-selector .ftr-currency button {
    height: inherit !important;
    border: inherit !important;
    font-family: Work Sans;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fa5373;
}

footer#site-footer .footer-section1 .language-selector .ftr-currency button:after {
    content: inherit !important;
}

footer#site-footer .footer-section1 .language-selector .ftr-currency .btn-link {
    padding-right: inherit !important;
}

footer#site-footer .footer-section1 .language-selector:before {
    content: "";
    width: 18px;
    height: 18px;
    left: 10px;
    top: 7px;
    position: absolute;
    display: inline-block;
    background: url("../_ui/responsive/theme-penti/images/redesign/globe.png") no-repeat;
    background-size: 18px;
}

footer#site-footer .footer-section2 {
    margin: 60px 0;
}

footer#site-footer .footer-section2 .footer-navigation {
    display: flex;
    gap: 4rem;
    overflow: hidden;
}

footer#site-footer .footer-section2 .footer-navigation .footer-column {
    min-width: 160px;
}

footer#site-footer .footer-section2 .footer-navigation .footer-column .only-mobile {
    display: none !important;
}

footer#site-footer .footer-section2 .footer-navigation .footer-column .fmn-head {
    padding-bottom: 12px;
    margin-bottom: 12px;
    font-family: Work Sans;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fa5373;
    border-bottom: 1px solid rgba(255, 80, 115, 0.2);
    width: 100%;
    text-transform: uppercase;
}

footer#site-footer .footer-section2 .footer-navigation .footer-column .footer-body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

footer#site-footer .footer-section2 .footer-navigation .footer-column .footer-body ul li {
    margin-bottom: 10px;
    color: #fa5373;
    font-size: 12px;
}

footer#site-footer .footer-section2 .footer-navigation .footer-column .footer-body ul li a {
    color: #fa5373;
    text-decoration: none;
    font-size: 12px;
    min-height: 20px;
}

footer#site-footer .footer-section2 .footer-navigation .footer-column .footer-body ul li a.footer-qr {
    background: url("../_ui/responsive/theme-penti/images/redesign/pentiqrnode.png") no-repeat;
    background-size: 86px;
    text-indent: -9999px;
    display: inline-block;
    width: 86px;
    height: 86px;
}

footer#site-footer .footer-section2 .footer-navigation .footer-column .footer-body ul li a:hover {
    font-weight: 500;
    border: none !important;
}

footer#site-footer .footer-section3 {
    margin-bottom: 60px;
}

footer#site-footer .footer-section3 .btn-newsletter {
    background: #fa5373;
    color: #fff;
    border-radius: 5px;
    padding: 8px 20px 8px 42px;
    position: relative;
    font-family: Work Sans;
    font-weight: 200;
    font-size: 12px;
    letter-spacing: .1px;
}

footer#site-footer .footer-section3 .btn-newsletter:before {
    content: "";
    background: url("../_ui/responsive/theme-penti/images/redesign/newsletter.svg") no-repeat;
    position: absolute;
    left: 10px;
    top: 5px;
    width: 24px;
    height: 24px;
}

footer#site-footer .footer-section4 {
    padding-bottom: 40px;
}

footer#site-footer .footer-section4 .copyright {
    color: #fa5373;
    margin-bottom: 20px;
    font-size: 12px;
}

footer#site-footer .footer-section4 .footer-links {
    display: flex;
    gap: 15px;
    color: #fa5373;
    flex-direction: row;
    font-size: 12px;
}

footer#site-footer .footer-section4 .footer-links span:last-child {
    display: none;
}

footer#site-footer .footer-section4 .footer-links a {
    color: #fa5373;
    font-size: 12px;
}

footer#site-footer .footer-section4 .footer-links a:hover {
    border-color: rgba(255, 80, 115, 0.2);
}

.shopping-features .sfi {
    color: #81819B;
}

.shopping-features .sfi .sfi-title {
    color: #29335C;
}

.footer-app-title {
    font-family: HelveticaNowDisplay;
    font-size: 20px;
    font-weight: 500;
    color: #29335c;
}

.footer-apps {
    display: flex;
    margin: 15px 0 30px 0;
}

.footer-apps img {
    width: 100%;
    height: auto;
    max-width: 150px;
}

.footer-apps a+a {
    margin-left: 15px;
}

#site-footer .whatsapp-support-section {
    display: flex;
    position: fixed;
    bottom: 26px;
    right: 20px;
    background-color: #fff;
    line-height: normal;
    border: 1px solid #ececf4;
    padding: 6px 10px;
    border-radius: 5px;
    z-index: 6;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

#site-footer .whatsapp-support-section .whatsapp-header {
    font-weight: 500;
    font-size: 12px;
    display: flex;
    gap: 10px;
    align-items: center;
}

#site-footer .whatsapp-support-section .whatsapp-header .icon-whatsapp {
    width: 20px;
    height: 20px;
}

#site-footer .whatsapp-support-section.whatsapp-homepage-resize {
    right: 155px;
}

#site-footer .fhp-row .js-start-chat {
    cursor: pointer;
}

#site-footer .fhp-row .fhp-row-status .svg-chat,
#site-footer .fhp-row .fhp-row-status .svg-phone-black {
    margin-left: 15px;
}

#site-footer .fhp-row .fhp-row-status:not(.offline)::after {
    display: none;
}

#site-footer .fhp-row .fhp-row-info {
    color: #81819b;
}

@media(max-width:1401px) {
    footer#site-footer {
        padding: 0 75px;
    }

    .footer-section2 .footer-navigation {
        gap: 3rem !important;
    }
}

@media(max-width:1240px) {
    .footer-section2 .footer-navigation {
        gap: 2rem !important;
    }
}

@media(max-width:1140px) {
    .footer-section2 .footer-navigation {
        gap: 1rem !important;
    }
}

@media(max-width:1025px) {
    .footer-apps {
        margin-top: 30px;
    }

    footer#site-footer {
        margin-top: 20px;
        padding: 0 50px;
    }

    footer#site-footer .footer-section1 {
        display: none;
    }

    footer#site-footer .footer-section2 {
        margin: 0;
        padding-top: 60px;
    }

    footer#site-footer .footer-section2 .footer-navigation {
        flex-direction: column;
        gap: 0 !important;
    }

    footer#site-footer .footer-section2 .footer-navigation .footer-column {
        width: 100%;
    }

    footer#site-footer .footer-section2 .footer-navigation .footer-column .only-mobile {
        display: block !important;
    }

    footer#site-footer .footer-section2 .footer-navigation .footer-column .fmn-head {
        font-size: 12px;
    }

    footer#site-footer .footer-section2 .footer-navigation .footer-column .fmn-head:after {
        background: url("../_ui/responsive/theme-penti/images/redesign/icons_keyboard_arrow.svg") no-repeat center center;
    }

    footer#site-footer .footer-section2 .footer-navigation .footer-column .fmn-head.open:after {
        transform: rotate(-180deg);
    }

    footer#site-footer .footer-section2 .footer-navigation .footer-column .fmn-head.no-sub {
        border: none !important;
        margin: 0;
        padding: 0;
    }

    footer#site-footer .footer-section2 .footer-navigation .footer-column .fmn-head.no-sub:after {
        background: none !important;
    }

    footer#site-footer .footer-section2 .footer-navigation .footer-column .footer-body {
        display: none;
    }

    footer#site-footer .footer-section2 .footer-navigation .footer-column .footer-body ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    footer#site-footer .footer-section2 .footer-navigation .footer-column .footer-body ul li {
        margin-bottom: 10px;
        color: #fa5373;
        font-size: 12px;
    }

    footer#site-footer .footer-section2 .footer-navigation .footer-column .footer-body ul li a {
        color: #fa5373;
        text-decoration: none;
        font-size: 12px;
    }

    footer#site-footer .footer-section2 .footer-navigation .footer-column .footer-body ul li a.footer-qr {
        display: none;
        visibility: hidden;
    }

    footer#site-footer .footer-section2 .footer-navigation .footer-column .footer-body ul li a:hover {
        font-weight: 500;
    }

    footer#site-footer .footer-section2 .footer-navigation .footer-column .footer-body ul li.footer-qr {
        margin: 0 !important;
    }

    footer#site-footer .footer-section3 {
        margin-top: 60px;
        margin-bottom: 20px;
    }

    footer#site-footer .footer-section4 {
        padding-bottom: 60px;
    }

    footer#site-footer .footer-section4 .copyright {
        color: #fa5373;
        margin-bottom: 20px;
        font-size: 12px;
    }

    footer#site-footer .footer-section4 .footer-links {
        flex-direction: column;
        gap: 10px;
    }

    footer#site-footer .footer-section4 .footer-links span {
        display: none;
    }

    footer#site-footer .footer-section4 .footer-links a {
        text-decoration: none;
        padding-bottom: 0;
        opacity: .6;
    }

    footer#site-footer .footer-section4 .footer-links a:hover {
        border: none !important;
    }
}

@media(max-width:1024px) {
    .whatsapp-support-section {
        display: flex;
        flex-direction: column;
        padding: 4px 6px !important;
        bottom: 16px !important;
        right: 16px !important;
    }

    .whatsapp-support-section .whatsapp-header {
        font-weight: normal !important;
        font-size: 9px !important;
        gap: 3px !important;
        flex-direction: column;
        width: 43px;
        text-align: center;
        line-height: 1;
    }

    .whatsapp-support-section .whatsapp-header .icon-whatsapp {
        width: 20px;
        height: 20px;
    }

    .whatsapp-support-section.whatsapp-homepage-resize {
        right: 80px !important;
        bottom: 16px !important;
    }
}

footer .link-inline {
    font-weight: bold;
}

.stores .store-sticky {
    background: #fff;
    z-index: 2;
}

.stores .store-sticky .store-list {
    padding: 0 50px;
    margin-bottom: 15px;
}

.stores .store-sticky .store-list .row {
    align-items: center;
}

.stores .store-sticky .store-list .row .col-lg-2 {
    margin-right: 25px;
}

.stores .store-sticky .store-list .row .store-or {
    text-align: center;
}

.stores .store-sticky .store-list .row .btn-store {
    margin-left: 25px;
}

.stores .store-sticky .store-border {
    border-bottom: 1px solid rgba(129, 129, 155, 0.2);
}

.stores .store-mobile-sticky {
    background: #ececf4;
    padding: 10px 20px;
    position: sticky;
    top: 70px;
    display: none;
}

.stores .store-mobile-sticky .store-change-region {
    color: #FA5373;
    cursor: pointer;
}

.stores .stores-result {
    padding: 0 50px;
}

.stores .stores-result .store-result-header {
    margin: 20px 0;
}

.stores .stores-result .store-result-header .store-result-title {
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    color: #FA5373;
}

.stores .stores-result .store-boxes {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
}

.stores .stores-result .store-boxes .store-box {
    width: 100%;
    border: 1px solid #e6e6eb;
    padding: 15px;
    height: 200px;
    border-radius: 5px;
    background: #ffffff;
}

.stores .stores-result .store-boxes .store-box .store-name {
    font-size: 16px;
    font-weight: 500;
    color: #29335c;
    margin-bottom: 10px;
}

.stores .stores-result .store-boxes .store-box .store-address,
.stores .stores-result .store-boxes .store-box .store-tel {
    margin-bottom: 10px;
}

.stores .stores-result .store-boxes .store-box .store-location-info {
    display: flex;
    justify-content: space-between;
}

.stores .stores-result .store-boxes .store-box .store-location-info .store-location {
    color: #3A0CA3;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.stores .stores-result .store-boxes .store-box .store-location-info .store-location .store-location-svg {
    margin-right: 10px;
}

.stores .stores-result .store-boxes .store-box .store-location-info .store-phone {
    color: #80d63d;
    display: none;
}

.stores .stores-result .store-boxes .store-box .store-location-info .store-phone .store-phone-svg {
    margin-right: 10px;
}

.stores .stores-result .store-boxes .store-box .store-location-info .store-location-length {
    color: #81819b;
}

.stores .stores-result .alert-dismissible {
    margin-top: 20px;
}

.store-search-svg {
    display: block;
    height: 24px;
    width: 24px;
    background: url("../../../../_ui/responsive/theme-penti/images/btnstore.svg") no-repeat;
}

.store-location-svg {
    display: block;
    height: 24px;
    width: 24px;
    background: url("../../../../_ui/responsive/theme-penti/images/Icon_Pin.svg") no-repeat;
}

.store-phone-svg {
    display: block;
    height: 24px;
    width: 24px;
    background: url("../../../../_ui/responsive/theme-penti/images/Icon_Phone.svg") no-repeat;
}

.btn-store {
    border: 1px solid #29335c;
    color: #29335c;
}

.btn-store .store-search-svg {
    position: relative;
    left: -10px;
}

.modal-centered {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.modal.fade .modal-dialog.modal-centered {
    transition: initial;
    transform: initial;
}

#storeLocation .modal-header {
    width: 0;
    height: 0;
}

#storeLocation .modal-header .modal-header-right {
    background: #fff;
    position: fixed;
    right: 15px;
    top: 15px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

#storeLocation .modal-header .modal-header-right .close-modal {
    margin: auto;
}

#storeLocation .modal-body {
    padding: 0;
}

#storeLocation .modal-body iframe {
    width: 100%;
    height: 100%;
}

#storeLocation .modal-body .modal-stores {
    position: absolute;
    left: -40px;
    bottom: 10px;
}

#storeLocation .modal-body .modal-stores .store-box {
    max-height: 180px;
    height: auto;
}

#storeLocation .modal-body .modal-stores .store-box .store-location-info {
    display: none;
}

.no-active {
    opacity: .4;
    pointer-events: none;
}

@media(min-width:1025px) {
    .stores .store-sticky {
        position: sticky;
        top: 70px;
    }
}

@media(max-width:1024px) {
    .stores .store-mobile-sticky.active {
        display: block;
    }

    .stores .store-sticky .store-list .row .col-lg-2 {
        margin-right: 0;
    }

    .stores .store-sticky .store-list .row .col-lg-2:nth-child(2) {
        padding-right: 15px;
    }

    .stores .store-sticky .store-list .row .store-or {
        padding-right: 15px;
        margin-bottom: 5px;
    }

    .stores .store-sticky .store-list .row .btn-store {
        width: 100%;
        margin-left: 0;
    }

    .stores .stores-result,
    .stores .store-list {
        padding: 0 20px !important;
    }

    .stores .stores-result .store-boxes,
    .stores .store-list .store-boxes {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

    .stores .stores-result .store-boxes .store-phone,
    .stores .store-list .store-boxes .store-phone {
        display: flex !important;
        align-items: center;
    }
}

#modal-store-finder .ssf-sizes .ssf-sizes-title {
    font-weight: bold;
}

#modal-store-finder .ssf-sizes .ssf-sizes-options .ssf-sizes-item {
    font-weight: 500;
}

#modal-store-finder .ssf-or {
    margin: 15px 0;
    line-height: 15px;
    text-align: center;
    font-size: 14px;
    color: #81819B;
}

#modal-store-finder .ssf-form-info {
    margin-top: 10px;
    padding: 0;
    font-size: 12px;
    color: #81819B;
}

#modal-store-finder .ssf-form-info:before {
    content: none;
}

#modal-store-finder .js-stores-near-me span {
    margin-left: 9px;
}

#modal-store-finder .ssf-stores {
    margin-top: 20px;
}

#modal-store-finder .ssf-stores .ssf-store-list.ssf-store-list--location .ssf-store-list-location-title {
    display: block;
    margin-bottom: 20px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: bold;
    color: #81819B;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli {
    margin: 10px auto;
    padding: 20px !important;
    width: 90%;
    border: 1px solid #E6E6EB !important;
    border-radius: 5px;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli.sli-last-choosen-store {
    display: block !important;
    margin: 30px 20px 20px;
    padding: 0 !important;
    border: none !important;
    border-radius: 10px;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli.sli-last-choosen-store .sli-last-choosen-store-title {
    font-size: 16px;
    font-weight: bold;
    color: #81819B;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli.sli-last-choosen-store .sli-block1 {
    display: block;
    margin-top: 20px;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli.sli-last-choosen-store .sli-block1 .sli {
    margin: 0 !important;
    width: 100%;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli.sli-not-found {
    display: block !important;
    margin-bottom: 20px;
    background-color: rgba(221, 46, 68, 0.2);
    border: none !important;
    border-radius: 10px;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli.sli-not-found .sli-block1 {
    display: block;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli.sli-not-found .sli-block1 p {
    margin: 0;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli.sli-not-found .sli-not-found-title {
    font-size: 16px;
    font-weight: bold;
    color: #DD2E44;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli.sli-not-found p {
    font-size: 14px;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli .sli-info {
    display: flex;
    margin-bottom: 8px;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli .sli-info .sli-info-left {
    width: 100%;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli .sli-info .sli-info-left .sli-title,
#modal-store-finder .ssf-stores .ssf-store-list .sli .sli-info .sli-info-left .sli-address {
    -webkit-line-clamp: initial !important;
    height: auto !important;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli .sli-info .sli-info-right {
    display: flex;
    margin-left: 10px;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli .sli-info .sli-info-right .sli-choose {
    width: 65px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #D9005E;
    border: solid 1px #D9005E;
    border-radius: 50px;
    cursor: pointer;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli .sli-info .sli-info-right .sli-choose input[type=radio] {
    display: none;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli .sli-info .sli-info-right .sli-choose.selected {
    background-color: #FAF0F4;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli .sli-tel {
    margin-top: 8px;
    font-size: 15px !important;
    font-weight: 300 !important;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli .sli-delivery {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli .sli-delivery.fast-delivery {
    color: #50B069;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli .sli-delivery.fast-delivery .sli-delivery-fast {
    display: flex;
    flex: 1;
    font-size: 14px;
    font-weight: bold;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli .sli-delivery p {
    display: flex;
    flex: 0 0 100%;
    margin: 10px 0 0 !important;
    font-size: 14px;
    font-weight: bold;
    color: #50B069;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli .sli-delivery span {
    display: flex;
    flex: 1;
    line-height: 26px;
    font-size: 12px;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli .sli-delivery span b {
    margin: 0 3px;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli .sli-delivery .sli-stock .in-stock:after {
    content: "";
    position: absolute;
    margin: 6px 0 0 8px;
    width: 6px;
    height: 6px;
    background-color: #80D63D;
    border-radius: 50%;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli .sli-delivery .sli-stock .low-stock:after {
    content: "";
    position: absolute;
    margin: 6px 0 0 8px;
    width: 6px;
    height: 6px;
    background-color: #EC8D36;
    border-radius: 50%;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli .sli-delivery .sli-map {
    display: flex;
    height: 24px;
    line-height: 24px;
    font-weight: 500;
    color: #3A0CA3;
    cursor: pointer;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli .consignment-info {
    display: flex;
    margin-top: 10px;
    padding: 10px;
    line-height: 1.33;
    font-size: 12px;
    background-color: rgba(227, 198, 153, 0.3);
    border-radius: 5px;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli .consignment-info .consignment-info-icon {
    display: flex;
    align-items: center;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli .consignment-info .consignment-info-text {
    padding-left: 7px;
}

#modal-store-finder .ssf-stores .ssf-store-list .sli .consignment-info .consignment-info-text a {
    text-decoration: underline;
}

#modal-store-map .modal-dialog {
    transition: all 0s !important;
}

@media(min-width:1024px) {
    #modal-store-map .modal-dialog {
        left: auto !important;
        right: auto !important;
        max-width: 100% !important;
    }

    #modal-store-map .modal-dialog .close-modal {
        position: absolute;
        top: 50px;
        right: 50px;
        padding: 8px;
        width: 40px;
        height: 40px;
        background-color: #FFF;
        border-radius: 50px;
        cursor: pointer;
        text-align: center;
        line-height: 40px;
    }

    #modal-store-map .modal-dialog .close-modal .svg-close {
        padding: 0;
        width: 24px;
        height: 24px;
        background: url('../_ui/responsive/theme-penti/images/icons_close.svg') no-repeat center center;
        display: inline-block;
    }

    #modal-store-map .modal-dialog .close-modal .icon-close {
        font-size: 34px;
    }

    #modal-store-map .modal-dialog .modal-content {
        left: 50% !important;
        transform: translate(-50%, 0);
        width: 1100px;
    }

    #modal-store-map .modal-dialog .modal-content .modal-body {
        padding: 0 !important;
        width: 1100px;
        height: 600px;
    }

    #modal-store-map .modal-dialog .modal-content .modal-body .map {
        width: 100%;
        height: 100%;
    }

    #modal-store-map .modal-dialog .modal-content .modal-body .map-store-info {
        position: absolute;
        bottom: 20px;
        left: 20px;
        padding: 20px;
        width: 420px;
        font-size: 14px;
        color: #29335C;
        background-color: #FFF;
        border: solid 1px #E6E6EB;
        border-radius: 5px;
    }

    #modal-store-map .modal-dialog .modal-content .modal-body .map-store-info p {
        margin: 5px 0;
    }

    #modal-store-map .modal-dialog .modal-content .modal-body .map-store-info p:first-child {
        font-size: 16px;
        font-weight: 500;
    }

    #modal-store-map .modal-dialog .modal-content .modal-body .map-store-info p:last-child {
        margin: 10px 0 0;
    }
}

@media(max-width:1024px) {
    #modal-store-map .modal-dialog {
        width: 100%;
    }

    #modal-store-map .modal-dialog .modal-content {
        width: 100%;
    }

    #modal-store-map .modal-dialog .modal-content .modal-body {
        width: 100%;
        height: 90vh;
    }
}

.prd-row-badge {
    display: flex;
}

.prd-row-badge .prd-free-shipping {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    padding: 6px 10px;
    line-height: normal;
    font-size: 12px;
    color: #50B069;
    background-color: rgba(80, 176, 105, 0.1);
    border-radius: 5px;
}

.prd-row-badge .prd-running-out {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    background: #EBE7F6;
    border-radius: 5px;
    padding: 6px 10px;
    margin-right: 5px;
    font-size: 12px;
    color: #3a0ca3;
}

.btn-disabled {
    background: #ececf4;
    pointer-events: none;
    color: #81819b;
}

.page-penti-wish-list .mfp .prd-row-media a,
.page-penti-wish-list .mfp .prd-row-title a {
    display: block;
}

.modal-dialog-centered {
    position: relative !important;
    margin: auto !important;
}

.modal-dialog-centered .modal-body-error {
    margin-top: 5px;
    color: #FF0000;
}

.modal-button {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    padding: 11px;
    width: 100%;
    height: 42px;
    font-size: 14px;
    font-weight: 500;
    color: #29335C;
    border: solid 1px rgba(129, 129, 155, 0.2);
    border-radius: 50px;
    transition: all .222s linear 0s;
}

.modal-button.active {
    color: #FFF;
    background-color: #FA5373;
}

#modal-addtocart .modal-dialog-centered .modal-content,
#modal-combineaddtocart .modal-dialog-centered .modal-content {
    padding: 30px 35px;
    border-radius: 20px;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-header,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-header {
    padding: 0;
    height: 0;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-header .close-modal,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-header .close-modal {
    color: #29335c;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body {
    padding: 0;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body #modal-addtocart-color,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body #modal-addtocart-color {
    display: none;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body .modal-body-title,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body .modal-body-title {
    font-size: 20px;
    font-weight: 500;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .combine-product,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .combine-product {
    margin: 5px 0;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .combine-product .combine-product-info,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .combine-product .combine-product-info {
    display: flex;
    flex-direction: row;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .combine-product .combine-product-info .combine-product-image,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .combine-product .combine-product-info .combine-product-image {
    display: flex;
    width: 32px;
    height: 48px;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .combine-product .combine-product-info .combine-product-title,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .combine-product .combine-product-info .combine-product-title {
    display: flex;
    flex: 1;
    align-items: center;
    margin-left: 10px;
    font-size: 14px;
    color: #29335C;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .combine-product .modal-addtocart-size,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .combine-product .modal-addtocart-size {
    margin-top: 10px;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .combine-product .modal-error,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .combine-product .modal-error {
    display: none;
    margin-bottom: 20px;
    padding: 10px 20px;
    font-size: 14px;
    color: #29335C;
    border-radius: 10px;
    background-color: rgba(221, 46, 68, 0.2);
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .combine-product .modal-error .stock-inform,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .combine-product .modal-error .stock-inform {
    display: block;
    font-weight: 600;
    text-decoration: underline;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .container,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .container {
    display: inline-block;
    position: relative;
    width: 44px;
    height: 44px;
    margin: 0 5px 5px 0;
    font-size: 22px;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .container.selected .checkmark,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .container.selected .checkmark {
    border: 1px solid #000;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .container.selected .inner-circle,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .container.selected .inner-circle {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 42px;
    height: 42px;
    border: 2px solid #FFF;
    border-radius: 50%;
    z-index: 1;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .container.out-of-stock .checkmark,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .container.out-of-stock .checkmark {
    color: #81819B;
    background-color: transparent;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .container.out-of-stock .checkmark:after,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .container.out-of-stock .checkmark:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(48%);
    left: 25%;
    width: 50%;
    height: 1px;
    background-color: #81819B;
    transform: rotate(-45deg);
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .container.out-of-stock input:checked~.checkmark,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .container.out-of-stock input:checked~.checkmark {
    color: #81819B;
    background-color: transparent;
    border: 1px solid #FA5373;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .container input,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .container input {
    opacity: 0;
    position: absolute;
    cursor: pointer;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .container .checkmark,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .container .checkmark {
    display: inline-flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 44px;
    height: 44px;
    font-size: .875rem;
    font-weight: 500;
    color: #212529;
    background-color: #ECECF4;
    border: 1px solid #ECECF4;
    border-radius: 50%;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .container .checkmark.low-stock:after,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .container .checkmark.low-stock:after {
    content: "!";
    display: inline-flex;
    position: absolute;
    top: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 16px;
    height: 16px;
    line-height: 1.63636;
    font-size: .6875rem;
    font-weight: 500;
    color: #FFF;
    background-color: #3A0CA3;
    border-radius: 100%;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .container input:checked~.checkmark,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .container input:checked~.checkmark {
    color: #FFF;
    background-color: #FA5373;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .container .inner-circle,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body .modal-body-content .container .inner-circle {
    display: none;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body button,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body button {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    padding: 11px;
    width: 100%;
    height: 42px;
    font-size: 14px;
    font-weight: 500;
    color: #29335C;
    border: solid 1px rgba(129, 129, 155, 0.2);
    border-radius: 50px;
    transition: all .222s linear 0s;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body button.active,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body button.active {
    color: #FFF;
    background-color: #FA5373;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body button.active:hover,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body button.active:hover {
    background-color: #EE4F6D;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body #modal-stockinform-button,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body #modal-stockinform-button {
    display: none;
    color: #FFF;
    background-color: #29335C;
}

#modal-addtocart .modal-dialog-centered .modal-content .modal-body #modal-stockinform-button:hover,
#modal-combineaddtocart .modal-dialog-centered .modal-content .modal-body #modal-stockinform-button:hover {
    background-color: #010B34;
}

#modal-video .modal-video-content .modal-content .modal-header {
    height: 0;
}

#modal-video .modal-video-content .modal-content .modal-header .modal-header-right .close-modal {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #FFFFFF;
    background-color: #FA5373;
    border-radius: 50%;
    z-index: 1;
}

#modal-video .modal-video-content .modal-content .modal-body {
    padding: 0;
}

#modal-video .modal-video-content .modal-content .modal-body .modal-body-content {
    max-width: 100%;
    max-height: 100vh;
    line-height: 0;
}

#modal-video .modal-video-content .modal-content .modal-body .modal-body-content video {
    width: 100%;
    max-height: 100vh;
}

@media(max-width:768px) {
    #modal-addtocart .modal-dialog-centered .modal-content {
        margin: 0 auto;
        padding: 20px !important;
        width: 90%;
    }
}

#modal-collectionadd .modal-content {
    width: 400px;
    border-radius: 20px;
}

#modal-collectionadd .modal-content .modal-title {
    padding-top: 30px;
    font-size: 20px;
    font-weight: 500;
    color: #29335C;
}

#modal-collectionadd .modal-content .modal-body {
    overflow: auto;
    max-height: 50vh;
    padding: 0 30px;
}

#modal-collectionadd .modal-content .modal-footer {
    padding: 15px;
}

#modal-collectionadd .modal-content .modal-collection-list .collection-empty {
    margin: 20px 0;
    font-size: 14px;
    color: #29335C;
}

#modal-collectionadd .modal-content .modal-collection-list ul {
    margin: 20px 0 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}

#modal-collectionadd .modal-content .modal-collection-list ul li {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 10px;
    padding: 9px 10px;
    border: 1px solid rgba(129, 129, 155, 0.2);
    border-radius: 5px;
    cursor: pointer;
    transition: all .222s linear 0s;
}

#modal-collectionadd .modal-content .modal-collection-list ul li:hover {
    border-color: #FA5373;
}

#modal-collectionadd .modal-content .modal-collection-list ul li:hover .modal-collection-name {
    color: #FA5373;
}

#modal-collectionadd .modal-content .modal-collection-list ul li .modal-collection-image {
    width: 36px;
    height: 36px;
    background-color: #ECECF4;
    border-radius: 50%;
    overflow: hidden;
}

#modal-collectionadd .modal-content .modal-collection-list ul li .modal-collection-image .no-image {
    margin: 6px;
    width: 24px;
    height: 24px;
}

#modal-collectionadd .modal-content .modal-collection-list ul li .modal-collection-name {
    display: flex;
    flex: 1;
    align-items: center;
    margin: 0 10px;
    font-size: 14px;
    font-weight: bold;
    color: #29335C;
    transition: all .222s linear 0s;
}

#modal-collectionadd .modal-content .modal-collection-list ul li .modal-collection-choose {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-family: HelveticaNowDisplay;
    font-size: 11px;
    color: #81819B;
}

#modal-collectionadd .modal-content .collection-create {
    position: relative;
    margin: 20px auto 0;
    width: 75%;
}

#modal-collectionadd .modal-content .collection-create:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 15px;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/sprite-bg.svg') 0 57.52351097% no-repeat;
}

#modal-collectioncreate .modal-content {
    width: 400px;
    border-radius: 20px;
}

#modal-collectioncreate .modal-content .modal-title {
    margin-top: -50px;
    font-size: 20px;
    font-weight: 500;
    color: #29335C;
}

#modal-collectioncreate .modal-content .modal-collection-name-example {
    margin-top: 20px;
    opacity: .5;
}

#modal-collectioncreate .modal-content .modal-collection-name-example p {
    margin-bottom: 0;
}

#modal-collectioncreate .modal-content .collection-create-name {
    margin-top: 20px;
    width: 100%;
    padding: 10px 0;
    font-size: 14px;
    color: #81819B;
    border: none;
    border-bottom: 1px solid rgba(129, 129, 155, 0.2);
    outline: none;
}

#modal-collectiondelete .modal-content {
    width: 300px;
    border-radius: 20px;
    padding: 5px 25px 20px;
}

#modal-collectiondelete .modal-content .modal-header .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 5;
}

#modal-collectiondelete .modal-content .modal-body {
    padding: 0;
}

#modal-collectiondelete .modal-content .modal-body .modal-title {
    margin-top: -50px;
    font-size: 20px;
    font-weight: 500;
    color: #29335C;
}

#modal-collectiondelete .modal-content .modal-body .modal-collection-delete-text {
    margin-top: 15px;
    font-size: 14px;
    color: #29335C;
}

#modal-collectiondelete .modal-content .modal-body .modal-collection-delete-buttons {
    display: flex;
}

#modal-collectiondelete .modal-content .modal-body .modal-collection-delete-buttons .modal-button {
    font-weight: 500;
}

#modal-collectiondelete .modal-content .modal-body .modal-collection-delete-buttons .modal-button.collection-delete-confirm {
    margin-left: 15px;
    color: #FFF;
    background-color: #29335C;
}

#modal-registergender .modal-dialog-centered {
    max-width: 300px;
}

#modal-registergender .modal-content {
    width: 300px;
    border-radius: 20px;
}

#modal-registergender .modal-content .modal-header {
    display: none;
}

#modal-registergender .modal-content .modal-body {
    padding: 20px;
}

#modal-registergender .modal-content .modal-body .close-modal {
    position: absolute;
    top: 15px;
    right: 15px;
}

#modal-registergender .modal-content .modal-body .modal-title {
    font-weight: bold;
}

#modal-registergender .modal-content .modal-body .modal-collection-name-example {
    margin-top: 10px;
    color: #29335C;
}

#modal-registergender .modal-content .modal-body .modal-gender-selection {
    margin: 20px 0 0;
    padding: 0;
    list-style-type: none;
}

#modal-registergender .modal-content .modal-body .modal-gender-selection li {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

#modal-registergender .modal-content .modal-body .modal-gender-selection li label {
    cursor: pointer;
}

#modal-registergender .modal-content .modal-body .modal-gender-selection li label input[type=radio] {
    margin-right: 10px;
}

#modal-registergender .modal-content .modal-body .modal-body-error {
    margin-top: 10px;
}

#modal-registergender .modal-content .modal-body .modal-button {
    background-color: #29335C;
}

#modal-registergender .modal-content .modal-body .modal-button:hover {
    background-color: #010B34;
}

#modal-phonevalidation .modal-dialog-centered {
    max-width: 300px;
}

#modal-phonevalidation .modal-content {
    width: 300px;
    border-radius: 20px;
}

#modal-phonevalidation .modal-content .modal-header {
    display: none;
}

#modal-phonevalidation .modal-content .modal-body {
    padding: 20px;
}

#modal-phonevalidation .modal-content .modal-body .close-modal {
    position: absolute;
    top: 15px;
    right: 15px;
}

#modal-phonevalidation .modal-content .modal-body .modal-title {
    font-weight: bold;
}

#modal-phonevalidation .modal-content .modal-body .modal-phonevalidation b {
    font-weight: 500;
}

#modal-phonevalidation .modal-content .modal-body .modal-phonevalidation__desc {
    margin-top: 10px;
    color: #29335C;
}

#modal-phonevalidation .modal-content .modal-body .modal-phonevalidation__remainingtime {
    margin: 15px 0;
    text-align: center;
}

#modal-phonevalidation .modal-content .modal-body .modal-phonevalidation .modal-body-error {
    margin-top: 10px;
}

#modal-phonevalidation .modal-content .modal-body .modal-phonevalidation .modal-button {
    background-color: #29335C;
}

#modal-phonevalidation .modal-content .modal-body .modal-phonevalidation .modal-button:hover {
    background-color: #010B34;
}

@media(max-width:768px) {
    .modal-dialog-centered .modal-content {
        margin: 0 auto;
        padding: 20px !important;
        width: 90% !important;
    }

    .modal-dialog-centered .modal-content .modal-header {
        background-color: transparent;
    }

    #modal-collectionadd .modal-content,
    #modal-collectioncreate .modal-content,
    #modal-collectiondelete .modal-content {
        padding: 5px 25px 20px;
    }

    #modal-collectionadd .modal-content .modal-body,
    #modal-collectioncreate .modal-content .modal-body,
    #modal-collectiondelete .modal-content .modal-body {
        padding: 0;
    }

    #modal-collectionadd .modal-content .modal-body .modal-title,
    #modal-collectioncreate .modal-content .modal-body .modal-title,
    #modal-collectiondelete .modal-content .modal-body .modal-title {
        margin-top: -60px !important;
    }
}

.penti-photo-viewer {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #29335C;
    z-index: 6;
}

.penti-photo-viewer__close {
    position: fixed;
    top: 40px;
    right: 40px;
    width: 50px;
    height: 50px;
    background: #ffffff url(../_ui/responsive/theme-penti/images/icon-close.svg) center center no-repeat;
    border-radius: 50px;
    cursor: pointer;
    z-index: 7;
}

.penti-photo-viewer__close:after {
    content: "";
    position: absolute;
    top: 13px;
    left: 13px;
    width: 24px;
    height: 24px;
    z-index: 7;
}

.penti-photo-viewer img {
    max-width: 100%;
    max-height: 100%;
}

@media(max-width:1024px) {
    .penti-photo-viewer__close:after {
        content: "";
        position: absolute;
        top: -10px;
        left: -10px;
        width: 70px;
        height: 70px;
        background: transparent;
        z-index: 7;
    }
}

@media(max-width:768px) {
    #modal-addtocart .modal-dialog-centered .modal-content {
        margin: 0 auto;
        padding: 20px !important;
        width: 90%;
    }

    #modal-combineaddtocart .modal-dialog-centered .modal-content {
        margin: 0 auto;
        width: 90%;
    }
}

.personaclick-search-wrapper {
    height: auto;
    max-height: 50vh;
    overflow-y: auto;
}

@media(max-width:1024px) {
    body.search-layer-ready {
        height: 100%;
        width: 100%;
        position: fixed;
        touch-action: none;
        -ms-touch-action: none;
    }

    body.search-layer-ready .hdr-search {
        z-index: 7;
    }

    body.search-layer-ready .hdr-search #searchbox .header-searchbar {
        position: initial;
    }

    body.search-layer-ready .hdr-search #searchbox .header-searchbar input:focus {
        font-size: 16px;
        transform-origin: top left;
        transform: scale(1);
    }
}

@media only screen and (max-width:640px) {
    .personaclick-search-wrapper {
        flex-wrap: nowrap !important;
        flex-direction: column;
    }

    .personaclick-search-container:not(:empty)#personaclick_search_products {
        width: 340px !important;
    }
}

.easy-shopping-banner {
    position: relative;
    width: 100%;
}

.easy-shopping-banner picture img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}

.easy-shopping-banner .easy-shopping-banner-content {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.easy-shopping-banner .easy-shopping-banner-content h1 {
    margin: 0;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #FFF;
}

.easy-shopping-navigation {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
    padding: 0 20px;
}

.easy-shopping-navigation li {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 20px;
    font-size: 16px;
    font-weight: 500;
    color: #29335C;
}

.easy-shopping-navigation li a {
    text-align: center;
}

.easy-shopping-navigation li a.active {
    font-weight: bold;
    color: #FA5373;
    border-bottom: 1px solid #FA5373;
}

.easy-shopping-paragraph {
    margin: 40px auto;
    color: #29335C;
}

.easy-shopping-paragraph .easy-shopping-paragraph-title {
    font-size: 24px;
    font-weight: bold;
}

.easy-shopping-paragraph .easy-shopping-paragraph-content {
    margin-top: 20px;
    font-size: 16px;
}

.easy-shopping-paragraph .easy-shopping-paragraph-content p {
    margin-bottom: 0;
}

.easy-shopping-list {
    margin: 40px auto;
    color: #29335C;
}

.easy-shopping-list .easy-shopping-list-title {
    font-size: 24px;
    font-weight: bold;
}

.easy-shopping-list .easy-shopping-list-subtitle {
    margin-top: 20px;
    font-size: 16px;
}

.easy-shopping-list .easy-shopping-list-item {
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.easy-shopping-list .easy-shopping-list-item li {
    font-size: 16px;
}

.easy-shopping-list.bullet ul li {
    margin-left: 30px;
    list-style-type: square;
}

.easy-shopping-list.number .easy-shopping-list-desc {
    margin: 15px 0;
    font-size: 16px;
}

.easy-shopping-list.number .easy-shopping-list-subtitle {
    margin-bottom: -10px;
    font-weight: bold;
}

.easy-shopping-list.number li {
    display: flex;
    align-items: center;
    margin-top: 44px;
    padding-left: 75px;
}

.easy-shopping-list.number li span:first-of-type {
    position: absolute;
    left: 0;
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #FA5373;
    background-color: #FAF0F4;
    border-radius: 50px;
}

.easy-shopping-table {
    margin: 40px auto;
    color: #29335C;
}

.easy-shopping-table .easy-shopping-table-title {
    font-size: 24px;
    font-weight: bold;
}

.easy-shopping-table .easy-shopping-row {
    display: flex;
    flex-direction: row;
    margin-top: 15px;
}

.easy-shopping-table .easy-shopping-row .easy-shopping-col {
    display: flex;
}

.easy-shopping-table .easy-shopping-row .easy-shopping-col.col-title {
    display: flex;
    flex: .15;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
}

.easy-shopping-table .easy-shopping-row .easy-shopping-col.col-text {
    display: flex;
    flex: .85;
    align-items: center;
    margin-left: 15px;
    font-size: 16px;
    font-weight: bold;
}

.easy-shopping-table .easy-shopping-row .easy-shopping-col.col-text a {
    margin-left: 5px;
    text-decoration: underline;
}

.easy-shopping-table .easy-shopping-row.row-desc {
    display: block;
    font-size: 16px;
}

#modal-valid-counties .modal-body .modal-body-title {
    font-size: 16px;
    font-weight: bold;
}

#modal-valid-counties .modal-body ul {
    margin-top: 20px;
    padding-left: 30px;
}

#modal-valid-counties .modal-body ul li {
    font-size: 14px;
}

.easy-shopping-returnexchange {
    margin: 40px auto;
    color: #29335C;
}

.easy-shopping-returnexchange .easy-shopping-row {
    display: flex;
    flex-direction: row;
    margin-top: 15px;
}

.easy-shopping-returnexchange .easy-shopping-row .easy-shopping-col.col-title {
    display: flex;
    flex: .1;
    align-items: center;
    font-size: 24px;
    font-weight: bold;
}

.easy-shopping-returnexchange .easy-shopping-row .easy-shopping-col.col-text {
    display: flex;
    flex: .9;
    align-items: center;
    margin-left: 15px;
    font-size: 16px;
    font-weight: 500;
}

.easy-shopping-returnexchange .easy-shopping-row.row-desc {
    font-size: 14px;
}

.easy-shopping-faq {
    margin: 40px auto;
    color: #29335C;
}

.easy-shopping-faq .easy-shopping-faq-title {
    margin-bottom: 40px;
    font-size: 24px;
    font-weight: bold;
}

.easy-shopping-faq .easy-shopping-faq-item {
    font-size: 16px;
}

.easy-shopping-faq .easy-shopping-faq-item .easy-shopping-faq-item-q {
    position: relative;
    padding: 15px 0;
    border-bottom: 2px solid #ECECF4;
    cursor: pointer;
}

.easy-shopping-faq .easy-shopping-faq-item .easy-shopping-faq-item-q:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/sprite-bg.svg') 0 57.52351097% no-repeat;
    transform: translateY(-50%);
}

@media(min-width:1025px) {
    .easy-shopping-faq .easy-shopping-faq-item .easy-shopping-faq-item-q:hover {
        color: #FA5373;
    }
}

.easy-shopping-faq .easy-shopping-faq-item .easy-shopping-faq-item-a {
    display: none;
    padding: 30px 20px;
    background-color: #ECECF4;
}

.easy-shopping-faq .easy-shopping-faq-item.active .easy-shopping-faq-item-q {
    font-weight: bold;
    color: #FA5373;
}

.easy-shopping-faq .easy-shopping-faq-item.active .easy-shopping-faq-item-q:after {
    content: "";
    position: absolute;
    right: 0;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/sprite-bg.svg') 0 55.64263323% no-repeat;
}

.easy-shopping-faq .easy-shopping-faq-item.active .easy-shopping-faq-item-a {
    display: block;
}

.easy-shopping-return-steps {
    position: relative;
    margin: 40px auto;
    text-align: center;
    font-size: 16px;
    color: #29335C;
    overflow: hidden;
}

.easy-shopping-return-steps .easy-shopping-return-steps-title {
    font-size: 24px;
    font-weight: bold;
}

.easy-shopping-return-steps .easy-shopping-return-steps-step .easy-shopping-return-steps-step-image {
    margin: 30px 0 20px;
    min-height: 450px;
}

.easy-shopping-return-steps .easy-shopping-return-steps-step .easy-shopping-return-steps-step-image picture img {
    max-height: 500px;
}

.easy-shopping-return-steps .easy-shopping-return-steps-nav {
    position: absolute;
    width: auto;
    height: auto;
    font-size: 16px;
    background: none !important;
    border: 1px solid #81819B;
    border-radius: 35px;
    cursor: pointer;
}

.easy-shopping-return-steps .easy-shopping-return-steps-nav.swiper-button-prev {
    padding: 3px 16px 3px 30px;
}

.easy-shopping-return-steps .easy-shopping-return-steps-nav.swiper-button-prev:before {
    content: "";
    position: absolute;
    left: 6px;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/sprite-bg.svg') 0 100% no-repeat;
    transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
}

.easy-shopping-return-steps .easy-shopping-return-steps-nav.swiper-button-next {
    transform: translate(-50%, -50%);
    padding: 3px 30px 3px 16px;
}

.easy-shopping-return-steps .easy-shopping-return-steps-nav.swiper-button-next:after {
    content: "";
    position: absolute;
    right: 6px;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/sprite-bg.svg') 0 100% no-repeat;
    transform: scale(0.5, 0.5) rotate(180deg);
    -moz-transform: scale(0.5, 0.5) rotate(180deg);
    -webkit-transform: scale(0.5, 0.5) rotate(180deg);
    -ms-transform: scale(0.5, 0.5) rotate(180deg);
}

.easy-shopping-return-steps .easy-shopping-return-steps-nav.swiper-button-disabled {
    display: none;
}

.easy-shopping-return-steps .easy-shopping-return-step-desc p {
    margin: 0;
}

.easy-shopping-return-steps .easy-shopping-return-step-desc span {
    color: #81819B;
}

.easy-shopping-line {
    margin: 40px auto;
    height: 30px;
    background-color: #ECECF4;
}

.need-help-band {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    color: #29335C;
    border-radius: 10px;
    background-color: #ECECF4;
}

.need-help-band .need-help-band-title {
    font-size: 24px;
    font-weight: bold;
}

.need-help-band .need-help-band-phone {
    margin-top: 40px;
    font-size: 24px;
    font-weight: 500;
}

.need-help-band .need-help-band-working-hours {
    margin-top: 10px;
    font-size: 16px;
    color: #81819B;
}

.need-help-band .need-help-band-call-button {
    display: none;
    margin-top: 15px;
    padding: 10px 35px;
    font-size: 14px;
    font-weight: 500;
    color: #FA5373;
    border: solid 1px #FA5373;
    border-radius: 50px;
}

@media(max-width:1024px) {
    .easy-shopping-banner picture img {
        height: 200px !important;
    }

    .easy-shopping-table .easy-shopping-row .easy-shopping-col.col-title {
        flex: .40 !important;
    }

    .easy-shopping-table .easy-shopping-row .easy-shopping-col.col-text {
        display: block !important;
        flex: .60 !important;
    }

    .easy-shopping-table .easy-shopping-row .easy-shopping-col.col-text a {
        margin-left: 0 !important;
    }

    .easy-shopping-returnexchange .easy-shopping-row {
        flex-direction: column !important;
    }

    .easy-shopping-returnexchange .easy-shopping-row .easy-shopping-col.col-title {
        flex: 1 !important;
    }

    .easy-shopping-returnexchange .easy-shopping-row .easy-shopping-col.col-text {
        flex: 1 !important;
        margin-left: 0 !important;
    }

    .easy-shopping-list.number ul li {
        display: block !important;
    }

    .easy-shopping-return-steps {
        padding: 0 !important;
    }

    .easy-shopping-return-steps .easy-shopping-return-steps-step {
        width: 100% !important;
    }

    .easy-shopping-return-steps .easy-shopping-return-steps-nav {
        padding: 0 !important;
        width: 36px;
        height: 36px;
        border-radius: 50px;
    }

    .easy-shopping-return-steps .easy-shopping-return-steps-nav span {
        display: none;
    }

    .easy-shopping-return-steps .easy-shopping-return-steps-nav.swiper-button-prev {
        left: 0;
        background-color: #FFF !important;
        transform: translate(50%, -50%);
    }

    .easy-shopping-return-steps .easy-shopping-return-steps-nav.swiper-button-prev:before {
        top: 5px;
        left: 4px !important;
        transform: scale(0.75, 0.75) !important;
        -moz-transform: scale(0.75, 0.75) !important;
        -webkit-transform: scale(0.75, 0.75) !important;
        -ms-transform: scale(0.75, 0.75) !important;
    }

    .easy-shopping-return-steps .easy-shopping-return-steps-nav.swiper-button-next {
        right: 0;
        background-color: #FFF !important;
    }

    .easy-shopping-return-steps .easy-shopping-return-steps-nav.swiper-button-next:after {
        top: 5px;
        right: 4px !important;
        transform: scale(0.75, 0.75) rotate(180deg) !important;
        -moz-transform: scale(0.75, 0.75) rotate(180deg) !important;
        -webkit-transform: scale(0.75, 0.75) rotate(180deg) !important;
        -ms-transform: scale(0.75, 0.75) rotate(180deg) !important;
    }

    .easy-shopping-return-steps .easy-shopping-return-step-desc {
        padding: 0 20px;
    }

    .easy-shopping-faq .easy-shopping-faq-item .easy-shopping-faq-item-q {
        padding-right: 35px;
    }

    .easy-shopping-line {
        margin: 40px 20px;
        width: auto;
    }

    .need-help-band {
        margin-top: 60px;
        margin-left: 20px;
        margin-right: 20px;
        width: auto;
    }

    .need-help-band .need-help-band-call-button {
        display: block !important;
    }

    .row.section-sfi {
        margin-top: 50px;
    }
}

.grid-content {
    padding: 0 50px;
}

.grid-content .clearfix {
    clear: both;
    height: 0;
}

.grid-content .col-4 {
    flex: 0 0 33.33333%;
    max-width: calc(33.33333% - 20px);
}

.grid-content .item {
    margin-bottom: 40px;
    margin-right: 20px;
}

.grid-content .item .cmpImg {
    width: 100%;
    margin-bottom: 15px;
    overflow: hidden;
}

.grid-content .item .cmpImg img {
    width: 100%;
    max-height: 700px;
    object-fit: cover;
    transition: all 0.666s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.grid-content .item .cmpInfo {
    width: 100%;
    padding: 0 5%;
}

.grid-content .item .cmpInfo .info {
    width: 80%;
    float: left;
}

.grid-content .item .cmpInfo .info b {
    font-weight: 500;
}

.grid-content .item .cmpInfo .info .title {
    font-family: HelveticaNowDisplay;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #29335c;
    min-height: 62px;
}

.grid-content .item .cmpInfo .info .date,
.grid-content .item .cmpInfo .info .remainingTime {
    min-height: 16px;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #29335c;
    margin-bottom: 10px;
}

.grid-content .item .cmpInfo .info .date .colored,
.grid-content .item .cmpInfo .info .remainingTime .colored {
    color: #FA5373;
}

.grid-content .item .cmpInfo .info .remainingTime {
    color: #FA5373;
}

.grid-content .item .cmpInfo .info .last {
    height: 16px;
    font-family: HelveticaNowDisplay;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    margin-bottom: 10px;
    color: #FA5373;
}

.grid-content .item .cmpInfo .share {
    width: 20%;
    text-align: right;
    float: left;
    cursor: pointer;
}

.grid-content .item .cmpInfo .share img {
    float: right;
    margin-right: 4px;
    width: 24px;
    margin-bottom: 5px;
}

.grid-content .item .cmpInfo .share span {
    float: right;
    width: 100%;
    font-size: 12px;
    text-align: right;
}

.grid-content .item .cmpInfo .campaign-stock-info {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 500;
    color: #81819B;
}

.grid-content .item:hover .cmpImg img {
    transform: scale(1.08);
}

.grid-content h1 {
    font-family: HelveticaNowDisplay, arial, sans-serif;
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #29335c;
    margin-bottom: 40px;
    margin-top: 20px;
}

.grid-content .categories {
    margin-bottom: 25px;
    display: block;
}

.grid-content .categories ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.grid-content .categories ul li {
    float: left;
    margin-right: 22px;
    padding-right: 4px;
    cursor: pointer;
    height: 25px;
}

.grid-content .categories ul li.active,
.grid-content .categories ul li:hover {
    color: #FA5373;
    padding-bottom: 5px;
    border-bottom: 1px solid #FA5373;
}

.grid-content .grid-footer {
    margin-top: 20px;
}

.campaign-buttons {
    display: flex;
    margin-top: 10px;
    padding: 0 5%;
}

.campaign-buttons .btn-campaign {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 11px 0;
    border-radius: 50px;
    border: solid 1px #29335c;
    transition: background-color 1s, transform 1s;
}

.campaign-buttons .btn-campaign:hover {
    border: solid 1px #FA5373;
    background-color: #FA5373;
    color: #fff;
}

.campaign-buttons .btn-goto-campaign {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 13px;
    padding: 11px 0;
    width: 100%;
    color: #FFF;
    background-color: #FA5373;
    border: 1px solid #FA5373;
    border-radius: 50px;
    transition: background-color 1s, transform 1s;
}

@media(max-width:767px) {
    .grid-content {
        padding: 0;
    }

    .col-4,
    .col-xs-12 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    h1,
    .categories {
        padding: 0 20px;
    }

    .grid-footer {
        padding: 0 20px;
    }
}

#modal-share .modal-dialog-centered {
    position: relative !important;
    margin: auto !important;
}

#modal-share .modal-dialog-centered .modal-content {
    padding: 30px 35px;
    border-radius: 20px;
}

#modal-share .modal-dialog-centered .modal-content .modal-header {
    padding: 0;
    height: auto;
}

#modal-share .modal-dialog-centered .modal-content .modal-body {
    padding: 0;
}

#modal-share .modal-dialog-centered .modal-content .modal-body .pdp-share-links {
    justify-content: start;
}

#modal-share .modal-dialog-centered .modal-content .modal-body .pdp-share-links a:not(:last-child) {
    margin-right: 9px;
}

#modal-share .modal-dialog-centered .modal-content .modal-body .pdp-share-input {
    padding-bottom: 20px;
}

#modal-share .modal-dialog-centered .modal-content .modal-body .pdp-share-input .copied-text {
    bottom: -10px !important;
}

@media(max-width:1024px) {
    #modal-share .modal-header {
        background: #fff;
    }

    #modal-share .modal-header .modal-title,
    #modal-share .modal-header .modal-header-right .close-modal {
        color: #29335c;
    }
}

.banner-list {
    width: 100%;
    position: relative;
}

.banner-list.bnl-type-2 {
    display: grid;
    grid-template-columns: repeat(4, calc(100% / 4 - 38px));
    gap: 50px;
    margin: 80px 0;
}

.banner-list.bnl-type-2 .banner {
    position: relative;
    margin: 0;
    max-width: unset;
    height: auto;
    border-radius: 5px;
}

.banner-list.bnl-type-2 .banner .bnr-body {
    position: absolute;
    left: 0;
    bottom: 50px;
    padding: 0 20px;
    height: auto;
    text-align: center;
}

.banner-list.bnl-type-2 .banner .bnr-body .bnr-desc {
    font-style: italic;
    font-size: 1rem;
    font-weight: normal;
}

.banner-list.bnl-type-2 .banner .bnr-body .bnr-title {
    margin-top: 10px;
    text-align: center;
    line-height: 1.25rem;
    font-size: 1.25rem;
}

.banner-list.bnl-type-2 .banner .bnr-body .bnr-button {
    position: static;
    margin-top: 15px;
    transform: none;
}

.banner-list.bnl-type-2 .banner .bnr-info {
    left: 0 !important;
    text-align: center !important;
    text-shadow: none;
}

.banner-list.bnl-type-2 .bnr-type-7 {
    height: auto;
    border-radius: 5px;
    margin-bottom: 0;
}

.banner-list.bnl-type-2 .bnr-type-7 .bnr-body .bnr-desc {
    margin-bottom: 12px !important;
    font-size: 1.2rem !important;
}

.banner-list.bnl-type-2 .bnr-type-7 .bnr-body .bnr-title {
    font-size: 1.75rem !important;
    line-height: 1.75rem !important;
    font-weight: 500 !important;
}

.banner-list.bnl-type-2 .bnr-type-7 .bnr-info {
    left: 20px !important;
    text-align: left !important;
}

.banner-list .banner-title {
    position: absolute;
    top: -90px;
    font-size: 24px;
    font-weight: bold;
    left: 0;
}

.banner-list .banner.bnr-type-1 .bnr-desc,
.banner-list .banner.bnr-type-2 .bnr-desc,
.banner-list .banner.bnr-type-3 .bnr-desc,
.banner-list .banner.bnr-type-4 .bnr-desc,
.banner-list .banner.bnr-type-5 .bnr-desc,
.banner-list .banner.bnr-type-6 .bnr-desc,
.banner-list .banner.bnr-type-7 .bnr-desc {
    display: block;
}

.banner-list .banner.bnr-type-1 img,
.banner-list .banner.bnr-type-3 img,
.banner-list .banner.bnr-type-4 img,
.banner-list .banner.bnr-type-5 img {
    width: auto;
}

.banner-list .banner .bnr-hdr-0 .bnr-title {
    font-size: 1.75rem;
}

.banner-list .banner .bnr-hdr-1 .bnr-title {
    font-size: 2.5rem;
}

.banner-list .banner .bnr-hdr-2 .bnr-title {
    font-size: 3rem;
}

.banner-list .banner .bnr-info {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 10px;
    color: #ffffff;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.banner-list .bnr-type-1 .bnr-desc {
    text-align: left;
}

.bnl-type-3.full-width {
    margin-top: 50px;
    margin-left: -50px;
    width: calc(100% + 100px);
    width: -moz-calc(100% + 100px);
    width: -webkit-calc(100% + 100px);
    width: -o-calc(100% + 100px);
}

.bnl-type-3.full-width .banner {
    margin: 80px 0;
}

.bnl-type-3.full-width .banner.skeleton {
    min-height: 400px;
}

.bnl-type-3.full-width.divider {
    border-bottom: 10px solid #f6f6f9;
    border-top: 10px solid #f6f6f9;
}

.bnr-media:after {
    background: linear-gradient(to bottom, rgba(41, 51, 92, 0) 0%, #29335c 100%) !important;
    opacity: .4;
}

.bnl-type-3 .banner:first-child {
    margin-right: 0 !important;
}

.bnr-type-2 .bnr-desc {
    margin-top: 20px;
}

.bnr-type-7 {
    height: auto;
    border-radius: 5px;
    margin-bottom: 60px;
}

.bnr-type-7 .bnr-media {
    position: relative;
    left: inherit;
    transform: inherit;
}

.bnr-type-7 .bnr-media::after {
    border-radius: 5px;
}

.bnr-type-7 .bnr-media img {
    width: 100%;
    object-fit: initial;
    border-radius: 5px;
}

.bnr-type-7 .bnr-body {
    position: absolute;
    bottom: 5rem;
    left: 20px;
    height: 150px;
    max-height: 100%;
    text-align: left;
    display: block;
}

.bnr-type-7 .bnr-body a {
    width: 100%;
    height: 100%;
}

.bnr-type-7 .bnr-body .bnr-desc {
    font-weight: bold;
    margin-bottom: 12px;
    font-size: 1.2rem;
}

.bnr-type-7 .bnr-body .bnr-title {
    font-size: 1.75rem;
    line-height: 1.75rem;
    font-weight: 500;
}

.bnr-type-7 .bnr-info {
    left: 20px !important;
    text-align: left !important;
}

#main-slider {
    max-height: 740px !important;
    padding-bottom: 0;
}

#main-slider .banner {
    overflow: inherit !important;
}

#main-slider .bnr-body button.btn-ghost {
    display: flex;
    margin: 0;
    padding: 0 15px;
    width: auto;
    height: 34px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 10px !important;
}

#main-slider .bnr-body .bnr-button:not(.bnr-dropdown-button) a {
    color: #FA5373;
    background-color: #FFFFFF;
}

#main-slider .bnr-body .banner-two-buttons {
    display: flex;
    align-items: center;
}

#main-slider .bnr-body .banner-two-buttons a {
    display: flex;
    margin: 0;
    padding: 0 15px;
    width: auto;
    height: 34px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 5px;
}

#main-slider .bnr-body .banner-two-buttons a:nth-child(n+2) {
    margin-left: 10px;
}

#main-slider .bnr-body .banner-two-buttons .swiper-slide {}

#main-slider .bnr-body .banner-two-buttons .swiper-slide:nth-child(n + 2) {
    margin-left: 10px;
}

#main-slider .bnr-body .bnr-dropdown {
    display: flex;
    position: relative;
}

#main-slider .bnr-body .bnr-dropdown-button {
    display: flex;
    justify-content: space-between;
    padding: 0 11px 0 20px;
    width: 150px;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    background-color: rgba(41, 51, 92, 0.35);
    border: 1px solid #FFFFFF;
    border-radius: 50px;
}

#main-slider .bnr-body .bnr-dropdown-button:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url('../_ui/responsive/theme-penti/images/circle-plus.svg') no-repeat;
}

#main-slider .bnr-body .bnr-dropdown-button.open:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url('../_ui/responsive/theme-penti/images/circle-minus.svg') no-repeat;
}

#main-slider .bnr-body .bnr-dropdown-list {
    display: none;
    position: absolute;
    flex-direction: column;
    margin-top: 62px;
    width: 100%;
    background-color: transparent;
    z-index: 99;
}

#main-slider .bnr-body .bnr-dropdown-list a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: 4px;
    height: 42px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    background-color: #FA5373;
    border: 1px solid #FA5373;
    border-radius: 50px;
}

#main-slider .bnr-body .bnr-dropdown-list.active {
    display: flex;
}

#main-slider .svg-slider-prev-arrow,
#main-slider .svg-slider-next-arrow {
    background: #ffffff url('../_ui/responsive/theme-penti/images/braguide/arrow-right.svg') center no-repeat;
    border-radius: 50%;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

#main-slider .svg-slider-prev-arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

#main-slider .mobile-custom-pagination {
    display: none;
}

#main-slider-pagination {
    position: absolute;
    display: flex !important;
    align-items: center;
    justify-content: center;
    right: 0;
    margin: 10px 10px 0 0;
    padding: 0 10px;
    width: auto !important;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #FFFFFF;
    background-color: rgba(41, 51, 92, 0.3);
    border-radius: 5px;
    z-index: 2;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-35 {
    margin-top: 35px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-45 {
    margin-top: 45px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.display-block {
    display: block !important;
}

.no-overlay .bnr-media::after {
    content: none;
}

.section-bg-1 {
    background: #ececf4;
}

.section-padding {
    padding-top: 40px;
}

@media(max-width:1024px) {
    #main-slider .bnr-body {
        padding: 0;
    }

    #main-slider .bnr-body .bnr-desc,
    #main-slider .bnr-body .bnr-title {
        padding: 0 45px;
    }

    #main-slider .bnr-body .banner-two-buttons.multiple {
        margin-bottom: 30px;
        padding: 0 15px 15px;
        max-width: 100%;
        overflow-x: scroll;
    }

    #main-slider .bnr-body .banner-two-buttons.multiple .bnr-button {
        flex-shrink: 0;
    }

    .banner-list {
        margin: 0;
    }

    .banner-list.bnl-type-2 {
        grid-template-columns: repeat(6, 58%);
        gap: 10px;
        margin: 40px 0 !important;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .banner-list.bnl-type-2 .bnr-type-7 {
        height: auto;
        border-radius: 5px;
        margin-bottom: 0;
    }

    .banner-list.bnl-type-2 .bnr-type-7 .bnr-body .bnr-desc {
        margin-bottom: 5px !important;
        font-size: .8rem !important;
    }

    .banner-list.bnl-type-2 .bnr-type-7 .bnr-body .bnr-title {
        font-size: 1rem !important;
        line-height: 1rem !important;
        font-weight: 500 !important;
    }

    .banner-list.bnl-type-2 .bnr-type-7 .bnr-info {
        left: 20px !important;
        text-align: left !important;
    }

    .banner-list .banner-title {
        top: -75px;
    }

    .banner-list+.banner-list {
        margin-top: 20px;
    }

    .banner-list .bnr-type-7 {
        margin-bottom: 20px;
    }

    .banner-list .banner .bnr-hdr-0 .bnr-title,
    .banner-list .banner .bnr-hdr-1 .bnr-title,
    .banner-list .banner .bnr-hdr-2 .bnr-title {
        font-size: 2.25rem;
    }

    .bnl-type-3.full-width {
        margin-top: 20px !important;
        margin-left: -12px;
        width: calc(100% + 24px);
        width: -moz-calc(100% + 24px);
        width: -webkit-calc(100% + 24px);
        width: -o-calc(100% + 24px);
    }

    .bnl-type-3.full-width .banner {
        margin: 40px 0;
    }

    .bnl-type-3.full-width.divider {
        border-bottom: 10px solid #f6f6f9;
        border-top: 10px solid #f6f6f9;
    }

    .section-padding {
        padding-bottom: 40px;
    }
}

.banner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: transparent;
    pointer-events: none;
    z-index: 0;
}

.banner-overlay.active {
    pointer-events: all;
}

.app-download-page {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.app-download-page .app-download-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #FAF0F4;
}

.app-download-page .app-download-container .app-download-header {
    display: flex;
    max-width: 1600px;
}

.app-download-page .app-download-container .app-download-header .app-download-header-left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 50%;
}

.app-download-page .app-download-container .app-download-header .app-download-header-left .app-download-header-left-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.app-download-page .app-download-container .app-download-header .app-download-header-left .app-download-header-left-container .app-download-header-left-content {
    display: block;
    color: #29335C;
}

.app-download-page .app-download-container .app-download-header .app-download-header-left .app-download-header-left-container .app-download-header-left-content h2 {
    font-size: 24px;
    font-weight: 500;
}

.app-download-page .app-download-container .app-download-header .app-download-header-left .app-download-header-left-container .app-download-header-left-content h1 {
    line-height: 1.23;
    font-size: 46px;
    font-weight: bold;
}

.app-download-page .app-download-container .app-download-header .app-download-header-left .app-download-header-left-container .row {
    margin-top: 40px;
}

.app-download-page .app-download-container .app-download-header .app-download-header-left .app-download-header-left-container .col {
    margin-top: 25px;
    width: 179px;
    flex-grow: initial;
}

.app-download-page .app-download-container .app-download-header .app-download-header-left .app-download-header-left-container .col:not(:first-child) {
    margin-left: 20px;
}

.app-download-page .app-download-container .app-download-header .app-download-header-left .app-download-header-left-container .col svg {
    margin-bottom: 20px;
    width: 179px;
    height: 54px;
}

.app-download-page .app-download-container .app-download-header .app-download-header-right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
}

.app-download-page .app-download-advantages {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
}

.app-download-page .app-download-advantages h3 {
    font-size: 24px;
    font-weight: bold;
}

.app-download-page .app-download-advantages ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    padding: 0;
    list-style-type: none;
}

.app-download-page .app-download-advantages ul li {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0 0 20px 20px;
    padding: 20px 25px;
    width: calc(25% - 20px);
    border: solid 1px #ECECF4;
    border-radius: 10px;
}

.app-download-page .app-download-advantages ul li:nth-child(4n+1) {
    margin: 0 0 20px 0;
}

.app-download-page .app-download-advantages ul li svg {
    width: 40px;
    height: 40px;
}

.app-download-page .app-download-advantages ul li p {
    margin: 10px 0 0;
    font-size: 20px;
    font-weight: 500;
    color: #29335C;
}

.app-download-page .app-download-now-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    width: 100%;
    background-color: #FAF0F4;
}

.app-download-page .app-download-now-container .app-download-now {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 0;
}

.app-download-page .app-download-now-container .app-download-now h3 {
    font-size: 45.4px;
    font-weight: bold;
    color: #D9005E;
}

.app-download-page .app-download-now-container .app-download-now .row {
    flex-direction: column;
}

.app-download-page .app-download-now-container .app-download-now .col {
    margin-top: 20px;
    width: 179px;
    flex-grow: initial;
    display: flex;
    justify-content: center;
}

.app-download-page .app-download-now-container .app-download-now .col a:not(:first-child) {
    margin-left: 20px;
}

.app-download-page .app-download-now-container .app-download-now .col svg {
    margin-bottom: 20px;
    width: 179px;
    height: 54px;
}

@media(max-width:789px) {
    .app-download-page .app-download-container {
        padding: 25px 20px;
    }

    .app-download-page .app-download-container .app-download-header {
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
    }

    .app-download-page .app-download-container .app-download-header .app-download-header-left {
        justify-content: flex-start !important;
        width: 100% !important;
    }

    .app-download-page .app-download-container .app-download-header .app-download-header-left .app-download-header-left-container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start !important;
        width: 100%;
    }

    .app-download-page .app-download-container .app-download-header .app-download-header-left .app-download-header-left-container .app-download-header-left-content {
        display: block;
        width: 100%;
    }

    .app-download-page .app-download-container .app-download-header .app-download-header-left .app-download-header-left-container .app-download-header-left-content h2 {
        margin-bottom: 0;
        width: 100%;
        line-height: 1.67;
        font-size: 18px !important;
    }

    .app-download-page .app-download-container .app-download-header .app-download-header-left .app-download-header-left-container .app-download-header-left-content h1 {
        margin-bottom: 0;
        width: 100%;
        line-height: 1.35 !important;
        font-size: 26px !important;
    }

    .app-download-page .app-download-container .app-download-header .app-download-header-left .app-download-header-left-container .app-download-header-left-content h1 br {
        display: none;
    }

    .app-download-page .app-download-container .app-download-header .app-download-header-left .app-download-header-left-container .row {
        flex-wrap: nowrap !important;
        margin-top: 10px;
    }

    .app-download-page .app-download-container .app-download-header .app-download-header-left .app-download-header-left-container .row .col {
        display: flex;
    }

    .app-download-page .app-download-container .app-download-header .app-download-header-left .app-download-header-left-container .row .col:not(:first-child) {
        margin-left: 0 !important;
    }

    .app-download-page .app-download-container .app-download-header .app-download-header-left .app-download-header-left-container .row .col img {
        display: none;
    }

    .app-download-page .app-download-container .app-download-header .app-download-header-left .app-download-header-left-container .row .col svg {
        margin-bottom: 0 !important;
        width: calc(162px - 15px) !important;
        width: -moz-calc(162px - 15px);
        width: -webkit-calc(162px - 15px);
        width: -o-calc(162px - 15px);
        height: 48px !important;
        margin-right: 15px;
    }

    .app-download-page .app-download-container .app-download-header .app-download-header-right {
        margin-top: 20px;
        width: 100%;
    }

    .app-download-page .app-download-advantages {
        margin-top: 20px !important;
    }

    .app-download-page .app-download-advantages h3 {
        margin-bottom: 0;
        font-size: 18px !important;
    }

    .app-download-page .app-download-advantages ul {
        margin-top: 20px !important;
    }

    .app-download-page .app-download-advantages ul li {
        margin: 0 0 20px 10px !important;
        padding: 10px 15px !important;
        width: calc(50% - 5px);
        box-sizing: border-box;
    }

    .app-download-page .app-download-advantages ul li:nth-child(4n+1) {
        margin: 0 0 20px 0 !important;
    }

    .app-download-page .app-download-advantages ul li:nth-child(n) {
        margin: 0 0 20px 0 !important;
    }

    .app-download-page .app-download-advantages ul li:nth-child(2n) {
        margin: 0 0 20px 10px !important;
    }

    .app-download-page .app-download-advantages ul li svg {
        width: 24px !important;
        height: 24px !important;
    }

    .app-download-page .app-download-advantages ul li p {
        font-size: 13px !important;
        color: #29335C;
    }

    .app-download-page .app-download-now-container {
        margin-top: 20px !important;
    }

    .app-download-page .app-download-now-container .app-download-now {
        padding: 40px 0 !important;
    }

    .app-download-page .app-download-now-container .app-download-now h3 {
        margin-bottom: 0;
        font-size: 26px !important;
    }

    .app-download-page .app-download-now-container .app-download-now .row {
        margin-top: 20px;
    }

    .app-download-page .app-download-now-container .app-download-now .row .col {
        margin-top: 0 !important;
        flex-direction: column;
    }

    .app-download-page .app-download-now-container .app-download-now .row .col a:not(:first-child) {
        margin-left: 0 !important;
        margin-top: 20px;
    }

    .app-download-page .app-download-now-container .app-download-now .row .col svg {
        margin-bottom: 0 !important;
    }
}

#modal-size-chart .size-chart-tab {
    margin: 20px 30px 30px;
}

#modal-size-chart .size-chart-tab .btn-size-chart-tab {
    color: #81819b;
    padding-bottom: 5px;
}

#modal-size-chart .size-chart-tab .btn-size-chart-tab.active {
    color: #d9005e;
    border-bottom: 1px solid #d9005e;
}

#modal-size-chart .size-chart-tab .btn-size-chart-tab:first-child {
    margin-right: 25px;
}

#modal-size-chart .block-1,
#modal-size-chart .block-2 {
    display: none;
}

#modal-size-chart .block-1.active,
#modal-size-chart .block-2.active {
    display: block;
}

#modal-size-chart .block-2 {
    margin: 20px 30px 30px;
}

#modal-size-chart .block-2 div {
    margin-bottom: 25px;
}

#modal-size-chart .block-2 div span {
    margin-right: 20px;
}

.w-50 {
    width: 50%;
}

@media(max-width:1024px) {
    #modal-size-chart .size-chart-tab {
        margin: 30px 20px;
    }

    #modal-size-chart .block-2 {
        margin: 20px;
    }
}

#modal-filters .btn-clear-all {
    border-bottom: 1px solid currentColor;
}

.plp-filtered {
    width: 100%;
    margin-bottom: 30px;
}

.plp-filtered .plp-filtered-flex {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.plp-filtered .plp-filtered-flex div {
    font-weight: bold;
}

.plp-filtered .plp-filtered-flex button {
    color: #81819b;
    border-bottom: 1px solid #81819b;
}

.plp-filtered .custom-toggle label {
    width: 150px;
    margin-bottom: 10px;
}

.filtered-size-color {
    color: #d9005e;
}

.custom-toggle label {
    width: 130px;
    height: 34px;
    background: #ececf4 !important;
    color: #29335c !important;
    position: relative;
    border: none;
    cursor: initial;
}

.custom-toggle label .icon-close {
    position: absolute;
    right: 5px;
    color: #81819b;
    cursor: pointer;
}

.average-rating {
    margin: 0 !important;
    width: 100% !important;
}

.average-rating label {
    padding: 0 !important;
    background: none !important;
    color: initial !important;
    border: none !important;
    height: 100% !important;
}

.price-facet-range-list-area {
    display: flex;
    flex-direction: column;
}

.price-facet-range-list-area .select-myself-area {
    display: flex;
    flex-direction: column;
}

.price-facet-range-list-area .select-price-list-filter-input-box {
    display: flex;
    position: relative;
}

.price-facet-range-list-area .select-price-list-filter-input-box .select-price-list-filter-input {
    cursor: pointer;
    opacity: 0;
    width: 0;
}

.price-facet-range-list-area .select-price-list-filter-input-box .select-input-text {
    font-size: 12px;
    cursor: pointer;
    color: #29335c;
    height: 100%;
    width: 100%;
    padding: 12px 0px 11px 28px;
    text-align: start;
    display: flex;
    align-items: center;
    justify-content: start;
}

.price-facet-range-list-area .select-price-list-filter-input-box .select-input-text::before {
    content: "";
    opacity: 1;
    width: 20px;
    height: 20px;
    border: 1px solid #fa5373;
    border-radius: 50%;
    margin-right: 10px;
}

.price-facet-range-list-area .select-price-list-filter-input-box.checked {
    background-color: #faf0f4;
}

.price-facet-range-list-area .select-price-list-filter-input-box.checked .select-input-text {
    color: #fa5373;
}

.price-facet-range-list-area .select-price-list-filter-input-box.checked::after {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #fa5373;
    border-radius: 50%;
    position: absolute;
    left: 34px;
    top: 18px;
}

.price-facet-range-list-area .enter-price-facet-range-list-area {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 0 16px;
    margin: 16px 0;
}

.price-facet-range-list-area .enter-price-facet-range-list-area.active {
    max-height: 1000px;
}

.price-facet-range-list-area .enter-price-facet-range-list-area .price-box {
    display: flex;
    width: 100%;
}

.price-facet-range-list-area .enter-price-facet-range-list-area .price-box .price-area {
    display: flex;
    position: relative;
    font-size: 11px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.price-facet-range-list-area .enter-price-facet-range-list-area .price-box .price-area input {
    width: 100%;
    color: #81819b;
    background-color: #f6f6f9;
    padding: 16px;
    height: 44px;
    border-radius: 5px;
    border: 1px solid #ececf4;
}

.price-facet-range-list-area .enter-price-facet-range-list-area .price-box .price-area span {
    color: #81819b;
    position: absolute;
    right: 15px;
}

.d-flex-new-price-filter {
    display: flex !important;
}

@media(min-width:1025px) {
    .plp-filtered {
        position: sticky;
        position: -webkit-sticky;
        top: 110px;
        padding: 15px 60px 0 0;
        background-color: #FFF;
        z-index: 5;
    }
}

@media(max-width:1024px) {
    .price-facet-range-list-area .select-price-list-filter-input-box {
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .price-facet-range-list-area .select-price-list-filter-input-box .select-input-text {
        padding: 12px 16px 11px;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .price-facet-range-list-area .select-price-list-filter-input-box .select-input-text::before {
        margin-right: 2px;
    }

    .price-facet-range-list-area .select-price-list-filter-input-box::after {
        left: auto !important;
        right: 24px;
    }
}

* {
    letter-spacing: 0px !important;
}

.personaclick-search-overlay {
    display: none !important;
    visibility: hidden !important;
}

.plp-similar-links {
    padding: 40px 0;
    margin-top: 80px;
    border-top: 10px solid #f6f6f9;
    border-bottom: 10px solid #f6f6f9;
}

.plp-similar-links .area-title {
    color: #29335c;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 16px;
    text-align: left;
}

.plp-similar-links ul {
    gap: 10px;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

.plp-similar-links ul li {
    border-radius: 5px;
    border: solid 1px #ececf4;
    background-color: #fff;
    color: #29335c;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    transition: all .222s linear 0s;
    -webkit-transition: all .222s linear 0s;
    -moz-transition: all .222s linear 0s;
    -o-transition: all .222s linear 0s;
    -ms-transition: all .222s linear 0s;
}

.plp-similar-links ul li:hover {
    border-color: #fa5373;
}

.plp-similar-links ul li:hover a {
    color: #fa5373;
}

.plp-similar-links ul li a {
    display: inline-block;
    padding: 0 10px;
    color: #29335c;
}

.prc.prc-last.discount {
    display: inline-block;
    color: #FA5373;
}

.pdp-sale {
    display: inline-block;
    margin-left: 5px;
    padding: 0 4px;
    height: 22px;
    color: #FFF;
    background-color: #FA5373;
}

.pdp-sale span {
    margin-right: -2px;
}

.global-divider {
    width: 100%;
    margin: 20px 0;
    border-top: 1px solid rgba(129, 129, 155, 0.2);
}

.field-error-msg {
    color: #ff0000;
}

.flex-column {
    flex-direction: column !important;
}

.object-fit-cover {
    object-fit: cover;
}

.flex-center {
    align-items: center;
    justify-content: center;
}

.desktop-hidden-flex {
    display: none;
}

.mobile-hidden-flex {
    display: flex;
}

.btn-white {
    color: #FA5373;
    background-color: #FFFFFF;
    border-color: #FA5373;
}

.btn-white:hover {
    color: #FA5373;
    background-color: #FFFFFF;
    border-color: #FA5373;
}

.color-text-pink {
    color: #FA5373 !important;
}

#chat-box-icon {
    display: none !important;
}

.max-width-1240 {
    margin: 0 auto;
    max-width: 1240px;
    display: block;
    width: 100%;
}

.max-width-1366 {
    margin: 0 auto;
    max-width: 1366px;
    display: block;
    width: 100%;
}

.max-width-1480 {
    margin: 0 auto;
    max-width: 1480px;
    display: block;
    width: 100%;
}

.max-width-1600 {
    margin: 0 auto;
    max-width: 1600px;
    display: block;
    width: 100%;
}

@media(min-width:1025px) {

    .section-psw,
    .section-fsw,
    .banner-list {
        margin-top: 120px;
    }

    .row.section-sfi {
        margin-top: 80px;
    }

    .section-psw {
        margin-top: 0;
    }

    .new-design-layout {
        width: -moz-calc(100% - 100px);
        width: -webkit-calc(100% - 100px);
        width: -o-calc(100% - 100px);
        width: calc(100% - 100px);
        margin: 0 50px;
    }
}

.penti-app-area {
    width: -moz-calc(100% + 200px);
    width: -webkit-calc(100% + 200px);
    width: -o-calc(100% + 200px);
    width: calc(100% + 200px);
    margin-left: -100px;
    background-color: #fa5373;
    display: flex;
    justify-content: center;
    margin-top: 80px;
}

.penti-app-area picture img {
    width: auto;
    height: 100%;
}

.penti-app-area .content-area {
    max-width: 1240px;
    margin: 0 auto;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    gap: 25px;
    align-items: center;
}

.penti-app-area .content-area .qr-code {
    display: flex;
}

.penti-app-area .content-area .app-text {
    display: flex;
    flex-direction: column;
}

.penti-app-area .content-area .app-text .head {
    font-size: 54px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin-bottom: 10px;
}

.penti-app-area .content-area .app-text .subtext {
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}

.penti-app-area .content-area .app-text .subtext span {
    font-size: 34px;
}

.penti-app-area .content-area .download-app {
    width: 100%;
    background: #fff;
    color: #fa5373;
    border-radius: 5px;
    text-decoration: none;
    fons-size: 12px;
    display: none;
    line-height: 36px;
    text-align: center;
    letter-spacing: .2px;
}

#newoverlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: rgba(41, 51, 92, 0.5);
    animation: show .2s ease;
}

.mnp-ready #newoverlay {
    z-index: 6;
    display: block;
}

.sport-bra-table {
    display: none;
}

.sport-bra-table.active {
    display: flex;
}

.sport-bra-table__content {
    position: fixed;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 10;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.sport-bra-table__content__image {
    width: 545px;
    border: solid 1px #fff;
}

.sport-bra-table__content .close-table-button {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -15px;
    top: -15px;
    width: 36px;
    height: 36px;
    padding: 5px;
    background-color: #fff;
    border-radius: 50%;
}

@media(max-width:1401px) {
    .penti-app-area {
        width: -moz-calc(100% + 150px) !important;
        width: -webkit-calc(100% + 150px) !important;
        width: -o-calc(100% + 150px) !important;
        width: calc(100% + 150x) !important;
        margin-left: -75px !important;
        margin-top: 40px;
    }
}

@media(max-width:1024px) {

    .section-psw,
    .section-fsw,
    .banner-list {
        margin-top: 80px !important;
    }

    .row.section-sfi {
        margin-top: 60px !important;
    }

    .desktop-hidden-flex {
        display: flex;
    }

    .mobile-hidden-flex {
        display: none;
    }

    .section-psw {
        margin-top: 0;
    }

    .new-design-layout {
        width: -moz-calc(100% - 24px);
        width: -webkit-calc(100% - 24px);
        width: -o-calc(100% - 24px);
        width: calc(100% - 24px);
        margin: 0 12px;
    }

    .penti-app-area {
        width: -moz-calc(100% + 100px) !important;
        width: -webkit-calc(100% + 100px) !important;
        width: -o-calc(100% + 100px) !important;
        width: calc(100% + 100x) !important;
        margin-left: -50px !important;
        margin-top: 40px;
    }

    .penti-app-area picture img {
        width: 100%;
        height: auto;
    }

    .penti-app-area .content-area .qr-code {
        display: none !important;
    }

    .penti-app-area .content-area .app-text {
        display: flex;
        flex-direction: column;
    }

    .penti-app-area .content-area .app-text .head {
        margin-bottom: 15px;
        font-size: 44px;
    }

    .penti-app-area .content-area .app-text .subtext {
        margin-bottom: 15px;
        font-size: 22px;
    }

    .penti-app-area .content-area .download-app {
        display: inline-block !important;
    }

    .section-psw {
        margin-top: 0 !important;
    }

    .sport-bra-table__content {
        width: calc(100% - 64px);
    }
}

.cmp-item-container {
    display: flex;
    margin: 20px 0;
}

.cmp-item-container img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.cmp-item-container .cmp-item-info {
    margin-left: 40px;
    width: 100%;
}

.cmp-item-container .cmp-item-info .item-line-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cmp-item-container .cmp-item-info .item-line-center button {
    text-align: center;
    font-size: 12px;
}

.cmp-item-container .cmp-item-info .item-line-center button img {
    width: 24px;
}

.cmp-item-container .cmp-item-info .item-title {
    margin-top: 5px;
    font-size: 24px;
    font-weight: bold;
}

.cmp-item-container .cmp-item-info .item-info {
    margin-top: 5px;
    font-size: 12px;
    font-weight: 500;
    color: #81819b;
}

.cmp-item-container .cmp-item-info .campaign-buttons {
    padding: 0;
    margin-bottom: 40px;
}

.cmp-item-container .cmp-item-info .campaign-buttons .btn-goto-campaign {
    width: 190px;
    height: 42px;
    margin-left: 0;
}

.cmp-item-container .cmp-item-info .item-desc-title {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
}

.pink {
    color: #fa5373;
}

.cmp-item-page-title {
    font-size: 24px;
    font-weight: 500;
    color: #29335c;
}

.back-campaigns {
    display: flex;
}

.ml-15 {
    margin-left: 15px;
}

@media(max-width:1024px) {
    .back-campaigns {
        padding: 0 20px;
    }

    .cmp-item-container {
        flex-direction: column;
    }

    .cmp-item-container .cmp-item-info {
        margin-left: 0;
        padding: 0 20px;
        margin-top: 20px;
    }

    .cmp-item-container .cmp-item-info .campaign-buttons {
        width: 100%;
    }
}

.psw-header .psw-title {
    font-weight: bold;
}

.product-carousel-swiper {
    padding: inherit !important;
}

.product-carousel-swiper .prd .prd-media {
    position: relative;
}

.penti-main-product-carousel-container {
    position: relative;
}

.penti-main-product-carousel-container .penti-home-product-swiper-header {
    margin: 20px 0;
    display: flex;
    justify-content: space-between;
}

.penti-main-product-carousel-container .penti-home-product-swiper-header .psw-title {
    font-family: Work Sans;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: normal;
    color: #29335c;
}

.penti-main-product-carousel-container .penti-home-product-swiper-header .psw-cta {
    font-family: Work Sans;
    font-size: 12px;
    color: #fa5373;
    margin-right: 18px;
}

.penti-main-product-carousel-container .penti-home-product-swiper-header .psw-cta a {
    text-decoration: none !important;
}

.penti-main-product-carousel-container .penti-home-product-swiper-header .psw-cta a:before,
.penti-main-product-carousel-container .penti-home-product-swiper-header .psw-cta a:after {
    border: none !important;
}

.penti-main-product-carousel-container .swiper-button-next-carousel-product,
.penti-main-product-carousel-container .swiper-button-prev-carousel-product {
    border-radius: 50%;
    box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.1);
    width: 36px;
    height: 36px;
    top: calc(50% - 4rem);
}

.penti-main-product-carousel-container .swiper-button-next-carousel-product {
    background: #ffffff url("../_ui/responsive/theme-penti/images/braguide/arrow-right.svg") center no-repeat;
    transform: rotate(0deg);
    right: 0px;
}

.penti-main-product-carousel-container .swiper-button-prev-carousel-product {
    background: #ffffff url("../_ui/responsive/theme-penti/images/braguide/arrow-right.svg") center no-repeat;
    transform: rotate(180deg);
    left: 0px;
}

.penti-main-product-carousel-container hr.product-swiper-divider {
    width: -moz-calc(100% + 100px);
    width: -webkit-calc(100% + 100px);
    width: -o-calc(100% + 100px);
    width: calc(100% + 100px);
    margin: 80px 0 80px -50px;
    background-color: #f6f6f9;
    height: 10px;
    border: none;
}

.penti-main-product-carousel-container .penti-home-product-swiper {
    padding: 0 18px;
}

.penti-main-product-carousel-container .penti-home-product-swiper .swiper-slide {
    min-width: 180px;
    max-width: 420px;
}

.penti-main-product-carousel-container .penti-home-product-swiper .prd {
    max-width: inherit !important;
}

.penti-main-product-carousel-container .penti-home-product-swiper .prd .fav-container .prd-fav {
    background: url('/_ui/responsive/theme-penti/images/new-wishlist-icon.svg') no-repeat center rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    right: 10px;
    left: inherit;
    visibility: hidden;
}

.penti-main-product-carousel-container .penti-home-product-swiper .prd .fav-container .prd-fav[data-is-add="true"] {
    background: url('/_ui/responsive/theme-penti/images/new-wishlist-added-icon.svg') no-repeat center rgba(255, 255, 255, 0.5);
}

.penti-main-product-carousel-container .penti-home-product-swiper .prd .prd-block1 {
    display: inline;
    position: unset;
}

.penti-main-product-carousel-container .penti-home-product-swiper .prd .prd-block1 .js-add-cart-btn-carousel {
    position: absolute;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 80px;
    right: 10px;
    width: auto;
    gap: 2px;
    height: auto;
    border: none;
    background: #fff;
    color: #fa5373;
    border-radius: 5px;
    padding: 2px 4px;
    font-size: 11px;
    line-height: normal;
}

.penti-main-product-carousel-container .penti-home-product-swiper .prd .prd-block1 .js-add-cart-btn-carousel:before {
    content: '';
    width: 20px;
    height: 20px;
    background: url("/_ui/responsive/theme-penti/images/new-basket-icon.svg") no-repeat center;
    scale: 0.8;
}

.penti-main-product-carousel-container .penti-home-product-swiper .prd .prd-block1 .js-add-cart-btn-carousel.added-to-cart:after {
    content: '';
    width: 20px;
    height: 20px;
    background: url("/_ui/responsive/theme-penti/images/check-plp-icon.svg") no-repeat center;
}

.penti-main-product-carousel-container .penti-home-product-swiper .prd .prd-block1 .js-add-cart-btn-carousel.added-to-cart span {
    display: none;
}

.penti-main-product-carousel-container .penti-home-product-swiper .prd .prd-media {
    max-height: inherit !important;
}

.penti-main-product-carousel-container .penti-home-product-swiper .prd .prd-media img {
    border-radius: 5px;
}

.penti-main-product-carousel-container .penti-home-product-swiper .prd .prd-media img:hover {
    border-radius: 5px;
}

.penti-main-product-carousel-container .penti-home-product-swiper .prd .prd-block2 {
    padding: 0 !important;
    margin-top: 10px;
}

.penti-main-product-carousel-container .penti-home-product-swiper .prd .prd-block2 .prd-title {
    font-family: Work Sans;
    font-size: 11px;
    text-align: left;
    color: #81819b;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2rem;
}

.penti-main-product-carousel-container .penti-home-product-swiper .prd .prd-block2 .prd-price .prc-first {
    margin-right: 6px;
    color: #81819b;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
}

.penti-main-product-carousel-container .penti-home-product-swiper .prd .prd-block2 .prd-price .prc-last {
    font-weight: 500 !important;
    display: inline-block !important;
    color: #29335c !important;
    font-size: 12px !important;
}

.penti-main-product-carousel-container .penti-home-product-swiper .prd .prd-block2 .prd-price .prc-last.discount {
    border-radius: 5px !important;
    padding: 2px 7px !important;
    background-color: #faf0f4 !important;
    color: #fa5373 !important;
    font-weight: 500 !important;
    display: inline-block !important;
    font-size: 12px !important;
}

.penti-main-product-carousel-container .penti-home-product-swiper .prd .prd-block2 .prd-price .pdp-sale {
    margin: 0 0 0 5px;
    color: #fa5373;
    font-size: 12px;
    background-color: transparent;
    padding: 0;
    font-weight: normal;
    height: inherit;
}

.penti-main-product-carousel-container .penti-home-product-swiper .prd .prd-footer {
    margin-top: 50px;
}

.penti-main-product-carousel-container .penti-home-product-swiper .prd .prd-footer .prd-cta button {
    width: 100%;
}

.penti-main-product-carousel-container .penti-home-product-swiper .prd:hover .prd-fav {
    visibility: visible;
}

@media(max-width:1024px) {

    .product-carousel-swiper .swiper-button-next-carousel,
    .product-carousel-swiper .swiper-button-prev-carousel {
        display: none !important;
    }

    .penti-main-product-carousel-container .penti-home-product-swiper-header {
        margin: 10px 0;
    }

    .penti-main-product-carousel-container .penti-home-product-swiper-header .psw-title {
        font-size: 14px;
        font-weight: 400;
    }

    .penti-main-product-carousel-container .penti-home-product-swiper-header .psw-cta {
        font-size: 11px;
        margin-right: 0;
    }

    .penti-main-product-carousel-container .penti-home-product-swiper-header .psw-cta a {
        font-size: 11px !important;
        text-decoration: none !important;
    }

    .penti-main-product-carousel-container .penti-home-product-swiper-header .psw-cta a:before,
    .penti-main-product-carousel-container .penti-home-product-swiper-header .psw-cta a:after {
        border: none !important;
    }

    .penti-main-product-carousel-container .penti-home-product-swiper {
        padding-left: 0 !important;
    }

    .penti-main-product-carousel-container .penti-home-product-swiper .swiper-slide {
        width: 128px;
        min-width: inherit;
        max-width: inherit;
    }

    .penti-main-product-carousel-container .penti-home-product-swiper .prd .fav-container .prd-fav {
        visibility: visible !important;
    }

    .penti-main-product-carousel-container .penti-home-product-swiper .prd .prd-block2 {
        padding: 0 !important;
        margin-top: 10px;
    }

    .penti-main-product-carousel-container .penti-home-product-swiper .prd .prd-block2 .prd-title {
        font-family: WorkSans;
        font-size: 11px;
        text-align: left;
        color: #81819b;
        line-height: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        height: inherit !important;
    }

    .penti-main-product-carousel-container .penti-home-product-swiper .prd .prd-block2 .prd-price .prc-last {
        font-weight: 500 !important;
        display: inline-block !important;
        color: #29335c !important;
        font-size: 12px !important;
    }

    hr.product-swiper-divider {
        width: -moz-calc(100% + 24px) !important;
        width: -webkit-calc(100% + 24px) !important;
        width: -o-calc(100% + 24px) !important;
        width: calc(100% + 24px) !important;
        margin: 40px 0 40px -12px !important;
    }

    .swiper-button-next-carousel-product,
    .swiper-button-prev-carousel-product {
        display: none !important;
        visibility: hidden !important;
    }
}

.page-orderCancel .success-cancel-title {
    font-size: 20px;
    font-weight: 500;
    color: #29335c;
}

.page-orderCancel .mor-result {
    max-width: 100%;
}

.page-orderCancel .member-block .mod {
    margin-bottom: 30px;
}

.page-orderCancel .mod-products {
    margin: 30px 0;
    border-top: none;
}

.page-orderCancel .mod-products .mod-prd:first-child {
    padding-top: 0;
}

.page-orderCancel .mod-products .mod-prd {
    border-top: none;
    border-bottom: 1px solid rgba(129, 129, 155, 0.2);
    padding-bottom: 30px;
    margin: 0;
}

.page-orderCancel .cancel-title {
    font-weight: bold;
}

.page-orderCancel .cancel-reasons {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    font-size: 14px;
}

.page-orderCancel .cancel-reasons .input {
    margin-bottom: 20px;
}

.page-orderCancel .btn.btn-secondary {
    max-width: 335px;
    width: 100%;
}

@media(max-width:1024px) {
    .page-orderCancel .member-header {
        position: initial;
        padding: 0;
        border: navajowhite;
        height: auto;
        background: none;
        margin: 20px 0;
    }
}

.page-sustunability img {
    width: 100%;
    height: auto;
}

.page-sustunability .link-inline {
    display: initial;
}

.page-sustunability .sustunability-main-bnr {
    position: relative;
    width: 100%;
    height: calc(100vh - 118px);
    height: -moz-calc(100vh - 118px);
    height: -webkit-calc(100vh - 118px);
    height: -o-calc(100vh - 118px);
}

.page-sustunability .sustunability-main-bnr picture {
    height: 100%;
}

.page-sustunability .sustunability-main-bnr picture img {
    height: 100%;
}

.page-sustunability .sustunability-main-bnr .sustunability-bnr-body {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    height: auto;
    color: #fff;
    font-weight: 900;
    text-align: center;
}

.page-sustunability .sustunability-main-bnr .sustunability-bnr-body .bnr-title {
    margin: 0 auto 80px auto;
    width: 50%;
    font-size: 52px;
}

.page-sustunability .sustunability-main-bnr .sustunability-bnr-body .bnr-desc {
    margin: auto;
    width: 75%;
    font-size: 38px;
}

.page-sustunability .sustunability-main-bnr .sustunability-bnr-info {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
    color: #ffffff;
    bottom: 25px;
    text-align: center;
    animation: arrowDownAnimate 2s infinite ease-in-out;
}

.page-sustunability .sustunability-main-bnr .sustunability-bnr-info img {
    width: auto;
    cursor: pointer;
}

@keyframes arrowDownAnimate {
    0% {
        bottom: 25px;
    }

    50% {
        bottom: 35px;
    }

    100% {
        bottom: 25px;
    }
}

.page-sustunability .sustunability-story-bnr {
    display: flex;
    width: 100%;
    margin-bottom: 100px;
}

.page-sustunability .sustunability-story-bnr .sustunability-story-item {
    width: 100%;
    position: relative;
}

.page-sustunability .sustunability-story-bnr .sustunability-story-item .story-title {
    font-size: 48px;
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 1;
}

.page-sustunability .sustunability-story-bnr .sustunability-story-item .story-right-arrow {
    position: absolute;
    right: 20px;
    bottom: 20px;
    font-size: 32px;
    font-weight: 900;
    z-index: 1;
}

.page-sustunability .sustunability-title {
    font-size: 58px;
    font-weight: 900;
    width: 100%;
    text-align: center;
    color: #fa5373;
    margin-bottom: 100px;
}

.page-sustunability .sustunability-detail {
    width: 100%;
    display: flex;
    gap: 10px;
    margin-bottom: 100px;
}

.page-sustunability .sustunability-detail .sustunability-detail-item {
    width: 25%;
    background: #faf0f4;
    padding: 40px 30px;
    height: fit-content;
}

.page-sustunability .sustunability-detail .sustunability-detail-item .detail-item-title {
    font-size: 38px;
    font-weight: 900;
    margin-bottom: 10px;
    color: #fa5373;
}

.page-sustunability .sustunability-detail .sustunability-detail-item .detail-list {
    margin: 0;
    padding-left: 10px;
    line-height: 2.22;
    font-size: 18px;
}

.page-sustunability .sustunability-detail .sustunability-detail-item .detail-item-img {
    height: 125px;
}

.page-sustunability .sustunability-detail .sustunability-detail-item .detail-item-img img {
    width: auto;
    height: initial;
}

.page-sustunability .sustunability-bnr {
    position: relative;
    width: 100%;
}

.page-sustunability .sustunability-bnr .sustunability-bnr-body {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.page-sustunability .sustunability-bnr .sustunability-bnr-body .bnr-title {
    font-size: 58px;
    font-weight: 900;
    margin-bottom: 50px;
}

.page-sustunability .sustunability-bnr .sustunability-bnr-body .sustunability-bnr-btn {
    border: 4px solid #fff;
    font-size: 24px;
    font-weight: 800;
    width: 225px;
    height: 52px;
}

.page-sustunability .sustunability-paragraph {
    width: 100%;
    line-height: 1.96;
    font-size: 28px;
    font-weight: 500;
    margin: 100px 0;
    text-align: center;
}

.page-sustunability .sustunability-paragraph p:first-child {
    color: #29335c;
    margin-bottom: 40px;
}

.page-sustunability .sustunability-paragraph p:last-child {
    color: #81819b;
    font-style: italic;
}

.page-sustunability .sustunability-team-bnr {
    display: flex;
    width: 100%;
    font-size: 19px;
    font-weight: 900;
    line-height: 1.95;
    color: #fff;
}

.page-sustunability .sustunability-team-bnr .sustunability-team-bnr-item {
    width: 100%;
    background: #fa5373;
    padding: 60px;
}

.page-sustunability .sustunability-team-bnr .sustunability-team-bnr-item p {
    margin-top: 20px;
}

.page-sustunability .sustunability-team-bnr .sustunability-team-bnr-item:nth-child(2) {
    background: #ed5172;
}

.page-sustunability .sustunability-team-bnr .sustunability-team-bnr-item-img {
    width: 60%;
}

.page-sustunability .sustunability-team-bnr .sustunability-team-bnr-item-wrap {
    width: 40%;
    display: flex;
    flex-direction: column;
}

.page-sustunability .sustunability-team-bnr .sustunability-team-bnr-item-wrap div:first-child {
    padding: 60px;
    background: #54c0ea;
    height: 100%;
}

.page-sustunability .sustunability-team-bnr .sustunability-team-bnr-item-wrap div:last-child {
    padding: 60px;
    background: #9dd8ac;
    height: 100%;
}

.page-sustunability .sustunability-report-bnr {
    width: 100%;
    margin: auto;
    text-align: center;
    margin-top: 100px;
}

.page-sustunability .sustunability-report-bnr img {
    width: auto;
}

.page-sustunability .sustunability-report-bnr .sustunability-report-title {
    font-family: GTAlpina !important;
    font-size: 48px;
    font-weight: 500;
    font-style: italic;
    margin-bottom: 30px;
    color: #29335c;
}

.page-sustunability .sustunability-report-bnr .sustunability-report-desc {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 60px;
    color: #81819b;
}

.page-sustunability .sustunability-report-bnr .sustunability-report-btn button {
    width: 320px;
    height: 64px;
    font-size: 24px;
    font-weight: 800;
}

.page-sustunability .sustunability-report-bnr .sustunability-report-btn button:last-child {
    margin-left: 30px;
}

.page-sustunabilityInfo .sustunability-page-title,
.page-sustunabilityPassion .sustunability-page-title,
.page-sustunabilityRespect .sustunability-page-title,
.page-sustunabilityCare .sustunability-page-title {
    color: #fa5373;
    font-size: 58px;
    font-weight: 900;
    margin-bottom: 30px;
    width: 100%;
    padding: 0;
}

.page-sustunabilityInfo .sustunability-page-subtitle,
.page-sustunabilityPassion .sustunability-page-subtitle,
.page-sustunabilityRespect .sustunability-page-subtitle,
.page-sustunabilityCare .sustunability-page-subtitle {
    color: #29335c;
    font-size: 38px;
    font-weight: 900;
    margin-bottom: 30px;
    width: 100%;
}

.page-sustunabilityInfo .sustunability-page-desc,
.page-sustunabilityPassion .sustunability-page-desc,
.page-sustunabilityRespect .sustunability-page-desc,
.page-sustunabilityCare .sustunability-page-desc {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 30px;
    width: 100%;
}

.page-sustunabilityInfo .page-content-title,
.page-sustunabilityPassion .page-content-title,
.page-sustunabilityRespect .page-content-title,
.page-sustunabilityCare .page-content-title {
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 30px;
}

.page-sustunabilityInfo .page-content,
.page-sustunabilityPassion .page-content,
.page-sustunabilityRespect .page-content,
.page-sustunabilityCare .page-content {
    display: flex;
}

.page-sustunabilityInfo .page-content .img-container,
.page-sustunabilityPassion .page-content .img-container,
.page-sustunabilityRespect .page-content .img-container,
.page-sustunabilityCare .page-content .img-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: fit-content;
    gap: 10px;
}

.page-sustunabilityInfo .page-content .img-container.grid-2,
.page-sustunabilityPassion .page-content .img-container.grid-2,
.page-sustunabilityRespect .page-content .img-container.grid-2,
.page-sustunabilityCare .page-content .img-container.grid-2 {
    grid-template-columns: 1fr 1fr;
}

.page-sustunabilityInfo .page-content .page-content-wrap,
.page-sustunabilityPassion .page-content .page-content-wrap,
.page-sustunabilityRespect .page-content .page-content-wrap,
.page-sustunabilityCare .page-content .page-content-wrap {
    margin-left: 30px;
}

.page-sustunabilityInfo .page-content .page-content-wrap .page-content-desc,
.page-sustunabilityPassion .page-content .page-content-wrap .page-content-desc,
.page-sustunabilityRespect .page-content .page-content-wrap .page-content-desc,
.page-sustunabilityCare .page-content .page-content-wrap .page-content-desc {
    margin-top: 30px;
    font-size: 18px;
    font-weight: 500;
    color: #81819b;
}

.page-sustunabilityOurGoals .sustunability-our-goals-title {
    color: #fa5373;
    font-size: 58px;
    font-weight: 900;
    text-align: center;
    width: 100%;
    margin: 60px 0;
}

.page-sustunabilityOurGoals .sustunability-our-goals-bnr {
    display: flex;
    gap: 10px;
}

.page-sustunabilityOurGoals .sustunability-our-goals-bnr .sustunability-our-goals-bnr-item {
    width: 100%;
    background: #ececf4;
    padding: 30px;
}

.page-sustunabilityOurGoals .sustunability-our-goals-bnr .sustunability-our-goals-bnr-item .our-goals-item-img-container {
    height: 100px;
}

.page-sustunabilityOurGoals .sustunability-our-goals-bnr .sustunability-our-goals-bnr-item .our-goals-item-title {
    font-size: 38px;
    font-weight: 900;
    margin: 30px 0;
}

.page-sustunabilityOurGoals .sustunability-our-goals-bnr .sustunability-our-goals-bnr-item .our-goals-item-subtitle {
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 20px;
}

.page-sustunabilityOurGoals .sustunability-our-goals-bnr .sustunability-our-goals-bnr-item .first-ul {
    margin-left: 20px;
    padding: 0;
    font-size: 14px;
    margin-bottom: 30px;
}

.page-sustunabilityOurGoals .sustunability-our-goals-bnr .sustunability-our-goals-bnr-item .our-goals-img-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    margin-bottom: 30px;
    width: fit-content;
}

.page-sustunabilityOurGoals .sustunability-our-goals-bnr .sustunability-our-goals-bnr-item .our-goals-img-container img {
    width: 75px;
    height: 75px;
}

.page-sustunabilityOurGoals .sustunability-our-goals-bnr .sustunability-our-goals-bnr-item .our-goals-img-container.grid-2 {
    grid-template-columns: 1fr 1fr;
}

.page-sustunabilityOurGoals .sustunability-our-goals-bnr .sustunability-our-goals-bnr-item .our-goals-item-desc {
    font-size: 14px;
    margin-bottom: 20px;
}

.page-sustunabilityOurGoals .sustunability-our-goals-bnr .sustunability-our-goals-bnr-item .our-goals-item-desc.bold {
    font-weight: 800;
}

.page-sustunabilityOurGoals .sustunability-our-goals-bnr .sustunability-our-goals-bnr-item ul:last-child {
    list-style: decimal;
    font-size: 14px;
    margin-left: 20px;
    padding: 0;
}

.page-sustunabilityOurGoals .sustunability-our-goals-bnr .sustunability-our-goals-bnr-item ul:last-child li {
    margin-bottom: 15px;
}

.page-sustunabilityOurGoals .sustunability-our-goals-bnr .sustunability-our-goals-bnr-item ul:last-child li:last-child {
    margin-bottom: 0;
}

.page-sustunabilityOurAwards .sustunability-our-awards-title {
    font-size: 58px;
    color: #fa5373;
    font-weight: 900;
    margin: 60px 0;
    padding: 0;
}

.page-sustunabilityOurAwards .sustunability-our-awards-subtitle {
    font-size: 38px;
    color: #fa5373;
    font-weight: 900;
    margin-bottom: 20px;
}

.page-sustunabilityOurAwards .sustunability-our-awards-desc {
    font-size: 22px;
    font-weight: 900;
    color: #fa5373;
    margin-bottom: 20px;
}

.page-sustunabilityOurAwards .date-col {
    display: flex;
    margin-bottom: 40px;
}

.page-sustunabilityOurAwards .date-col .left-col {
    background: #faf0f4;
    width: 11px;
    margin-top: 25px;
    border-radius: 50px;
}

.page-sustunabilityOurAwards .date-col .right-col {
    width: 100%;
    margin-left: 20px;
}

.page-sustunabilityOurAwards .date-col .right-col .right-col-item {
    position: relative;
}

.page-sustunabilityOurAwards .date-col .right-col .right-col-item .rigt-col-date {
    font-size: 38px;
    font-weight: 900;
    position: relative;
}

.page-sustunabilityOurAwards .date-col .right-col .right-col-item .rigt-col-date::after {
    content: '';
    position: absolute;
    top: 25px;
    left: -31px;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background: #fa5373;
    z-index: 3;
}

.page-sustunabilityOurAwards .date-col .right-col .right-col-item .rigt-col-date-title {
    font-weight: bold;
}

.page-sustunabilityOurAwards .date-col .right-col .right-col-item .rigt-col-date-desc {
    margin-bottom: 20px;
}

.page-sustunabilityOurAwards .date-col .right-col .right-col-item:last-child::after {
    content: '';
    left: -31px;
    top: 33px;
    background: #fff;
    width: 11px;
    height: 100%;
    position: absolute;
    z-index: 2;
}

.page-sustunabilityOurAwards .date-col .right-col .right-col-item:last-child::after .rigt-col-date::after {
    z-index: 3;
    top: 25px;
}

.css-zoom {
    overflow: hidden;
}

.css-zoom img {
    transition: all 0.666s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.css-zoom:hover img {
    transform: scale(1.1);
}

@media(max-width:1024px) {
    .page-sustunability .sustunability-main-bnr {
        height: calc(100vh - 150px);
        height: -moz-calc(100vh - 150px);
        height: -webkit-calc(100vh - 150px);
        height: -o-calc(100vh - 150px);
    }

    .page-sustunability .sustunability-main-bnr .sustunability-bnr-body {
        padding: 20px;
    }

    .page-sustunability .sustunability-main-bnr .sustunability-bnr-body .bnr-title {
        width: 100%;
        font-size: 38px;
        margin: 0 auto 40px auto;
    }

    .page-sustunability .sustunability-main-bnr .sustunability-bnr-body .bnr-desc {
        font-size: 22px;
        width: 100%;
    }

    .page-sustunability .sustunability-story-bnr {
        flex-direction: column;
    }

    .page-sustunability .sustunability-detail {
        flex-direction: column;
    }

    .page-sustunability .sustunability-detail .sustunability-detail-item {
        width: 100%;
    }

    .page-sustunability .sustunability-bnr .sustunability-bnr-body .bnr-title {
        font-size: 38px;
    }

    .page-sustunability .sustunability-team-bnr {
        flex-direction: column;
    }

    .page-sustunability .sustunability-team-bnr .sustunability-team-bnr-item {
        padding: 20px;
    }

    .page-sustunability .sustunability-team-bnr .sustunability-team-bnr-item-img {
        width: 100%;
    }

    .page-sustunability .sustunability-team-bnr .sustunability-team-bnr-item-wrap {
        width: 100%;
    }

    .page-sustunability .sustunability-team-bnr .sustunability-team-bnr-item-wrap div:first-child,
    .page-sustunability .sustunability-team-bnr .sustunability-team-bnr-item-wrap div:last-child {
        padding: 20px;
    }

    .page-sustunability .sustunability-report-bnr .sustunability-report-desc {
        font-size: 18px;
    }

    .page-sustunability .sustunability-report-bnr .sustunability-report-btn {
        display: flex;
        justify-content: space-between;
        padding: 0 20px;
    }

    .page-sustunability .sustunability-report-bnr .sustunability-report-btn button {
        width: calc(100% - 7.5px);
        width: -moz-calc(100% - 7.5px);
        width: -webkit-calc(100% - 7.5px);
        width: -o-calc(100% - 7.5px);
    }

    .page-sustunability .sustunability-report-bnr .sustunability-report-btn button:last-child {
        margin-left: 15px;
    }

    .page-sustunability .sustunability-paragraph {
        font-size: 18px;
    }

    .page-sustunabilityInfo .sustunability-page-title,
    .page-sustunabilityPassion .sustunability-page-title,
    .page-sustunabilityRespect .sustunability-page-title,
    .page-sustunabilityCare .sustunability-page-title {
        font-size: 48px;
    }

    .page-sustunabilityInfo .sustunability-page-subtitle,
    .page-sustunabilityPassion .sustunability-page-subtitle,
    .page-sustunabilityRespect .sustunability-page-subtitle,
    .page-sustunabilityCare .sustunability-page-subtitle {
        font-size: 28px;
    }

    .page-sustunabilityInfo .page-content .page-content-wrap,
    .page-sustunabilityPassion .page-content .page-content-wrap,
    .page-sustunabilityRespect .page-content .page-content-wrap,
    .page-sustunabilityCare .page-content .page-content-wrap {
        margin-left: 0;
    }

    .page-sustunabilityOurGoals .sustunability-our-goals-title {
        font-size: 38px;
        margin: 40px 0;
    }

    .page-sustunabilityOurGoals .sustunability-our-goals-bnr {
        flex-direction: column;
    }

    .page-sustunabilityOurAwards .sustunability-our-awards-title {
        font-size: 38px;
        margin: 40px 0;
        line-height: 1;
    }
}

.msh-body {
    width: 500px;
    padding-left: 0;
    padding-right: 0;
}

.msh-body.step-email .msh-section .msh-header-back {
    display: none !important;
}

.msh-body.step-email .msh-section .msh-header .msh-subtitle-step-password {
    display: none !important;
}

.msh-body.step-email .msh-section .login-password {
    display: none !important;
}

.msh-body.step-email .msh-section .login-forgotten-password {
    display: none !important;
}

.msh-body.step-password .msh-section .msh-header .msh-subtitle-step-email {
    display: none !important;
}

.msh-body.step-password .msh-section .login-email {
    display: none !important;
}

.msh-body.step-password .msh-section .msh-social-login {
    display: none !important;
}

.msh-body .msh-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.msh-body .msh-section .msh-header {
    position: relative;
    flex-direction: column;
    margin: 0;
}

.msh-body .msh-section .msh-header-back {
    position: absolute;
    top: 0;
    left: 0;
}

.msh-body .msh-section .msh-header .msh-title {
    margin-bottom: 0;
    text-align: center;
}

.msh-body .msh-section .msh-header .msh-subtitle {
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #81819B;
}

.msh-body .msh-section .msh-form.form .login-forgotten-password {
    display: block;
    text-align: center;
}

.msh-body .msh-section .msh-form.form .login-forgotten-password a {
    font-weight: 500;
    color: #FA5373;
    border: none;
}

.msh-body .msh-section .msh-social-login {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

.msh-body .msh-section .msh-social-login__header {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: #81819B;
}

.msh-body .msh-section .msh-social-login__body {
    display: flex;
    justify-content: space-around;
    gap: 20px;
    margin-top: 30px;
}

.msh-body .msh-section .msh-social-login__item {
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
    cursor: pointer;
}

.msh-body .msh-section .msh-social-login__item__text {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.msh-body .msh-section .msh-social-login__item .google-login-container {
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 20;
}

.msh-body .msh-section .msh-social-login__item .google-login-container iframe {
    max-width: 108%;
}

.msh-body .msh-section-login-otp {
    gap: 0 !important;
    max-height: inherit;
}

.msh-body .msh-section-login-otp .logo-section {
    margin-bottom: 30px;
}

.msh-body .msh-section-login-otp .msh-section-content {
    padding-bottom: 0 !important;
    padding-top: 16px !important;
    overflow: inherit;
    width: 100%;
}

.msh-body .msh-section-login-otp .msh-section-content .msh-desc {
    margin: 16px 0;
    font-size: 11px;
    color: #81819b;
    text-align: center;
    padding: 0 16px;
}

.msh-body .msh-section-login-otp .msh-section-content .time-out-form {
    display: none;
    margin-bottom: 30px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.msh-body .msh-section-login-otp .msh-section-content .time-out-form .icon {
    margin: 10px 0;
    height: 44px;
    width: 44px;
}

.msh-body .msh-section-login-otp .msh-section-content .time-out-form .icon .svg-hearth-broken {
    padding: 6px;
    width: 38px;
    height: 38px;
    background: url("../_ui/responsive/theme-penti/images/icons_heart_broken.png") no-repeat center center;
    display: inline-block;
}

.msh-body .msh-section-login-otp .msh-section-content .time-out-form .title {
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
}

.msh-body .msh-section-login-otp .msh-section-content .time-out-form .subtitle {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
}

.msh-body.msh-login .msh-title {
    margin-bottom: 0;
}

#modal-add-edit-address .modal-content .modal-body .warning-message-area {
    display: none;
    flex-direction: column;
    gap: 16px;
    padding: 20px 16px;
    border: 1px solid #fa5373;
    background-color: #faf0f4;
    margin-bottom: 16px;
    border-radius: 5px;
}

#modal-add-edit-address .modal-content .modal-body .warning-message-area .title {
    display: flex;
    align-items: center;
    color: #29335c;
    font-size: 11px;
    font-weight: normal;
    gap: 10px;
}

#modal-add-edit-address .modal-content .modal-body .warning-message-area .title .svg-info {
    width: 20px;
    height: 20px;
    background: url('../_ui/responsive/theme-penti/images/icons_info_circle.svg') no-repeat center center;
}

#modal-add-edit-address .modal-content .modal-body .warning-message-area .description {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
}

.membership-grid-register {
    display: flex;
    align-items: center;
    justify-content: center;
}

.membership-grid-register .accountRegisterPage-page {
    height: auto !important;
}

.membership-grid-register .accountRegisterPage-page .msh-body {
    width: 500px;
}

.membership-grid-register .accountRegisterPage-page .msh-body.msh-complete-membership .msh-section {
    margin-top: 40px;
}

.membership-grid-register .accountRegisterPage-page .msh-body.msh-complete-membership .msh-section .msh-info {
    display: none;
}

.membership-grid-register .accountRegisterPage-page .msh-body.msh-complete-membership .msh-section b {
    font-weight: normal;
}

.membership-grid-register .accountRegisterPage-page .msh-body .msh-header {
    position: relative;
    flex-direction: column;
}

.membership-grid-register .accountRegisterPage-page .msh-body .msh-header-back {
    position: absolute;
    top: 0;
    left: 0;
}

.membership-grid-register .accountRegisterPage-page .msh-body .msh-header .msh-title {
    font-weight: bold;
}

.membership-grid-register .accountRegisterPage-page .msh-body .msh-header .msh-subtitle {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #81819B;
}

.membership-grid-register .accountRegisterPage-page .msh-body .msh-section .msh-form .form-row .complete-membership-phone-registered {
    display: none;
    margin-top: 10px;
}

.membership-grid-register .accountRegisterPage-page .msh-body .msh-section .msh-form .form-row .complete-membership-phone-registered.show {
    display: flex;
}

.membership-grid-register .accountRegisterPage-page .msh-body .msh-section .msh-form .form-row .complete-membership-phone-registered__left {
    display: flex;
    flex: 1;
    font-size: 12px;
    color: #F00;
}

.membership-grid-register .accountRegisterPage-page .msh-body .msh-section .msh-form .form-row .complete-membership-phone-registered__right {
    display: flex;
    flex: 1;
    align-items: flex-end;
    justify-content: flex-end;
}

.membership-grid-register .accountRegisterPage-page .msh-body .msh-section .msh-form .form-row .complete-membership-phone-registered__right a {
    text-decoration: underline;
    font-size: 14px;
    color: #29335C;
}

.membership-grid-register .accountRegisterPage-page .msh-body .msh-section .msh-form .form-row .complete-membership-phone-registered__right a:nth-child(n + 2) {
    margin-left: 10px;
}

.membership-grid-register .accountRegisterPage-page .msh-body .msh-section .msh-form .form-button .btn-white {
    color: #FA5373;
    background-color: #FFFFFF;
    border-color: #FA5373;
}

.membership-grid-login,
.membership-grid-checkout-login {
    align-items: flex-start;
    justify-content: center;
    margin-top: 50px;
    height: auto !important;
}

.membership-grid-login .msh-body,
.membership-grid-checkout-login .msh-body {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
    padding: 0 50px;
}

.membership-grid-login .msh-body .msh-section,
.membership-grid-checkout-login .msh-body .msh-section {
    display: flex;
    flex-direction: column;
    width: 500px;
    padding: 0 50px;
}

.membership-grid-login .msh-body .msh-section:before,
.membership-grid-checkout-login .msh-body .msh-section:before {
    content: "";
    display: none;
}

.membership-grid-login .msh-body .msh-section .msh-title,
.membership-grid-checkout-login .msh-body .msh-section .msh-title {
    font-weight: bold;
}

.membership-grid-login .msh-body .msh-section .js-password-forgotten,
.membership-grid-checkout-login .msh-body .msh-section .js-password-forgotten {
    height: 16px;
    color: #81819B;
    border-bottom: 1px solid #81819B;
}

.membership-grid-login .msh-body .msh-section .js-password-forgotten:after,
.membership-grid-checkout-login .msh-body .msh-section .js-password-forgotten:after {
    content: "";
    display: none;
}

.membership-grid-login .membership-grid-right,
.membership-grid-checkout-login .membership-grid-right {
    display: flex;
    flex-direction: column;
    padding: 0 50px;
}

.membership-grid-login .membership-grid-right__title,
.membership-grid-checkout-login .membership-grid-right__title {
    font-size: 1.25rem;
    font-weight: bold;
}

.membership-grid-login .membership-grid-right__membership-title,
.membership-grid-checkout-login .membership-grid-right__membership-title {
    margin-top: 15px;
}

.membership-grid-login .membership-grid-right__membership-list,
.membership-grid-checkout-login .membership-grid-right__membership-list {
    padding: 0 0 0 14px;
    list-style-type: none;
}

.membership-grid-login .membership-grid-right__membership-list li,
.membership-grid-checkout-login .membership-grid-right__membership-list li {
    position: relative;
    margin: 7px 0;
}

.membership-grid-login .membership-grid-right__membership-list li:before,
.membership-grid-checkout-login .membership-grid-right__membership-list li:before {
    content: "\2022";
    display: block;
    position: absolute;
    left: -14px;
    color: #FA5373;
}

.membership-grid-login .membership-grid-right .btn-register,
.membership-grid-checkout-login .membership-grid-right .btn-register {
    margin-top: 2px;
    color: #FA5373;
    border: 1px solid #FA5373;
}

.membership-grid-login .msh-email-sent,
.membership-grid-checkout-login .msh-email-sent {
    margin: 30px auto;
    padding: 20px 15px;
    width: 100%;
    color: #29335C;
    background-color: rgba(128, 214, 61, 0.2);
    border-radius: 10px;
}

.membership-grid-login .msh-email-sent__title,
.membership-grid-checkout-login .msh-email-sent__title {
    font-weight: bold;
}

.membership-grid-login .msh-email-sent__message,
.membership-grid-checkout-login .msh-email-sent__message {
    margin-top: 20px;
    font-size: 12px;
}

.membership-grid-checkout-login .membership-grid-right .btn-register {
    margin-top: 8px;
}

.checkout-guest-login {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.checkout-guest-login .msh-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 500px;
}

.checkout-guest-login .msh-section .msh-sep {
    font-size: 14px;
    font-weight: 500;
}

.checkout-guest-login .msh-section .msh-guest-cta {
    width: 100%;
}

.checkout-guest-login .msh-section .msh-guest-cta .msh-button {
    display: flex;
    justify-content: center;
}

.checkout-guest-login .msh-section .msh-guest-cta .msh-button .btn-guest-cta {
    width: 62%;
    color: #81819B;
    border-color: #81819B;
}

.checkout-guest-login .msh-section .msh-guest-form .msh-title {
    font-weight: bold;
}

.checkout-guest-login .msh-section .msh-guest-form .form-button .btn {
    width: 100%;
}

.membership-grid-forgotten-pwd {
    display: flex;
    align-items: center;
    justify-content: center;
}

.membership-grid-forgotten-pwd #membership-grid {
    margin-top: 50px;
    height: auto !important;
}

.membership-grid-forgotten-pwd #membership-grid .msh-body .msh-header .msh-title {
    font-weight: bold;
}

.membership-grid-forgotten-pwd #membership-grid .msh-section .msh-desc,
.membership-grid-forgotten-pwd #membership-grid .msh-section .msh-radio-container {
    margin-bottom: 20px;
}

.membership-grid-forgotten-pwd #membership-grid .msh-section .msh-desc .input.radio+.input.radio,
.membership-grid-forgotten-pwd #membership-grid .msh-section .msh-radio-container .input.radio+.input.radio {
    margin-left: 20px;
}

.membership-grid-forgotten-pwd #membership-grid .msh-section .msh-fgpass .form-error-msg {
    margin-bottom: 10px;
    margin-top: 10px;
}

.membership-grid-forgotten-pwd #membership-grid .msh-section .tab-1,
.membership-grid-forgotten-pwd #membership-grid .msh-section .tab-2 {
    display: none;
}

.membership-grid-forgotten-pwd #membership-grid .msh-section .tab-1.active,
.membership-grid-forgotten-pwd #membership-grid .msh-section .tab-2.active {
    display: block;
}

.membership-grid-forgotten-pwd #membership-grid .msh-section .form-error-msg {
    margin-bottom: 0;
}

.membership-grid-forgotten-pwd #membership-grid .msh-section .forgotten-password-recaptcha {
    margin-top: 20px;
}

.membership-grid-forgotten-pwd #membership-grid .msh-section .forgotten-password-recaptcha .recaptcha {
    padding: 0;
    border: none;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.membership-grid-forgotten-pwd #membership-grid .msh-section .forgotten-password-recaptcha .form-error-msg {
    margin-top: -15px;
}

.membership-grid-update-pwd {
    align-items: center;
    justify-content: center;
    height: auto !important;
}

.membership-grid-update-pwd .msh-body .msh-header .msh-title {
    font-wieght: bold;
}

.membership-grid-update-pwd-success {
    justify-content: center;
}

.msh-body-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.msh-body-container .msh-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.msh-body-container .msh-body .msh-header {
    width: 100%;
}

.msh-body-container .msh-body .msh-header .msh-title {
    font-weight: bold;
}

.msh-body-container .msh-body .msh-section {
    padding: 40px 0;
    width: 100%;
}

.msh-body-container .msh-body .msh-section .msh-form {
    width: 100%;
}

.msh-create-password {
    margin: 0 auto;
    width: 435px !important;
}

.msh-create-password .msh-title {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
    height: 30px;
}

.msh-create-password .msh-title span {
    margin-left: 10px;
}

.msh-create-password .msh-subtitle {
    margin: 20px 0;
    font-size: 14px;
    font-weight: normal;
    color: #29335C;
}

.msh-create-password .msh-password-rules {
    font-size: 12px;
}

.msh-create-password .form-row.row {
    margin: 0;
}

.msh-create-password .form-row.row:nth-child(n+2) {
    margin-top: 10px;
}

.orderHistory-page .order-detail-button {
    display: flex;
    justify-content: end;
}

@media(max-width:1024px) {
    .msh-body {
        width: 100% !important;
    }

    #membership-grid {
        margin-top: 0 !important;
    }

    #membership-grid .msh-body {
        padding: 0 20px;
    }

    #membership-grid .msh-body .msh-header {
        position: static;
        margin: 20px 0;
        padding: 0;
        height: auto;
        color: #29335C;
        background-color: transparent;
    }

    .membership-grid-login .msh-body,
    .membership-grid-checkout-login .msh-body {
        flex-direction: column;
        padding: 0 20px;
        width: 100%;
        border: none;
    }

    .membership-grid-login .msh-body .msh-section,
    .membership-grid-checkout-login .msh-body .msh-section {
        flex-direction: column;
        padding: 0;
        width: 100%;
    }

    .membership-grid-login .msh-body .msh-section .msh-header,
    .membership-grid-checkout-login .msh-body .msh-section .msh-header {
        position: relative !important;
    }

    .membership-grid-login .msh-body .msh-section .msh-header .msh-title,
    .membership-grid-checkout-login .msh-body .msh-section .msh-header .msh-title {
        margin: 0;
    }

    .membership-grid-login .msh-body .msh-section .form-row.row,
    .membership-grid-checkout-login .msh-body .msh-section .form-row.row {
        margin: 0;
    }

    .membership-grid-login .msh-body .msh-section .login-forgotten-password,
    .membership-grid-checkout-login .msh-body .msh-section .login-forgotten-password {
        margin-top: 20px !important;
    }

    .membership-grid-login .msh-body .msh-section .msh-social-login__item .google-login-container iframe,
    .membership-grid-checkout-login .msh-body .msh-section .msh-social-login__item .google-login-container iframe {
        max-width: 112%;
    }

    .membership-grid-login .membership-grid-right,
    .membership-grid-checkout-login .membership-grid-right {
        position: relative;
        margin: 60px 0 0 0;
        padding: 0;
        width: 100%;
    }

    .membership-grid-login .membership-grid-right:before,
    .membership-grid-checkout-login .membership-grid-right:before {
        content: "";
        display: block;
        position: absolute;
        top: -50px;
        left: -20px;
        width: -webkit-calc(100% + 40px);
        width: -moz-calc(100% + 40px);
        width: -o-calc(100% + 40px);
        width: calc(100% + 40px);
        height: 30px;
        background-color: #ECECF4;
    }

    .membership-grid-login .membership-grid-right .btn-register,
    .membership-grid-checkout-login .membership-grid-right .btn-register {
        margin: 0;
    }

    .membership-grid-login .msh-email-sent,
    .membership-grid-checkout-login .msh-email-sent {
        margin-bottom: 20px;
        width: 100%;
    }

    .membership-grid-checkout-login .membership-grid-right {
        margin: 70px 0 0 0;
    }

    .checkout-guest-login .msh-section {
        padding: 0 20px;
        width: 100%;
    }

    .checkout-guest-login .msh-section .msh-guest-cta .msh-button .btn-guest-cta {
        width: 1000%;
    }

    .membership-grid-update-pwd .msh-body {
        margin: 0;
        padding: 0 20px;
        width: 100%;
    }

    .membership-grid-update-pwd .msh-body .msh-header {
        position: static;
        margin: 20px 0;
        padding: 0;
        height: auto;
        color: #29335C;
        background-color: transparent;
    }

    .msh-body-container .msh-body {
        padding: 0 20px;
        width: 100%;
    }

    .msh-body-container .msh-body .msh-header {
        position: static;
        margin: 20px 0;
        padding: 0;
        height: auto;
        color: #29335C;
        background-color: transparent;
    }
}

.page-collections .penti-link-tabs {
    margin-bottom: 30px;
}

.page-collections .no-collection {
    color: #81819b;
    font-weight: 500;
}

.page-collections .collection-create {
    position: relative;
    margin-top: 40px;
    padding: 0 50px 0 30px;
    width: auto;
}

.page-collections .collection-create:after {
    content: "";
    position: absolute;
    top: 7px;
    right: 20px;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/sprite-bg.svg') 0 57.52351097% no-repeat;
}

.page-collections .mfp-list {
    margin-top: 20px;
}

.page-collections .mfp-list .mfp-list-items .mfp {
    flex-direction: column;
    padding: 20px;
    border: 1px solid rgba(129, 129, 155, 0.2);
    border-radius: 5px;
}

.page-collections .mfp-list .mfp-list-items .mfp .mfp-title {
    font-size: 16px;
    font-weight: bold;
    color: #29335C;
}

.page-collections .mfp-list .mfp-list-items .mfp .mfp-body {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
}

.page-collections .mfp-list .mfp-list-items .mfp .mfp-body .mfp-product-media {
    display: flex;
    flex: 1;
}

.page-collections .mfp-list .mfp-list-items .mfp .mfp-body .mfp-product-media a {
    display: flex;
    width: 58px;
    height: 87px;
    margin-right: 10px;
}

.page-collections .mfp-list .mfp-list-items .mfp .mfp-body .mfp-product-media a img {
    border-radius: 5px;
    background-color: #ECECF4;
}

.page-collections .mfp-list .mfp-list-items .mfp .mfp-body .mfp-product-media span {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    width: 58px;
    height: 87px;
    font-size: 14px;
    font-weight: 500;
    color: #81819B;
    background-color: #ECECF4;
    border-radius: 5px;
}

.page-collections .mfp-list .mfp-list-items .mfp .mfp-body .mfp-controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.page-collections .mfp-list .mfp-list-items .mfp .mfp-body .mfp-controls .mfp-remove {
    top: 10px;
    right: 10px;
}

.page-collections .mfp-list .mfp-list-items .mfp .mfp-body .mfp-controls a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid;
    border-radius: 50px;
}

.page-collections .mfp-list .mfp-list-items .mfp .mfp-body .mfp-controls a:nth-of-type(n+2) {
    margin-left: 10px;
}

.page-collections .mfp-list .mfp-list-items .mfp .mfp-body .mfp-controls a.btn-share-collection {
    position: relative;
    padding: 0 40px 0 30px;
    color: #29335C;
    border-color: rgba(129, 129, 155, 0.2);
}

.page-collections .mfp-list .mfp-list-items .mfp .mfp-body .mfp-controls a.btn-share-collection img {
    margin-right: 8px;
    width: 24px;
    height: 24px;
}

.page-collections .mfp-list .mfp-list-items .mfp .mfp-body .mfp-controls a.btn-goto-collection {
    padding: 0 30px;
    color: #FA5373;
    border-color: #FA5373;
}

.page-collections .mfp-list .mfp-list-items .mfp .mfp-body .mfp-collection-empty {
    font-size: 14px;
    font-weight: 500;
    color: #81819B;
}

.page-collections .mfp-list .mfp-list-items .mfp .mfp-body .mfp-collection-empty a {
    display: block;
    color: #FA5373;
}

@media(max-width:1024px) {
    .page-collections .collection-create {
        margin-top: 20px;
    }

    .page-collections .mfp-list .mfp-list-items .mfp .mfp-body {
        flex-wrap: wrap;
    }

    .page-collections .mfp-list .mfp-list-items .mfp .mfp-body .mfp-controls .btn-share-collection {
        flex: .5;
    }

    .page-collections .mfp-list .mfp-list-items .mfp .mfp-body .mfp-controls .btn-goto-collection {
        flex: 1;
    }
}

.page-productGrid #modal-collectionadd .modal-content .modal-header {
    height: inherit;
    padding: 0;
    text-align: center;
    border-bottom: 1px solid #faf0f4;
}

.page-productGrid #modal-collectionadd .modal-content .modal-header .modal-title {
    font-size: 14px;
    color: #81819b;
    font-weight: normal;
    font-family: 'WORK SANS' !important;
    width: 100%;
    text-align: center;
    padding: 17px 0;
}

.page-productGrid #modal-collectionadd .modal-content .modal-header .modal-header-right {
    position: absolute;
    right: 16px;
    top: 17px;
}

.page-productGrid #modal-collectionadd .modal-content .modal-header .modal-header-right .svg-close {
    padding: 6px;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons_close.svg') no-repeat center center;
}

.page-productGrid #modal-collectionadd .modal-content .modal-body {
    padding: 0 16px 20px 16px;
}

.page-productGrid #modal-collectionadd .modal-content {
    width: inherit;
    border-radius: 0;
}

.page-productGrid #modal-collectionadd .modal-content .modal-body {
    max-height: 95vh;
}

.page-productGrid #modal-collectionadd .modal-content .modal-body .add-new {
    margin: 20px 0;
    border-bottom: 10px solid #f6f6f9;
    padding-bottom: 20px;
}

.page-productGrid #modal-collectionadd .modal-content .modal-body .add-new button {
    border-radius: 5px;
    margin: 0;
    width: 100%;
    border: 1px solid #fa5373;
    background-color: #fff;
    color: #fa5373;
    font-size: 12px;
    font-weight: normal;
}

.page-productGrid #modal-collectionadd .modal-content .modal-body .add-new button:after {
    content: none;
}

.page-productGrid #modal-collectionadd .modal-content .modal-body .add-new .new-area {
    display: flex;
    flex-direction: column;
    gap: 10px;
    display: none;
}

.page-productGrid #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox,
.page-productGrid #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea {
    padding: 0;
}

.page-productGrid #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox label,
.page-productGrid #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea label {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    line-height: 11px;
    top: 16px;
    left: 16px;
    z-index: 1;
    position: absolute;
}

.page-productGrid #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox textarea,
.page-productGrid #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea textarea {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 74px;
}

.page-productGrid #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox .wrp input,
.page-productGrid #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea .wrp input {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
}

.page-productGrid #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox.input-active label,
.page-productGrid #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea.input-active label {
    top: -10px;
    background: #fff;
    padding: 4px;
    color: #fa5373;
}

.page-productGrid #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox.input-active input,
.page-productGrid #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea.input-active input,
.page-productGrid #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox.input-active textarea,
.page-productGrid #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea.input-active textarea {
    border: 1px solid #fa5373;
    background-color: #fff;
}

.page-productGrid #modal-collectionadd .modal-content .modal-body .add-new .new-area .modal-button {
    background-color: #fa5373;
    color: #fff;
}

.page-productGrid #modal-collectionadd .modal-content .modal-body .modal-collection-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.page-productGrid #modal-collectionadd .modal-content .modal-body .modal-collection-list ul {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.page-productGrid #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li {
    margin: 0;
    border: 1px solid #ececf4;
    border-radius: 5px;
    padding: 10px;
}

.page-productGrid #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li .modal-collection-image {
    background-color: #f6f6f9;
}

.page-productGrid #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li .modal-collection-image .no-image {
    filter: brightness(0) saturate(100%) invert(57%) sepia(11%) saturate(568%) hue-rotate(201deg) brightness(87%) contrast(85%);
}

.page-productGrid #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li .modal-collection-name {
    color: #29335c;
    text-transform: capitalize;
    font-size: 11px;
    font-weight: normal;
}

.page-productGrid #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li .modal-collection-choose {
    border: 1px solid #fa5373;
    font-size: 11px;
    color: #fa5373;
    font-weight: normal;
    padding: 8px;
    border-radius: 5px;
    line-height: 11px;
}

.page-productGrid #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li:hover {
    border-color: #fa5373;
}

.page-productGrid #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li:hover .modal-collection-name {
    color: #fa5373;
}

body.page-processing #overlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(41, 51, 92, 0.5);
    opacity: 1;
    animation: show .2s ease;
    z-index: 8;
}

.page-productGrid .hidden,
.page-search .hidden {
    display: none !important;
}

.page-productGrid .plp-footer-new,
.page-search .plp-footer-new {
    padding-left: 0;
}

.page-productGrid .plp-footer-new .pht-holder.seobox,
.page-search .plp-footer-new .pht-holder.seobox {
    color: #81819B;
    margin-top: 40px !important;
}

.page-productGrid .plp-footer-new .pht-holder.seobox .pht-title,
.page-search .plp-footer-new .pht-holder.seobox .pht-title {
    font-weight: 400;
}

.page-productGrid .plp-footer-new .pht-holder.seobox a,
.page-search .plp-footer-new .pht-holder.seobox a {
    font-size: 11px;
    color: #81819B !important;
}

.page-productGrid .plp-footer-new .pht-holder.seobox p,
.page-search .plp-footer-new .pht-holder.seobox p {
    font-size: 12px;
}

.page-productGrid .plp-footer-new .pht-holder.seobox h2,
.page-search .plp-footer-new .pht-holder.seobox h2 {
    font-size: 1rem;
}

.page-productGrid .plp-footer-new .pht-holder.seobox strong,
.page-search .plp-footer-new .pht-holder.seobox strong {
    font-size: 1rem;
    font-weight: 400;
}

.page-productGrid .plp-footer-new .pht-holder.seobox .pht-content,
.page-search .plp-footer-new .pht-holder.seobox .pht-content {
    max-height: 95px;
    font-size: 12px;
    overflow: hidden;
}

.page-productGrid .plp-footer-new .pht-holder.seobox .pht-content.show,
.page-search .plp-footer-new .pht-holder.seobox .pht-content.show {
    max-height: unset;
}

.page-productGrid .plp-footer-new .pht-holder.seobox .pht-content *,
.page-search .plp-footer-new .pht-holder.seobox .pht-content * {
    font-weight: normal;
}

.page-productGrid .plp-footer-new .pht-holder.seobox .seobox-see-more,
.page-search .plp-footer-new .pht-holder.seobox .seobox-see-more {
    font-size: 11px;
    color: #81819B;
    text-decoration: underline;
    cursor: pointer;
}

.page-productGrid .plp-similar-links,
.page-search .plp-similar-links {
    padding: 40px 0;
    margin-top: 40px;
    border-top: 10px solid #f6f6f9;
    border-bottom: 10px solid #f6f6f9;
}

.page-productGrid .plp-similar-links .area-title,
.page-search .plp-similar-links .area-title {
    color: #29335c;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 16px;
    text-align: left;
}

.page-productGrid .plp-similar-links ul,
.page-search .plp-similar-links ul {
    gap: 10px;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

.page-productGrid .plp-similar-links ul li,
.page-search .plp-similar-links ul li {
    border-radius: 5px;
    border: solid 1px #ececf4;
    background-color: #fff;
    color: #29335c;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    transition: all .222s linear 0s;
}

.page-productGrid .plp-similar-links ul li a,
.page-search .plp-similar-links ul li a {
    display: inline-block;
    padding: 0 10px;
    color: #29335c;
}

.page-productGrid .plp-similar-links ul li:hover,
.page-search .plp-similar-links ul li:hover {
    border-color: #fa5373;
}

.page-productGrid .plp-similar-links ul li:hover a,
.page-search .plp-similar-links ul li:hover a {
    color: #fa5373;
}

.page-productGrid .plp .plp-acts,
.page-search .plp .plp-acts {
    font-size: 12px;
    color: #29335c;
}

.page-productGrid .plp .plp-acts button,
.page-search .plp .plp-acts button {
    display: flex;
    align-items: center;
}

.page-productGrid .plp .plp-acts button:hover svg use,
.page-search .plp .plp-acts button:hover svg use,
.page-productGrid .plp .plp-acts button.selected svg use,
.page-search .plp .plp-acts button.selected svg use {
    filter: invert(48%) sepia(44%) saturate(3556%) hue-rotate(318deg) brightness(100%) contrast(97%);
}

.page-productGrid .plp .plp-acts button:hover span,
.page-search .plp .plp-acts button:hover span,
.page-productGrid .plp .plp-acts button.selected span,
.page-search .plp .plp-acts button.selected span {
    color: #fa5373;
}

.page-productGrid .plp .plp-acts button span,
.page-search .plp .plp-acts button span {
    margin-left: 10px;
}

.page-productGrid .plp .plp-acts .plp-share,
.page-search .plp .plp-acts .plp-share {
    padding: 5px 10px;
}

.page-productGrid .plp .plp-acts .plp-actions,
.page-search .plp .plp-acts .plp-actions {
    display: flex;
    align-items: center;
    padding: 5px 10px;
}

.page-productGrid .plp .plp-acts .plp-actions .ul-clear,
.page-search .plp .plp-acts .plp-actions .ul-clear {
    display: flex;
    width: 100%;
}

.page-productGrid .plp .plp-acts .plp-actions.active-query,
.page-search .plp .plp-acts .plp-actions.active-query {
    border-color: #FAF0F4 !important;
    background-color: #FAF0F4;
}

.page-productGrid .plp .plp-acts .plp-actions.active-query svg use,
.page-search .plp .plp-acts .plp-actions.active-query svg use {
    filter: invert(48%) sepia(44%) saturate(3556%) hue-rotate(318deg) brightness(100%) contrast(97%);
}

.page-productGrid .plp .plp-acts .plp-actions.active-query span,
.page-search .plp .plp-acts .plp-actions.active-query span {
    color: #fa5373;
}

.page-productGrid .plp .plp-acts .plp-actions li:first-child,
.page-search .plp .plp-acts .plp-actions li:first-child {
    padding: unset;
}

.page-productGrid .plp .plp-acts .plp-view,
.page-search .plp .plp-acts .plp-view {
    padding: 5px 10px;
}

.page-productGrid .plp .plp-acts .plp-view .btn-single,
.page-search .plp .plp-acts .plp-view .btn-single {
    display: flex !important;
}

.page-productGrid .plp .plp-acts .plp-view .btn-multiple,
.page-search .plp .plp-acts .plp-view .btn-multiple {
    display: none !important;
}

.page-productGrid .plp .plp-acts .plp-view.active .btn-single,
.page-search .plp .plp-acts .plp-view.active .btn-single {
    display: none !important;
}

.page-productGrid .plp .plp-acts .plp-view.active .btn-multiple,
.page-search .plp .plp-acts .plp-view.active .btn-multiple {
    display: flex !important;
}

.page-productGrid .plp .new-plp.collections-menu,
.page-search .plp .new-plp.collections-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 25px 0;
    width: 100%;
}

.page-productGrid .plp .new-plp.collections-menu .btn-share-collection,
.page-search .plp .new-plp.collections-menu .btn-share-collection {
    position: relative;
    padding: 0 40px 0 30px;
    color: #29335C;
    border-color: rgba(129, 129, 155, 0.2);
}

.page-productGrid .plp .new-plp.collections-menu .btn-share-collection img,
.page-search .plp .new-plp.collections-menu .btn-share-collection img {
    margin-right: 8px;
    width: 24px;
    height: 24px;
}

.page-productGrid .plp .plp-panel.new-plp,
.page-search .plp .plp-panel.new-plp {
    position: relative;
    display: block;
}

.page-productGrid .plp .plp-panel.new-plp .filter-overlay,
.page-search .plp .plp-panel.new-plp .filter-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 7;
}

.page-productGrid .plp .plp-panel.new-plp #nouislider .noUi-tooltip,
.page-search .plp .plp-panel.new-plp #nouislider .noUi-tooltip {
    font-weight: normal;
}

.page-productGrid .plp .plp-panel.new-plp .input input[type='checkbox'],
.page-search .plp .plp-panel.new-plp .input input[type='checkbox'],
.page-productGrid .plp .plp-panel.new-plp .input input[type='radio'],
.page-search .plp .plp-panel.new-plp .input input[type='radio'] {
    display: none !important;
}

.page-productGrid .plp .plp-panel.new-plp .input label:after,
.page-search .plp .plp-panel.new-plp .input label:after {
    content: none;
}

.page-productGrid .plp .plp-panel.new-plp .plp-panel-header,
.page-search .plp .plp-panel.new-plp .plp-panel-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.page-productGrid .plp .plp-panel.new-plp .plp-panel-header .plp-title,
.page-search .plp .plp-panel.new-plp .plp-panel-header .plp-title {
    display: inline-block;
}

.page-productGrid .plp .plp-panel.new-plp .plp-panel-header .plp-info,
.page-search .plp .plp-panel.new-plp .plp-panel-header .plp-info {
    display: inline-block;
    margin: 10px 0 0;
    text-transform: lowercase;
    color: #81819B;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter,
.page-search .plp .plp-panel.new-plp .new-nav-filter {
    margin-top: 40px;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content {
    overflow: visible;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-header,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-header {
    display: none;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-header.mobile-all-header,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-header.mobile-all-header {
    display: none;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-footer,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-footer {
    margin-top: 20px;
    display: none !important;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body {
    padding: 0;
    overflow-y: visible;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .fg-item,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .fg-item {
    border: 1px solid #ececf4;
    border-radius: 5px;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .fg-item .fg-header,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .fg-item .fg-header {
    padding: 10px 32px 10px 10px;
    height: 34px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .fg-item .fg-header button,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .fg-item .fg-header button {
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    color: #29335c;
    display: flex;
    align-items: center;
    letter-spacing: .08px;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .fg-item .fg-header button::after,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .fg-item .fg-header button::after {
    background: url("/_ui/responsive/theme-penti/images/plp-down-arrow-icon.svg") no-repeat;
    transform: none;
    width: 18px;
    height: 18px;
    right: -22px;
    top: 3px;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .fg-item .fg-header.direct-filter,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .fg-item .fg-header.direct-filter {
    padding: 10px;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .fg-item .fg-header.direct-filter input,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .fg-item .fg-header.direct-filter input {
    opacity: 0;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .fg-item .fg-header.direct-filter label,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .fg-item .fg-header.direct-filter label {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .08px;
    color: #29335c;
    margin-left: 10px;
    cursor: pointer;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .fg-item .fg-header.direct-filter label:before,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .fg-item .fg-header.direct-filter label:before {
    content: url("/_ui/responsive/theme-penti/images/plp-checkbox.svg");
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    left: 7px;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .fg-item.active .fg-header button,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .fg-item.active .fg-header button {
    color: #fa5373;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .fg-item.active .fg-header button::after,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .fg-item.active .fg-header button::after {
    transform: rotate(180deg);
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters {
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: -10px;
    width: 100%;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .all-filter,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .all-filter {
    display: none;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item {
    margin: 10px 5px 0;
    position: relative;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item.active .acc-body,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item.active .acc-body {
    padding-top: 0;
    visibility: visible;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item.active,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item.active,
.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item:hover .acc-header.fg-header button,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item:hover .acc-header.fg-header button {
    color: #fa5373;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item.active-query,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item.active-query {
    background-color: #faf0f4;
    border: 1px solid #faf0f4;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item.active-query .direct-filter label,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item.active-query .direct-filter label {
    color: #FA5373;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item.active-query .direct-filter label:before,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item.active-query .direct-filter label:before {
    content: url('/_ui/responsive/theme-penti/images/plp-checkbox-checked.svg');
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item.active-query .acc-header.fg-header button,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item.active-query .acc-header.fg-header button {
    color: #fa5373;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .applied-facet-count,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .applied-facet-count {
    display: none;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .applied-facet-count.show,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .applied-facet-count.show {
    display: none;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body {
    visibility: hidden;
    display: block !important;
    max-height: 360px;
    width: 260px;
    overflow-y: auto;
    position: absolute;
    top: 40px;
    margin: 10px 158px 0 0;
    padding: 10px 0 10px;
    border-radius: 5px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    z-index: 7;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .rs-holder,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .rs-holder {
    height: 100px;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .rs-holder .noUi-touch-area::after,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .rs-holder .noUi-touch-area::after {
    background-position: 100%;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .rs-holder .noUi-tooltip,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .rs-holder .noUi-tooltip {
    background: none;
    color: #fa5373;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .rs-holder .noUi-handle,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .rs-holder .noUi-handle {
    border: none;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .rs-holder .noUi-tooltip::after,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .rs-holder .noUi-tooltip::after {
    content: none;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .modal-acts,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .modal-acts {
    display: none;
    position: sticky;
    bottom: -10px;
    padding: 10px;
    background: #fff;
    border-top: 1px solid #faf0f4;
    display: flex;
    gap: 10px;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .modal-acts .d-flex,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .modal-acts .d-flex {
    display: flex !important;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .modal-acts button:first-child,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .modal-acts button:first-child {
    display: none;
    border-radius: 5px;
    border: solid 1px #fa5373;
    background-color: #fff;
    color: #fa5373;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .modal-acts.active-clear button:first-child,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .modal-acts.active-clear button:first-child {
    display: flex;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .btn-apply,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .btn-apply {
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 16px;
    border-radius: 5px;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options {
    display: flex;
    flex-direction: column;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options .big-size-toggle,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options .big-size-toggle {
    width: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 13px;
    margin: 0 0 1px 0;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options .big-size-toggle .toggle-btn-txt,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options .big-size-toggle .toggle-btn-txt {
    font-size: 12px;
    color: #29335c;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options .big-size-toggle .toggle-box,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options .big-size-toggle .toggle-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options .big-size-toggle .toggle-box .button,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options .big-size-toggle .toggle-box .button {
    width: 32.3px;
    height: 20px;
    border-radius: 50px;
    border: solid 1px #fa5373;
    background-color: #fff;
    cursor: pointer;
    position: relative;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options .big-size-toggle .toggle-box .button::before,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options .big-size-toggle .toggle-box .button::before {
    position: absolute;
    content: '';
    width: 13.8px;
    left: 0;
    height: 13.8px;
    margin: 2px;
    border-radius: 50px;
    background-color: #fa5373;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options .big-size-toggle .toggle-box input,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options .big-size-toggle .toggle-box input {
    display: none;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options .big-size-toggle .toggle-box input:checked+.button,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options .big-size-toggle .toggle-box input:checked+.button {
    background-color: #fa5373;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options .big-size-toggle .toggle-box input:checked+.button::before,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options .big-size-toggle .toggle-box input:checked+.button::before {
    background-color: #fff;
    transform: translateX(13px);
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options .checked,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options .checked {
    background-color: #faf0f4;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options .checked .toggle-btn-txt,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options .checked .toggle-btn-txt {
    color: #fa5373;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .toggle input,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .toggle input {
    opacity: 1;
    width: 18px;
    height: 18px;
    top: auto;
    left: auto;
    margin: 15px 10px 14px 16px;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .toggle input:checked+label,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .toggle input:checked+label {
    background-color: #faf0f4;
    color: #fa5373;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .toggle input:checked+label:before,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .toggle input:checked+label:before {
    content: url("/_ui/responsive/theme-penti/images/plp-checkbox-checked.svg");
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .toggle input[type="checkbox"],
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .toggle input[type="checkbox"] {
    opacity: 0;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .toggle label,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .toggle label {
    height: 47px;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .toggle label:before,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .toggle label:before {
    content: url("/_ui/responsive/theme-penti/images/plp-checkbox.svg");
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    left: 10px;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .toggle label:hover,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .toggle label:hover {
    color: #fa5373;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .toggle.color,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .toggle.color {
    display: flex;
    align-items: center;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .toggle.color div,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .toggle.color div {
    width: 13px;
    height: 13px;
    border-radius: 100%;
    margin-right: 12px;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .toggle.color .sort-color,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .toggle.color .sort-color {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options .input,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options .input {
    margin: 0 0 1px 0;
    width: 100%;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options .input label,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options .input label {
    width: 100%;
    border: none;
    border-radius: 0;
    padding: 0 40px;
    font-size: 11px;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .reset-filters,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .reset-filters {
    display: none;
    align-items: center;
    justify-content: center;
    margin: 10px 0 0 20px;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .reset-filters.show,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .reset-filters.show {
    display: flex;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .reset-filters a,
.page-search .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .reset-filters a {
    font-size: 12px;
    letter-spacing: 0px;
    color: #FA5373;
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .acc-header>button::after,
.page-search .plp .plp-panel.new-plp .new-nav-filter .acc-header>button::after {
    background-position: 0px 54%;
    transform: rotate(90deg);
}

.page-productGrid .plp .plp-panel.new-plp .new-nav-filter .acc-item.active .acc-header>button::after,
.page-search .plp .plp-panel.new-plp .new-nav-filter .acc-item.active .acc-header>button::after {
    background-position: 0px 53.5%;
    transform: rotate(270deg);
}

.page-productGrid .plp .plp-panel.new-plp #modal-sort-by .modal-header .modal-header-right,
.page-search .plp .plp-panel.new-plp #modal-sort-by .modal-header .modal-header-right {
    margin-left: 0;
}

.page-productGrid .plp .plp-panel.new-plp #modal-sort-by .modal-body #sort-by,
.page-search .plp .plp-panel.new-plp #modal-sort-by .modal-body #sort-by {
    padding: 0;
    display: flex;
    flex-direction: column;
}

.page-productGrid .plp .plp-panel.new-plp #modal-sort-by .modal-body #sort-by .form-row,
.page-search .plp .plp-panel.new-plp #modal-sort-by .modal-body #sort-by .form-row {
    height: 47px;
    align-items: center;
    display: flex;
    margin: 0;
}

.page-productGrid .plp .plp-panel.new-plp #modal-sort-by .modal-body #sort-by .form-row .input,
.page-search .plp .plp-panel.new-plp #modal-sort-by .modal-body #sort-by .form-row .input {
    width: 100%;
    height: 100%;
}

.page-productGrid .plp .plp-panel.new-plp #modal-sort-by .modal-body #sort-by .form-row .input.active,
.page-search .plp .plp-panel.new-plp #modal-sort-by .modal-body #sort-by .form-row .input.active {
    background-color: #FAF0F4;
}

.page-productGrid .plp .plp-panel.new-plp #modal-sort-by .modal-body #sort-by .form-row .input.active label,
.page-search .plp .plp-panel.new-plp #modal-sort-by .modal-body #sort-by .form-row .input.active label {
    color: #FA5373;
}

.page-productGrid .plp .plp-panel.new-plp #modal-sort-by .modal-body #sort-by .form-row .input label,
.page-search .plp .plp-panel.new-plp #modal-sort-by .modal-body #sort-by .form-row .input label {
    width: 100%;
    height: 100%;
    font-size: 12px;
    display: flex;
    align-items: center;
    padding: 0 0 0 16px;
    color: #29335c;
}

.page-productGrid .plp .plp-panel.new-plp #modal-sort-by .modal-body #sort-by .form-row .input label:hover,
.page-search .plp .plp-panel.new-plp #modal-sort-by .modal-body #sort-by .form-row .input label:hover {
    color: #fa5373;
}

.page-productGrid .plp .plp-panel.new-plp #modal-sort-by .modal-body #sort-by .form-row .input label::before,
.page-search .plp .plp-panel.new-plp #modal-sort-by .modal-body #sort-by .form-row .input label::before {
    display: none;
}

.page-productGrid .plp #modal-category-share .modal-content,
.page-search .plp #modal-category-share .modal-content {
    width: 315px;
    height: 200px;
    padding: 20px;
    margin: auto;
    border-radius: 10px;
}

.page-productGrid .plp #modal-category-share .modal-content .modal-header,
.page-search .plp #modal-category-share .modal-content .modal-header {
    display: flex;
    height: fit-content;
    padding: 0;
}

.page-productGrid .plp #modal-category-share .modal-content .modal-header .modal-title,
.page-search .plp #modal-category-share .modal-content .modal-header .modal-title {
    font-size: 14px;
    font-weight: 400;
    color: #29335c;
}

.page-productGrid .plp #modal-category-share .modal-content .modal-header-right .close-modal,
.page-search .plp #modal-category-share .modal-content .modal-header-right .close-modal {
    background: url("/_ui/responsive/theme-penti/images/new-close-icon.svg") no-repeat;
    display: block;
    height: 24px;
    width: 24px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.page-productGrid .plp #modal-category-share .modal-content .modal-header-right .close-modal svg,
.page-search .plp #modal-category-share .modal-content .modal-header-right .close-modal svg {
    display: none;
}

.page-productGrid .plp #modal-category-share .modal-content .modal-body,
.page-search .plp #modal-category-share .modal-content .modal-body {
    padding: 0;
    margin-top: 20px;
}

.page-productGrid .plp #modal-category-share .modal-content .modal-body .category-share-link,
.page-search .plp #modal-category-share .modal-content .modal-body .category-share-link {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    margin: 0;
}

.page-productGrid .plp #modal-category-share .modal-content .modal-body .category-share-link a,
.page-search .plp #modal-category-share .modal-content .modal-body .category-share-link a,
.page-productGrid .plp #modal-category-share .modal-content .modal-body .category-share-link button,
.page-search .plp #modal-category-share .modal-content .modal-body .category-share-link button {
    width: 100%;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    object-fit: contain;
    border-radius: 5px;
    background-color: #ececf4;
    margin: 0;
    text-transform: capitalize;
    font-size: 12px;
    color: #29335c;
}

.page-productGrid .plp .plp-body.new-plp,
.page-search .plp .plp-body.new-plp {
    display: flex !important;
}

.page-productGrid .plp .plp-body.new-plp .plp-list,
.page-search .plp .plp-body.new-plp .plp-list {
    width: 100%;
}

.page-productGrid .plp .plp-body.new-plp .plp-list.collection-list .products .prd,
.page-search .plp .plp-body.new-plp .plp-list.collection-list .products .prd {
    max-width: unset !important;
}

.page-productGrid .plp .plp-body.new-plp .plp-list .noresult,
.page-search .plp .plp-body.new-plp .plp-list .noresult {
    margin-top: 50px;
    width: 100%;
}

.page-productGrid .plp .plp-body.new-plp .plp-list .noresult .noresult-img,
.page-search .plp .plp-body.new-plp .plp-list .noresult .noresult-img {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.page-productGrid .plp .plp-body.new-plp .plp-list .noresult h2,
.page-search .plp .plp-body.new-plp .plp-list .noresult h2 {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

.page-productGrid .plp .plp-body.new-plp .plp-list .noresult p,
.page-search .plp .plp-body.new-plp .plp-list .noresult p {
    text-align: center;
    font-size: 14px;
}

.page-productGrid .plp .plp-body.new-plp .plp-list .noresult .noresult-actions button,
.page-search .plp .plp-body.new-plp .plp-list .noresult .noresult-actions button {
    width: 220px;
    margin: auto;
    margin-bottom: 10px;
    border-radius: 5px;
}

.page-productGrid .plp .plp-body.new-plp .plp-list .noresult .noresult-actions button.noresult-reset,
.page-search .plp .plp-body.new-plp .plp-list .noresult .noresult-actions button.noresult-reset {
    border: solid 1px #fa5373;
    color: #fa5373;
}

.page-productGrid .plp .plp-body.new-plp .plp-list .all-listed,
.page-search .plp .plp-body.new-plp .plp-list .all-listed {
    justify-content: center;
    margin-top: 40px;
}

.page-productGrid .plp .plp-body.new-plp .plp-list .all-listed-text,
.page-search .plp .plp-body.new-plp .plp-list .all-listed-text {
    padding: 13px 26px 13px 24px;
    border-radius: 5px;
    background-color: #faf0f4;
    font-size: 12px;
    color: #fa5373;
}

.page-productGrid .plp .plp-body.new-plp .plp-list .load-more,
.page-search .plp .plp-body.new-plp .plp-list .load-more {
    justify-content: center;
}

.page-productGrid .plp .plp-body.new-plp .plp-list .load-more .load-more-btn,
.page-search .plp .plp-body.new-plp .plp-list .load-more .load-more-btn {
    max-width: 195px;
    background: #fa5373;
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    height: 44px;
    border-radius: 5px;
    padding: 10px 16px;
    align-items: center;
    display: flex;
}

.page-productGrid .plp .plp-body.new-plp .products .prd,
.page-search .plp .plp-body.new-plp .products .prd {
    padding-bottom: 0;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .product-actions.product-actions-horizontal,
.page-search .plp .plp-body.new-plp .products .prd .product-actions.product-actions-horizontal {
    left: initial;
    right: 6px;
    top: 6px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .product-actions.product-actions-horizontal .product-actions-item,
.page-search .plp .plp-body.new-plp .products .prd .product-actions.product-actions-horizontal .product-actions-item {
    width: 32px;
    height: 32px;
    margin-right: 0;
    background: none;
    border: none;
    cursor: pointer;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .product-actions.product-actions-horizontal .product-actions-item .wishlist-btn,
.page-search .plp .plp-body.new-plp .products .prd .product-actions.product-actions-horizontal .product-actions-item .wishlist-btn {
    background: url('/_ui/responsive/theme-penti/images/new-wishlist-icon.svg') no-repeat center rgba(247, 247, 247, 0.6);
    background-size: 24px 24px;
    border-radius: 5px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.page-productGrid .plp .plp-body.new-plp .products .prd .product-actions.product-actions-horizontal .product-actions-item .wishlist-btn:hover,
.page-search .plp .plp-body.new-plp .products .prd .product-actions.product-actions-horizontal .product-actions-item .wishlist-btn:hover {
    background-color: #fff;
    border-radius: 5px;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .product-actions.product-actions-horizontal .product-actions-item .collection-btn,
.page-search .plp .plp-body.new-plp .products .prd .product-actions.product-actions-horizontal .product-actions-item .collection-btn {
    background: url('/_ui/responsive/theme-penti/images/new-collection-icn.svg') no-repeat center rgba(247, 247, 247, 0.6);
    background-size: 24px 24px;
    border-radius: 5px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.page-productGrid .plp .plp-body.new-plp .products .prd .product-actions.product-actions-horizontal .product-actions-item .collection-btn:hover,
.page-search .plp .plp-body.new-plp .products .prd .product-actions.product-actions-horizontal .product-actions-item .collection-btn:hover {
    background-color: #fff;
    border-radius: 5px;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .product-actions.product-actions-horizontal .product-actions-item:hover,
.page-search .plp .plp-body.new-plp .products .prd .product-actions.product-actions-horizontal .product-actions-item:hover {
    background: none !important;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .product-actions.product-actions-horizontal .item-wishlist[data-is-add="true"] .wishlist-btn,
.page-search .plp .plp-body.new-plp .products .prd .product-actions.product-actions-horizontal .item-wishlist[data-is-add="true"] .wishlist-btn {
    background: #ffffff url('/_ui/responsive/theme-penti/images/new-wishlist-added-icon.svg') no-repeat center;
    background-size: 24px 24px;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .product-actions.product-actions-horizontal .item-collection[data-is-add="true"] .collection-btn,
.page-search .plp .plp-body.new-plp .products .prd .product-actions.product-actions-horizontal .item-collection[data-is-add="true"] .collection-btn {
    background: #ffffff url('/_ui/responsive/theme-penti/images/new-collection-added-icn.svg') no-repeat center;
    background-size: 24px 24px;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .product-actions.product-actions-horizontal .product-actions-item.item-collection,
.page-search .plp .plp-body.new-plp .products .prd .product-actions.product-actions-horizontal .product-actions-item.item-collection {
    display: flex;
}

.page-productGrid .plp .plp-body.new-plp .products .prd.mouseleave .prd-link .prd-block1 .sizeTable,
.page-search .plp .plp-body.new-plp .products .prd.mouseleave .prd-link .prd-block1 .sizeTable {
    display: none;
}

.page-productGrid .plp .plp-body.new-plp .products .prd.mouseleave .product-actions,
.page-search .plp .plp-body.new-plp .products .prd.mouseleave .product-actions {
    display: none;
}

.page-productGrid .plp .plp-body.new-plp .products .prd.mouseleave .prd-link .prd-block1 .prd-media .swiper-pagination,
.page-search .plp .plp-body.new-plp .products .prd.mouseleave .prd-link .prd-block1 .prd-media .swiper-pagination {
    display: none;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable {
    position: fixed;
    display: none;
    flex-direction: column;
    bottom: 0;
    right: 0;
    left: auto;
    height: 100%;
    z-index: 10;
    justify-content: space-between;
    background: #fff;
    width: 240px;
    overflow-y: auto;
    scrollbar-width: none;
    cursor: auto;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable.show,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable.show {
    display: flex;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section {
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .select-size,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .select-size {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #29335c;
    padding: 17px 0;
    font-weight: 400;
    text-align: center;
    border-bottom: solid 1px rgba(129, 129, 155, 0.2);
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .close-size-table,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .close-size-table {
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 10px;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item {
    display: flex;
    position: relative;
    margin: 0;
    font-size: 22px;
    cursor: pointer;
    width: 100%;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item.std-size-item,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item.std-size-item {
    width: 100%;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item.std-size-item .size-table-add-basket,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item.std-size-item .size-table-add-basket,
.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item.std-size-item .size-table-out-of-stock,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item.std-size-item .size-table-out-of-stock {
    white-space: nowrap;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item input,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item input {
    opacity: 0;
    position: absolute;
    cursor: pointer;
    pointer-event: none;
    left: 0;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item input:checked~.checkmark,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item input:checked~.checkmark {
    background-color: #faf0f4;
    color: #fa5373;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item input:checked~.checkmark .checkmark-radio-button:after,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item input:checked~.checkmark .checkmark-radio-button:after {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #fa5373;
    position: absolute;
    right: 6px;
    bottom: 6px;
    border-radius: 50%;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item:hover,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item:hover {
    font-weight: bolder;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item:hover .checkmark,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item:hover .checkmark {
    color: #fa5373;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item .checkmark,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item .checkmark {
    display: flex;
    position: initial;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 14px 16px;
    font-size: 11px;
    color: #29335C;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item .checkmark.low-stock,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item .checkmark.low-stock {
    color: #81819B;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item .checkmark .variant-value-text .addToCart-out-of-stock-text,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item .checkmark .variant-value-text .addToCart-out-of-stock-text,
.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item .checkmark .variant-value-text .low-stock-text,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item .checkmark .variant-value-text .low-stock-text {
    margin-left: 13px;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item .checkmark .checkmark-radio-button,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item .checkmark .checkmark-radio-button {
    position: relative;
    pointer-events: none;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item .checkmark .checkmark-radio-button:before,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-content-section .size-item .checkmark .checkmark-radio-button:before {
    content: '';
    border: 1px solid #fa5373;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-button-section,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-button-section {
    display: flex;
    position: sticky;
    align-items: center;
    justify-content: center;
    padding: 16px 15px 18px;
    margin-top: 16px;
    border-top: solid 1px rgba(129, 129, 155, 0.2);
    width: 100%;
    bottom: 0;
    background: #fff;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-button-section #modal-addtocart-button,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-button-section #modal-addtocart-button,
.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-button-section #modal-stockinform-button,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .plp-select-size-button-section #modal-stockinform-button {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    padding: 11px;
    width: 100%;
    height: 34px;
    font-weight: 500;
    color: #29335C;
    border: solid 1px rgba(129, 129, 155, 0.2);
    border-radius: 5px;
    font-size: 12px;
    transition: all .222s linear 0s;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable #modal-addtocart-button.active,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable #modal-addtocart-button.active {
    color: #FFF;
    background-color: #FA5373;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable #modal-stockinform-button.active,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable #modal-stockinform-button.active {
    border: 1px solid #fa5373;
    background-color: #fff;
    color: #fa5373;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .size-item.size-hidden,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .size-item.size-hidden {
    display: none;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .size-item.out-of-stock .checkmark,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .size-item.out-of-stock .checkmark {
    background-color: transparent;
    color: #81819B;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable #low-stock-info-band,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable #low-stock-info-band {
    margin: 0 0 -20px 0;
    border-radius: 5px;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable #low-stock-info-band span,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable #low-stock-info-band span {
    font-size: 10px;
    font-weight: 400;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .all-sizes,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable .all-sizes {
    text-decoration: underline;
    color: #fa5373;
    font-size: 12px;
    margin-top: 5px;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable.hidden-size-table,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable.hidden-size-table {
    display: none;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-tags,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-tags {
    top: 10px;
    left: 10px;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-tags i,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-tags i {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 6px;
    background-color: rgba(41, 51, 92, 0.3);
    font-style: normal;
    line-height: 1.63636;
    border-radius: 5px;
    color: #fff;
    font-size: 11px;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-tags i:empty,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-tags i:empty {
    display: none;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-tags i:blank,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-tags i:blank {
    display: none;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-tags i.badge-icon,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-tags i.badge-icon {
    background: none;
    width: 100%;
    height: auto;
    padding: 0;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-tags i.badge-icon span,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-tags i.badge-icon span {
    width: 50px;
    height: 40px;
    background-size: 50px 40px !important;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-tags span,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-tags span {
    width: 30px;
    height: 20px;
    background-size: 24px !important;
    margin-left: 5px;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-tags.bottom_left,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-tags.bottom_left {
    bottom: 10px;
    left: 10px;
    right: initial;
    top: initial;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-tags.bottom_right,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-tags.bottom_right {
    right: 10px;
    bottom: 10px;
    left: initial;
    top: initial;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-tags.top_right,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-tags.top_right {
    right: 10px;
    top: 10px;
    bottom: initial;
    left: initial;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-tags.top_left,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-tags.top_left {
    left: 10px;
    top: 10px;
    bottom: initial;
    right: initial;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-media img,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-media img {
    background: #ececf4 url('/_ui/responsive/theme-penti/images/placeholder_550x825.png') no-repeat;
    background-size: cover;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-media .swiper-pagination,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-media .swiper-pagination {
    display: flex;
    bottom: 10px;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-media .swiper-pagination .swiper-pagination-bullet-active,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-media .swiper-pagination .swiper-pagination-bullet-active {
    width: 6px;
    height: 6px;
    background: #fff;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 {
    padding: 10px 10px 0 10px;
    min-height: 120px;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-title,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-title {
    width: fit-content;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
    color: #29335c;
    font-size: 12px;
    margin: 10px 0 0 0;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-title h2,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-title h2,
.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-title h3,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-title h3 {
    font-size: 12px;
    font-weight: normal;
    color: #29335C;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-colors,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-colors {
    width: fit-content;
    margin: 0;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-colors .color-wrapper,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-colors .color-wrapper {
    margin-right: 6px;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-colors .color-wrapper:not(.selected):hover .color-variant-image,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-colors .color-wrapper:not(.selected):hover .color-variant-image {
    display: block;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-colors .color-wrapper i,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-colors .color-wrapper i {
    width: 10px;
    height: 10px;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-colors .color-wrapper .color-variant-image,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-colors .color-wrapper .color-variant-image {
    display: none;
    position: absolute;
    bottom: 110px;
    width: 120px;
    height: 180px;
    background-color: #F6F6F9;
    border: 1px solid #FFFFFF;
    z-index: 13;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-colors .color-wrapper.selected,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-colors .color-wrapper.selected {
    padding: 2px;
    border-radius: 50%;
    border: 1px solid rgba(41, 51, 92, 0.3);
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-colors .more-color,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-colors .more-color {
    font-size: 11px;
    color: #81819B;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .color-placeholder,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .color-placeholder {
    height: 16px;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-block3,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-block3 {
    margin-top: 8px;
    display: block;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-block3 .prd-price,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-block3 .prd-price {
    font-size: 12px;
    width: fit-content;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-block3 .prd-price .prc-first,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-block3 .prd-price .prc-first {
    margin-right: 6px;
    color: #81819b;
    display: inline-block;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-block3 .prd-price .prc-last,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-block3 .prd-price .prc-last {
    font-weight: 500;
    display: inline-block;
    color: #29335c;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-block3 .prd-price .prc-last.discount,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-block3 .prd-price .prc-last.discount {
    border-radius: 5px;
    padding: 2px 7px;
    background-color: #faf0f4;
    color: #fa5373;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-block3 .prd-price .pdp-sale,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-block3 .prd-price .pdp-sale {
    color: #FA5373;
    background-color: transparent;
    margin-left: 6px;
    padding: 0;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-block3 .pink-badge,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-block3 .pink-badge {
    margin-top: 6px;
    display: block;
    font-size: 10px;
    color: #fa5373;
    background-color: #faf0f4;
    text-transform: uppercase;
    padding: 4px 6px;
    border-radius: 5px;
    width: fit-content;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-block3 .discount-cart,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-block3 .discount-cart {
    display: flex;
    margin-top: 12px;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-discount,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-discount {
    font-size: 11px;
    color: #fa5373;
    background-color: #fff;
    text-transform: uppercase;
    margin-top: 6px;
    width: fit-content;
    padding: 4px;
    line-height: 1;
    border-radius: 5px;
    border: 1px solid #fac7d2;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-discount.prd-discount-multipack,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-discount.prd-discount-multipack {
    color: #29335c;
    border: 1px solid #ccccd9;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-discount.text-normal,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .prd-discount.text-normal {
    font-size: 10px;
    color: #fa5373;
    background-color: #faf0f4;
    text-transform: uppercase;
    margin-top: 6px;
    width: fit-content;
    padding: 4px;
    border-radius: 5px;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .overSize-option,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .overSize-option {
    margin-top: 6px;
}

.page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .overSize-option .overSize-message,
.page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block2 .overSize-option .overSize-message {
    font-size: 11px;
    color: #fa5373;
    background-color: #ffffff;
    border: 1px solid #FAC7D2;
    text-transform: uppercase;
    margin-top: 6px;
    width: fit-content;
    padding: 4px;
    line-height: 1;
    border-radius: 5px;
}

.page-productGrid .plp .plp-body.new-plp .products .collectionPage .product-actions.product-actions-horizontal,
.page-search .plp .plp-body.new-plp .products .collectionPage .product-actions.product-actions-horizontal {
    display: block;
}

.page-productGrid .plp .plp-body.new-plp .products .collectionPage .product-actions.product-actions-horizontal .product-actions-item,
.page-search .plp .plp-body.new-plp .products .collectionPage .product-actions.product-actions-horizontal .product-actions-item {
    background-color: #FFFFFF;
    border-radius: 50%;
}

.page-productGrid .plp .plp-body.new-plp .products .collectionPage .product-actions.product-actions-horizontal .product-actions-item:hover,
.page-search .plp .plp-body.new-plp .products .collectionPage .product-actions.product-actions-horizontal .product-actions-item:hover {
    background: #FFFFFF !important;
}

.page-productGrid .addToCart-notify-container.new,
.page-search .addToCart-notify-container.new {
    z-index: 22;
}

.page-productGrid .skeleton,
.page-search .skeleton {
    animation: skeleton-loading 1s linear infinite alternate;
    color: transparent !important;
}

.page-productGrid .skeleton div,
.page-search .skeleton div,
.page-productGrid .skeleton span,
.page-search .skeleton span,
.page-productGrid .skeleton button,
.page-search .skeleton button,
.page-productGrid .skeleton a,
.page-search .skeleton a,
.page-productGrid .skeleton i,
.page-search .skeleton i {
    color: transparent !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

.page-productGrid .skeleton div::after,
.page-search .skeleton div::after,
.page-productGrid .skeleton span::after,
.page-search .skeleton span::after,
.page-productGrid .skeleton button::after,
.page-search .skeleton button::after,
.page-productGrid .skeleton a::after,
.page-search .skeleton a::after,
.page-productGrid .skeleton i::after,
.page-search .skeleton i::after,
.page-productGrid .skeleton div::before,
.page-search .skeleton div::before,
.page-productGrid .skeleton span::before,
.page-search .skeleton span::before,
.page-productGrid .skeleton button::before,
.page-search .skeleton button::before,
.page-productGrid .skeleton a::before,
.page-search .skeleton a::before,
.page-productGrid .skeleton i::before,
.page-search .skeleton i::before {
    display: none !important;
    background: none !important;
}

.page-productGrid .skeleton img,
.page-search .skeleton img,
.page-productGrid .skeleton svg,
.page-search .skeleton svg,
.page-productGrid .skeleton input,
.page-search .skeleton input,
.page-productGrid .skeleton label,
.page-search .skeleton label {
    opacity: 0 !important;
}

.page-productGrid .skeleton-text,
.page-search .skeleton-text {
    height: 1.2rem;
    margin: 10px 0;
    border-radius: 0.25rem;
    color: transparent;
}

.page-productGrid .skeleton::before,
.page-search .skeleton::before {
    display: none !important;
    background: none !important;
}

.page-productGrid .js-add-cart-btn-plp.skeleton,
.page-search .js-add-cart-btn-plp.skeleton {
    background: transparent !important;
}

.page-productGrid #modal-collectionadd .modal-dialog,
.page-search #modal-collectionadd .modal-dialog {
    display: flex;
    justify-content: center;
}

.page-productGrid #modal-collectionadd .modal-dialog .modal-content .modal-header .modal-header-right .close-modal,
.page-search #modal-collectionadd .modal-dialog .modal-content .modal-header .modal-header-right .close-modal {
    margin-left: 0px;
    background: url("/_ui/responsive/theme-penti/images/new-close-icon.svg") no-repeat;
}

.page-productGrid #modal-collectionadd .modal-dialog .modal-content .modal-header .modal-header-right .close-modal .icon-close use,
.page-search #modal-collectionadd .modal-dialog .modal-content .modal-header .modal-header-right .close-modal .icon-close use {
    display: none;
}

.page-productGrid .toastify.collection-added span,
.page-search .toastify.collection-added span,
.page-productGrid .toastify.collection-removed span,
.page-search .toastify.collection-removed span {
    background-color: #fff;
    color: #fa5373;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    font-size: 12px;
}

#modal-addtocart.new {
    z-index: 10;
    overflow: hidden;
    width: 240px;
    left: auto;
    right: 0;
}

#modal-addtocart.new .modal-dialog.modal-dialog-centered {
    top: auto;
    bottom: 0px;
    align-items: flex-end;
}

#modal-addtocart.new .modal-dialog-centered .modal-content {
    width: 100% !important;
    height: 100vh;
    margin: 0;
    position: absolute;
    right: 0;
    border-radius: 0;
    padding: 0 !important;
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-header-right {
    display: none;
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-header-right-new {
    position: absolute;
    right: 10px;
    top: 15px;
    z-index: 10;
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-header-right-new .close-modal {
    margin-left: 0px;
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-header-right-new .close-modal .icon-close use {
    display: none;
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-body {
    overflow: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-body .size-table-select-section .modal-body-title {
    font-size: 14px;
    color: #81819b;
    padding: 17px 0;
    text-align: center;
    border-bottom: 1px solid rgba(129, 129, 155, 0.2);
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-body .size-table-select-section .modal-body-content.new {
    display: flex;
    flex-direction: column;
    margin: 0;
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-body .size-table-select-section .modal-body-content.new .container {
    display: flex;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    font-size: 22px;
    cursor: pointer;
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-body .size-table-select-section .modal-body-content.new .container.size-hidden {
    display: none;
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-body .size-table-select-section .modal-body-content.new .container.out-of-stock .checkmark {
    color: #81819B;
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-body .size-table-select-section .modal-body-content.new .container.out-of-stock .checkmark:after {
    display: none;
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-body .size-table-select-section .modal-body-content.new .container input:checked~.checkmark {
    background-color: #faf0f4;
    border-radius: 0;
    color: #fa5373;
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-body .size-table-select-section .modal-body-content.new .container input:checked~.checkmark .checkmark-radio-button:after {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #fa5373;
    position: absolute;
    right: 6px;
    bottom: 6px;
    border-radius: 50%;
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-body .size-table-select-section .modal-body-content.new .container .checkmark {
    display: flex;
    position: initial;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    padding: 14px 16px;
    font-size: 11px;
    color: #81819B;
    background: none;
    border: none;
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-body .size-table-select-section .modal-body-content.new .container .checkmark.low-stock {
    color: #81819B;
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-body .size-table-select-section .modal-body-content.new .container .checkmark.low-stock:after {
    display: none;
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-body .size-table-select-section .modal-body-content.new .container .checkmark .variant-value-text .addToCart-out-of-stock-text,
#modal-addtocart.new .modal-dialog-centered .modal-content .modal-body .size-table-select-section .modal-body-content.new .container .checkmark .variant-value-text .low-stock-text {
    margin-left: 13px;
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-body .size-table-select-section .modal-body-content.new .container .checkmark .checkmark-radio-button {
    position: relative;
    pointer-events: none;
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-body .size-table-select-section .modal-body-content.new .container .checkmark .checkmark-radio-button:before {
    content: '';
    border: 1px solid #fa5373;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-body .size-table-select-section .all-sizes {
    text-decoration: underline;
    color: #fa5373;
    font-size: 12px;
    border: none;
    padding: 0;
    margin: 0;
    height: auto;
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-body .size-table-button-section {
    display: flex;
    padding: 15px 16px 18px;
    border-top: 1px solid rgba(129, 129, 155, 0.2);
    margin-top: 16px;
    position: sticky;
    bottom: 0;
    background: #fff;
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-body .size-table-button-section #modal-addtocart-button {
    border-radius: 5px;
    font-size: 12px;
    height: auto;
    margin: 0;
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-body .size-table-button-section #modal-stockinform-button {
    border-radius: 5px;
    font-size: 12px;
    border: 1px solid #fa5373;
    background-color: #fff;
    color: #fa5373;
    height: auto;
    margin: 0;
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-body .size-table-button-section #low-stock-info-band {
    margin: 4px 0 -10px 0;
    border-radius: 5px;
}

#modal-addtocart.new .modal-dialog-centered .modal-content .modal-body .size-table-button-section #low-stock-info-band span {
    font-size: 10px;
    font-weight: 400;
}

#modal-addtocart.new.show .modal-dialog {
    transform: none;
}

.modal-backdrop.show {
    all: inherit !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 6 !important;
    width: 100vw !important;
    height: 100vh !important;
    background-color: #29335C !important;
    opacity: .15 !important;
    display: block !important;
}

#overlay {
    opacity: .15;
}

.addToCart-notify-container.new .addToCart-notify {
    padding: 0;
    border: none;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.addToCart-notify-container.new .addToCart-notify img {
    height: 100%;
    width: 106px;
}

.addToCart-notify-container.new .addToCart-notify .addToCart-text-container {
    padding: 0 0 0 16px;
}

.addToCart-notify-container.new .addToCart-notify .addToCart-text-container .addToCart-message {
    font-size: 12px;
    color: #29335c;
    margin: 46px 0 20px 0;
    font-weight: normal;
}

.addToCart-notify-container.new .addToCart-notify .addToCart-text-container .addToCart-btn {
    margin-top: 0;
    font-size: 12px;
    font-weight: normal;
    color: #fa5373;
    padding: 10px;
    border-radius: 5px;
    border: solid 1px #fa5373;
}

.addToCart-notify-container.new .addToCart-notify .addToCart-text-container .addToCart-btn .icon-basket {
    display: none;
}

.addToCart-notify-container.new .addToCart-notify .addToCart-text-container .addToCart-btn .icon-new-basket {
    display: flex !important;
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.addToCart-notify-container.new .addToCart-notify .icon-close {
    display: none;
}

.addToCart-notify-container.new .addToCart-notify .icon-new-close {
    display: flex !important;
    width: 24px;
    height: 24px;
}

.addToCart-notify-container.combine .addToCart-notify {
    width: 315px;
    padding: 0;
    border: none;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.addToCart-notify-container.combine .addToCart-notify img {
    height: 100%;
    width: 106px;
}

.addToCart-notify-container.combine .addToCart-notify .addToCart-text-container {
    padding: 0 0 0 16px;
}

.addToCart-notify-container.combine .addToCart-notify .addToCart-text-container .addToCart-message {
    line-height: normal;
    width: 113px;
    font-size: 12px;
    color: #29335c;
    margin: 46px 0 20px 0;
    font-weight: normal;
}

.addToCart-notify-container.combine .addToCart-notify .addToCart-text-container .addToCart-btn {
    height: 34px;
    margin-top: 0;
    font-size: 12px;
    font-weight: normal;
    color: #fa5373;
    padding: 10px;
    border-radius: 5px;
    border: solid 1px #fa5373;
}

.addToCart-notify-container.combine .addToCart-notify .addToCart-text-container .addToCart-btn .icon-basket {
    display: none;
}

.addToCart-notify-container.combine .addToCart-notify .addToCart-text-container .addToCart-btn .icon-new-basket {
    display: flex !important;
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.addToCart-notify-container.combine .addToCart-notify .icon-close {
    display: none;
}

.addToCart-notify-container.combine .addToCart-notify .icon-new-close {
    display: flex !important;
    width: 24px;
    height: 24px;
}

.toastify.new {
    bottom: -10px;
    top: inherit;
    left: 50%;
    transform: translateX(-51%);
    width: 75%;
}

.toastify.new span {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

@keyframes skeleton-loading {
    0% {
        background-color: #ececf4;
    }

    100% {
        background-color: #dfdfec;
    }
}

.page-search .plp .plp-panel.new-plp .new-nav-filter {
    margin-top: 60px;
}

.size-table-open {
    overflow: hidden;
}

@media(min-width:1025px) {
    .plp-banner-image-component {
        padding: 0 !important;
        margin-bottom: 40px;
        align-items: normal !important;
    }

    .plp-banner-image-component img {
        width: 100%;
    }

    .plp-banner-video-section {
        position: relative;
        transform: none;
        left: auto;
        width: 100%;
    }

    .plp-banner-video-section video {
        width: 100%;
        display: block;
        height: 100%;
        object-fit: cover;
    }

    .plp-banner-video-section:after {
        background: none !important;
        opacity: 0 !important;
    }

    .plp {
        max-width: none;
    }

    .plp .plp-panel.new-plp {
        background: white;
        top: 0;
        z-index: 5;
        text-align: center;
    }

    .plp .plp-panel.new-plp #modal-sort-by {
        transition: none !important;
        transform: none !important;
        position: absolute;
        top: calc(100% + 80px);
        left: 41%;
        width: 260px !important;
        height: 302px;
        text-align: left;
        padding: 10px;
        border-radius: 5px;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    }

    .plp .plp-panel.new-plp #modal-sort-by .modal-body {
        padding: 10px;
    }

    .plp .plp-acts {
        display: flex;
        justify-content: center;
        margin: 20px 0 40px;
        gap: 10px;
    }

    .plp .plp-acts .plp-actions {
        position: relative;
        margin: initial;
    }

    .plp .plp-acts .plp-actions,
    .plp .plp-acts .plp-view,
    .plp .plp-acts .plp-share {
        display: flex;
        align-items: center;
        height: 34px;
    }

    .plp .plp-acts .ul-clear li {
        border: none;
        margin: 0;
    }

    .plp .plp-acts .ul-clear li .btn-order svg use {
        color: #81819B;
    }

    .plp .plp-body.new-plp .products .prd {
        width: calc(25% - 30px);
        margin: 0 15px 40px;
    }

    .plp .plp-body.new-plp .products .prd .js-add-cart-btn-plp {
        z-index: 5;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 10px;
        right: 10px;
        width: auto;
        gap: 2px;
        height: auto;
        border: none;
        background: #fff;
        color: #fa5373;
        border-radius: 5px;
        padding: 2px 4px;
        font-size: 11px;
        line-height: normal;
    }

    .plp .plp-body.new-plp .products .prd .js-add-cart-btn-plp:before {
        content: '';
        width: 20px;
        height: 20px;
        background: url("/_ui/responsive/theme-penti/images/new-basket-icon.svg") no-repeat center;
        scale: 0.8;
    }

    .plp .plp-body.new-plp .products .prd .js-add-cart-btn-plp.added-to-cart:after {
        content: '';
        width: 20px;
        height: 20px;
        background: url("/_ui/responsive/theme-penti/images/check-plp-icon.svg") no-repeat center;
    }

    .plp .plp-body.new-plp .products .prd .js-add-cart-btn-plp.added-to-cart span {
        display: none;
    }

    .plp .plp-body.new-plp .products .prd .prd-media {
        border-radius: 5px;
        max-height: 100% !important;
    }

    .plp .plp-body.new-plp .products .prd.mouseleave .js-add-cart-btn-plp {
        display: none;
    }

    .plp:not(.plp-view-bigger) .plp-body.new-plp:not(.collectionPage) .products .prd:nth-child(7n+5),
    .plp:not(.plp-view-bigger) .plp-body.new-plp:not(.collectionPage) .products .prd:nth-child(7n+6),
    .plp:not(.plp-view-bigger) .plp-body.new-plp:not(.collectionPage) .products .prd:nth-child(7n+7) {
        width: calc(33.33% - 30px);
    }

    .plp.plp-view-bigger .plp-body.new-plp .products {
        margin: 0px -10px;
    }

    .plp.plp-view-bigger .plp-body.new-plp .products .prd {
        width: calc(16.66% - 20px);
        margin: 0 10px 20px;
    }

    .plp.plp-view-bigger .plp-body.new-plp .products .prd .prd-link .prd-block2 {
        display: none;
    }

    .plp.plp-view-bigger .plp-body.new-plp .products .prd .prd-link .prd-block1 .js-add-cart-btn-plp,
    .plp.plp-view-bigger .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-tags {
        display: none;
    }

    .plp.plp-view-bigger .plp-body.new-plp .products .prd .sizeTable {
        bottom: 35px;
    }

    .new-plp .modal-header {
        display: none;
    }

    .modal-backdrop {
        display: none !important;
        all: initial !important;
    }

    .modal-dialog {
        transition: none !important;
        transform: none !important;
    }
}

@media(max-width:1024px) {
    #modal-collectionadd .modal-content {
        margin: 0 !important;
        padding: 0 !important;
    }

    #modal-collectionadd .modal-content .modal-header {
        background-color: transparent;
    }

    .page-productGrid .plp-banner-image-component,
    .page-search .plp-banner-image-component {
        padding: 0 !important;
    }

    .page-productGrid .plp-banner-image-component img,
    .page-search .plp-banner-image-component img {
        width: 100%;
    }

    .page-productGrid .plp-banner-video-section,
    .page-search .plp-banner-video-section {
        position: relative;
        transform: none;
        left: auto;
        width: 100%;
    }

    .page-productGrid .plp-banner-video-section video,
    .page-search .plp-banner-video-section video {
        width: 100%;
        display: block;
        height: 100%;
        object-fit: cover;
    }

    .page-productGrid .plp-banner-video-section:after,
    .page-search .plp-banner-video-section:after {
        background: none !important;
        opacity: 0 !important;
    }

    .page-productGrid .plp .plp-footer-new,
    .page-search .plp .plp-footer-new {
        padding-left: 20px;
    }

    .page-productGrid .plp .plp-panel.new-plp,
    .page-search .plp .plp-panel.new-plp {
        position: relative;
    }

    .page-productGrid .plp .plp-panel.new-plp .plp-title,
    .page-search .plp .plp-panel.new-plp .plp-title,
    .page-productGrid .plp .plp-panel.new-plp .plp-info,
    .page-search .plp .plp-panel.new-plp .plp-info {
        padding: 0;
        display: block;
        text-align: center;
    }

    .page-productGrid .plp .plp-panel.new-plp .plp-acts,
    .page-search .plp .plp-panel.new-plp .plp-acts {
        position: sticky;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        margin: 5px 0 20px;
        padding: 10px 0;
        width: 100%;
        background-color: #FFFFFF;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        z-index: 5;
    }

    .page-productGrid .plp .plp-panel.new-plp .plp-acts.pinned,
    .page-search .plp .plp-panel.new-plp .plp-acts.pinned {
        border-color: rgba(129, 129, 155, 0.1);
    }

    .page-productGrid .plp .plp-panel.new-plp .plp-acts .plp-actions,
    .page-search .plp .plp-panel.new-plp .plp-acts .plp-actions {
        order: 0;
        width: 118.5px;
        margin: 0 10px 0 0;
        height: 34px;
        border: solid 1px #ececf4;
        border-radius: 5px;
    }

    .page-productGrid .plp .plp-panel.new-plp .plp-acts .plp-actions .ul-clear li,
    .page-search .plp .plp-panel.new-plp .plp-acts .plp-actions .ul-clear li {
        border: none;
    }

    .page-productGrid .plp .plp-panel.new-plp .plp-acts .plp-actions .ul-clear li .btn-order,
    .page-search .plp .plp-panel.new-plp .plp-acts .plp-actions .ul-clear li .btn-order {
        height: 34px;
        color: #29335c;
    }

    .page-productGrid .plp .plp-panel.new-plp .plp-acts .plp-actions .ul-clear li .btn-order svg use,
    .page-search .plp .plp-panel.new-plp .plp-acts .plp-actions .ul-clear li .btn-order svg use {
        color: #FA5373;
    }

    .page-productGrid .plp .plp-panel.new-plp .plp-acts .plp-actions .ul-clear li .btn-order span,
    .page-search .plp .plp-panel.new-plp .plp-acts .plp-actions .ul-clear li .btn-order span {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 60px;
    }

    .page-productGrid .plp .plp-panel.new-plp .plp-acts .plp-view,
    .page-search .plp .plp-panel.new-plp .plp-acts .plp-view,
    .page-productGrid .plp .plp-panel.new-plp .plp-acts .plp-share,
    .page-search .plp .plp-panel.new-plp .plp-acts .plp-share {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 34px;
        margin: 0 10px 0 0;
        border: solid 1px #ececf4;
        padding: 7px;
        border-radius: 5px;
    }

    .page-productGrid .plp .plp-panel.new-plp .plp-acts .plp-view span,
    .page-search .plp .plp-panel.new-plp .plp-acts .plp-view span,
    .page-productGrid .plp .plp-panel.new-plp .plp-acts .plp-share span,
    .page-search .plp .plp-panel.new-plp .plp-acts .plp-share span {
        display: none;
        color: #29335c;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container,
    .page-search .plp .plp-panel.new-plp .filter-container {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        padding: 0;
        background: #fff;
        width: 100%;
        overflow: scroll;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container.fix-element,
    .page-search .plp .plp-panel.new-plp .filter-container.fix-element {
        position: fixed;
        padding: 10px 0;
        border-top: 1px solid rgba(129, 129, 155, 0.2);
        border-bottom: 1px solid rgba(129, 129, 155, 0.2);
        z-index: 7;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container.remove-stick-scroll,
    .page-search .plp .plp-panel.new-plp .filter-container.remove-stick-scroll {
        padding: 0;
        transition: all 0.3s ease-in-out;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container.remove-stick-scroll .plp-acts,
    .page-search .plp .plp-panel.new-plp .filter-container.remove-stick-scroll .plp-acts {
        display: none;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container.remove-stick-scroll .new-nav-filter,
    .page-search .plp .plp-panel.new-plp .filter-container.remove-stick-scroll .new-nav-filter {
        display: none;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter {
        display: block;
        margin: 10px 0 0;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .all-filter,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .all-filter {
        width: 118.5px;
        height: 34px;
        padding: 5px 21.3px;
        margin: 0 10px 0 0;
        border: solid 1px #ececf4;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .all-filter img,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .all-filter img {
        width: 24px;
        height: 24px;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .all-filter .filter-text,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .all-filter .filter-text {
        display: block;
        margin-left: 10px;
        font-size: 12px;
        color: #29335c;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .modal-header,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .modal-header {
        display: none;
        position: sticky;
        top: 0;
        z-index: 10;
        height: 50px;
        background: #fff;
        border-bottom: 1px solid rgba(129, 129, 155, 0.1);
        padding: 13px 16px;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .modal-header .go-back,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .modal-header .go-back {
        background: url("/_ui/responsive/theme-penti/images/new-close-icon.svg") no-repeat;
        width: 24px;
        height: 24px;
        margin-left: 0;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .modal-header .go-back svg,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .modal-header .go-back svg {
        display: none;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .modal-header .close-modal,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .modal-header .close-modal {
        background: url("/_ui/responsive/theme-penti/images/new-close-icon.svg") no-repeat;
        width: 24px;
        height: 24px;
        margin-left: 0;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .modal-header .close-modal svg,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .modal-header .close-modal svg {
        display: none;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .modal-header .modal-title,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .modal-header .modal-title {
        font-size: 14px;
        color: #81819b;
        font-weight: 400;
        margin: auto;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .modal-header .btn-clear-all,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .modal-header .btn-clear-all {
        display: none;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .modal-header .btn-clear-all.active,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .modal-header .btn-clear-all.active {
        display: flex;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .acc-item .acc-header button,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .acc-item .acc-header button {
        color: #29335C;
        white-space: nowrap;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .acc-item .acc-header button::after,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .acc-item .acc-header button::after {
        transform: rotate(270deg);
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body {
        position: fixed;
        top: 0;
        z-index: 8;
        width: 64%;
        max-height: 100%;
        max-width: 500px;
        height: 100%;
        margin: 0;
        padding: 0;
        box-shadow: none;
        right: -100%;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .modal-acts,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .modal-acts {
        bottom: 0;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body::-webkit-scrollbar,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body::-webkit-scrollbar {
        width: 8px;
        height: 20px;
        background-color: #fff;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body::-webkit-scrollbar-thumb,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body::-webkit-scrollbar-thumb {
        background-color: #888;
        border: 2px solid #fff;
        border-radius: 10px;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .fg-options {
        min-height: 100%;
        height: auto;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .modal-apply-btn,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .modal-apply-btn {
        position: sticky;
        bottom: -10px;
        padding: 10px 16px 18px;
        background: #fff;
        border-top: 1px solid #faf0f4;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .rs-holder,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .acc-item .fg-body .rs-holder {
        height: 100vh;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .acc-item .acc-body,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .acc-item .acc-body {
        display: block;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .acc-item.active .fg-body,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .acc-item.active .fg-body {
        right: 0;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .acc-item.active~.overlay,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .acc-item.active~.overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(41, 51, 92, 0.15);
        z-index: 6;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters.effect .acc-item .fg-body .modal-header,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters.effect .acc-item .fg-body .modal-header {
        display: flex;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .filter-show-products,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .filter-show-products {
        opacity: 0;
        position: fixed;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 0;
        bottom: 0;
        width: 64%;
        height: 65px;
        background-color: #FFFFFF;
        border-top: 1px solid #faf0f4;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .filter-show-products.show,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .filter-show-products.show {
        transition: opacity 1s;
        opacity: 1;
    }

    .page-productGrid .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .filter-show-products button,
    .page-search .plp .plp-panel.new-plp .filter-container .new-nav-filter .modal-content .modal-body .filters .filter-show-products button {
        margin: 0 16px;
        width: 100%;
        height: 40px;
        text-align: center;
        color: #FFFFFF;
        background-color: #FA5373;
        border-radius: 5px;
    }

    .page-productGrid .plp .plp-panel.new-plp #modal-sort-by.new-sort,
    .page-search .plp .plp-panel.new-plp #modal-sort-by.new-sort,
    .page-productGrid .plp .plp-panel.new-plp #modal-filters.new-filter,
    .page-search .plp .plp-panel.new-plp #modal-filters.new-filter {
        left: initial;
        right: 0;
        width: 64%;
    }

    .page-productGrid .plp .plp-panel.new-plp #modal-sort-by.new-sort .close-modal,
    .page-search .plp .plp-panel.new-plp #modal-sort-by.new-sort .close-modal,
    .page-productGrid .plp .plp-panel.new-plp #modal-filters.new-filter .close-modal,
    .page-search .plp .plp-panel.new-plp #modal-filters.new-filter .close-modal {
        position: absolute;
        left: 15px;
    }

    .page-productGrid .plp .plp-panel.new-plp #modal-sort-by.new-sort.new-sort .close-modal,
    .page-search .plp .plp-panel.new-plp #modal-sort-by.new-sort.new-sort .close-modal,
    .page-productGrid .plp .plp-panel.new-plp #modal-filters.new-filter.new-sort .close-modal,
    .page-search .plp .plp-panel.new-plp #modal-filters.new-filter.new-sort .close-modal {
        left: 0;
    }

    .page-productGrid .plp .plp-panel.new-plp #modal-sort-by.new-sort .back-modal,
    .page-search .plp .plp-panel.new-plp #modal-sort-by.new-sort .back-modal,
    .page-productGrid .plp .plp-panel.new-plp #modal-filters.new-filter .back-modal,
    .page-search .plp .plp-panel.new-plp #modal-filters.new-filter .back-modal {
        position: absolute;
        left: 15px;
        width: 24px;
        height: 24px;
        background: url(/_ui/responsive/theme-penti/images/arrow-back.svg) no-repeat;
    }

    .page-productGrid .plp .plp-panel.new-plp #modal-sort-by.new-sort .clear-filter-mobile,
    .page-search .plp .plp-panel.new-plp #modal-sort-by.new-sort .clear-filter-mobile,
    .page-productGrid .plp .plp-panel.new-plp #modal-filters.new-filter .clear-filter-mobile,
    .page-search .plp .plp-panel.new-plp #modal-filters.new-filter .clear-filter-mobile {
        display: none;
        position: absolute;
        right: 15px;
        width: 24px;
        height: 24px;
        background: url(/_ui/responsive/theme-penti/images/new-delete-icon.svg) no-repeat;
    }

    .page-productGrid .plp .plp-panel.new-plp #modal-sort-by.new-sort .clear-filter-mobile.show,
    .page-search .plp .plp-panel.new-plp #modal-sort-by.new-sort .clear-filter-mobile.show,
    .page-productGrid .plp .plp-panel.new-plp #modal-filters.new-filter .clear-filter-mobile.show,
    .page-search .plp .plp-panel.new-plp #modal-filters.new-filter .clear-filter-mobile.show {
        display: block;
    }

    .page-productGrid .plp .plp-panel.new-plp #modal-sort-by.new-sort .modal-title,
    .page-search .plp .plp-panel.new-plp #modal-sort-by.new-sort .modal-title,
    .page-productGrid .plp .plp-panel.new-plp #modal-filters.new-filter .modal-title,
    .page-search .plp .plp-panel.new-plp #modal-filters.new-filter .modal-title {
        margin: 0 15px;
    }

    .page-productGrid .plp .plp-panel.new-plp #modal-sort-by.new-sort .modal-header,
    .page-search .plp .plp-panel.new-plp #modal-sort-by.new-sort .modal-header,
    .page-productGrid .plp .plp-panel.new-plp #modal-filters.new-filter .modal-header,
    .page-search .plp .plp-panel.new-plp #modal-filters.new-filter .modal-header {
        position: sticky;
        display: flex;
        justify-content: center;
        height: 50px;
        background-color: #fff;
        padding: 0 16px;
        border-bottom: 1px solid rgba(129, 129, 155, 0.1);
    }

    .page-productGrid .plp .plp-panel.new-plp #modal-sort-by.new-sort .modal-header .modal-header-right,
    .page-search .plp .plp-panel.new-plp #modal-sort-by.new-sort .modal-header .modal-header-right,
    .page-productGrid .plp .plp-panel.new-plp #modal-filters.new-filter .modal-header .modal-header-right,
    .page-search .plp .plp-panel.new-plp #modal-filters.new-filter .modal-header .modal-header-right {
        position: absolute;
        left: 16px;
        padding: 0;
    }

    .page-productGrid .plp .plp-panel.new-plp #modal-sort-by.new-sort .modal-header .modal-header-right .close-modal,
    .page-search .plp .plp-panel.new-plp #modal-sort-by.new-sort .modal-header .modal-header-right .close-modal,
    .page-productGrid .plp .plp-panel.new-plp #modal-filters.new-filter .modal-header .modal-header-right .close-modal,
    .page-search .plp .plp-panel.new-plp #modal-filters.new-filter .modal-header .modal-header-right .close-modal {
        background: url("/_ui/responsive/theme-penti/images/new-close-icon.svg") no-repeat;
        width: 24px;
        height: 24px;
        margin-left: 0;
    }

    .page-productGrid .plp .plp-panel.new-plp #modal-sort-by.new-sort .modal-header .modal-title,
    .page-search .plp .plp-panel.new-plp #modal-sort-by.new-sort .modal-header .modal-title,
    .page-productGrid .plp .plp-panel.new-plp #modal-filters.new-filter .modal-header .modal-title,
    .page-search .plp .plp-panel.new-plp #modal-filters.new-filter .modal-header .modal-title {
        font-size: 14px;
        color: #81819b;
        font-weight: 400;
    }

    .page-productGrid .plp .plp-panel.new-plp #modal-sort-by.new-sort .modal-header .delete-icon,
    .page-search .plp .plp-panel.new-plp #modal-sort-by.new-sort .modal-header .delete-icon,
    .page-productGrid .plp .plp-panel.new-plp #modal-filters.new-filter .modal-header .delete-icon,
    .page-search .plp .plp-panel.new-plp #modal-filters.new-filter .modal-header .delete-icon {
        background: url("/_ui/responsive/theme-penti/images/new-delete-icon.svg") no-repeat;
        width: 24px;
        height: 24px;
    }

    .page-productGrid .plp .plp-panel.new-plp .modal-body .filters,
    .page-search .plp .plp-panel.new-plp .modal-body .filters {
        overflow: scroll;
    }

    .page-productGrid .plp .plp-panel.new-plp .modal-body .filters .all-filter,
    .page-search .plp .plp-panel.new-plp .modal-body .filters .all-filter {
        display: flex !important;
        background: #fff;
        align-items: center;
        padding: 10px 10px 10px 10px;
        border: 1px solid #ececf4;
        border-radius: 5px;
        margin: 0 5px;
        width: 42px;
        height: 42px;
    }

    .page-productGrid .plp .plp-panel.new-plp .modal-body .filters .all-filter .filter-text,
    .page-search .plp .plp-panel.new-plp .modal-body .filters .all-filter .filter-text {
        display: none;
    }

    .page-productGrid .plp .plp-panel.new-plp .modal-body .filters .all-filter img,
    .page-search .plp .plp-panel.new-plp .modal-body .filters .all-filter img {
        min-width: 20px;
    }

    .page-productGrid .plp .plp-panel.new-plp .modal-body .filters.mobile-active,
    .page-search .plp .plp-panel.new-plp .modal-body .filters.mobile-active {
        display: block !important;
        z-index: 8;
        top: 0;
        right: -100%;
        background-color: #fff;
        max-width: 500px;
        height: 100vh;
        transition: right 0.3s linear;
        width: 100%;
    }

    .page-productGrid .plp .plp-panel.new-plp .modal-body .filters.mobile-active .all-filter,
    .page-search .plp .plp-panel.new-plp .modal-body .filters.mobile-active .all-filter {
        display: none !important;
    }

    .page-productGrid .plp .plp-panel.new-plp .modal-body .filters.mobile-active.effect,
    .page-search .plp .plp-panel.new-plp .modal-body .filters.mobile-active.effect {
        right: 0;
    }

    .page-productGrid .plp .plp-panel.new-plp .modal-body .filters.mobile-active.effect .acc-item,
    .page-search .plp .plp-panel.new-plp .modal-body .filters.mobile-active.effect .acc-item {
        display: block;
        border: none;
        border-radius: 0;
        margin: 1px 0;
    }

    .page-productGrid .plp .plp-panel.new-plp .modal-body .filters.mobile-active.effect .acc-item .acc-header,
    .page-search .plp .plp-panel.new-plp .modal-body .filters.mobile-active.effect .acc-item .acc-header {
        height: 47px;
        padding: 16px;
    }

    .page-productGrid .plp .plp-panel.new-plp .modal-body .filters.mobile-active.effect .acc-item .acc-header .applied-facet-count,
    .page-search .plp .plp-panel.new-plp .modal-body .filters.mobile-active.effect .acc-item .acc-header .applied-facet-count {
        position: absolute;
        right: 50px;
        font-size: 12px;
        color: #FA5373;
    }

    .page-productGrid .plp .plp-panel.new-plp .modal-body .filters.mobile-active.effect .acc-item .acc-header .applied-facet-count.show,
    .page-search .plp .plp-panel.new-plp .modal-body .filters.mobile-active.effect .acc-item .acc-header .applied-facet-count.show {
        display: block;
    }

    .page-productGrid .plp .plp-panel.new-plp .modal-body .filters.mobile-active.effect .acc-item .acc-header button::after,
    .page-search .plp .plp-panel.new-plp .modal-body .filters.mobile-active.effect .acc-item .acc-header button::after {
        transform: none;
        right: 0;
    }

    .page-productGrid .plp .plp-panel.new-plp .modal-body .filters.mobile-active.effect .acc-item .direct-filter input,
    .page-search .plp .plp-panel.new-plp .modal-body .filters.mobile-active.effect .acc-item .direct-filter input {
        display: none;
    }

    .page-productGrid .plp .plp-panel.new-plp .modal-body .filters.mobile-active.effect .acc-item .direct-filter label,
    .page-search .plp .plp-panel.new-plp .modal-body .filters.mobile-active.effect .acc-item .direct-filter label {
        margin-left: 0;
    }

    .page-productGrid .plp .plp-panel.new-plp .modal-body .filters.mobile-active.effect .acc-item .direct-filter label:before,
    .page-search .plp .plp-panel.new-plp .modal-body .filters.mobile-active.effect .acc-item .direct-filter label:before {
        right: 16px;
        left: initial;
    }

    .page-productGrid .plp .plp-panel.new-plp .modal-body .filters.mobile-active.effect .modal-header.mobile-all-header,
    .page-search .plp .plp-panel.new-plp .modal-body .filters.mobile-active.effect .modal-header.mobile-all-header {
        display: flex;
        top: 10px;
        margin-top: 10px;
        z-index: 6;
    }

    .page-productGrid .plp .plp-body.new-plp .products .prd:nth-child(5n+5),
    .page-search .plp .plp-body.new-plp .products .prd:nth-child(5n+5) {
        width: calc(100% - 100px);
    }

    .page-productGrid .plp .plp-body.new-plp .products,
    .page-search .plp .plp-body.new-plp .products {
        gap: 1px;
    }

    .page-productGrid .plp .plp-body.new-plp .products .prd,
    .page-search .plp .plp-body.new-plp .products .prd {
        width: calc(50% - 0.5px);
        margin: 0 0 20px 0;
    }

    .page-productGrid .plp .plp-body.new-plp .products .prd .product-actions,
    .page-search .plp .plp-body.new-plp .products .prd .product-actions {
        display: flex !important;
    }

    .page-productGrid .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-media .swiper-pagination,
    .page-search .plp .plp-body.new-plp .products .prd .prd-link .prd-block1 .prd-media .swiper-pagination {
        display: flex !important;
    }

    .page-productGrid .plp .plp-body.new-plp .products .prd .prd-block2 .prd-title,
    .page-search .plp .plp-body.new-plp .products .prd .prd-block2 .prd-title {
        width: 75%;
        font-size: 11px !important;
    }

    .page-productGrid .plp .plp-body.new-plp .products .prd .prd-block2 .pink-badge,
    .page-search .plp .plp-body.new-plp .products .prd .prd-block2 .pink-badge {
        font-size: 9px !important;
    }

    .page-productGrid .plp .plp-body.new-plp .products .prd .prd-block2 .prd-discount,
    .page-search .plp .plp-body.new-plp .products .prd .prd-block2 .prd-discount {
        font-size: 9px !important;
    }

    .page-productGrid .plp .plp-body.new-plp .js-add-cart-btn-plp,
    .page-search .plp .plp-body.new-plp .js-add-cart-btn-plp {
        z-index: 4;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 10px;
        right: 10px;
        width: auto;
        gap: 2px;
        height: auto;
        border: none;
        background: #fff;
        color: #fa5373;
        border-radius: 5px;
        padding: 2px 4px;
        font-size: 11px;
        line-height: normal;
    }

    .page-productGrid .plp .plp-body.new-plp .js-add-cart-btn-plp.hidden,
    .page-search .plp .plp-body.new-plp .js-add-cart-btn-plp.hidden {
        display: none !important;
    }

    .page-productGrid .plp .plp-body.new-plp .js-add-cart-btn-plp:before,
    .page-search .plp .plp-body.new-plp .js-add-cart-btn-plp:before {
        content: '';
        width: 20px;
        height: 20px;
        background: url("/_ui/responsive/theme-penti/images/new-basket-icon.svg") no-repeat center;
        scale: 0.8;
    }

    .page-productGrid .plp .plp-body.new-plp .js-add-cart-btn-plp.added-to-cart:after,
    .page-search .plp .plp-body.new-plp .js-add-cart-btn-plp.added-to-cart:after {
        content: '';
        width: 20px;
        height: 20px;
        background: url("/_ui/responsive/theme-penti/images/check-plp-icon.svg") no-repeat center;
    }

    .page-productGrid .plp .plp-body.new-plp .js-add-cart-btn-plp.added-to-cart span,
    .page-search .plp .plp-body.new-plp .js-add-cart-btn-plp.added-to-cart span {
        display: none;
    }

    .page-productGrid .plp.plp-view-bigger .plp-body.new-plp .products,
    .page-search .plp.plp-view-bigger .plp-body.new-plp .products {
        margin: 0px -10px;
        gap: 0.5px;
    }

    .page-productGrid .plp.plp-view-bigger .plp-body.new-plp .products .prd,
    .page-search .plp.plp-view-bigger .plp-body.new-plp .products .prd {
        width: calc(33% - 5.5px);
        margin: 0;
    }

    .page-productGrid .plp.plp-view-bigger .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable,
    .page-search .plp.plp-view-bigger .plp-body.new-plp .products .prd .prd-link .prd-block1 .sizeTable {
        width: 100%;
    }

    .page-productGrid .plp.plp-view-bigger .plp-body.new-plp .products .prd .prd-link .prd-block1 .product-actions-plp .js-collection-btn,
    .page-search .plp.plp-view-bigger .plp-body.new-plp .products .prd .prd-link .prd-block1 .product-actions-plp .js-collection-btn {
        display: none;
    }

    .page-productGrid .plp.plp-view-bigger .plp-body.new-plp .products .prd .prd-link .prd-block2,
    .page-search .plp.plp-view-bigger .plp-body.new-plp .products .prd .prd-link .prd-block2 {
        display: none;
    }

    .page-productGrid .plp.plp-view-bigger .plp-body.new-plp .products .prd .js-add-cart-btn-plp,
    .page-search .plp.plp-view-bigger .plp-body.new-plp .products .prd .js-add-cart-btn-plp {
        bottom: 10px;
        display: none;
    }

    .page-search .plp .plp-panel.new-plp .plp-acts {
        margin: 20px 0;
    }

    .page-productGrid .plp-similar-links,
    .page-search .plp-similar-links {
        padding: 20px 0 !important;
        margin: 40px 16px !important;
    }
}

@media(max-width:450px) {
    .page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters {
        justify-content: start;
        scrollbar-width: none;
    }

    .page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters::-webkit-scrollbar {
        display: none;
    }

    .page-productGrid .plp .plp-panel.new-plp .new-nav-filter .modal-content .modal-body .filters .js-all-filter-mobile {
        position: sticky;
        left: 10px;
        z-index: 1;
    }
}

@media(max-width:1400px) {
    .plp .plp-panel.new-plp #modal-sort-by {
        left: 37%;
    }
}

.member-content .mcp-list .mcp {
    background-color: #FFF;
    border: 2px dashed #FA5373;
}

.member-content .mcp-list .mcp .mcp-body {
    padding: 30px 0 0;
    border: none;
}

.member-content .mcp-list .mcp .mcp-body .mcp-title {
    margin-bottom: 0;
    padding-right: 110px;
    font-size: 16px;
    font-weight: bold;
    color: #29335C;
}

.member-content .mcp-list .mcp .mcp-body .mcp-date {
    font-size: 14px;
    color: #29335C;
}

.member-content .mcp-list .mcp .mcp-body .mcp-status {
    margin-bottom: 16px;
    font-size: 14px;
    color: #3A0CA3;
}

.member-content .mcp-list .mcp .mcp-body .mcp-status:before {
    content: none;
}

.member-content .mcp-list .mcp .mcp-body .mcp-line {
    padding: 0 20px;
    width: 100%;
    height: 1px;
    background-color: rgba(129, 129, 155, 0.2);
}

.member-content .mcp-list .mcp .mcp-body .mcp-line.mtop-15 {
    margin-top: 22px;
}

.member-content .mcp-list .mcp .mcp-body .mcp-discount-code {
    padding: 10px 0 12px;
}

.member-content .mcp-list .mcp .mcp-body .mcp-discount-code p {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #81819B;
}

.member-content .mcp-list .mcp .mcp-body .mcp-discount-code .discount-code {
    font-size: 16px;
    font-weight: bold;
    color: #29335C;
}

.member-content .mcp-list .mcp .mcp-body .mcp-discount-code .copy-code {
    margin-left: 5px;
    font-size: 14px;
    color: #29335C;
    text-decoration: underline;
    cursor: pointer;
}

.member-content .mcp-list .mcp .mcp-body .mcp-benefit {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: -2px;
    right: -2px;
    font-size: 24px;
    font-weight: bold;
    border-radius: 0 10px 0 20px;
}

.member-content .mcp-list .mcp .mcp-body .mcp-benefit p {
    margin: 0;
    line-height: 21px;
}

.member-content .mcp-list .mcp .mcp-body .mcp-benefit p:nth-child(n+2) {
    font-size: 16px;
}

.member-content .mcp-list .mcp .mcp-details .mcp-details-trigger {
    font-size: 14px;
    font-weight: 500;
    color: #29335C;
}

.member-content .mcp-list .mcp .mcp-details .mcp-details-body {
    font-size: 14px;
    color: #81819B;
}

.member-content .mcp-list .mcp .mcp-overlay-expired {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    position: absolute;
    top: -2px;
    left: -2px;
    width: -webkit-calc(100% + 4px);
    width: -moz-calc(100% + 4px);
    width: -o-calc(100% + 4px);
    width: calc(100% + 4px);
    height: -webkit-calc(100% + 4px);
    height: -moz-calc(100% + 4px);
    height: -o-calc(100% + 4px);
    height: calc(100% + 4px);
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 1;
}

.member-content .mcp-list .mcp .mcp-overlay-expired .expired-warning {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 60px;
    ont-size: 14px;
    font-weight: bold;
    color: #9E0038;
    background-color: #FFF;
    border: 1px solid #9E0038;
    border-radius: 5px;
}

@media(max-width:1024px) {
    .member-content .mcp-list .mcp .mcp-body .mcp-line {
        position: absolute;
        padding: 0;
        left: 0;
    }

    .member-content .mcp-list .mcp .mcp-body .mcp-line.mtop-15 {
        margin-top: 15px;
    }

    .member-content .mcp-list .mcp .mcp-body .mcp-benefit {
        width: 115px;
    }
}

@keyframes slide-left {
    from {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.marqueeband {
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    background-color: #FA5373;
    white-space: nowrap;
    overflow: hidden;
    user-select: none;
}

.marqueeband__content {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    color: #FFFFFF;
    list-style-type: none;
    border: none;
}

.marqueeband__content li {
    display: inline-block;
    margin-left: 5px;
}

.marqueeband__content li .marqueeband__content__text {
    border: 2px solid transparent;
}

.marqueeband__content li .marqueeband__content__arrow {
    display: inline-block;
    margin: 0 30px;
    width: 24px;
    height: 100%;
}

.marqueeband__content li .marqueeband__content__arrow:before {
    content: url('../_ui/responsive/theme-penti/images/redesign/icon-arrow-right.svg');
    position: absolute;
    top: -2px;
}

.marqueeband__content li .marqueeband__content__countdown {
    margin-right: 10px;
    padding: 0 5px;
    text-align: center;
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.marqueeband__content li p,
.marqueeband__content li pre {
    display: inline;
    margin: 0;
}

@media(max-width:1024px) {
    .marqueeband {
        height: 30px;
    }

    .marqueeband__content {
        font-size: 12px;
        font-weight: 500;
    }
}

#corporate-slider .swiper-wrapper .swiper-slide {
    width: 80% !important;
}

.rightFullWidthContent .corp-body {
    width: 90%;
    max-width: 100%;
    padding-top: 0;
}

.corp-grid {
    margin-bottom: 20px;
}

.padding-bottom50 {
    padding-bottom: 50px !important;
}

.padding-top0 {
    padding-top: 0px !important;
}

.desktop-none {
    display: none;
}

.mobile-none {
    display: block;
}

.home {
    width: 100%;
}

.home .home-container {
    width: 100%;
    position: relative;
    margin-bottom: 35px;
}

.home .home-container .home-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(50% - 35px);
    width: 100%;
    color: #fff;
    font-size: 54px;
    text-align: center;
    font-weight: bold;
}

.home .home-container .home-title-left {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(50% - 25px);
    width: 100%;
    color: #fff;
    font-size: 30px;
    padding-left: 30px;
    font-weight: bold;
}

.content {
    width: 100%;
}

.content .content-box-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}

.content .content-box-container .col-3:nth-child(1) .content-box a .content-box-img {
    background-image: url("../_ui/responsive/common/js/images/business_black_24dp-1.png");
}

.content .content-box-container .col-3:nth-child(1) .content-box:hover a .content-box-img {
    background-image: url("../_ui/responsive/common/js/images/business_black_24dp-1-white.png");
}

.content .content-box-container .col-3:nth-child(2) .content-box a .content-box-img {
    background-image: url("../_ui/responsive/common/js/images/groups_black_24dp-1.png");
}

.content .content-box-container .col-3:nth-child(2) .content-box:hover a .content-box-img {
    background-image: url("../_ui/responsive/common/js/images/groups_black_24dp-1-white.png");
}

.content .content-box-container .col-3:nth-child(3) .content-box a .content-box-img {
    background-image: url("../_ui/responsive/common/js/images/insights_black_24dp-1.png");
}

.content .content-box-container .col-3:nth-child(3) .content-box:hover a .content-box-img {
    background-image: url("../_ui/responsive/common/js/images/insights_black_24dp-1-white.png");
}

.content .content-box-container .col-3:nth-child(4) .content-box a .content-box-img {
    background-image: url("../_ui/responsive/common/js/images/volume_up_black_24dp-1.png");
}

.content .content-box-container .col-3:nth-child(4) .content-box:hover a .content-box-img {
    background-image: url("../_ui/responsive/common/js/images/volume_up_black_24dp-1-white.png");
}

.content .content-box-container .col-3:nth-child(5) .content-box a .content-box-img {
    background-image: url("../_ui/responsive/common/js/images/date_range_black_24dp-1.png");
}

.content .content-box-container .col-3:nth-child(5) .content-box:hover a .content-box-img {
    background-image: url("../_ui/responsive/common/js/images/date_range_black_24dp-1-white.png");
}

.content .content-box-container .col-3:nth-child(6) .content-box a .content-box-img {
    background-image: url("../_ui/responsive/common/js/images/all_inclusive_black_24dp-1.png");
}

.content .content-box-container .col-3:nth-child(6) .content-box:hover a .content-box-img {
    background-image: url("../_ui/responsive/common/js/images/all_inclusive_black_24dp-1-white.png");
}

.content .content-box-container .col-3:nth-child(7) .content-box a .content-box-img {
    background-image: url("../_ui/responsive/common/js/images/reply_black_24dp-1.png");
}

.content .content-box-container .col-3:nth-child(7) .content-box:hover a .content-box-img {
    background-image: url("../_ui/responsive/common/js/images/reply_black_24dp-1-white.png");
}

.content .content-box-container .col-3:nth-child(8) .content-box a .content-box-img {
    background-image: url("../_ui/responsive/common/js/images/phone_in_talk_black_24dp-1.png");
}

.content .content-box-container .col-3:nth-child(8) .content-box:hover a .content-box-img {
    background-image: url("../_ui/responsive/common/js/images/phone_in_talk_black_24dp-1-white.png");
}

.content .content-box-container .content-box {
    background-color: #ececf4;
    margin-right: 20px;
    margin-bottom: 20px;
    height: 200px;
    cursor: pointer;
}

.content .content-box-container .content-box:hover {
    background: #d9005e;
    transition: .5s;
}

.content .content-box-container .content-box:hover .content-box-title {
    color: #fff;
}

.content .content-box-container .content-box a {
    display: block;
    width: 100%;
    padding: 40px 30px;
}

.content .content-box-container .content-box a .content-box-title {
    width: 200px;
    margin: 32px 0 0;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #28335b;
}

.content .content-box-container .content-box a .content-box-img {
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

.article {
    width: 100%;
    margin-bottom: 50px;
}

.article .article-content-container {
    width: 100%;
    display: flex;
}

.article .article-content-container .article-content {
    width: 50%;
}

.article .article-content-container .article-content .article-content-title {
    font-size: 26px;
    font-weight: bold;
    color: #28335b;
    margin-bottom: 20px;
}

.article .article-content-container .article-content .article-content-prg {
    font-size: 14px;
    color: #28335b;
    line-height: 1.7;
}

.article .article-content-container .article-img {
    display: flex;
    justify-content: flex-end;
    margin-right: 20px;
    width: 50%;
}

.article .article-mobile-container {
    width: 100%;
    display: flex;
}

.article .article-mobile-container .article-mobile-title {
    font-size: 26px;
    font-weight: bold;
    color: #28335b;
}

.article .article-mobile-container .article-content-prg {
    font-size: 14px;
    font-weight: normal;
    color: #28335b;
    padding: 25px 50px 0 0;
}

.article .article-mobile-container .article-img {
    width: 50%;
}

.ipo-content {
    display: flex;
    flex-direction: column;
}

.ipo-content .ipo-title {
    font-size: 26px;
    font-weight: bold;
    color: #d9005e;
    margin-bottom: 15px;
}

.ipo-content .ipo-content-pdf {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.ipo-content .ipo-content-pdf .ipo-parent {
    width: 100%;
    background: #fff;
    display: flex;
    margin-bottom: 15px;
    height: 80px;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    border: 2px solid #ececf4;
    cursor: pointer;
}

.ipo-content .ipo-content-pdf .ipo-parent:hover {
    background: #ececf4;
    transition: .7s;
}

.ipo-content .ipo-content-pdf .ipo-parent:hover .ipo-img {
    background-image: url("../_ui/responsive/common/js/images/icon-white.png");
}

.ipo-content .ipo-content-pdf .ipo-parent div {
    display: flex;
}

.ipo-content .ipo-content-pdf .ipo-parent div .ipo-img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-image: url("../_ui/responsive/common/js/images/icon.png");
}

.ipo-content .ipo-content-pdf .ipo-parent div div {
    flex-direction: column;
}

.ipo-content .ipo-content-pdf .ipo-parent div div .ipo-parent-title {
    color: #28335b;
    font-weight: bold;
}

.ipo-content .ipo-content-pdf .ipo-parent div div .ipo-parent-subtitle {
    color: #28335b;
}

.ipo-content .ipo-content-pdf .ipo-parent .ipo-download {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url("../_ui/responsive/common/js/images/File-download.png");
    cursor: pointer;
}

@media(max-width:992px) {
    .desktop-none {
        display: block !important;
    }

    .mobile-none {
        display: none !important;
    }

    .home .home-container .home-title {
        font-size: 22px !important;
    }

    .ipo-content {
        max-width: 100%;
        flex-direction: column;
    }

    .ipo-content .ipo-content-pdf {
        width: 100%;
        padding: 15px;
    }

    .article-content-container {
        flex-direction: column;
    }

    .article-content-container .article-content {
        width: 100% !important;
    }

    .article-content-container .article-content .article-content-prg {
        padding: 0 !important;
    }

    .article-content-container .article-img {
        justify-content: initial !important;
        width: 100% !important;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .content-box {
        margin-bottom: 50px !important;
    }

    .content-box:hover {
        background: #ececf4 !important;
        transition: .5s;
    }

    .content-box:hover .content-box-title {
        color: #28335b !important;
    }
}

#modal-combine-finder .modal-sm {
    width: 240px;
}

#modal-combine-finder .modal-content .modal-header {
    height: inherit;
    padding: 0;
    text-align: center;
    border-bottom: 1px solid #faf0f4;
}

@media(max-width:1024px) {
    #modal-combine-finder .modal-content .modal-header {
        width: 240px;
        height: 44.4px;
        margin: 0 0 21.6px;
        padding: 11.5px 0 0;
        background-color: #fff;
    }
}

#modal-combine-finder .modal-content .modal-header .modal-title {
    font-size: 14px;
    color: #81819b;
    font-weight: normal;
    font-family: 'WORK SANS' !important;
    width: 100%;
    text-align: center;
    padding: 17px 0;
}

#modal-combine-finder .modal-content .modal-header .modal-header-right {
    position: absolute;
    right: 20px;
    top: 17px;
}

#modal-combine-finder .modal-content .modal-header .modal-header-right .svg-close {
    padding: 6px;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons_close.svg') no-repeat center center;
    cursor: pointer;
}

#modal-combine-finder .modal-content .modal-body {
    padding: 16px 16px 20px 16px;
    overflow-x: hidden;
}

#modal-combine-finder .modal-content .modal-body img#main-image {
    width: 208px;
    height: 312px;
    border-radius: 5px;
}

#modal-combine-finder .modal-content .size-selection-body {
    padding: unset;
}

#modal-combine-finder .modal-content .product-container {
    display: flex;
    align-items: center;
    margin-top: 16px;
    width: 100%;
    max-width: 600px;
}

#modal-combine-finder .modal-content .product-container a {
    border-radius: 4px;
    margin-right: 16px;
}

#modal-combine-finder .modal-content .product-container .product-code {
    width: 100%;
    height: auto;
    flex-grow: 0;
    margin: 10px 0 10px 0;
    font-family: WorkSans;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    color: #29335c;
    padding-left: 0;
    padding-right: 10px;
}

#modal-combine-finder .modal-content .product-container .selected-size-container {
    display: flex;
}

#modal-combine-finder .modal-content .product-container .size-select-btn {
    width: 100px;
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 10px 0;
    padding: 5px;
    object-fit: contain;
    border-radius: 5px;
    border: solid 1px #fa5373;
    color: #fa5373;
    font-size: 11px;
}

#modal-combine-finder .modal-content .product-container .size-select-btn .svg-pencil {
    padding: 12px;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons-pencil.svg') no-repeat center center;
}

#modal-combine-finder .modal-content .product-container .edit-size {
    width: 24px;
    height: 24px;
    flex-grow: 0;
    margin: 18px 55px 20px 6px;
    object-fit: contain;
    border: none;
}

#modal-combine-finder .modal-content .product-container .selected-size {
    width: 50px;
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 10px 0;
    padding: 5px;
    object-fit: contain;
    border-radius: 5px;
    background-color: #faf0f4;
    color: #fa5373;
    font-size: 13px;
}

#modal-combine-finder .modal-content .size-option {
    font-size: 12px;
    color: #29335c;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 24px;
    cursor: pointer;
    transition: background-color 0.3s;
}

#modal-combine-finder .modal-content .size-option:hover {
    background-color: #faf0f4;
    color: #fa5373;
}

#modal-combine-finder .modal-content .size-option.selected {
    background-color: #faf0f4;
    color: #fa5373;
}

#modal-combine-finder .modal-content .size-option .stock-message {
    margin-left: 11px;
}

#modal-combine-finder .modal-content .low-stock .message-container .stock-message {
    color: #81819b;
}

#modal-combine-finder .modal-content .no-stock {
    color: #81819b;
}

#modal-combine-finder .modal-content .no-stock:hover {
    background-color: #fff;
    color: #81819b;
}

#modal-combine-finder .modal-content .confirm-selection-btn,
#modal-combine-finder .modal-content #add-to-cart {
    width: 210.5px;
    height: 34px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    margin: 15px 14.8px 0;
    padding: 10px 16px;
    object-fit: contain;
    border-radius: 5px;
    background-color: #fa5373;
    color: white;
}

#modal-combine-finder .modal-content .confirm-selection-btn:disabled,
#modal-combine-finder .modal-content #add-to-cart:disabled {
    background-color: #ececf4;
    color: #2a2929;
    cursor: not-allowed;
}

#modal-combine-finder .modal-content .lcm-button {
    width: 240px;
    height: 60px;
    flex-grow: 0;
    padding: 0 0 10px;
    background-color: white;
    border-top: 1px solid #E9E0E5;
}

#modal-combine-finder .modal-content input[type="radio"] {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid #fa5373;
    border-radius: 50%;
    background-color: white;
    cursor: pointer;
    position: relative;
    display: inline-block;
}

#modal-combine-finder .modal-content input[type="radio"]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: transparent;
    transition: background-color 0.2s ease;
}

#modal-combine-finder .modal-content input[type="radio"]:checked::before {
    background-color: #ff4081;
}

#modal-combine-finder .modal-content input[type="radio"]:hover {
    border-color: #fa5373;
}

.combine-header-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 30px 0;
}

.combine-header-title {
    flex-grow: 0;
    font-family: 'WorkSans', sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    color: #29335c;
}

.combine-header-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 30px 30px 0;
}

.combine-header-button {
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 10px 16px;
    border-radius: 5px;
    background-color: #f6f6f9;
    border: solid 1px #f6f6f9;
    font-size: 11px;
    color: #29335c;
    text-decoration: none;
    transition: all 0.3s ease;
}

.selected-category {
    color: #fa5373;
    border: solid 1px #fa5373;
    background-color: #faf0f4;
}

.combine-header-button:hover {
    color: #fa5373;
    border: solid 1px #fa5373;
    background-color: #faf0f4;
}

.combine-container {
    padding: 40px 50px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

@media(max-width:1024px) and (min-width:768px) {
    .combine-container {
        padding: 16px;
        grid-template-columns: 1fr 1fr;
        justify-content: center;
    }
}

@media(max-width:767px) {
    .combine-container {
        padding: 16px;
        grid-template-columns: 1fr;
        justify-content: center;
    }
}

.combine-page {
    display: flex;
    flex-wrap: wrap;
    padding: 0 15px;
}

.combine-card {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    justify-content: center;
    align-items: center;
}

.combine-card__image {
    border-radius: 5px;
    width: 100%;
    height: auto;
}

.combine-card__details {
    width: 292px;
    background-color: white;
    padding: 16px;
    margin-top: auto;
    border-radius: 5px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    margin-top: -80px;
}

.combine-card__title {
    font-size: 11px;
    color: #29335c;
    margin-bottom: 16px;
    line-height: normal;
}

.combine-card__product-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.combine-card__product-item {
    width: 76px;
}

.combine-card__product-image img {
    width: 76px;
    height: 114px;
    border-radius: 5px;
}

.combine-card__product-name {
    font-size: 9px;
    margin-top: 4px;
    text-align: start;
    line-height: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    max-height: calc(3em);
}

.combine-card__product-price {
    font-size: 11px;
    text-align: start;
    margin-top: 4px;
}

.combine-card__footer {
    display: flex;
    align-items: center;
    margin-top: 16px;
}

.combine-card__total-price {
    width: 128px;
    height: 43px;
    background-color: #faf0f4;
    padding: 6px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    border-radius: 5px;
}

.combine-card__total-title {
    font-size: 11px;
    color: #fa5373;
}

.combine-card__total-value {
    font-size: 11px;
    color: #fa5373;
}

.combine-card__add-to-cart {
    width: 128px;
    height: 43px;
    margin-left: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FA5373;
    color: white;
    font-size: 12px;
    cursor: pointer;
    border-radius: 5px;
}

.sli-not-found {
    display: flex !important;
    background: transparent;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.sli-not-found .sli-not-found-icon {
    width: 44px;
    height: 44px;
    background: url('../_ui/responsive/theme-penti/images/icons_heart_broken.svg') no-repeat center center;
    margin-bottom: 10px;
}

.sli-not-found .sli-not-found-title {
    color: #29335c;
    font-size: 12px;
    font-weight: normal;
}

.sli-not-found .sli-block1 {
    font-size: 11px;
    font-weight: normal;
    color: #81819b;
}

.sli-not-found .sli-block1 p {
    font-size: 11px;
}

.sli-not-found .view-all-product {
    width: 220px;
    height: 34px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 10px 16px;
    object-fit: contain;
    border-radius: 5px;
    border: solid 1px #fa5373;
    color: #fa5373;
    font-size: 12px;
}

.penticaptcha {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}

.penticaptcha .form-error-msg {
    color: #FF0000;
}

#registerForm .form_field_error {
    width: auto;
    float: none;
    padding-right: 0;
    clear: both;
}

.js-recaptcha-penticaptcha {
    margin: 20px 0;
}

#g-recaptcha_incorrect {
    color: red;
    display: none;
}

.category-menu-wrapper {
    width: 100%;
}

.category-menu-wrapper .category-menu {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    margin: 25px 0 40px;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
}

.category-menu-wrapper .category-menu::-webkit-scrollbar {
    display: none;
}

.category-menu-wrapper .category-menu.mobile {
    justify-content: flex-start;
    margin: 0 0 20px;
    padding: 0 10px 0;
    width: auto;
}

.category-menu-wrapper .category-menu.mobile .category-menu__category:nth-child(n + 2) {
    margin-left: 15px;
}

.category-menu-wrapper .category-menu__category {
    display: inline-block;
    margin-top: 25px;
    width: 90px;
}

.category-menu-wrapper .category-menu__category:nth-child(n + 2) {
    margin-left: 25px;
}

.category-menu-wrapper .category-menu__category__image {
    margin: 0 auto;
    width: 72px;
    height: 72px;
    text-align: center;
    border-radius: 100%;
}

.category-menu-wrapper .category-menu__category__image img {
    width: 72px;
    height: 72px;
    background-color: #ECECF4;
    border-radius: 100%;
    display: inline-block;
}

.category-menu-wrapper .category-menu__category__name {
    display: -webkit-box;
    margin-top: 10px;
    width: 90px;
    text-align: center;
    font-size: 12px;
    white-space: normal;
    color: #29335C;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media(max-width:1024px) {
    .category-menu-wrapper .category-menu {
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin: 35px 0 0 0;
        padding: 0 10px 0;
        width: auto;
    }

    .category-menu-wrapper .category-menu__category {
        margin-top: 0;
    }

    .category-menu-wrapper .category-menu__category:nth-child(n + 2) {
        margin-left: 15px;
    }
}

.bra-guide {
    width: 100%;
    z-index: 3;
}

.bra-guide.fixed .bra-guide__stepper {
    position: fixed;
    width: 100%;
    bottom: 35px;
}

.bra-guide__banner {
    width: 100%;
}

.bra-guide__banner img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.bra-guide .hidden {
    display: none !important;
}

.bra-guide__container {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
}

.bra-guide__container.active {
    display: flex;
}

.bra-guide__container.error {
    margin-top: 100px;
}

.bra-guide__container [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.bra-guide__container__header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #FA5373;
}

.bra-guide__container__header__title {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.1px;
}

.bra-guide__container__header__title u {
    text-decoration: none;
}

.bra-guide__container__header__title.small {
    font-size: 18px;
    font-weight: normal;
}

.bra-guide__container__header__title.big {
    font-size: 24px;
    font-weight: normal;
}

.bra-guide__container__header__title.double {
    font-size: 18px;
    font-weight: 500;
    color: #29335C;
}

.bra-guide__container__header__subtitle {
    margin-top: 10px;
    font-size: 18px;
    letter-spacing: 0.1px;
}

.bra-guide__container__header__subtitle.medium {
    font-size: 14px;
}

.bra-guide__container__header__subtitle.small {
    font-size: 12px;
    color: #81819B;
}

.bra-guide__container__header__subtitle.double {
    margin-bottom: 60px;
    text-align: center;
    font-size: 12px;
    color: #29335C;
}

.bra-guide__container__header__subtitle.guide-description {
    font-size: 12px;
    text-align: center;
    color: #29335c;
    margin-bottom: 30px;
}

.bra-guide__container__header__subtitle.guide-description.small {
    color: #fa5373;
    font-size: 12px;
}

.bra-guide__container[data-step=result] .bra-guide__container__header {
    margin-top: 30px;
}

.bra-guide__container[data-step=result] .bra-guide__container__header__title {
    font-size: 14px;
    color: #29335C;
}

.bra-guide__container[data-step=result] .bra-guide__container__header__subtitle {
    font-size: 12px;
    color: #81819B;
}

.bra-guide__container__success {
    margin: 0;
}

.bra-guide__container__success svg {
    width: 128px;
    height: 128px;
}

.bra-guide__container__content {
    margin: 20px 0 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
}

.bra-guide__container__content.column {
    flex-direction: column;
}

.bra-guide__container__content label {
    display: flex;
    flex-direction: column;
    margin: 40px 0;
    width: 300px;
    padding: 0 20px;
    cursor: pointer;
    position: relative;
}

.bra-guide__container__content label .notselectable {
    position: absolute;
    width: calc(100% - 40px);
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 21;
    cursor: initial;
}

.bra-guide__container__content label .notselectable .nstext {
    background: #fff;
    border-radius: 3px;
    padding: 3px 12px;
    font-size: 12px;
    opacity: .8;
}

.bra-guide__container__content label.passive,
.bra-guide__container__content label.nothover {
    opacity: .4;
}

.bra-guide__container__content label.hover {
    opacity: 1;
}

.bra-guide__container__content label img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 5px;
    opacity: 1 !important;
}

.bra-guide__container__content label span {
    display: inline-block;
    margin-top: 10px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #29335C;
}

.bra-guide__container__content label span:nth-of-type(n + 2) {
    font-size: 12px;
    color: #81819B;
}

.bra-guide__container__content .nouislider {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
    width: 100%;
    height: 100%;
    background-color: #ECECF4;
    border-radius: 5px;
}

.bra-guide__container__content .nouislider .noUi-base {
    background-color: #ECECF4;
    border-radius: 5px;
}

.bra-guide__container__content .nouislider .noUi-base .noUi-connects {
    height: 4px;
    background-color: #FAF0F4;
    border-radius: 5px;
}

.bra-guide__container__content .nouislider .noUi-base .noUi-origin .noUi-handle {
    width: 30px;
    height: 30px;
    border: none;
    cursor: pointer;
}

.bra-guide__container__content .nouislider .noUi-base .noUi-origin .noUi-handle .noUi-touch-area::after {
    content: none;
}

.bra-guide__container__content img {
    width: 400px;
    border-radius: 5px;
}

.bra-guide__container__content video {
    width: 400px;
    border-radius: 5px;
}

.bra-guide__container__content__info {
    margin: 40px auto 0;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #FA5373;
}

.bra-guide__container__content__info span {
    font-size: 24px;
}

.bra-guide__container__content__video {
    margin-top: 60px;
    cursor: pointer;
}

.bra-guide__container__content__video img {
    width: 400px;
    cursor: pointer;
}

.bra-guide__container__content__image {
    border-radius: 5px;
    margin-top: 60px;
    cursor: pointer;
}

.bra-guide__container__content__result {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
    width: 200px;
    height: 200px;
    background-color: #FAF0F4;
    border-radius: 50%;
}

.bra-guide__container__content__result span {
    font-size: 48px;
    font-weight: 500;
    color: #FA5373;
}

.bra-guide__container__content__buttons {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
}

.bra-guide__container__content__buttons button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 340px;
    height: 36px;
    border-radius: 5px;
    border: 1px solid;
}

.bra-guide__container__content__buttons button:nth-child(n + 2) {
    margin-top: 15px;
}

.bra-guide__container__content__buttons__show-products {
    height: 44px !important;
    color: #FFFFFF;
    background-color: #FA5373;
    border-color: #FA5373;
}

.bra-guide__container__content__buttons__restart {
    display: inline-block !important;
    margin: 15px auto 0;
    width: auto !important;
    height: auto !important;
    text-decoration: underline;
    border: none !important;
    color: #FA5373;
}

.bra-guide__container__content__guide__section {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.bra-guide__container__content__guide__content img {
    border-radius: 5px;
}

.bra-guide__stepper {
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.bra-guide__stepper__show {
    display: flex !important;
}

.bra-guide__stepper__hide {
    display: none !important;
}

.bra-guide__stepper.fixed {
    position: fixed;
    bottom: 35px;
    width: 100%;
    z-index: 3;
}

.bra-guide__stepper__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
    padding: 20px;
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.bra-guide__stepper__buttons__prev {
    display: flex;
    padding: 0;
    margin: 0 auto;
    background: none !important;
    position: relative;
    width: 100%;
    max-width: 550px;
}

.bra-guide__stepper__buttons__prev .guide-prev-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #81819b !important;
    border: none !important;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    font-size: 11px;
    line-height: normal;
    position: absolute;
    left: -100px;
    top: 14px;
}

.bra-guide__stepper__buttons__prev .guide-prev-btn:before {
    content: "";
    display: inline-block;
    background: url("/_ui/responsive/theme-penti/images/sprite-bg.svg") 0 0 no-repeat;
    width: 24px;
    height: 24px;
    scale: 0.8;
    filter: brightness(0) saturate(100%) invert(54%) sepia(28%) saturate(249%) hue-rotate(201deg) brightness(90%) contrast(88%);
}

.bra-guide__stepper__buttons button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 340px;
    height: 36px;
    text-transform: capitalize;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #FA5373;
    border-radius: 5px;
}

.bra-guide__stepper__buttons button.white {
    color: #FA5373;
    background-color: #FFFFFF;
    border: 1px solid #FA5373;
}

.bra-guide__stepper__buttons button:disabled {
    color: #81819B;
    background-color: #ECECF4;
    opacity: 1;
}

.bra-guide__stepper__buttons .js-guide-restart-size {
    margin-right: 20px;
}

.bra-guide__plp-band {
    position: fixed;
    left: 0;
    bottom: 20px;
    display: flex;
    flex-direction: row;
    padding: 10px;
    background-color: #FA5373;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 7;
}

.bra-guide__plp-band__image img {
    width: 52px;
    height: 52px;
    border-radius: 5px;
}

.bra-guide__plp-band__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-left: 15px;
    padding-right: 50px;
}

.bra-guide__plp-band__content:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/braguide/arrow-right-w.svg') no-repeat;
    transform: translateY(-50%);
}

.bra-guide__plp-band__content__title {
    font-size: 14px;
    color: #FFFFFF;
}

.bra-guide__plp-band__content__subtitle {
    font-size: 12px;
    color: #FFFFFF;
}

@media(max-width:1024px) {
    .bra-guide.fixed {
        padding-bottom: 0;
    }

    .bra-guide__banner img {
        height: 200px;
    }

    .bra-guide__container {
        margin-top: 40px;
        padding: 0 15px;
        width: 100%;
    }

    .bra-guide__container__header__title {
        text-align: center;
        font-size: 16px;
    }

    .bra-guide__container__header__title.small {
        font-size: 14px;
    }

    .bra-guide__container__header__title u {
        display: block;
    }

    .bra-guide__container__header__subtitle {
        text-align: center;
        font-size: 14px;
    }

    .bra-guide__container__header__subtitle.small {
        font-size: 12px;
    }

    .bra-guide__container__content {
        margin: 0;
        width: 100%;
    }

    .bra-guide__container__content label {
        margin: 50px 5px 0;
        max-width: 164px;
        padding: 0;
    }

    .bra-guide__container__content label .notselectable {
        width: 100%;
        height: 189px;
    }

    .bra-guide__container__content label img {
        height: 189px;
        border-radius: 5px;
    }

    .bra-guide__container__content label span {
        margin-top: 5px;
        font-size: 12px;
    }

    .bra-guide__container__content .nouislider {
        margin: 60px auto 0;
        width: 88%;
    }

    .bra-guide__container__content__video {
        width: 100% !important;
    }

    .bra-guide__container__content__guide__section {
        margin-top: 70px;
    }

    .bra-guide__stepper {
        position: fixed;
        left: 0;
        bottom: 32px;
        width: 100%;
        z-index: 3;
    }

    .bra-guide__stepper.fixed {
        display: none !important;
    }

    .bra-guide__stepper__buttons {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        margin-top: 0;
        padding: 10px;
        width: 280px;
        border-radius: 5px;
    }

    .bra-guide__stepper__buttons__prev {
        margin: 0;
    }

    .bra-guide__stepper__buttons__prev .guide-prev-btn {
        left: 10px;
    }

    .bra-guide__stepper__buttons button {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
        width: 100%;
        text-align: center;
    }

    .bra-guide__stepper__buttons button:first-child {
        color: #FA5373;
        background-color: #FFFFFF;
        border: 1px solid #FA5373;
    }

    .bra-guide__stepper__buttons button:first-child {
        margin-right: 10px;
    }

    .bra-guide__plp-band {
        padding: 10px 15px;
    }

    .bra-guide__plp-band__image {
        display: block;
    }

    .bra-guide__plp-band__image img {
        width: 34px;
        height: 34px;
        border-radius: 5px;
        margin-right: 10px;
    }

    .bra-guide__plp-band__content {
        margin-left: 0;
        padding-right: 0;
    }

    .bra-guide__plp-band__content:after {
        content: none;
    }

    .bra-guide__plp-band__content__title {
        position: relative;
        width: 100%;
        font-size: 12px;
    }

    .bra-guide__plp-band__content__title:after {
        content: '';
        position: absolute;
        margin: 0;
        width: 19px;
        height: 16px;
        background-image: url('../_ui/responsive/theme-penti/images/braguide/arrow-right-w.svg');
        background-size: 16px;
        background-position: 3px 1px;
    }

    .bra-guide__plp-band__content__subtitle {
        font-size: 11px;
    }
}

#modal-video .modal-content .modal-header .modal-header-right .close-modal {
    top: -20px !important;
    right: -20px !important;
    width: 40px;
    height: 40px;
    background-color: #FFFFFF !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

#modal-video .modal-content .modal-header .modal-header-right .close-modal:before {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    left: 10px;
    width: 20px;
    height: 1px;
    background-color: #000000;
    border-radius: 5px;
    transform: rotate(45deg);
}

#modal-video .modal-content .modal-header .modal-header-right .close-modal:after {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    left: 10px;
    width: 20px;
    height: 1px;
    background-color: #000000;
    border-radius: 5px;
    transform: rotate(-45deg);
}

#modal-video .modal-content .modal-header .modal-header-right .close-modal svg {
    display: none;
}

.penti-image-component {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 50px;
    width: 100%;
}

.penti-image-component__container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.penti-video-component {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 50px;
    width: 100%;
}

.page-PentiliciousPage .penti-video-component iframe {
    width: 100% !important;
    height: 100vh !important;
}

@media(min-width:1200px) and (max-width:1799px) {
    .page-PentiliciousPage .penti-video-component iframe {
        width: 100% !important;
        height: 780px !important;
    }
}

@media(min-width:768px) and (max-width:1200px) {
    .page-PentiliciousPage .penti-video-component iframe {
        width: 100% !important;
        height: 480px !important;
    }
}

@media(max-width:768px) {
    .penti-image-component {
        padding: 0 20px;
    }

    .penti-video-component {
        padding: 0 20px;
    }

    .page-PentiliciousPage .penti-image-component {
        padding: 0 !important;
    }

    .page-PentiliciousPage .penti-video-component {
        padding: 0 !important;
    }

    .page-PentiliciousPage .penti-video-component iframe {
        width: 100% !important;
        height: auto !important;
        min-height: 250px !important;
    }
}

.extended-discount-box {
    display: flex;
    justify-content: end;
    align-items: center;
    position: fixed;
    right: 0;
    top: 50%;
    color: #fff;
    z-index: 10;
    border-radius: 5px 0px 0px 5px;
}

.extended-discount-box .discount-box {
    display: flex;
    flex-direction: column;
    border-radius: 5px 0px 0px 5px;
    gap: 10px;
    background-color: #fa5373;
    height: 179px;
    width: 56px;
    align-items: center;
    justify-content: center;
    padding: 16px;
    cursor: pointer;
    position: absolute;
}

.extended-discount-box .discount-box .discount-box-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: rotate(-90deg);
    text-wrap: nowrap;
    height: 101px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.extended-discount-box .discount-box .discount-box-text span {
    font-size: 18px;
}

.extended-discount-box .discount-box .discount-box-icon {
    align-items: center;
    justify-content: center;
}

.extended-discount-box .attachment-discount-box {
    display: none;
    width: 213px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-left: 1px solid #fff;
    font-size: 12px;
    padding: 17px 0px 17px;
    background-color: #fa5373;
    right: -213px;
    position: absolute;
}

.extended-discount-box .attachment-discount-box .items {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: flex;
}

.extended-discount-box .attachment-discount-box .items .attach-codeBox {
    width: 140px;
    height: 34px;
    border: 1px dotted #fff;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin-top: 10px;
    display: flex;
}

.extended-discount-box .attachment-discount-box .items .attach-title {
    width: 141px;
    text-transform: capitalize;
    font-size: 12px;
}

.extended-discount-box .attachment-discount-box .items .attach-btn {
    width: 140px;
    height: 34px;
    border: 1px solid #fff;
    background-color: #fff;
    color: #fa5373;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin-top: 6px;
    display: flex;
}

.extended-discount-box .attachment-discount-box p {
    font-size: 9px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.extended-discount-box .attachment-discount-box .attach-close-icon {
    display: flex;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.extended-discount-box.hide {
    display: none;
}

.extended-discount-box.show {
    display: flex;
}

.live-support-section {
    background: red;
}

.live-support-section .live-support-button {
    border-radius: 5px;
    bottom: 26px;
    padding: 6px 10px;
    right: 20px;
    gap: 10px;
    z-index: 6;
    display: flex;
    position: fixed;
    line-height: normal !important;
    height: auto !important;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    background: #FFFFFF;
    color: #29335c !important;
    border: 1px solid #ECECF4;
    font-size: 12px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.live-support-section .live-support-button i {
    display: none;
}

.live-support-section .live-support-button::before {
    content: "";
    background-image: url(../_ui/responsive/theme-penti/images/chat-box-icon.svg);
    display: inline-flex;
    width: 20px;
    height: 20px;
}

.live-support-section .live-support-button .live-support-button-text {
    letter-spacing: normal;
}

@media(max-width:1024px) {
    .live-support-section .live-support-button {
        right: 16px !important;
        bottom: 16px !important;
        display: flex;
        gap: 2px;
        flex-direction: column;
        font-size: 9px !important;
        font-weight: normal !important;
        text-align: center;
        padding: 4px 6px;
    }

    .live-support-section .live-support-button::before {
        margin-bottom: 1px;
    }

    .live-support-section .live-support-button .live-support-button-text {
        display: flex !important;
        line-height: 1 !important;
        width: 43px;
    }
}

.page-homepage .skeleton {
    animation: skeleton-loading 1s linear infinite alternate;
    color: transparent !important;
}

.page-homepage .skeleton div,
.page-homepage .skeleton span,
.page-homepage .skeleton button,
.page-homepage .skeleton a,
.page-homepage .skeleton i {
    color: transparent !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

.page-homepage .skeleton div::after,
.page-homepage .skeleton span::after,
.page-homepage .skeleton button::after,
.page-homepage .skeleton a::after,
.page-homepage .skeleton i::after,
.page-homepage .skeleton div::before,
.page-homepage .skeleton span::before,
.page-homepage .skeleton button::before,
.page-homepage .skeleton a::before,
.page-homepage .skeleton i::before {
    display: none !important;
    background: none !important;
}

.page-homepage .skeleton img,
.page-homepage .skeleton svg,
.page-homepage .skeleton input,
.page-homepage .skeleton label {
    opacity: 0 !important;
}

.page-homepage .skeleton-text {
    height: 1.2rem;
    margin: 10px 0;
    border-radius: 0.25rem;
    color: transparent;
}

.page-homepage .skeleton .banner {
    visibility: hidden;
}

.page-homepage .skeleton .bnr-media::after {
    content: none;
}

.page-homepage .cmi-gradient.skeleton {
    border-radius: 4px !important;
}

.page-homepage .skeleton::before {
    display: none !important;
    background: none !important;
}

.page-homepage .js-add-cart-btn-plp.skeleton {
    background: transparent !important;
}

.page-homepage #modal-collectionadd .modal-dialog {
    display: flex;
    justify-content: center;
}

.page-homepage #modal-collectionadd .modal-dialog .modal-content .modal-header .modal-header-right .close-modal {
    margin-left: 0px;
    background: url("/_ui/responsive/theme-penti/images/new-close-icon.svg") no-repeat;
}

.page-homepage #modal-collectionadd .modal-dialog .modal-content .modal-header .modal-header-right .close-modal .icon-close use {
    display: none;
}

.page-homepage .toastify.collection-added span,
.page-homepage .toastify.collection-removed span {
    background-color: #fff;
    color: #fa5373;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    font-size: 12px;
}

.page-homepage .home-widget-guides-section {
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding: 50px;
}

.page-homepage .home-widget-guides-section .home-widget-guides-title {
    font-size: 18px;
    font-weight: 500;
    color: #29335c;
}

.page-homepage .home-widget-guides-section .home-guide-widget-content {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: start;
    gap: 50px;
}

.page-homepage .home-widget-guides-section .home-guide-widget-content .widget-item-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(100% / 2 - 25px);
    gap: 20px;
}

.page-homepage .home-widget-guides-section .home-guide-widget-content .widget-item-link .guide-widget-image-section .guide-widget-image-item {
    border-radius: 5px;
}

.page-homepage .home-widget-guides-section .home-guide-widget-content .widget-item-link .widget-item-title {
    font-size: 18px;
    font-weight: 500;
    color: #29335c;
}

.page-homepage #modal-add-to-cart .modal-content .modal-header {
    height: inherit;
    padding: 0;
    text-align: center;
    border-bottom: 1px solid #faf0f4;
}

.page-homepage #modal-add-to-cart .modal-content .modal-header .modal-title {
    font-size: 14px;
    color: #81819b;
    font-weight: normal;
    font-family: 'WORK SANS' !important;
    width: 100%;
    text-align: center;
    padding: 17px 0;
}

.page-homepage #modal-add-to-cart .modal-content .modal-header .modal-header-right {
    position: absolute;
    right: 16px;
    top: 17px;
}

.page-homepage #modal-add-to-cart .modal-content .modal-header .modal-header-right .svg-close {
    padding: 6px;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons_close.svg') no-repeat center center;
}

.page-homepage #modal-add-to-cart .modal-content .modal-body {
    padding: 0 16px 20px 16px;
}

.page-homepage #modal-add-to-cart .modal-content .modal-body .warning-message-area {
    display: none;
    flex-direction: column;
    gap: 16px;
    padding: 20px 16px;
    border: 1px solid #fa5373;
    background-color: #faf0f4;
    margin-bottom: 16px;
    border-radius: 5px;
}

.page-homepage #modal-add-to-cart .modal-content .modal-body .warning-message-area .title {
    display: flex;
    align-items: center;
    color: #29335c;
    font-size: 11px;
    font-weight: normal;
    gap: 10px;
}

.page-homepage #modal-add-to-cart .modal-content .modal-body .warning-message-area .title .svg-info {
    width: 20px;
    height: 20px;
    background: url('../_ui/responsive/theme-penti/images/icons_info_circle.svg') no-repeat center center;
}

.page-homepage #modal-add-to-cart .modal-content .modal-body .warning-message-area .description {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
}

.page-homepage #modal-add-to-cart .modal-content .modal-body:has(.form-error) .warning-message-area {
    display: flex !important;
}

.page-homepage #modal-add-to-cart .modal-content .modal-body:has(.form-error-msg) .warning-message-area {
    display: flex !important;
}

.page-homepage #modal-add-to-cart .modal-content {
    margin: 0 !important;
    padding: 0 !important;
}

.page-homepage #modal-add-to-cart .modal-content .modal-header {
    background-color: transparent;
}

.page-homepage #modal-add-to-cart .modal-sm {
    width: 240px;
}

.page-homepage #modal-add-to-cart .modal-content .modal-header {
    height: inherit;
    padding: 0;
    text-align: center;
    border-bottom: 1px solid #faf0f4;
}

@media(max-width:1024px) {
    .page-homepage #modal-add-to-cart .modal-content .modal-header {
        width: 240px;
        height: 44.4px;
        margin: 0 0 21.6px;
        padding: 11.5px 0 0;
        background-color: #fff;
    }
}

.page-homepage #modal-add-to-cart .modal-content .modal-header .modal-title {
    font-size: 14px;
    color: #81819b;
    font-weight: normal;
    font-family: 'WORK SANS' !important;
    width: 100%;
    text-align: center;
    padding: 17px 0;
}

.page-homepage #modal-add-to-cart .modal-content .modal-header .modal-header-right {
    position: absolute;
    right: 20px;
    top: 17px;
}

.page-homepage #modal-add-to-cart .modal-content .modal-header .modal-header-right .svg-close {
    padding: 6px;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons_close.svg') no-repeat center center;
    cursor: pointer;
}

.page-homepage #modal-add-to-cart .modal-content .modal-body {
    padding: 16px 16px 20px 16px;
    overflow-x: hidden;
}

.page-homepage #modal-add-to-cart .modal-content .size-selection-body {
    padding: unset;
}

.page-homepage #modal-add-to-cart .modal-content .size-option {
    font-size: 12px;
    color: #29335c;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 24px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.page-homepage #modal-add-to-cart .modal-content .size-option:hover {
    background-color: #faf0f4;
    color: #fa5373;
}

.page-homepage #modal-add-to-cart .modal-content .size-option.selected {
    background-color: #faf0f4;
    color: #fa5373;
}

.page-homepage #modal-add-to-cart .modal-content .size-option .stock-message {
    margin-left: 11px;
}

.page-homepage #modal-add-to-cart .modal-content .low-stock .message-container .stock-message {
    color: #81819b;
}

.page-homepage #modal-add-to-cart .modal-content .no-stock {
    color: #81819b;
}

.page-homepage #modal-add-to-cart .modal-content .confirm-selection-btn,
.page-homepage #modal-add-to-cart .modal-content #add-to-cart,
.page-homepage #modal-add-to-cart .modal-content #notify-me-btn {
    width: 210.5px;
    height: 34px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    margin: 15px 14.8px 0;
    padding: 10px 16px;
    object-fit: contain;
    border-radius: 5px;
    background-color: #fa5373;
    color: white;
}

.page-homepage #modal-add-to-cart .modal-content .confirm-selection-btn:disabled,
.page-homepage #modal-add-to-cart .modal-content #add-to-cart:disabled,
.page-homepage #modal-add-to-cart .modal-content #notify-me-btn:disabled {
    background-color: #ececf4;
    color: #2a2929;
    cursor: not-allowed;
}

.page-homepage #modal-add-to-cart .modal-content .lcm-button {
    width: 240px;
    height: 60px;
    flex-grow: 0;
    padding: 0 0 10px;
    background-color: white;
    border-top: 1px solid #E9E0E5;
}

.page-homepage #modal-add-to-cart .modal-content input[type="radio"] {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid #fa5373;
    border-radius: 50%;
    background-color: white;
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.page-homepage #modal-add-to-cart .modal-content input[type="radio"]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: transparent;
    transition: background-color 0.2s ease;
}

.page-homepage #modal-add-to-cart .modal-content input[type="radio"]:checked::before {
    background-color: #ff4081;
}

.page-homepage #modal-add-to-cart .modal-content input[type="radio"]:hover {
    border-color: #fa5373;
}

@media screen and (max-width:1024px) {
    .page-homepage .home-widget-guides-section {
        padding: 20px 16px;
        gap: 20px;
    }

    .page-homepage .home-widget-guides-section .home-widget-guides-title {
        font-size: 12px;
        font-weight: normal;
    }

    .page-homepage .home-widget-guides-section .home-guide-widget-content {
        gap: 16px 10px;
    }

    .page-homepage .home-widget-guides-section .home-guide-widget-content .widget-item-link {
        gap: 10px;
        width: 100%;
    }

    .page-homepage .home-widget-guides-section .home-guide-widget-content .widget-item-link .widget-item-title {
        font-size: 12px;
        font-weight: normal;
        padding: 0 20px;
        text-align: center;
    }
}

.points-section-grid .member-content {
    display: flex;
    flex-direction: column;
}

.points-section-grid .member-content .friend-section {
    display: flex;
    align-items: center;
    justify-content: center;
}

.points-section-grid .member-content .friend-section .friend-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
}

.points-section-grid .member-content .friend-section .friend-content .friend-title-images-section {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    width: 100%;
}

.points-section-grid .member-content .friend-section .friend-content .friend-title-images-section .penti-image-component {
    padding: 0;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-agreement-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    margin-bottom: 30px;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-agreement-section .agreement-title {
    font-size: 12px;
    color: #29335c;
    margin: 0;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-agreement-section .friend-agreement {
    display: flex;
    width: 343px;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 16px;
    border-radius: 5px;
    border: solid 1px #ececf4;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-agreement-section .friend-agreement .agreement-text {
    font-size: 11px;
    color: #81819b;
    margin: 0;
    width: 240px;
    line-height: 1.2;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-agreement-section .friend-agreement .toggle-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-agreement-section .friend-agreement .toggle-box .button {
    width: 32.3px;
    height: 20px;
    border-radius: 50px;
    border: solid 1px #fa5373;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    transition: .3s ease;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-agreement-section .friend-agreement .toggle-box .button::before {
    position: absolute;
    content: '';
    width: 13.8px;
    left: 0;
    height: 13.8px;
    margin: 2px;
    border-radius: 50px;
    background-color: #fa5373;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-agreement-section .friend-agreement .toggle-box input {
    display: none;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-agreement-section .friend-agreement .toggle-box input:checked+.button {
    background-color: #fa5373;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-agreement-section .friend-agreement .toggle-box input:checked+.button::before {
    background-color: #fff;
    transform: translateX(13px);
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-agreement-section .friend-agreement .checked {
    background-color: #faf0f4;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-agreement-section .friend-agreement .checked .toggle-btn-txt {
    color: #fa5373;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-points-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-points-section .member-status-bar {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    padding: 0 45px;
    margin-bottom: 20px;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-points-section .member-status-bar .status-bar-stick {
    background-color: #fa5373;
    height: 2px;
    width: 100px;
    border-radius: 5px;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-points-section .member-status-bar .member-status {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-points-section .member-status-bar .member-status::before {
    content: "";
    height: 2px;
    width: 81px;
    background-color: #ececf4;
    position: absolute;
    transform: translate(-48px, -13px);
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-points-section .member-status-bar .member-status:first-child::before {
    display: none;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-points-section .member-status-bar .member-status .member-status-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-points-section .member-status-bar .member-status .member-status-content .status-circle {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    padding: 9px;
    background-color: #ececf4;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-points-section .member-status-bar .member-status .member-status-content .status-circle .status-default {
    height: 6px;
    width: 6px;
    display: flex;
    background-color: #fff;
    border-radius: 50px;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-points-section .member-status-bar .member-status .member-status-content .status-title {
    margin-top: 10px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #ececf4;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-points-section .member-status-bar .checked::before {
    content: "";
    height: 2px;
    width: 81px;
    background-color: #fa5373;
    position: absolute;
    transform: translate(-48px, -13px);
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-points-section .member-status-bar .checked .member-status-content .status-circle {
    background-color: #fa5373;
    position: relative;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-points-section .member-status-bar .checked .member-status-content .status-circle:before {
    content: "";
    height: 6px;
    width: 12px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -60%) rotate(-45deg);
    transform-origin: center center;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-points-section .member-status-bar .checked .member-status-content .status-circle .status-default {
    display: none;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-points-section .member-status-bar .checked .member-status-content .status-title {
    color: #fa5373;
}

.points-section-grid .member-content .friend-section .friend-content .penti-friend-points-section .show-privileges-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    border-radius: 50px;
    background-color: #fa5373;
    color: #fff;
}

.points-section-grid .member-content .friend-section .friend-content .friend-enjoy-button {
    width: 343px;
    display: flex;
    border-radius: 5px;
    background-color: #fa5373;
    padding: 10px 16px;
    color: #fff;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
}

.points-section-grid .bracket {
    width: 100%;
    display: flex;
    height: 10px;
    background-color: #f6f6f9;
    margin: 30px 0px;
}

.points-section-grid .next-level-info-section {
    padding: 10px 0;
    background-color: #faf0f4;
    margin-bottom: 30px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.points-section-grid .next-level-info-section .next-status-text {
    font-size: 12px;
    color: #fa5373;
}

.points-section-grid .mypoints-point-box-section {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    gap: 30px;
    background-color: #f6f6f9;
    border: 1px solid #ececf4;
    border-radius: 5px;
    margin-bottom: 30px;
}

.points-section-grid .mypoints-point-box-section .point-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.points-section-grid .mypoints-point-box-section .point-box .point-title {
    font-size: 12px;
}

.points-section-grid .mypoints-point-box-section .point-box .point {
    font-size: 34px;
}

.points-section-grid .mypoints-point-box-section .point-box.available {
    color: #fa5373;
}

.points-section-grid .bracket-mobile {
    display: none;
}

.points-section-grid .point-section {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    margin: 30px 0;
    padding: 16px;
    border-radius: 5px;
    border: solid 1px #ececf4;
}

.points-section-grid .point-section .point-status {
    font-size: 12px;
    color: #29335c;
}

.points-section-grid .point-section .points {
    display: flex;
    gap: 30px;
    margin: 10px 0;
}

.points-section-grid .point-section .points .point-box {
    display: flex;
    flex-direction: column;
}

.points-section-grid .point-section .points .point-box .point-title {
    font-size: 12px;
}

.points-section-grid .point-section .points .point-box .point {
    font-size: 24px;
}

.points-section-grid .point-section .points .available {
    color: #fa5373;
}

.points-section-grid .point-section .point-info {
    display: flex;
    flex-direction: column;
    color: #81819b;
    font-size: 12px;
    gap: 10px;
    line-height: 1;
}

.points-section-grid .point-section .instruction-section {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
    margin-top: 20px;
    padding: 20px 16px;
    border-radius: 5px;
    border: solid 1px #fa5373;
    background-color: #faf0f4;
}

.points-section-grid .point-section .instruction-section .info-header {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    padding-left: 5px;
}

.points-section-grid .point-section .instruction-section .info-header .info-symbol {
    width: 15px;
    height: 15px;
    color: #29335c;
    font-size: 9px;
    text-align: center;
    border: solid 1px #29335c;
    border-radius: 50px;
}

.points-section-grid .point-section .instruction-section .info-header .info-title {
    font-size: 11px;
    color: #29335c;
}

.points-section-grid .point-section .instruction-section .info-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: auto;
    max-width: 280px;
    padding-left: 16px;
    margin: 0;
}

.points-section-grid .point-section .instruction-section .info-list .info-item {
    color: #81819b;
    font-size: 11px;
}

.points-section-grid .no-point-section {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    margin-top: 30px;
}

.points-section-grid .no-point-section .no-point-icon {
    margin-bottom: 10px;
    width: 44px;
    height: 44px;
}

.points-section-grid .no-point-section .no-point-title {
    color: #29335c;
    font-size: 12px;
}

.points-section-grid .no-point-section .no-point-information {
    font-size: 11px;
    color: #81819b;
}

.points-section-grid .points-transactions {
    display: flex;
    align-items: center;
    justify-content: center;
}

.points-section-grid .points-transactions .points-transactions-button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: #fff;
    padding: 10px 16px;
    color: #fa5373;
    border: solid 1px #fa5373;
    font-size: 12px;
}

.points-section-grid .link-inline {
    border-bottom: none;
    display: inline;
}

@media(max-width:1025px) {
    .bracket-mobile {
        display: flex !important;
    }

    .next-level-info-section {
        margin: 0 16px;
    }

    .point-section {
        margin: 0px 16px !important;
    }
}

.back-to-point-section .back-to-points-link {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 9px;
}

.back-to-point-section .back-to-points-link svg.back-to-points-icon {
    width: 20px;
    height: 24px;
}

.back-to-point-section .back-to-points-link .my-points-title {
    font-size: 14px;
    color: #29335c;
}

.point-history-title {
    display: flex;
    font-size: 20px;
    color: #29335c;
    font-weight: 500;
    margin: 12px 0 20px;
}

.available-points-section .points {
    display: flex;
    gap: 30px;
    padding: 24px 16px;
    border-bottom: 1px solid #ececf4;
}

.available-points-section .points .point-box {
    display: flex;
    flex-direction: column;
}

.available-points-section .points .point-box .point-title {
    font-size: 12px;
}

.available-points-section .points .point-box .point {
    font-size: 24px;
}

.available-points-section .points .available {
    color: #fa5373;
}

.point-history-section {
    display: flex;
    flex-direction: column;
}

.point-history-section .history-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ececf4;
    padding: 14px 16px 16px;
}

.point-history-section .history-box .history-content {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 28px;
    font-size: 11px;
}

.point-history-section .history-box .history-content .history-information-box {
    display: flex;
    flex-direction: column;
}

.point-history-section .history-box .history-content .history-information-box .points-status {
    color: #29335c;
}

.point-history-section .history-box .history-content .history-information-box .date-and-location-box {
    display: flex;
    gap: 0;
    flex-direction: column-reverse;
    width: 95px;
}

.point-history-section .history-box .history-content .history-information-box .date-and-location-box .use-date {
    color: #81819b;
}

.point-history-section .history-box .history-content .history-information-box .date-and-location-box .use-location {
    color: #81819b;
}

.point-history-section .history-box .history-content .history-title-box .points-transaction-name {
    display: flex;
}

.point-history-section .history-box .point-detail {
    font-size: 11px;
}

.point-history-section .history-box.used .point-detail {
    color: #81819b;
}

.point-history-section .history-box.earned .point-detail {
    color: #fa5373;
}

.point-history-section .page-progress-button-section {
    margin: 22px 0;
    display: flex;
    gap: 10px;
}

.point-history-section .page-progress-button-section .point-history-prev-button {
    padding: 10px 16px;
    object-fit: contain;
    border-radius: 5px;
    background-color: #ececf4;
    color: #29335c;
    font-size: 11px;
    display: flex;
    align-items: center;
}

.point-history-section .page-progress-button-section .point-history-next-button {
    padding: 10px 16px;
    object-fit: contain;
    border-radius: 5px;
    background-color: #fa5373;
    color: #fff;
    font-size: 11px;
    display: flex;
    align-items: center;
}

.point-history-section .page-progress-button-section #point-history-select-page-box {
    gap: 4px;
    display: flex;
    padding: 10px;
    border-radius: 5px;
    border: solid 1px #ececf4;
    background-color: #fff;
}

@media(max-width:1025px) {
    .point-history-content .back-to-point-section {
        display: none;
    }

    .point-history-content .point-history-title {
        display: none;
    }

    .point-history-content .available-points-section .points {
        padding: 0px 16px 24px;
    }

    .point-history-content .available-points-section .point-history-section .history-box .history-content {
        display: flex;
        align-items: center;
    }

    .point-history-content .available-points-section .point-history-section .history-box .history-content .history-information-box {
        display: flex;
    }

    .point-history-content .available-points-section .point-history-section .history-box .history-content .history-information-box .points-status {
        display: none;
    }

    .point-history-content .available-points-section .point-history-section .page-progress-button-section {
        align-items: center;
        justify-content: center;
    }
}

.page-cartPage .toastify span,
.page-multiStepCheckoutSummaryPage .toastify span {
    font-weight: normal;
    font-size: 14px;
}

.page-cartPage #checkout-processing,
.page-multiStepCheckoutSummaryPage #checkout-processing {
    display: flex;
    z-index: 99999;
    position: fixed;
    top: 0;
    left: 0;
    background: #ffffff;
    height: 100vh;
    width: 100vw;
}

.page-cartPage #checkout-processing .cpi,
.page-multiStepCheckoutSummaryPage #checkout-processing .cpi {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.page-cartPage #checkout-processing .cpi .cpi-media,
.page-multiStepCheckoutSummaryPage #checkout-processing .cpi .cpi-media {
    width: 128px;
    height: 128px;
    position: relative;
    top: inherit;
    left: inherit;
}

.page-cartPage #checkout-processing .cpi .cpi-title,
.page-multiStepCheckoutSummaryPage #checkout-processing .cpi .cpi-title {
    font-size: 18px;
    color: #29335c;
    font-weight: 500;
    margin: 0;
}

.page-cartPage #checkout-processing .cpi .cpi-subtitle,
.page-multiStepCheckoutSummaryPage #checkout-processing .cpi .cpi-subtitle {
    font-size: 14px;
    color: #81819b;
    font-weight: normal;
    margin: 0;
}

.page-cartPage #mnp-remove-product,
.page-multiStepCheckoutSummaryPage #mnp-remove-product {
    background: #fff;
    border-radius: 5px;
    width: 252px;
    height: 242px;
}

.page-cartPage #mnp-remove-product .mnp-header .svg-close,
.page-multiStepCheckoutSummaryPage #mnp-remove-product .mnp-header .svg-close {
    padding: 6px;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons_close.svg') no-repeat center center;
}

.page-cartPage #mnp-remove-product .mnp-body,
.page-multiStepCheckoutSummaryPage #mnp-remove-product .mnp-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 32px;
    text-align: center;
}

.page-cartPage #mnp-remove-product .mnp-body .title,
.page-multiStepCheckoutSummaryPage #mnp-remove-product .mnp-body .title {
    font-size: 14px;
    color: #fa5373;
    font-weight: normal;
}

.page-cartPage #mnp-remove-product .mnp-body p,
.page-multiStepCheckoutSummaryPage #mnp-remove-product .mnp-body p {
    margin: 0;
    color: #29335c;
    font-size: 12px;
}

.page-cartPage #mnp-remove-product .mnp-body .mnp-button-2x,
.page-multiStepCheckoutSummaryPage #mnp-remove-product .mnp-body .mnp-button-2x {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.page-cartPage #mnp-remove-product .mnp-body .mnp-button-2x button,
.page-multiStepCheckoutSummaryPage #mnp-remove-product .mnp-body .mnp-button-2x button {
    border-radius: 5px;
    border: 1px solid #fa5373;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-size: 12px;
    font-weight: normal;
}

.page-cartPage #mnp-remove-product .mnp-body .mnp-button-2x button.btn-outline-light,
.page-multiStepCheckoutSummaryPage #mnp-remove-product .mnp-body .mnp-button-2x button.btn-outline-light {
    color: #fa5373;
}

.page-cartPage #mnp-remove-product .mnp-body .mnp-button-2x button.btn-secondary,
.page-multiStepCheckoutSummaryPage #mnp-remove-product .mnp-body .mnp-button-2x button.btn-secondary {
    background-color: #fa5373;
    color: #fff;
}

.page-cartPage #site-footer,
.page-multiStepCheckoutSummaryPage #site-footer {
    margin: 0;
}

.page-cartPage .checkout-grid.cart-empty,
.page-multiStepCheckoutSummaryPage .checkout-grid.cart-empty {
    margin: 0;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-header,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-header,
.page-cartPage #modal-pre-information .modal-content .modal-header,
.page-multiStepCheckoutSummaryPage #modal-pre-information .modal-content .modal-header,
.page-cartPage #modal-distance-sales .modal-content .modal-header,
.page-multiStepCheckoutSummaryPage #modal-distance-sales .modal-content .modal-header,
.page-cartPage #modal-add-edit-address .modal-content .modal-header,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-content .modal-header,
.page-cartPage #modal-select-address .modal-content .modal-header,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-content .modal-header,
.page-cartPage #modal-collectionadd .modal-content .modal-header,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-header,
.page-cartPage #modal-credit-card-form .modal-content .modal-header,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-header,
.page-cartPage #modal-masterPassLinkCardOtpModal .modal-content .modal-header,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .modal-content .modal-header,
.page-cartPage #modal-masterPassRegisterOtpModal .modal-content .modal-header,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .modal-content .modal-header,
.page-cartPage #modal-masterpass-saved-cards .modal-content .modal-header,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .modal-content .modal-header,
.page-cartPage #modal-cashOnDeliveryOtp .modal-content .modal-header,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .modal-content .modal-header,
.page-cartPage #modal-store-finder .modal-content .modal-header,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-content .modal-header,
.page-cartPage #modal-starcardPointCart .modal-content .modal-header,
.page-multiStepCheckoutSummaryPage #modal-starcardPointCart .modal-content .modal-header,
.page-cartPage #modal-installment-campaign .modal-content .modal-header,
.page-multiStepCheckoutSummaryPage #modal-installment-campaign .modal-content .modal-header {
    height: inherit;
    padding: 0;
    text-align: center;
    border-bottom: 1px solid #faf0f4;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-header .modal-title,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-header .modal-title,
.page-cartPage #modal-pre-information .modal-content .modal-header .modal-title,
.page-multiStepCheckoutSummaryPage #modal-pre-information .modal-content .modal-header .modal-title,
.page-cartPage #modal-distance-sales .modal-content .modal-header .modal-title,
.page-multiStepCheckoutSummaryPage #modal-distance-sales .modal-content .modal-header .modal-title,
.page-cartPage #modal-add-edit-address .modal-content .modal-header .modal-title,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-content .modal-header .modal-title,
.page-cartPage #modal-select-address .modal-content .modal-header .modal-title,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-content .modal-header .modal-title,
.page-cartPage #modal-collectionadd .modal-content .modal-header .modal-title,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-header .modal-title,
.page-cartPage #modal-credit-card-form .modal-content .modal-header .modal-title,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-header .modal-title,
.page-cartPage #modal-masterPassLinkCardOtpModal .modal-content .modal-header .modal-title,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .modal-content .modal-header .modal-title,
.page-cartPage #modal-masterPassRegisterOtpModal .modal-content .modal-header .modal-title,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .modal-content .modal-header .modal-title,
.page-cartPage #modal-masterpass-saved-cards .modal-content .modal-header .modal-title,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .modal-content .modal-header .modal-title,
.page-cartPage #modal-cashOnDeliveryOtp .modal-content .modal-header .modal-title,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .modal-content .modal-header .modal-title,
.page-cartPage #modal-store-finder .modal-content .modal-header .modal-title,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-content .modal-header .modal-title,
.page-cartPage #modal-starcardPointCart .modal-content .modal-header .modal-title,
.page-multiStepCheckoutSummaryPage #modal-starcardPointCart .modal-content .modal-header .modal-title,
.page-cartPage #modal-installment-campaign .modal-content .modal-header .modal-title,
.page-multiStepCheckoutSummaryPage #modal-installment-campaign .modal-content .modal-header .modal-title {
    font-size: 14px;
    color: #81819b;
    font-weight: normal;
    font-family: 'WORK SANS' !important;
    width: 100%;
    text-align: center;
    padding: 17px 0;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-header .modal-header-right,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-header .modal-header-right,
.page-cartPage #modal-pre-information .modal-content .modal-header .modal-header-right,
.page-multiStepCheckoutSummaryPage #modal-pre-information .modal-content .modal-header .modal-header-right,
.page-cartPage #modal-distance-sales .modal-content .modal-header .modal-header-right,
.page-multiStepCheckoutSummaryPage #modal-distance-sales .modal-content .modal-header .modal-header-right,
.page-cartPage #modal-add-edit-address .modal-content .modal-header .modal-header-right,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-content .modal-header .modal-header-right,
.page-cartPage #modal-select-address .modal-content .modal-header .modal-header-right,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-content .modal-header .modal-header-right,
.page-cartPage #modal-collectionadd .modal-content .modal-header .modal-header-right,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-header .modal-header-right,
.page-cartPage #modal-credit-card-form .modal-content .modal-header .modal-header-right,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-header .modal-header-right,
.page-cartPage #modal-masterPassLinkCardOtpModal .modal-content .modal-header .modal-header-right,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .modal-content .modal-header .modal-header-right,
.page-cartPage #modal-masterPassRegisterOtpModal .modal-content .modal-header .modal-header-right,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .modal-content .modal-header .modal-header-right,
.page-cartPage #modal-masterpass-saved-cards .modal-content .modal-header .modal-header-right,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .modal-content .modal-header .modal-header-right,
.page-cartPage #modal-cashOnDeliveryOtp .modal-content .modal-header .modal-header-right,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .modal-content .modal-header .modal-header-right,
.page-cartPage #modal-store-finder .modal-content .modal-header .modal-header-right,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-content .modal-header .modal-header-right,
.page-cartPage #modal-starcardPointCart .modal-content .modal-header .modal-header-right,
.page-multiStepCheckoutSummaryPage #modal-starcardPointCart .modal-content .modal-header .modal-header-right,
.page-cartPage #modal-installment-campaign .modal-content .modal-header .modal-header-right,
.page-multiStepCheckoutSummaryPage #modal-installment-campaign .modal-content .modal-header .modal-header-right {
    position: absolute;
    right: 16px;
    top: 17px;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-header .modal-header-right .svg-close,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-header .modal-header-right .svg-close,
.page-cartPage #modal-pre-information .modal-content .modal-header .modal-header-right .svg-close,
.page-multiStepCheckoutSummaryPage #modal-pre-information .modal-content .modal-header .modal-header-right .svg-close,
.page-cartPage #modal-distance-sales .modal-content .modal-header .modal-header-right .svg-close,
.page-multiStepCheckoutSummaryPage #modal-distance-sales .modal-content .modal-header .modal-header-right .svg-close,
.page-cartPage #modal-add-edit-address .modal-content .modal-header .modal-header-right .svg-close,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-content .modal-header .modal-header-right .svg-close,
.page-cartPage #modal-select-address .modal-content .modal-header .modal-header-right .svg-close,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-content .modal-header .modal-header-right .svg-close,
.page-cartPage #modal-collectionadd .modal-content .modal-header .modal-header-right .svg-close,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-header .modal-header-right .svg-close,
.page-cartPage #modal-credit-card-form .modal-content .modal-header .modal-header-right .svg-close,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-header .modal-header-right .svg-close,
.page-cartPage #modal-masterPassLinkCardOtpModal .modal-content .modal-header .modal-header-right .svg-close,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .modal-content .modal-header .modal-header-right .svg-close,
.page-cartPage #modal-masterPassRegisterOtpModal .modal-content .modal-header .modal-header-right .svg-close,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .modal-content .modal-header .modal-header-right .svg-close,
.page-cartPage #modal-masterpass-saved-cards .modal-content .modal-header .modal-header-right .svg-close,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .modal-content .modal-header .modal-header-right .svg-close,
.page-cartPage #modal-cashOnDeliveryOtp .modal-content .modal-header .modal-header-right .svg-close,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .modal-content .modal-header .modal-header-right .svg-close,
.page-cartPage #modal-store-finder .modal-content .modal-header .modal-header-right .svg-close,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-content .modal-header .modal-header-right .svg-close,
.page-cartPage #modal-starcardPointCart .modal-content .modal-header .modal-header-right .svg-close,
.page-multiStepCheckoutSummaryPage #modal-starcardPointCart .modal-content .modal-header .modal-header-right .svg-close,
.page-cartPage #modal-installment-campaign .modal-content .modal-header .modal-header-right .svg-close,
.page-multiStepCheckoutSummaryPage #modal-installment-campaign .modal-content .modal-header .modal-header-right .svg-close {
    padding: 6px;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons_close.svg') no-repeat center center;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body,
.page-cartPage #modal-pre-information .modal-content .modal-body,
.page-multiStepCheckoutSummaryPage #modal-pre-information .modal-content .modal-body,
.page-cartPage #modal-distance-sales .modal-content .modal-body,
.page-multiStepCheckoutSummaryPage #modal-distance-sales .modal-content .modal-body,
.page-cartPage #modal-add-edit-address .modal-content .modal-body,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-content .modal-body,
.page-cartPage #modal-select-address .modal-content .modal-body,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-content .modal-body,
.page-cartPage #modal-collectionadd .modal-content .modal-body,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body,
.page-cartPage #modal-credit-card-form .modal-content .modal-body,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body,
.page-cartPage #modal-masterPassLinkCardOtpModal .modal-content .modal-body,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .modal-content .modal-body,
.page-cartPage #modal-masterPassRegisterOtpModal .modal-content .modal-body,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .modal-content .modal-body,
.page-cartPage #modal-masterpass-saved-cards .modal-content .modal-body,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .modal-content .modal-body,
.page-cartPage #modal-cashOnDeliveryOtp .modal-content .modal-body,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .modal-content .modal-body,
.page-cartPage #modal-store-finder .modal-content .modal-body,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-content .modal-body,
.page-cartPage #modal-starcardPointCart .modal-content .modal-body,
.page-multiStepCheckoutSummaryPage #modal-starcardPointCart .modal-content .modal-body,
.page-cartPage #modal-installment-campaign .modal-content .modal-body,
.page-multiStepCheckoutSummaryPage #modal-installment-campaign .modal-content .modal-body {
    padding: 0 16px 20px 16px;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .warning-message-area,
.page-cartPage #modal-pre-information .modal-content .modal-body .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-pre-information .modal-content .modal-body .warning-message-area,
.page-cartPage #modal-distance-sales .modal-content .modal-body .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-distance-sales .modal-content .modal-body .warning-message-area,
.page-cartPage #modal-add-edit-address .modal-content .modal-body .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-content .modal-body .warning-message-area,
.page-cartPage #modal-select-address .modal-content .modal-body .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-content .modal-body .warning-message-area,
.page-cartPage #modal-collectionadd .modal-content .modal-body .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .warning-message-area,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .warning-message-area,
.page-cartPage #modal-masterPassLinkCardOtpModal .modal-content .modal-body .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .modal-content .modal-body .warning-message-area,
.page-cartPage #modal-masterPassRegisterOtpModal .modal-content .modal-body .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .modal-content .modal-body .warning-message-area,
.page-cartPage #modal-masterpass-saved-cards .modal-content .modal-body .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .modal-content .modal-body .warning-message-area,
.page-cartPage #modal-cashOnDeliveryOtp .modal-content .modal-body .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .modal-content .modal-body .warning-message-area,
.page-cartPage #modal-store-finder .modal-content .modal-body .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-content .modal-body .warning-message-area,
.page-cartPage #modal-starcardPointCart .modal-content .modal-body .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-starcardPointCart .modal-content .modal-body .warning-message-area,
.page-cartPage #modal-installment-campaign .modal-content .modal-body .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-installment-campaign .modal-content .modal-body .warning-message-area {
    display: none;
    flex-direction: column;
    gap: 16px;
    padding: 20px 16px;
    border: 1px solid #fa5373;
    background-color: #faf0f4;
    margin-bottom: 16px;
    border-radius: 5px;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .warning-message-area .title,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .warning-message-area .title,
.page-cartPage #modal-pre-information .modal-content .modal-body .warning-message-area .title,
.page-multiStepCheckoutSummaryPage #modal-pre-information .modal-content .modal-body .warning-message-area .title,
.page-cartPage #modal-distance-sales .modal-content .modal-body .warning-message-area .title,
.page-multiStepCheckoutSummaryPage #modal-distance-sales .modal-content .modal-body .warning-message-area .title,
.page-cartPage #modal-add-edit-address .modal-content .modal-body .warning-message-area .title,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-content .modal-body .warning-message-area .title,
.page-cartPage #modal-select-address .modal-content .modal-body .warning-message-area .title,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-content .modal-body .warning-message-area .title,
.page-cartPage #modal-collectionadd .modal-content .modal-body .warning-message-area .title,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .warning-message-area .title,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .warning-message-area .title,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .warning-message-area .title,
.page-cartPage #modal-masterPassLinkCardOtpModal .modal-content .modal-body .warning-message-area .title,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .modal-content .modal-body .warning-message-area .title,
.page-cartPage #modal-masterPassRegisterOtpModal .modal-content .modal-body .warning-message-area .title,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .modal-content .modal-body .warning-message-area .title,
.page-cartPage #modal-masterpass-saved-cards .modal-content .modal-body .warning-message-area .title,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .modal-content .modal-body .warning-message-area .title,
.page-cartPage #modal-cashOnDeliveryOtp .modal-content .modal-body .warning-message-area .title,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .modal-content .modal-body .warning-message-area .title,
.page-cartPage #modal-store-finder .modal-content .modal-body .warning-message-area .title,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-content .modal-body .warning-message-area .title,
.page-cartPage #modal-starcardPointCart .modal-content .modal-body .warning-message-area .title,
.page-multiStepCheckoutSummaryPage #modal-starcardPointCart .modal-content .modal-body .warning-message-area .title,
.page-cartPage #modal-installment-campaign .modal-content .modal-body .warning-message-area .title,
.page-multiStepCheckoutSummaryPage #modal-installment-campaign .modal-content .modal-body .warning-message-area .title {
    display: flex;
    align-items: center;
    color: #29335c;
    font-size: 11px;
    font-weight: normal;
    gap: 10px;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .warning-message-area .title .svg-info,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .warning-message-area .title .svg-info,
.page-cartPage #modal-pre-information .modal-content .modal-body .warning-message-area .title .svg-info,
.page-multiStepCheckoutSummaryPage #modal-pre-information .modal-content .modal-body .warning-message-area .title .svg-info,
.page-cartPage #modal-distance-sales .modal-content .modal-body .warning-message-area .title .svg-info,
.page-multiStepCheckoutSummaryPage #modal-distance-sales .modal-content .modal-body .warning-message-area .title .svg-info,
.page-cartPage #modal-add-edit-address .modal-content .modal-body .warning-message-area .title .svg-info,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-content .modal-body .warning-message-area .title .svg-info,
.page-cartPage #modal-select-address .modal-content .modal-body .warning-message-area .title .svg-info,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-content .modal-body .warning-message-area .title .svg-info,
.page-cartPage #modal-collectionadd .modal-content .modal-body .warning-message-area .title .svg-info,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .warning-message-area .title .svg-info,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .warning-message-area .title .svg-info,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .warning-message-area .title .svg-info,
.page-cartPage #modal-masterPassLinkCardOtpModal .modal-content .modal-body .warning-message-area .title .svg-info,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .modal-content .modal-body .warning-message-area .title .svg-info,
.page-cartPage #modal-masterPassRegisterOtpModal .modal-content .modal-body .warning-message-area .title .svg-info,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .modal-content .modal-body .warning-message-area .title .svg-info,
.page-cartPage #modal-masterpass-saved-cards .modal-content .modal-body .warning-message-area .title .svg-info,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .modal-content .modal-body .warning-message-area .title .svg-info,
.page-cartPage #modal-cashOnDeliveryOtp .modal-content .modal-body .warning-message-area .title .svg-info,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .modal-content .modal-body .warning-message-area .title .svg-info,
.page-cartPage #modal-store-finder .modal-content .modal-body .warning-message-area .title .svg-info,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-content .modal-body .warning-message-area .title .svg-info,
.page-cartPage #modal-starcardPointCart .modal-content .modal-body .warning-message-area .title .svg-info,
.page-multiStepCheckoutSummaryPage #modal-starcardPointCart .modal-content .modal-body .warning-message-area .title .svg-info,
.page-cartPage #modal-installment-campaign .modal-content .modal-body .warning-message-area .title .svg-info,
.page-multiStepCheckoutSummaryPage #modal-installment-campaign .modal-content .modal-body .warning-message-area .title .svg-info {
    width: 20px;
    height: 20px;
    background: url('../_ui/responsive/theme-penti/images/icons_info_circle.svg') no-repeat center center;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .warning-message-area .description,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .warning-message-area .description,
.page-cartPage #modal-pre-information .modal-content .modal-body .warning-message-area .description,
.page-multiStepCheckoutSummaryPage #modal-pre-information .modal-content .modal-body .warning-message-area .description,
.page-cartPage #modal-distance-sales .modal-content .modal-body .warning-message-area .description,
.page-multiStepCheckoutSummaryPage #modal-distance-sales .modal-content .modal-body .warning-message-area .description,
.page-cartPage #modal-add-edit-address .modal-content .modal-body .warning-message-area .description,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-content .modal-body .warning-message-area .description,
.page-cartPage #modal-select-address .modal-content .modal-body .warning-message-area .description,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-content .modal-body .warning-message-area .description,
.page-cartPage #modal-collectionadd .modal-content .modal-body .warning-message-area .description,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .warning-message-area .description,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .warning-message-area .description,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .warning-message-area .description,
.page-cartPage #modal-masterPassLinkCardOtpModal .modal-content .modal-body .warning-message-area .description,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .modal-content .modal-body .warning-message-area .description,
.page-cartPage #modal-masterPassRegisterOtpModal .modal-content .modal-body .warning-message-area .description,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .modal-content .modal-body .warning-message-area .description,
.page-cartPage #modal-masterpass-saved-cards .modal-content .modal-body .warning-message-area .description,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .modal-content .modal-body .warning-message-area .description,
.page-cartPage #modal-cashOnDeliveryOtp .modal-content .modal-body .warning-message-area .description,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .modal-content .modal-body .warning-message-area .description,
.page-cartPage #modal-store-finder .modal-content .modal-body .warning-message-area .description,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-content .modal-body .warning-message-area .description,
.page-cartPage #modal-starcardPointCart .modal-content .modal-body .warning-message-area .description,
.page-multiStepCheckoutSummaryPage #modal-starcardPointCart .modal-content .modal-body .warning-message-area .description,
.page-cartPage #modal-installment-campaign .modal-content .modal-body .warning-message-area .description,
.page-multiStepCheckoutSummaryPage #modal-installment-campaign .modal-content .modal-body .warning-message-area .description {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-cartPage #modal-pre-information .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-pre-information .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-cartPage #modal-distance-sales .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-distance-sales .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-cartPage #modal-add-edit-address .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-cartPage #modal-select-address .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-cartPage #modal-collectionadd .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-cartPage #modal-credit-card-form .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-cartPage #modal-masterPassLinkCardOtpModal .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-cartPage #modal-masterPassRegisterOtpModal .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-cartPage #modal-masterpass-saved-cards .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-cartPage #modal-cashOnDeliveryOtp .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-cartPage #modal-store-finder .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-cartPage #modal-starcardPointCart .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-starcardPointCart .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-cartPage #modal-installment-campaign .modal-content .modal-body:has(.form-error) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-installment-campaign .modal-content .modal-body:has(.form-error) .warning-message-area {
    display: flex !important;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-cartPage #modal-pre-information .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-pre-information .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-cartPage #modal-distance-sales .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-distance-sales .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-cartPage #modal-add-edit-address .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-cartPage #modal-select-address .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-cartPage #modal-collectionadd .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-cartPage #modal-credit-card-form .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-cartPage #modal-masterPassLinkCardOtpModal .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-cartPage #modal-masterPassRegisterOtpModal .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-cartPage #modal-masterpass-saved-cards .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-cartPage #modal-cashOnDeliveryOtp .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-cartPage #modal-store-finder .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-cartPage #modal-starcardPointCart .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-starcardPointCart .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-cartPage #modal-installment-campaign .modal-content .modal-body:has(.form-error-msg) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-installment-campaign .modal-content .modal-body:has(.form-error-msg) .warning-message-area {
    display: flex !important;
}

.page-cartPage #modal-pointDetail .modal-content .modal-header,
.page-multiStepCheckoutSummaryPage #modal-pointDetail .modal-content .modal-header {
    height: inherit;
    padding: 0;
    text-align: center;
    border-bottom: 1px solid #faf0f4;
}

.page-cartPage #modal-pointDetail .modal-content .modal-header .modal-title,
.page-multiStepCheckoutSummaryPage #modal-pointDetail .modal-content .modal-header .modal-title {
    font-size: 14px;
    color: #81819b;
    font-weight: normal;
    font-family: 'WORK SANS' !important;
    width: 100%;
    text-align: center;
    padding: 17px 0;
}

.page-cartPage #modal-pointDetail .modal-content .modal-header .modal-header-right,
.page-multiStepCheckoutSummaryPage #modal-pointDetail .modal-content .modal-header .modal-header-right {
    position: absolute;
    right: 16px;
    top: 17px;
}

.page-cartPage #modal-pointDetail .modal-content .modal-header .modal-header-right .svg-close,
.page-multiStepCheckoutSummaryPage #modal-pointDetail .modal-content .modal-header .modal-header-right .svg-close {
    padding: 6px;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons_close.svg') no-repeat center center;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section {
    margin-top: 20px;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body {
    margin: 0;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox,
.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea {
    width: 100%;
    border: none;
    padding: 0;
    margin: 0;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox:before,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox:before,
.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea:before,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea:before {
    content: none;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox label,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox label,
.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea label,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea label {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    line-height: 11px;
    top: 16px;
    left: 16px;
    z-index: 1;
    position: absolute;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox .wrp,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox .wrp,
.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea .wrp,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea .wrp {
    width: 100%;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox .wrp input[type=text],
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox .wrp input[type=text],
.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea .wrp input[type=text],
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea .wrp input[type=text],
.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox .wrp input[type=email],
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox .wrp input[type=email],
.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea .wrp input[type=email],
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea .wrp input[type=email],
.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox .wrp input[type=tel],
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox .wrp input[type=tel],
.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea .wrp input[type=tel],
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea .wrp input[type=tel],
.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox .wrp input[type=number],
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox .wrp input[type=number],
.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea .wrp input[type=number],
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea .wrp input[type=number] {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
    width: 100%;
    margin: 0;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox .wrp input[type=password],
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox .wrp input[type=password],
.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea .wrp input[type=password],
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea .wrp input[type=password] {
    letter-spacing: 12px;
    font-size: 32px;
    text-align: center;
    caret-color: #fa5373;
    border-radius: 5px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox .wrp i.svg,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox .wrp i.svg,
.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea .wrp i.svg,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea .wrp i.svg {
    top: 10px;
    right: 16px;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox .wrp select,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox .wrp select,
.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea .wrp select,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea .wrp select {
    border: 1px solid #ececf4;
    border-radius: 5px;
    background: #f6f6f9;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
    font-size: 12px;
    color: #29335c;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox.input-active label,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox.input-active label,
.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea.input-active label,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea.input-active label {
    top: -10px;
    background: #fff;
    padding: 4px;
    color: #fa5373;
    display: block;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox.input-active input,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox.input-active input,
.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea.input-active input,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea.input-active input,
.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox.input-active textarea,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox.input-active textarea,
.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea.input-active textarea,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea.input-active textarea {
    border: 1px solid #fa5373;
    background-color: #fff;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox.input-active.not-empty label,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox.input-active.not-empty label,
.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea.input-active.not-empty label,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea.input-active.not-empty label {
    color: #81819b !important;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox.input-active.not-empty input,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox.input-active.not-empty input,
.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea.input-active.not-empty input,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea.input-active.not-empty input,
.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox.input-active.not-empty textarea,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox.input-active.not-empty textarea,
.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea.input-active.not-empty textarea,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea.input-active.not-empty textarea {
    border: 1px solid #ececf4 !important;
    background-color: #f6f6f9 !important;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea.input-active.not-empty:has(.form-error-msg),
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea.input-active.not-empty:has(.form-error-msg) {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea.input-active.not-empty:has(.form-error-msg) input,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area .input.textarea.input-active.not-empty:has(.form-error-msg) input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area button.cpn-submit,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .coupon-area button.cpn-submit {
    border-radius: 5px;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    background-color: #fa5373;
    height: 44px;
    line-height: 44px;
    text-align: center;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .cpn-result.success,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .cpn-result.success {
    border: 1px solid #fa5373;
    background: #faf0f4;
    color: #29335c;
    font-size: 12px;
    font-weight: normal;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .cpn-result.error,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .cpn-result.error {
    display: none !important;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body .warning-message-area {
    margin-bottom: 22px;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body:has(.cpn-result.error) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body:has(.cpn-result.error) .warning-message-area {
    display: flex;
}

.page-cartPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body:has(.cpn-result.error.d-none) .warning-message-area,
.page-multiStepCheckoutSummaryPage #modal-cart-coupon .modal-content .modal-body .cart-coupon-section .cpn-body:has(.cpn-result.error.d-none) .warning-message-area {
    display: none;
}

.page-cartPage #modal-masterpass-saved-cards .add-new-credit-card-button,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .add-new-credit-card-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px;
    border: 1px solid #fa5373;
    border-radius: 5px;
    color: #fa5373;
    line-height: normal;
    margin: 20px 0 16px;
}

.page-cartPage #modal-masterpass-saved-cards .js-masterpass-card-list,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .js-masterpass-card-list {
    margin-top: 16px;
}

.page-cartPage #modal-masterpass-saved-cards .js-masterpass-card-list .masterpass-information,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .js-masterpass-card-list .masterpass-information {
    border: 1px solid #fdecd1;
    background-color: #fffaf4;
    display: flex;
    justify-content: space-between;
    padding: 16px;
    border-radius: 5px;
    align-items: center;
    margin-bottom: 16px;
}

.page-cartPage #modal-masterpass-saved-cards .js-masterpass-card-list .masterpass-information .text,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .js-masterpass-card-list .masterpass-information .text {
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    max-width: 165px;
}

.page-cartPage #modal-masterpass-saved-cards .js-masterpass-card-list .masterpass-information .logo img,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .js-masterpass-card-list .masterpass-information .logo img {
    height: 20px;
    width: auto;
}

.page-cartPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.page-cartPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card {
    display: none;
    margin: 0 !important;
}

.page-cartPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved {
    display: flex;
    border-radius: 5px;
    border: 1px solid #ececf4;
    background-color: #ffffff;
    padding: 16px;
}

.page-cartPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved .input.radio,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved .input.radio {
    width: 100%;
}

.page-cartPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved .input.radio input,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved .input.radio input {
    visibility: hidden;
}

.page-cartPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved .input.radio label,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved .input.radio label {
    padding: 0;
}

.page-cartPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved .input.radio label .rrc,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved .input.radio label .rrc {
    align-items: center;
}

.page-cartPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved .input.radio label .rrc .rrc-body,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved .input.radio label .rrc .rrc-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.page-cartPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved .input.radio label .rrc .rrc-body b,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved .input.radio label .rrc .rrc-body b {
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
}

.page-cartPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved .input.radio label .rrc .rrc-body span,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved .input.radio label .rrc .rrc-body span {
    font-size: 12px;
    color: #81819b;
    font-weight: normal;
}

.page-cartPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved .input.radio label:before,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved .input.radio label:before {
    content: "Seç";
    background: #fff;
    border-radius: 5px;
    border: 1px solid #fa5373;
    color: #fa5373;
    width: 36px;
    height: 29px;
    line-height: 27px;
    text-align: center;
    right: 0;
    left: inherit;
    top: 8px;
}

.page-cartPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved .input.radio label:after,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved .input.radio label:after {
    width: 12px;
    height: 8px;
    background: url('../_ui/responsive/theme-penti/images/icons_checkmark.svg') no-repeat center center;
    display: inline-block;
    left: inherit;
    right: 16px;
    top: 18px;
}

.page-cartPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved .mpc-card-remove,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved .mpc-card-remove {
    position: absolute;
    right: 76px;
    top: 28px;
    width: 20px;
    height: 20px;
    background: url('../_ui/responsive/theme-penti/images/icons_delete_card.svg') no-repeat center center;
}

.page-cartPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved:hover,
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved:hover {
    border-color: #fa5373;
}

.page-cartPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved:has(input[type="radio"]:checked),
.page-multiStepCheckoutSummaryPage #modal-masterpass-saved-cards .js-masterpass-card-list .mpc-cards .mpc-card.mpc-card-saved:has(input[type="radio"]:checked) {
    background-color: #faf0f4;
    border-color: #fa5373;
}

.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    margin-top: 20px;
}

.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .msh-mplogo img,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .msh-mplogo img,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .msh-mplogo img,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .msh-mplogo img,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .msh-mplogo img,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .msh-mplogo img {
    height: 18px;
    width: auto;
}

.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .msh-desc,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .msh-desc,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .msh-desc,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .msh-desc,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .msh-desc,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .msh-desc {
    color: #29335c;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
}

.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form {
    width: 100%;
}

.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row {
    margin-bottom: 16px;
}

.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox,
.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea {
    padding: 0;
}

.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox label,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox label,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox label,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox label,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox label,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox label,
.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea label,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea label,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea label,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea label,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea label,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea label {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    line-height: 11px;
    top: 16px;
    left: 16px;
    z-index: 1;
    position: absolute;
}

.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox textarea,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox textarea,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox textarea,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox textarea,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox textarea,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox textarea,
.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea textarea,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea textarea,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea textarea,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea textarea,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea textarea,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea textarea {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 74px;
}

.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox .wrp input[type=text],
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox .wrp input[type=text],
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox .wrp input[type=text],
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox .wrp input[type=text],
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox .wrp input[type=text],
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox .wrp input[type=text],
.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea .wrp input[type=text],
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea .wrp input[type=text],
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea .wrp input[type=text],
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea .wrp input[type=text],
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea .wrp input[type=text],
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea .wrp input[type=text],
.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox .wrp input[type=email],
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox .wrp input[type=email],
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox .wrp input[type=email],
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox .wrp input[type=email],
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox .wrp input[type=email],
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox .wrp input[type=email],
.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea .wrp input[type=email],
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea .wrp input[type=email],
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea .wrp input[type=email],
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea .wrp input[type=email],
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea .wrp input[type=email],
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea .wrp input[type=email],
.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox .wrp input[type=tel],
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox .wrp input[type=tel],
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox .wrp input[type=tel],
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox .wrp input[type=tel],
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox .wrp input[type=tel],
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox .wrp input[type=tel],
.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea .wrp input[type=tel],
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea .wrp input[type=tel],
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea .wrp input[type=tel],
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea .wrp input[type=tel],
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea .wrp input[type=tel],
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea .wrp input[type=tel],
.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox .wrp input[type=number],
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox .wrp input[type=number],
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox .wrp input[type=number],
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox .wrp input[type=number],
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox .wrp input[type=number],
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox .wrp input[type=number],
.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea .wrp input[type=number],
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea .wrp input[type=number],
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea .wrp input[type=number],
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea .wrp input[type=number],
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea .wrp input[type=number],
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea .wrp input[type=number] {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
}

.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox .wrp input[type=password],
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox .wrp input[type=password],
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox .wrp input[type=password],
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox .wrp input[type=password],
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox .wrp input[type=password],
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox .wrp input[type=password],
.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea .wrp input[type=password],
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea .wrp input[type=password],
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea .wrp input[type=password],
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea .wrp input[type=password],
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea .wrp input[type=password],
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea .wrp input[type=password] {
    letter-spacing: 12px;
    font-size: 32px;
    text-align: center;
    caret-color: #fa5373;
    border-radius: 5px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
}

.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox .wrp i.svg,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox .wrp i.svg,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox .wrp i.svg,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox .wrp i.svg,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox .wrp i.svg,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox .wrp i.svg,
.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea .wrp i.svg,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea .wrp i.svg,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea .wrp i.svg,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea .wrp i.svg,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea .wrp i.svg,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea .wrp i.svg {
    top: 10px;
    right: 16px;
}

.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox .wrp select,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox .wrp select,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox .wrp select,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox .wrp select,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox .wrp select,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox .wrp select,
.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea .wrp select,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea .wrp select,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea .wrp select,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea .wrp select,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea .wrp select,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea .wrp select {
    border: 1px solid #ececf4;
    border-radius: 5px;
    background: #f6f6f9;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
    font-size: 12px;
    color: #29335c;
}

.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox.input-active label,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox.input-active label,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox.input-active label,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox.input-active label,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox.input-active label,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox.input-active label,
.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea.input-active label,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea.input-active label,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea.input-active label,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea.input-active label,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea.input-active label,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea.input-active label {
    top: -10px;
    background: #fff;
    padding: 4px;
    color: #fa5373;
}

.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox.input-active input,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox.input-active input,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox.input-active input,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox.input-active input,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox.input-active input,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox.input-active input,
.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea.input-active input,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea.input-active input,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea.input-active input,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea.input-active input,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea.input-active input,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea.input-active input,
.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox.input-active textarea,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox.input-active textarea,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox.input-active textarea,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox.input-active textarea,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox.input-active textarea,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox.input-active textarea,
.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea.input-active textarea,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea.input-active textarea,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea.input-active textarea,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea.input-active textarea,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea.input-active textarea,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea.input-active textarea {
    border: 1px solid #fa5373;
    background-color: #fff;
}

.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox.input-active.not-empty label,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox.input-active.not-empty label,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox.input-active.not-empty label,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox.input-active.not-empty label,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox.input-active.not-empty label,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox.input-active.not-empty label,
.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea.input-active.not-empty label,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea.input-active.not-empty label,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea.input-active.not-empty label,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea.input-active.not-empty label,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea.input-active.not-empty label,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea.input-active.not-empty label {
    color: #81819b !important;
}

.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox.input-active.not-empty input,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox.input-active.not-empty input,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox.input-active.not-empty input,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox.input-active.not-empty input,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox.input-active.not-empty input,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox.input-active.not-empty input,
.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea.input-active.not-empty input,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea.input-active.not-empty input,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea.input-active.not-empty input,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea.input-active.not-empty input,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea.input-active.not-empty input,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea.input-active.not-empty input,
.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox.input-active.not-empty textarea,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox.input-active.not-empty textarea,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox.input-active.not-empty textarea,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox.input-active.not-empty textarea,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox.input-active.not-empty textarea,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox.input-active.not-empty textarea,
.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea.input-active.not-empty textarea,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea.input-active.not-empty textarea,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea.input-active.not-empty textarea,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea.input-active.not-empty textarea,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea.input-active.not-empty textarea,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea.input-active.not-empty textarea {
    border: 1px solid #ececf4 !important;
    background-color: #f6f6f9 !important;
}

.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea.input-active.not-empty:has(.form-error-msg),
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea.input-active.not-empty:has(.form-error-msg),
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea.input-active.not-empty:has(.form-error-msg),
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea.input-active.not-empty:has(.form-error-msg),
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea.input-active.not-empty:has(.form-error-msg),
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea.input-active.not-empty:has(.form-error-msg) {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea.input-active.not-empty:has(.form-error-msg) input,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-row .input.textarea.input-active.not-empty:has(.form-error-msg) input,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea.input-active.not-empty:has(.form-error-msg) input,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-row .input.textarea.input-active.not-empty:has(.form-error-msg) input,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea.input-active.not-empty:has(.form-error-msg) input,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-row .input.textarea.input-active.not-empty:has(.form-error-msg) input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-button,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-button,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-button,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-button,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-button,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-button {
    margin: 0;
}

.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-button .col-12,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-button .col-12,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-button .col-12,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-button .col-12,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-button .col-12,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-button .col-12 {
    margin: 0;
}

.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-button button,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-button button,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-button button,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-button button,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-button button,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-button button {
    height: 44px;
    font-weight: normal;
    border-radius: 5px;
    font-size: 14px;
    width: 100%;
}

.page-cartPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-button button.btn-outline-light,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .msh-section .form .form-button button.btn-outline-light,
.page-cartPage #modal-masterPassRegisterOtpModal .msh-section .form .form-button button.btn-outline-light,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .msh-section .form .form-button button.btn-outline-light,
.page-cartPage #modal-cashOnDeliveryOtp .msh-section .form .form-button button.btn-outline-light,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .msh-section .form .form-button button.btn-outline-light {
    margin-top: 16px;
    color: #FA5373;
    border: 1px solid #FA5373;
}

.page-cartPage #modal-masterPassLinkCardOtpModal .otp-countdown-waiting,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .otp-countdown-waiting,
.page-cartPage #modal-masterPassRegisterOtpModal .otp-countdown-waiting,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .otp-countdown-waiting,
.page-cartPage #modal-cashOnDeliveryOtp .otp-countdown-waiting,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .otp-countdown-waiting {
    width: 100% !important;
    height: inherit !important;
    margin: 0 !important;
}

.page-cartPage #modal-masterPassLinkCardOtpModal .otp-countdown-waiting div,
.page-multiStepCheckoutSummaryPage #modal-masterPassLinkCardOtpModal .otp-countdown-waiting div,
.page-cartPage #modal-masterPassRegisterOtpModal .otp-countdown-waiting div,
.page-multiStepCheckoutSummaryPage #modal-masterPassRegisterOtpModal .otp-countdown-waiting div,
.page-cartPage #modal-cashOnDeliveryOtp .otp-countdown-waiting div,
.page-multiStepCheckoutSummaryPage #modal-cashOnDeliveryOtp .otp-countdown-waiting div {
    color: #fa5373;
    font-size: 12px;
    font-weight: normal;
}

.page-cartPage #modal-credit-card-form .modal-content,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content {
    width: inherit;
    border-radius: 0;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body {
    max-height: 95vh;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 {
    max-width: 100%;
    margin: 0;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form {
    margin-top: 20px;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea {
    padding: 0;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox label,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox label,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea label,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea label {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    line-height: 11px;
    top: 16px;
    left: 16px;
    z-index: 1;
    position: absolute;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox textarea,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox textarea,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea textarea,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea textarea {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 74px;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox .wrp input,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox .wrp input,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea .wrp input,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea .wrp input {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox .wrp select,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox .wrp select,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea .wrp select,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea .wrp select {
    border: 1px solid #ececf4;
    border-radius: 5px;
    background: #f6f6f9;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
    font-size: 12px;
    color: #29335c;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox.input-active label,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox.input-active label,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea.input-active label,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea.input-active label {
    top: -10px;
    background: #fff;
    padding: 4px;
    color: #fa5373;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox.input-active input,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox.input-active input,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea.input-active input,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea.input-active input,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox.input-active textarea,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox.input-active textarea,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea.input-active textarea,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea.input-active textarea {
    border: 1px solid #fa5373;
    background-color: #fff;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox.input-active.not-empty label,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox.input-active.not-empty label,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea.input-active.not-empty label,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea.input-active.not-empty label {
    color: #81819b !important;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox.input-active.not-empty input,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox.input-active.not-empty input,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea.input-active.not-empty input,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea.input-active.not-empty input,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox.input-active.not-empty textarea,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox.input-active.not-empty textarea,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea.input-active.not-empty textarea,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea.input-active.not-empty textarea {
    border: 1px solid #ececf4 !important;
    background-color: #f6f6f9 !important;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea.input-active.not-empty:has(.form-error-msg),
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea.input-active.not-empty:has(.form-error-msg) {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea.input-active.not-empty:has(.form-error-msg) input,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea.input-active.not-empty:has(.form-error-msg) input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox .form-error-msg,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox .form-error-msg,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea .form-error-msg,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea .form-error-msg {
    display: none;
    font-size: 0px;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox:has(.form-error-msg) input,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textbox:has(.form-error-msg) input,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea:has(.form-error-msg) input,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .pay-card-form .input.textarea:has(.form-error-msg) input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container {
    background-color: #fffaf4;
    border: 1px solid #fdecd1;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 5px;
    display: flex !important;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container figure img,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container figure img {
    height: 18px;
    width: auto;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .form-row,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .form-row {
    display: none;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea {
    padding: 0;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox label,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox label,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea label,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea label {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    line-height: 11px;
    top: 16px;
    left: 16px;
    z-index: 1;
    position: absolute;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox textarea,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox textarea,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea textarea,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea textarea {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 74px;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox .wrp input,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox .wrp input,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea .wrp input,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea .wrp input {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox .wrp select,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox .wrp select,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea .wrp select,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea .wrp select {
    border: 1px solid #ececf4;
    border-radius: 5px;
    background: #f6f6f9;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
    font-size: 12px;
    color: #29335c;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox.input-active label,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox.input-active label,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea.input-active label,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea.input-active label {
    top: -10px;
    background: #fff;
    padding: 4px;
    color: #fa5373;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox.input-active input,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox.input-active input,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea.input-active input,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea.input-active input,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox.input-active textarea,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox.input-active textarea,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea.input-active textarea,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea.input-active textarea {
    border: 1px solid #fa5373;
    background-color: #fff;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox.input-active.not-empty label,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox.input-active.not-empty label,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea.input-active.not-empty label,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea.input-active.not-empty label {
    color: #81819b !important;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox.input-active.not-empty input,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox.input-active.not-empty input,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea.input-active.not-empty input,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea.input-active.not-empty input,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox.input-active.not-empty textarea,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox.input-active.not-empty textarea,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea.input-active.not-empty textarea,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea.input-active.not-empty textarea {
    border: 1px solid #ececf4 !important;
    background-color: #f6f6f9 !important;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea.input-active.not-empty:has(.form-error-msg),
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea.input-active.not-empty:has(.form-error-msg) {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea.input-active.not-empty:has(.form-error-msg) input,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea.input-active.not-empty:has(.form-error-msg) input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox .form-error-msg,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox .form-error-msg,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea .form-error-msg,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea .form-error-msg {
    display: none !important;
    font-size: 0px !important;
}

.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox:has(.form-error-msg) input,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textbox:has(.form-error-msg) input,
.page-cartPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea:has(.form-error-msg) input,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .modal-content .modal-body .pay-card-block2 .mpc-save.masterPass-container .mpc-save-form .input.textarea:has(.form-error-msg) input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-cartPage #modal-credit-card-form .form-button,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .form-button {
    margin: 0;
}

.page-cartPage #modal-credit-card-form .form-button .col-12,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .form-button .col-12 {
    margin: 0;
}

.page-cartPage #modal-credit-card-form .form-button button,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .form-button button {
    height: 44px;
    font-weight: normal;
    border-radius: 5px;
    font-size: 14px;
    width: 100%;
    text-align: center;
    background: #fa5373;
    color: #fff;
    margin-top: 16px;
}

.page-cartPage #modal-credit-card-form .form-button button.btn-outline-light,
.page-multiStepCheckoutSummaryPage #modal-credit-card-form .form-button button.btn-outline-light {
    margin-top: 16px;
    color: #FA5373;
    border: 1px solid #FA5373;
}

.page-cartPage #modal-collectionadd .modal-content,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content {
    width: inherit;
    border-radius: 0;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body {
    max-height: 95vh;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new {
    margin: 20px 0;
    border-bottom: 10px solid #f6f6f9;
    padding-bottom: 20px;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new button,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new button {
    border-radius: 5px;
    margin: 0;
    width: 100%;
    border: 1px solid #fa5373;
    background-color: #fff;
    color: #fa5373;
    font-size: 12px;
    font-weight: normal;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new button:after,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new button:after {
    content: none;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area {
    display: flex;
    flex-direction: column;
    gap: 10px;
    display: none;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox,
.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea {
    padding: 0;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox label,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox label,
.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea label,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea label {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    line-height: 11px;
    top: 16px;
    left: 16px;
    z-index: 1;
    position: absolute;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox textarea,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox textarea,
.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea textarea,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea textarea {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 74px;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox .wrp input,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox .wrp input,
.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea .wrp input,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea .wrp input {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox .wrp select,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox .wrp select,
.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea .wrp select,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea .wrp select {
    border: 1px solid #ececf4;
    border-radius: 5px;
    background: #f6f6f9;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
    font-size: 12px;
    color: #29335c;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox.input-active label,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox.input-active label,
.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea.input-active label,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea.input-active label {
    top: -10px;
    background: #fff;
    padding: 4px;
    color: #fa5373;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox.input-active input,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox.input-active input,
.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea.input-active input,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea.input-active input,
.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox.input-active textarea,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox.input-active textarea,
.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea.input-active textarea,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea.input-active textarea {
    border: 1px solid #fa5373;
    background-color: #fff;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox.input-active.not-empty label,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox.input-active.not-empty label,
.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea.input-active.not-empty label,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea.input-active.not-empty label {
    color: #81819b !important;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox.input-active.not-empty input,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox.input-active.not-empty input,
.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea.input-active.not-empty input,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea.input-active.not-empty input,
.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox.input-active.not-empty textarea,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox.input-active.not-empty textarea,
.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea.input-active.not-empty textarea,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea.input-active.not-empty textarea {
    border: 1px solid #ececf4 !important;
    background-color: #f6f6f9 !important;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea.input-active.not-empty:has(.form-error-msg),
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea.input-active.not-empty:has(.form-error-msg) {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea.input-active.not-empty:has(.form-error-msg) input,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea.input-active.not-empty:has(.form-error-msg) input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .modal-button,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .add-new .new-area .modal-button {
    background-color: #fa5373;
    color: #fff;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .modal-collection-list,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .modal-collection-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .modal-collection-list ul,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .modal-collection-list ul {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li {
    margin: 0;
    border: 1px solid #ececf4;
    border-radius: 5px;
    padding: 10px;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li .modal-collection-image,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li .modal-collection-image {
    background-color: #f6f6f9;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li .modal-collection-image .no-image,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li .modal-collection-image .no-image {
    filter: brightness(0) saturate(100%) invert(57%) sepia(11%) saturate(568%) hue-rotate(201deg) brightness(87%) contrast(85%);
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li .modal-collection-name,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li .modal-collection-name {
    color: #29335c;
    text-transform: capitalize;
    font-size: 11px;
    font-weight: normal;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li .modal-collection-choose,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li .modal-collection-choose {
    border: 1px solid #fa5373;
    font-size: 11px;
    color: #fa5373;
    font-weight: normal;
    padding: 8px;
    border-radius: 5px;
    line-height: 11px;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li:hover,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li:hover {
    border-color: #fa5373;
}

.page-cartPage #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li:hover .modal-collection-name,
.page-multiStepCheckoutSummaryPage #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li:hover .modal-collection-name {
    color: #fa5373;
}

.page-cartPage #modal-pre-information .cps,
.page-multiStepCheckoutSummaryPage #modal-pre-information .cps,
.page-cartPage #modal-distance-sales .cps,
.page-multiStepCheckoutSummaryPage #modal-distance-sales .cps {
    margin-top: 20px;
}

.page-cartPage #modal-pre-information .cps .cai .cai-content .scroller,
.page-multiStepCheckoutSummaryPage #modal-pre-information .cps .cai .cai-content .scroller,
.page-cartPage #modal-distance-sales .cps .cai .cai-content .scroller,
.page-multiStepCheckoutSummaryPage #modal-distance-sales .cps .cai .cai-content .scroller {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    border: none;
}

.page-cartPage #modal-pre-information .cps .cai .cai-content .scroller .scroller-inner,
.page-multiStepCheckoutSummaryPage #modal-pre-information .cps .cai .cai-content .scroller .scroller-inner,
.page-cartPage #modal-distance-sales .cps .cai .cai-content .scroller .scroller-inner,
.page-multiStepCheckoutSummaryPage #modal-distance-sales .cps .cai .cai-content .scroller .scroller-inner {
    height: 90vh;
    padding: 0;
    font-size: 12px;
    color: #29335c;
}

.page-cartPage #modal-pre-information .cps .cai .cai-content .scroller .scroller-inner strong,
.page-multiStepCheckoutSummaryPage #modal-pre-information .cps .cai .cai-content .scroller .scroller-inner strong,
.page-cartPage #modal-distance-sales .cps .cai .cai-content .scroller .scroller-inner strong,
.page-multiStepCheckoutSummaryPage #modal-distance-sales .cps .cai .cai-content .scroller .scroller-inner strong {
    text-transform: uppercase;
    font-weight: normal !important;
}

.page-cartPage #modal-pre-information .cps .cai .cai-content .scroller .scroller-inner p,
.page-multiStepCheckoutSummaryPage #modal-pre-information .cps .cai .cai-content .scroller .scroller-inner p,
.page-cartPage #modal-distance-sales .cps .cai .cai-content .scroller .scroller-inner p,
.page-multiStepCheckoutSummaryPage #modal-distance-sales .cps .cai .cai-content .scroller .scroller-inner p {
    margin-bottom: 0;
}

.page-cartPage #modal-pre-information .cps .cai .cai-content .scroller:after,
.page-multiStepCheckoutSummaryPage #modal-pre-information .cps .cai .cai-content .scroller:after,
.page-cartPage #modal-distance-sales .cps .cai .cai-content .scroller:after,
.page-multiStepCheckoutSummaryPage #modal-distance-sales .cps .cai .cai-content .scroller:after {
    content: none;
}

.page-cartPage #modal-pre-information .cps:before,
.page-multiStepCheckoutSummaryPage #modal-pre-information .cps:before,
.page-cartPage #modal-distance-sales .cps:before,
.page-multiStepCheckoutSummaryPage #modal-distance-sales .cps:before {
    content: none;
}

.page-cartPage #modal-add-edit-address .modal-body,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body {
    padding: 20px 16px !important;
}

.page-cartPage #modal-add-edit-address .modal-body form,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-row,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row {
    margin: 0 !important;
    height: 44px;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-row.form-adress-section .form-error-msg,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row.form-adress-section .form-error-msg {
    font-size: 12px;
    text-indent: 0;
    display: block;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textbox,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textbox,
.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textarea,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textarea {
    padding: 0;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textbox label,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textbox label,
.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textarea label,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textarea label {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    line-height: 11px;
    top: 16px;
    left: 16px;
    z-index: 1;
    position: absolute;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textbox textarea,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textbox textarea,
.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textarea textarea,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textarea textarea {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 74px;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textbox .wrp input,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textbox .wrp input,
.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textarea .wrp input,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textarea .wrp input {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textbox .wrp select,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textbox .wrp select,
.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textarea .wrp select,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textarea .wrp select {
    border: 1px solid #ececf4;
    border-radius: 5px;
    background: #f6f6f9;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
    font-size: 12px;
    color: #29335c;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textbox.input-active label,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textbox.input-active label,
.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textarea.input-active label,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textarea.input-active label {
    top: -10px;
    background: #fff;
    padding: 4px;
    color: #fa5373;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textbox.input-active input,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textbox.input-active input,
.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textarea.input-active input,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textarea.input-active input,
.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textbox.input-active textarea,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textbox.input-active textarea,
.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textarea.input-active textarea,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textarea.input-active textarea {
    border: 1px solid #fa5373;
    background-color: #fff;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textbox.input-active.not-empty label,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textbox.input-active.not-empty label,
.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textarea.input-active.not-empty label,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textarea.input-active.not-empty label {
    color: #81819b !important;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textbox.input-active.not-empty input,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textbox.input-active.not-empty input,
.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textarea.input-active.not-empty input,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textarea.input-active.not-empty input,
.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textbox.input-active.not-empty textarea,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textbox.input-active.not-empty textarea,
.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textarea.input-active.not-empty textarea,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textarea.input-active.not-empty textarea {
    border: 1px solid #ececf4 !important;
    background-color: #f6f6f9 !important;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textarea.input-active.not-empty:has(.form-error-msg),
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textarea.input-active.not-empty:has(.form-error-msg) {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.textarea.input-active.not-empty:has(.form-error-msg) input,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.textarea.input-active.not-empty:has(.form-error-msg) input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.select,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.select {
    padding: 0;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.select label,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.select label {
    top: -10px;
    background: #fff;
    padding: 4px;
    position: absolute;
    z-index: 2;
    left: 15px;
    font-size: 11px;
    color: #81819b;
    line-height: 11px;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.select .wrp select,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.select .wrp select {
    border: 1px solid #ececf4;
    border-radius: 5px;
    background: #f6f6f9;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
    font-size: 12px;
    color: #29335c;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.select .wrp:after,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.select .wrp:after {
    width: 22px;
    height: 22px;
    background: url(../_ui/responsive/theme-penti/images/icons_keyboard_arrow.svg) no-repeat 0px 0px;
    top: 10px;
    background-size: 22px;
    right: 16px;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.select.hide-label label,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.select.hide-label label {
    display: none;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.checkbox label,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.checkbox label {
    font-size: 12px;
    color: #81819b;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.checkbox label:before,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.checkbox label:before {
    border-radius: 5px;
    background: transparent;
    border: 1px solid #fa5373;
    left: 2px;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-row .input.checkbox label:after,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row .input.checkbox label:after {
    padding: 6px;
    width: 22px;
    height: 22px;
    background: url('../_ui/responsive/theme-penti/images/icons_check_box_outline.svg') no-repeat center center;
    top: 0;
    background-size: 22px;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-row:has(.input.textarea),
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-row:has(.input.textarea) {
    height: 75px;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-error:has(.input.textarea),
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-error:has(.input.textarea) {
    height: auto !important;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-error .form-error-msg,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-error .form-error-msg {
    font-size: 0px;
    text-indent: -9999px;
    display: none;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-error input,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-error input,
.page-cartPage #modal-add-edit-address .modal-body form .form-error textarea,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-error textarea,
.page-cartPage #modal-add-edit-address .modal-body form .form-error select,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-error select {
    background-color: #faf0f4 !important;
    border-color: #faf0f4 !important;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-button,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-button {
    margin: 0;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-button .col-12,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-button .col-12 {
    margin: 0;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-button button,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-button button {
    height: 44px;
    font-weight: normal;
    border-radius: 5px;
    font-size: 14px;
}

.page-cartPage #modal-add-edit-address .modal-body form .form-button button.btn-outline-light,
.page-multiStepCheckoutSummaryPage #modal-add-edit-address .modal-body form .form-button button.btn-outline-light {
    margin-top: 16px;
    color: #FA5373;
    border: 1px solid #FA5373;
}

.page-cartPage #modal-select-address .modal-body,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-body {
    margin-top: 20px;
}

.page-cartPage #modal-select-address .modal-body #address-selection .asl-list,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-body #address-selection .asl-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.page-cartPage #modal-select-address .modal-body #address-selection .asl-list .asl,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-body #address-selection .asl-list .asl {
    padding: 16px 15px;
    border: 1px solid #ececf4;
    border-radius: 5px;
    margin: 0;
}

.page-cartPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio {
    width: 100%;
}

.page-cartPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio input,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio input {
    visibility: hidden;
}

.page-cartPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio label,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio label {
    padding: 0;
    width: 100%;
}

.page-cartPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio label:before,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio label:before {
    width: 0;
    height: 0;
}

.page-cartPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio label:after,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio label:after {
    width: 0;
    height: 0;
}

.page-cartPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio label .rrc,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio label .rrc {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}

.page-cartPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio label .rrc .rrc-body,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio label .rrc .rrc-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 80%;
}

.page-cartPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio label .rrc .rrc-body .address-title,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio label .rrc .rrc-body .address-title {
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}

.page-cartPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio label .rrc .rrc-body .address-title span,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio label .rrc .rrc-body .address-title span {
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
}

.page-cartPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio label .rrc .rrc-body .address-title .svg-pin,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio label .rrc .rrc-body .address-title .svg-pin {
    width: 14px;
    height: 18px;
    background: url('../_ui/responsive/theme-penti/images/icons_address_pin.svg') no-repeat center center;
}

.page-cartPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio label .rrc .rrc-body .rrc-text,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio label .rrc .rrc-body .rrc-text {
    color: #81819b;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.page-cartPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio label .rrc .rrc-body .rrc-text p,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio label .rrc .rrc-body .rrc-text p {
    margin: 0;
}

.page-cartPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio label .rrc .rrc-body .asl-edit,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio label .rrc .rrc-body .asl-edit {
    position: relative;
    font-size: 12px;
    border: none !important;
    color: #fa5373;
    font-weight: normal;
}

.page-cartPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio label .rrc .choose-address button,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-body #address-selection .asl-list .asl .input.radio label .rrc .choose-address button {
    padding: 8px;
    border: 1px solid #fa5373;
    border-radius: 5px;
    color: #fa5373;
    font-size: 11px;
    font-weight: normal;
    max-height: 29px;
    line-height: 11px;
}

.page-cartPage #modal-select-address .modal-body #address-selection .asl-list .asl:has(.radio input:checked),
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-body #address-selection .asl-list .asl:has(.radio input:checked) {
    background-color: #faf0f4;
    border: 1px solid #fa5373;
}

.page-cartPage #modal-select-address .modal-body #address-selection .asl-list .asl:has(.radio input:checked) label,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-body #address-selection .asl-list .asl:has(.radio input:checked) label {
    padding: 0;
}

.page-cartPage #modal-select-address .modal-body #address-selection .asl-list .asl:has(.radio input:checked) label:before,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-body #address-selection .asl-list .asl:has(.radio input:checked) label:before {
    width: 0;
    height: 0;
}

.page-cartPage #modal-select-address .modal-body #address-selection .asl-list .asl:has(.radio input:checked) label:after,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-body #address-selection .asl-list .asl:has(.radio input:checked) label:after {
    width: 0;
    height: 0;
}

.page-cartPage #modal-select-address .modal-body #address-selection .asl-list .asl:has(.radio input:checked) label .choose-address button,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-body #address-selection .asl-list .asl:has(.radio input:checked) label .choose-address button {
    border: none !important;
    font-size: 0px !important;
}

.page-cartPage #modal-select-address .modal-body #address-selection .asl-list .asl:has(.radio input:checked) label .choose-address button:after,
.page-multiStepCheckoutSummaryPage #modal-select-address .modal-body #address-selection .asl-list .asl:has(.radio input:checked) label .choose-address button:after {
    content: "";
    width: 12px;
    height: 8px;
    background: url('../_ui/responsive/theme-penti/images/icons_checkmark.svg') no-repeat center center;
    display: inline-block;
}

.page-cartPage #modal-store-finder .modal-body,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body {
    padding: 20px 16px !important;
}

.page-cartPage #modal-store-finder .modal-body .ssf-sizes,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-sizes {
    padding: 0;
    margin: 0;
}

.page-cartPage #modal-store-finder .modal-body .ssf-sizes .ssf-sizes-title,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-sizes .ssf-sizes-title {
    font-weight: normal;
    font-size: 14px;
    color: #29335c;
    margin-bottom: 16px;
}

.page-cartPage #modal-store-finder .modal-body .ssf-sizes .ssf-sizes-options,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-sizes .ssf-sizes-options {
    gap: 10px;
}

.page-cartPage #modal-store-finder .modal-body .ssf-sizes .ssf-sizes-options .ssf-sizes-item,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-sizes .ssf-sizes-options .ssf-sizes-item {
    margin: 0;
    padding: 7px 10px;
    border-radius: 5px;
    border: solid 1px #ececf4;
    background-color: #fff;
    color: #29335c;
    font-size: 11px;
    min-width: 48px;
    width: auto;
    height: inherit;
    min-height: 34px;
}

.page-cartPage #modal-store-finder .modal-body .ssf-sizes .ssf-sizes-options .ssf-sizes-item.selected,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-sizes .ssf-sizes-options .ssf-sizes-item.selected {
    color: #fa5373;
    background-color: #faf0f4;
    border-color: #fa5373;
}

.page-cartPage #modal-store-finder .modal-body .ssf-sizes .ssf-sizes-options .ssf-sizes-item:hover,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-sizes .ssf-sizes-options .ssf-sizes-item:hover {
    color: #fa5373;
}

.page-cartPage #modal-store-finder .modal-body .ssf-form,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-form {
    padding: 0;
}

.page-cartPage #modal-store-finder .modal-body .ssf-form .ssf-form-desc .ssf-form-title,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-form .ssf-form-desc .ssf-form-title {
    margin-bottom: 16px;
    font-weight: normal;
    font-size: 12px;
    color: #29335c;
}

.page-cartPage #modal-store-finder .modal-body .ssf-form .ssf-form-body,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-form .ssf-form-body {
    margin: 0;
}

.page-cartPage #modal-store-finder .modal-body .ssf-form .ssf-form-body .form-row,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-form .ssf-form-body .form-row {
    gap: 16px;
}

.page-cartPage #modal-store-finder .modal-body .ssf-form .ssf-form-body .form-row .input.select,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-form .ssf-form-body .form-row .input.select {
    position: relative;
}

.page-cartPage #modal-store-finder .modal-body .ssf-form .ssf-form-body .form-row .input.select label,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-form .ssf-form-body .form-row .input.select label {
    line-height: 1.5;
    margin: 0;
    color: #81819b;
    background: #fff;
    padding: 0 4px;
    top: -10px;
    position: absolute;
    z-index: 2;
    left: 16px;
    font-size: 11px;
}

.page-cartPage #modal-store-finder .modal-body .ssf-form .ssf-form-body .form-row .input.select .wrp,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-form .ssf-form-body .form-row .input.select .wrp {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 42px;
    padding: 12px 16px;
    border-radius: 5px;
    border: solid 1px #ececf4;
    background-color: #f6f6f9;
    color: #29335c;
    font-size: 12px;
    font-weight: normal;
}

.page-cartPage #modal-store-finder .modal-body .ssf-form .ssf-form-body .form-row .input.select .wrp select,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-form .ssf-form-body .form-row .input.select .wrp select {
    padding: 0 16px;
    border-bottom-color: rgba(129, 129, 155, 0);
}

.page-cartPage #modal-store-finder .modal-body .ssf-form .ssf-form-body .form-row .input.select .wrp:after,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-form .ssf-form-body .form-row .input.select .wrp:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 5px;
    top: calc(50% - 10px);
    z-index: 1;
    pointer-events: none;
    background: url('../_ui/responsive/theme-penti/images/icons_keyboard_arrow.svg') no-repeat 0px 0px;
}

.page-cartPage #modal-store-finder .modal-body .ssf-form .ssf-form-button,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-form .ssf-form-button {
    margin-top: 6px;
}

.page-cartPage #modal-store-finder .modal-body .ssf-form .ssf-form-button .js-stores-near-me,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-form .ssf-form-button .js-stores-near-me {
    border: none;
    text-align: left;
    padding: 0;
    margin: 0;
    justify-content: flex-start;
    font-size: 12px;
    font-weight: normal;
    color: #81819b;
    cursor: pointer;
    padding-left: 16px;
}

.page-cartPage #modal-store-finder .modal-body .ssf-form .ssf-form-button .js-stores-near-me:before,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-form .ssf-form-button .js-stores-near-me:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 12px;
    z-index: 1;
    pointer-events: none;
    width: 20px;
    height: 20px;
    background: url('../_ui/responsive/theme-penti/images/icons_navigation.svg') no-repeat 0px 0px;
}

.page-cartPage #modal-store-finder .modal-body .ssf-stores,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-stores {
    margin-top: 0;
}

.page-cartPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list {
    margin-top: 0;
}

.page-cartPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli {
    width: 100% !important;
    border: none !important;
    border-radius: inherit !important;
    padding: 0 !important;
    margin: 0 !important;
    padding-bottom: 20px !important;
    border-bottom: 10px solid #f6f6f9 !important;
    margin-bottom: 20px !important;
}

.page-cartPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info {
    margin: 0 !important;
    align-items: center !important;
}

.page-cartPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left {
    width: 100%;
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.page-cartPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .sli-header,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .sli-header {
    margin-bottom: 0;
}

.page-cartPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .sli-header .sli-title,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .sli-header .sli-title {
    font-size: 12px;
    font-weight: normal;
    color: #29335c;
    text-transform: uppercase;
}

.page-cartPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .sli-delivery .sli-delivery-time,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .sli-delivery .sli-delivery-time {
    padding: 4px 8px;
    background-color: #ececf4;
    border-radius: 5px;
    color: #29335c;
    font-size: 11px;
    font-weight: normal;
    flex: none;
    display: inline;
    line-height: inherit;
}

.page-cartPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .sli-delivery .sli-delivery-fast,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .sli-delivery .sli-delivery-fast {
    padding: 4px 8px;
    background-color: #fa5373;
    border-radius: 5px;
    color: #ffffff;
    font-size: 11px;
    font-weight: normal;
    flex: none;
    display: inline;
    line-height: inherit;
}

.page-cartPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .low-stock,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .low-stock {
    background-color: #fa5373;
    color: #fff;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: normal;
    display: block;
    max-width: 76px;
    border-radius: 5px;
    text-align: center;
}

.page-cartPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .in-stock,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .in-stock {
    background-color: #ececf4;
    color: #29335c;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: normal;
    display: block;
    max-width: 76px;
    border-radius: 5px;
    text-align: center;
}

.page-cartPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .sli-address,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .sli-address,
.page-cartPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .sli-tel,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .sli-tel {
    color: #81819b;
    font-size: 11px;
    font-weight: normal;
}

.page-cartPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .sli-tel,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .sli-tel {
    color: #81819b;
    font-size: 11px !important;
    font-weight: normal !important;
    margin: 0;
}

.page-cartPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .sli-map,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .sli-map {
    display: flex;
    flex-direction: row;
    gap: 16px;
    color: #fa5373;
    font-size: 12px;
    font-weight: normal;
    align-items: center;
    cursor: pointer;
}

.page-cartPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .sli-map .svg-direction,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .sli-map .svg-direction {
    width: 20px;
    height: 20px;
    background: url('../_ui/responsive/theme-penti/images/icons_direction_right.svg') no-repeat center center;
    display: inline-block;
}

.page-cartPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-right .sli-choose,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-right .sli-choose {
    width: inherit;
    height: inherit;
    line-height: 11px;
    text-align: center;
    font-size: 11px;
    font-weight: normal;
    color: #D9005E;
    border: solid 1px #D9005E;
    border-radius: 5px;
    cursor: pointer;
    padding: 8px;
    height: 29px;
}

.page-cartPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-right .sli-choose label,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-right .sli-choose label {
    cursor: pointer;
}

.page-cartPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli.sli-not-found,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli.sli-not-found {
    display: flex !important;
    background: transparent;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.page-cartPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli.sli-not-found .sli-not-found-icon,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli.sli-not-found .sli-not-found-icon {
    width: 44px;
    height: 44px;
    background: url('../_ui/responsive/theme-penti/images/icons_heart_broken.svg') no-repeat center center;
    margin-bottom: 10px;
}

.page-cartPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli.sli-not-found .sli-not-found-title,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli.sli-not-found .sli-not-found-title {
    color: #29335c;
    font-size: 12px;
    font-weight: normal;
}

.page-cartPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli.sli-not-found .sli-block1,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli.sli-not-found .sli-block1 {
    font-size: 11px;
    font-weight: normal;
    color: #81819b;
}

.page-cartPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli.sli-not-found .sli-block1 p,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli.sli-not-found .sli-block1 p {
    font-size: 11px;
}

.page-cartPage #modal-store-finder .modal-body .pdp-new-divider.full-width,
.page-multiStepCheckoutSummaryPage #modal-store-finder .modal-body .pdp-new-divider.full-width {
    margin: 20px 0 !important;
}

.page-cartPage #wrapper .checkout-grid,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid {
    max-width: 1240px;
    margin: 0 auto;
    padding: 40px 0;
}

.page-cartPage #wrapper .checkout-grid .mobile-sticky-summary,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .mobile-sticky-summary {
    position: fixed;
    bottom: 20px;
    width: calc(100vw - 140px);
    z-index: 6;
    padding: 10px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    margin: 0 70px;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    display: none;
    flex-direction: column;
}

.page-cartPage #wrapper .checkout-grid .mobile-sticky-summary .summary-and-cta-section,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .mobile-sticky-summary .summary-and-cta-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: calc(100vw - 160px);
}

.page-cartPage #wrapper .checkout-grid .mobile-sticky-summary .summary-and-cta-section .summary,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .mobile-sticky-summary .summary-and-cta-section .summary {
    width: 45%;
}

.page-cartPage #wrapper .checkout-grid .mobile-sticky-summary .summary-and-cta-section .summary .mobile-summary-total,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .mobile-sticky-summary .summary-and-cta-section .summary .mobile-summary-total {
    display: flex;
    flex-direction: column;
    padding-left: 25px;
}

.page-cartPage #wrapper .checkout-grid .mobile-sticky-summary .summary-and-cta-section .summary .mobile-summary-total .price,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .mobile-sticky-summary .summary-and-cta-section .summary .mobile-summary-total .price {
    font-size: 12px;
    color: #29335c;
    font-weight: 500;
}

.page-cartPage #wrapper .checkout-grid .mobile-sticky-summary .summary-and-cta-section .summary .mobile-summary-total .text,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .mobile-sticky-summary .summary-and-cta-section .summary .mobile-summary-total .text {
    font-size: 9px;
    font-weight: normal;
    color: #fa5373;
    text-transform: capitalize;
}

.page-cartPage #wrapper .checkout-grid .mobile-sticky-summary .summary-and-cta-section .summary .mobile-summary-total:before,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .mobile-sticky-summary .summary-and-cta-section .summary .mobile-summary-total:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url('../_ui/responsive/theme-penti/images/cart_icons_keyboard_arrow.svg') no-repeat 0px 6px !important;
    display: inline-block;
    position: absolute;
    left: 10px;
}

.page-cartPage #wrapper .checkout-grid .mobile-sticky-summary .summary-and-cta-section .cta,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .mobile-sticky-summary .summary-and-cta-section .cta {
    width: 55%;
}

.page-cartPage #wrapper .checkout-grid .mobile-sticky-summary .summary-and-cta-section .cta .btn.btn-primary,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .mobile-sticky-summary .summary-and-cta-section .cta .btn.btn-primary {
    border-radius: 5px;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
    background-color: #fa5373;
    height: 44px;
    line-height: 44px;
    text-align: center;
    padding: 0 10px;
    width: 100%;
}

.page-cartPage #wrapper .checkout-grid .mobile-sticky-summary .order-detail-total-earnings,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .mobile-sticky-summary .order-detail-total-earnings {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px 16px;
}

.page-cartPage #wrapper .checkout-grid .mobile-sticky-summary .order-detail-total-earnings__content,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .mobile-sticky-summary .order-detail-total-earnings__content {
    color: #fa5373;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 5px;
    width: 100%;
    font-size: 11px;
    line-height: normal;
    background-color: #faf0f4;
}

.page-cartPage #wrapper .checkout-grid .only-mobile,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .only-mobile {
    display: none;
}

.page-cartPage #wrapper .checkout-grid .only-desktop,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .only-desktop {
    display: block;
}

.page-cartPage #wrapper .checkout-grid .cart-actions.only-mobile,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-actions.only-mobile {
    display: none;
}

.page-cartPage #wrapper .checkout-grid .cart-actions.only-desktop,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-actions.only-desktop {
    display: flex;
    flex-direction: column;
}

.page-cartPage #wrapper .checkout-grid .cart-actions .cart-action,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-actions .cart-action,
.page-cartPage #wrapper .checkout-grid .cart-actions .remove-promotion-on-cart,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-actions .remove-promotion-on-cart {
    border: 1px solid #ececf4;
    background-color: #ffffff;
    padding: 10px 16px;
    font-size: 12px;
    font-weight: normal;
    color: #29335c;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    align-items: center;
    display: flex;
    width: 100%;
    position: relative;
}

.page-cartPage #wrapper .checkout-grid .cart-actions .cart-action:before,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-actions .cart-action:before,
.page-cartPage #wrapper .checkout-grid .cart-actions .remove-promotion-on-cart:before,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-actions .remove-promotion-on-cart:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url('../_ui/responsive/theme-penti/images/icons_email_notification.svg') no-repeat center center;
    margin-right: 10px;
    display: inline-block;
    background-size: 20px;
}

.page-cartPage #wrapper .checkout-grid .cart-actions .cart-action:after,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-actions .cart-action:after,
.page-cartPage #wrapper .checkout-grid .cart-actions .remove-promotion-on-cart:after,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-actions .remove-promotion-on-cart:after {
    content: "";
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons_plus.svg') no-repeat center center;
    position: absolute;
    right: 16px;
    background-size: 24px;
}

.page-cartPage #wrapper .checkout-grid .cart-actions .remove-promotion-on-cart,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-actions .remove-promotion-on-cart {
    background-color: #faf0f4;
}

.page-cartPage #wrapper .checkout-grid .cart-actions .remove-promotion-on-cart:after,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-actions .remove-promotion-on-cart:after {
    content: "";
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons_delete_card.svg') no-repeat center center;
    position: absolute;
    right: 16px;
    background-size: 24px;
}

.page-cartPage #wrapper .checkout-grid .cart-starcard,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-starcard {
    -webkit-border-radius: 5px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius: 5px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-color: #ececf4;
    position: relative;
}

.page-cartPage #wrapper .checkout-grid .cart-starcard .starcard-point-section,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-starcard .starcard-point-section,
.page-cartPage #wrapper .checkout-grid .cart-starcard .starcard-point-applied-section,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-starcard .starcard-point-applied-section,
.page-cartPage #wrapper .checkout-grid .cart-starcard .employee-discount-section,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-starcard .employee-discount-section {
    padding: 10px 16px;
}

.page-cartPage #wrapper .checkout-grid .cart-starcard .starcard-point-section .icon-point,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-starcard .starcard-point-section .icon-point,
.page-cartPage #wrapper .checkout-grid .cart-starcard .starcard-point-applied-section .icon-point,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-starcard .starcard-point-applied-section .icon-point,
.page-cartPage #wrapper .checkout-grid .cart-starcard .employee-discount-section .icon-point,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-starcard .employee-discount-section .icon-point {
    background: url('../_ui/responsive/theme-penti/images/icons-email-notification-2.svg') no-repeat center center;
    width: 20px;
    height: 20px;
    background-size: 20px;
    filter: brightness(0) saturate(100%) invert(42%) sepia(47%) saturate(1747%) hue-rotate(316deg) brightness(103%) contrast(96%);
    margin-right: 10px;
}

.page-cartPage #wrapper .checkout-grid .cart-starcard .starcard-point-section .point-text,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-starcard .starcard-point-section .point-text,
.page-cartPage #wrapper .checkout-grid .cart-starcard .starcard-point-applied-section .point-text,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-starcard .starcard-point-applied-section .point-text,
.page-cartPage #wrapper .checkout-grid .cart-starcard .employee-discount-section .point-text,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-starcard .employee-discount-section .point-text {
    color: #29335c;
    font-size: 12px;
    margin-left: 0;
    font-weight: normal;
}

.page-cartPage #wrapper .checkout-grid .cart-starcard .starcard-point-section:after,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-starcard .starcard-point-section:after,
.page-cartPage #wrapper .checkout-grid .cart-starcard .starcard-point-applied-section:after,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-starcard .starcard-point-applied-section:after,
.page-cartPage #wrapper .checkout-grid .cart-starcard .employee-discount-section:after,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-starcard .employee-discount-section:after {
    content: "";
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons_plus.svg') no-repeat center center;
    position: absolute;
    right: 16px;
    background-size: 24px;
}

.page-cartPage #wrapper .checkout-grid .cart-starcard .starcard-point-applied-section,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-starcard .starcard-point-applied-section {
    background-color: #faf0f4;
    cursor: pointer;
}

.page-cartPage #wrapper .checkout-grid .cart-starcard .starcard-point-applied-section:after,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-starcard .starcard-point-applied-section:after {
    content: "";
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons_delete_card.svg') no-repeat center center;
    position: absolute;
    right: 16px;
    background-size: 24px;
}

.page-cartPage #wrapper .checkout-grid .cart-starcard .starcard-point-applied-section.no-after:after,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .cart-starcard .starcard-point-applied-section.no-after:after {
    content: none;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-page-header,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-page-header .cart-page-title,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-page-header .cart-page-title {
    font-size: 24px;
    color: #29335c;
    font-weight: 500;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-page-header .cart-page-clear,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-page-header .cart-page-clear {
    font-size: 12px;
    color: #81819b;
    font-weight: 400 !important;
    display: none;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-messages,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-messages {
    margin: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .starcard-how-much-earn-section .starcard-top-text-area .starcard-top-earn-point-text,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .starcard-how-much-earn-section .starcard-top-text-area .starcard-top-earn-point-text {
    margin-left: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .starcard-how-much-earn-section .starcard-top-text-area:before,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .starcard-how-much-earn-section .starcard-top-text-area:before {
    content: "";
    width: 23px;
    height: 22px;
    background: url('../_ui/responsive/theme-penti/images/icons-email-notification-2.svg') no-repeat center center;
    margin-right: 10px;
    display: inline-block;
    filter: brightness(0) saturate(100%) invert(17%) sepia(10%) saturate(3460%) hue-rotate(191deg) brightness(99%) contrast(91%);
    background-size: 22px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-messages,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-messages {
    background-color: #fff2cc;
    border-radius: 5px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-messages .message-title,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-messages .message-title {
    font-size: 11px;
    font-weight: normal;
    color: #29335c;
    display: flex;
    align-items: center;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-messages .message-title:before,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-messages .message-title:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url('../_ui/responsive/theme-penti/images/icons_info_circle.svg') no-repeat center center;
    margin-right: 10px;
    display: inline-block;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-messages .message-description,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-messages .message-description {
    color: #29335c;
    font-size: 11px;
    font-weight: normal;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-infos,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-infos {
    display: flex;
    gap: 10px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-infos .free-delivery,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-infos .free-delivery {
    display: flex;
    font-size: 12px;
    color: #fa5373;
    font-weight: normal;
    align-items: center;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-infos .free-delivery:before,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-infos .free-delivery:before {
    content: "";
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons_truck.svg') no-repeat center center;
    margin-right: 10px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-infos .free-delivery .free-delivery-old-price,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-infos .free-delivery .free-delivery-old-price {
    text-decoration: line-through;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-infos .shipping-time,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-infos .shipping-time {
    display: flex;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    align-items: center;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-infos .shipping-time:before,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-infos .shipping-time:before {
    content: "";
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons_delivery_cart.svg') no-repeat center center;
    margin-right: 10px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-infos .cart-campaign-installment-section,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-infos .cart-campaign-installment-section {
    display: flex;
    align-items: center;
    gap: 10px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-infos .cart-campaign-installment-section img,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-infos .cart-campaign-installment-section img {
    width: 24px;
    height: 24px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-infos .cart-campaign-installment-section .cart-campaign-installment-label,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-infos .cart-campaign-installment-section .cart-campaign-installment-label {
    font-size: 12px;
    color: #29335c;
    display: flex;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-infos .cart-campaign-installment-section .cart-campaign-installment-label:after,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-infos .cart-campaign-installment-section .cart-campaign-installment-label:after {
    content: '';
    width: 18px;
    height: 18px;
    scale: 0.8;
    background: url(../_ui/responsive/theme-penti/images/redesign/icon-arrow-head-right.svg) no-repeat center center;
    margin-left: 5px;
    display: inline-block;
    filter: brightness(0) saturate(100%) invert(18%) sepia(14%) saturate(2252%) hue-rotate(190deg) brightness(95%) contrast(92%);
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert,
.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert-inline,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert-inline {
    background: #faf0f4 !important;
    padding: 20px 16px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    margin: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert .alert-body,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert .alert-body,
.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert-inline .alert-body,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert-inline .alert-body,
.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert .alert-inline__message,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert .alert-inline__message,
.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert-inline .alert-inline__message,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert-inline .alert-inline__message {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    margin: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert .alert-inline__action,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert .alert-inline__action,
.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert-inline .alert-inline__action,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert-inline .alert-inline__action {
    margin: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert .alert-inline__action button,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert .alert-inline__action button,
.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert-inline .alert-inline__action button,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert-inline .alert-inline__action button {
    border-radius: 5px;
    background: #fa5373;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    padding: 8px 20px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert .cart-stock-title,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert .cart-stock-title,
.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert-inline .cart-stock-title,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert-inline .cart-stock-title,
.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert .alert-inline__title,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert .alert-inline__title,
.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert-inline .alert-inline__title,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert-inline .alert-inline__title {
    font-size: 11px;
    color: #29335c;
    font-weight: normal !important;
    margin: 0;
    display: flex;
    align-items: center;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert .cart-stock-title:before,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert .cart-stock-title:before,
.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert-inline .cart-stock-title:before,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert-inline .cart-stock-title:before,
.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert .alert-inline__title:before,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert .alert-inline__title:before,
.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert-inline .alert-inline__title:before,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert-inline .alert-inline__title:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url('../_ui/responsive/theme-penti/images/icons_info_circle.svg') no-repeat center center;
    margin-right: 10px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert .close,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert .close,
.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert-inline .close,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert-inline .close {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('../_ui/responsive/theme-penti/images/icons_close.svg') no-repeat center center !important;
    filter: brightness(0) saturate(100%) invert(42%) sepia(47%) saturate(1747%) hue-rotate(316deg) brightness(103%) contrast(96%);
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert .alert-inline__close,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert .alert-inline__close,
.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert-inline .alert-inline__close,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert-inline .alert-inline__close {
    position: absolute;
    top: 20px;
    right: 16px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert .icon-close,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert .icon-close,
.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert-inline .icon-close,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .alert-inline .icon-close {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('../_ui/responsive/theme-penti/images/icons_close.svg') no-repeat center center !important;
    filter: brightness(0) saturate(100%) invert(42%) sepia(47%) saturate(1747%) hue-rotate(316deg) brightness(103%) contrast(96%);
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row {
    padding: 16px;
    background-color: #ffffff;
    border: 1px solid #ececf4;
    border-radius: 5px;
    margin: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row {
    gap: 16px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-media,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-media {
    flex: 0 0 86px;
    margin-right: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-media .responsive img,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-media .responsive img {
    border-radius: 5px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-title,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-title {
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-selections,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-selections {
    margin: 0;
    font-size: 11px;
    color: #81819b;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-price,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-price {
    margin: 0;
    display: flex;
    gap: 6px;
    align-items: center;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-price .prc.prc-first,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-price .prc.prc-first {
    font-size: 12px;
    color: #81819b;
    font-weight: normal;
    margin: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-price .prc.prc-last.discount,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-price .prc.prc-last.discount {
    color: #fa5373;
    font-size: 12px;
    font-weight: normal;
    padding: 2px;
    background-color: #faf0f4;
    margin: 0;
    border-radius: 5px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-price .pdp-sale,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-price .pdp-sale {
    margin: 0;
    color: #fa5373;
    font-size: 12px;
    background-color: transparent;
    padding: 0;
    font-weight: normal;
    height: inherit;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-price .prc.prc-last,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-price .prc.prc-last {
    margin: 0;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls {
    gap: 10px;
    margin: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .prd-row-qty,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .prd-row-qty {
    width: 95px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #ececf4;
    display: flex;
    align-items: center;
    padding: 10px;
    margin-right: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .prd-row-qty .js-qty-form2,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .prd-row-qty .js-qty-form2 {
    align-items: center;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .prd-row-qty .qty-count,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .prd-row-qty .qty-count {
    color: #29335c;
    font-weight: normal;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .prd-row-qty .qty-minus.qty-remove,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .prd-row-qty .qty-minus.qty-remove {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('../_ui/responsive/theme-penti/images/cart_icons_delete.svg') no-repeat center center !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .prd-row-qty .qty-minus,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .prd-row-qty .qty-minus {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('../_ui/responsive/theme-penti/images/cart_icons_minus.svg') no-repeat center center !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .prd-row-qty .qty-plus,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .prd-row-qty .qty-plus {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('../_ui/responsive/theme-penti/images/cart_icons_plus.svg') no-repeat center center !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .product-actions,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .product-actions {
    gap: 16px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .product-actions .product-actions-item,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .product-actions .product-actions-item {
    margin: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .product-actions .product-actions-item.item-favorite .wishlist-btn,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .product-actions .product-actions-item.item-favorite .wishlist-btn {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('../_ui/responsive/theme-penti/images/cart_icons_favorite.svg') no-repeat center center !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .product-actions .product-actions-item.item-favorite[data-is-add=true] .wishlist-btn,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .product-actions .product-actions-item.item-favorite[data-is-add=true] .wishlist-btn {
    background: #ffffff url('../_ui/responsive/theme-penti/images/icons_favorite_filled.svg') no-repeat center !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .product-actions .product-actions-item.item-collection .collection-btn,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .product-actions .product-actions-item.item-collection .collection-btn {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('../_ui/responsive/theme-penti/images/cart_icons_bookmark.svg') no-repeat center center !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .product-actions .product-actions-item.item-collection[data-is-add=true] .collection-btn,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .product-actions .product-actions-item.item-collection[data-is-add=true] .collection-btn {
    background: #ffffff url('../_ui/responsive/theme-penti/images/icons_bookmark_filled.svg') no-repeat center !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .btn-remove,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .btn-remove {
    text-indent: -9999px;
    background: url('../_ui/responsive/theme-penti/images/cart_icons_delete.svg') no-repeat center center !important;
    padding: 10px;
    border: 1px solid #ececf4;
    display: block;
    width: 40px !important;
    height: 40px;
    border-radius: 5px;
    margin: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-info-row,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-info-row {
    display: flex;
    font-size: 11px;
    color: #29335c;
    font-weight: normal;
    align-items: center;
    background-color: #f6f6f9;
    border-radius: 5px;
    padding: 8px 20px;
    margin-top: 16px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-info-row.prd-row-sale:before,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-info-row.prd-row-sale:before {
    content: "";
    width: 18px;
    height: 18px;
    background: url('../_ui/responsive/theme-penti/images/icons_like.svg') no-repeat center center;
    margin-right: 10px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-info-row.prd-row-critical-stock:before,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-info-row.prd-row-critical-stock:before {
    content: "";
    width: 18px;
    height: 18px;
    background: url('../_ui/responsive/theme-penti/images/icons_stopwatch_speed.svg') no-repeat center center;
    margin-right: 10px;
    background-size: 20px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-info-row.prd-row-not-returnable:before,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-info-row.prd-row-not-returnable:before {
    content: "";
    width: 18px;
    height: 18px;
    background: url('../_ui/responsive/theme-penti/images/icons_info_circle.svg') no-repeat center center;
    margin-right: 10px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-footer,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-footer {
    height: inherit;
    background: transparent;
    text-align: left;
    padding: 0;
    margin-top: 20px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-footer .btn-cart-empty,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-footer .btn-cart-empty {
    color: #81819b;
    font-size: 12px;
    font-weight: normal;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-body,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-body {
    margin: 0 !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps {
    display: block;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .p-passive,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .p-passive {
    display: none;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .input.checkbox label:before,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .input.checkbox label:before {
    width: 18px;
    height: 18px;
    background: #fff !important;
    border: 1px solid #fa5373;
    border-radius: 5px;
    left: 2px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .input.checkbox label:after,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .input.checkbox label:after {
    content: "";
    width: 22px;
    height: 22px;
    background: url('../_ui/responsive/theme-penti/images/icons_check_box_outline.svg') no-repeat 0px 0px !important;
    left: 0;
    top: 0;
    background-size: 22px !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .nav-tabs,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .nav-tabs {
    background: #fff;
    border: 1px solid #ececf4;
    border-radius: 5px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .nav-tabs button.nav-link,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .nav-tabs button.nav-link {
    position: relative;
    border-bottom: none;
    color: #29335c;
    font-size: 12px;
    font-weight: normal;
    font-family: "Work Sans" !important;
    padding: 0 26px;
    margin-left: 0;
    line-height: 22px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .nav-tabs button.nav-link:before,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .nav-tabs button.nav-link:before {
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #fa5373;
    border-radius: 50%;
    position: absolute;
    background-color: #ffffff;
    left: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .nav-tabs button.nav-link.active,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .nav-tabs button.nav-link.active {
    color: #29335c;
    font-size: 12px;
    font-weight: normal;
    font-family: "Work Sans" !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .nav-tabs button.nav-link.active:after,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .nav-tabs button.nav-link.active:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    background-color: #fa5373;
    left: 5px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address__title,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address__title {
    color: #29335c;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 16px;
    border-bottom: 1px solid #ececf4;
    width: 100%;
    text-align: left;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content {
    margin-top: 20px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice {
    background: #fff;
    border: 1px solid #ececf4;
    border-radius: 5px;
    padding: 16px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-button,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-button,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-button,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-button {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-button .asf-title,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-button .asf-title,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-button .asf-title,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-button .asf-title {
    color: #29335c;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 16px;
    border-bottom: 1px solid #ececf4;
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-button .asf-title .add,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-button .asf-title .add,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-button .asf-title .add,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-button .asf-title .add {
    color: #fa5373;
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-button .slb.empty-address-select,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-button .slb.empty-address-select,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-button .slb.empty-address-select,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-button .slb.empty-address-select {
    background-color: #faf0f4;
    border-color: #faf0f4;
    border-radius: 5px;
    padding: 16px;
    color: #fa5373;
    font-weight: normal;
    font-size: 12px;
    height: 56px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-button .slb.empty-address-select .slb-inner b,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-button .slb.empty-address-select .slb-inner b,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-button .slb.empty-address-select .slb-inner b,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-button .slb.empty-address-select .slb-inner b {
    font-weight: normal !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-button .slb.empty-address-select:after,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-button .slb.empty-address-select:after,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-button .slb.empty-address-select:after,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-button .slb.empty-address-select:after {
    content: "";
    width: 24px;
    height: 24px;
    background: url(../_ui/responsive/theme-penti/images/icons_plus.svg) no-repeat 0px 0px !important;
    right: 16px;
    background-size: 24px !important;
    top: 14px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-button .slb.selected,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-button .slb.selected,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-button .slb.selected,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-button .slb.selected {
    background: #f6f6f9;
    border-radius: 5px;
    border: 1px solid #ececf4;
    padding: 16px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-button .slb.selected .slb-inner,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-button .slb.selected .slb-inner,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-button .slb.selected .slb-inner,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-button .slb.selected .slb-inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-button .slb.selected .slb-inner b,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-button .slb.selected .slb-inner b,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-button .slb.selected .slb-inner b,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-button .slb.selected .slb-inner b {
    color: #29335c;
    font-size: 12px;
    font-weight: normal !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-button .slb.selected .slb-inner span,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-button .slb.selected .slb-inner span,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-button .slb.selected .slb-inner span,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-button .slb.selected .slb-inner span {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: #81819b;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-button .slb.selected .slb-inner span.edit,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-button .slb.selected .slb-inner span.edit,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-button .slb.selected .slb-inner span.edit,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-button .slb.selected .slb-inner span.edit {
    color: #fa5373;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-button .slb.selected:after,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-button .slb.selected:after,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-button .slb.selected:after,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-button .slb.selected:after {
    content: "";
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/cart_icons_keyboard_arrow.svg') no-repeat 0px 6px !important;
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 50px;
    background-size: 24px !important;
    transform: rotate(180deg);
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-diff,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area .asf-diff,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-diff,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice .asf-diff {
    display: none;
    margin-top: 20px;
    margin-bottom: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area:has(.edit.js-open-checkout-address-popup) .asf-diff,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area:has(.edit.js-open-checkout-address-popup) .asf-diff {
    display: block;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .asf-gift,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .asf-gift {
    border-radius: 5px;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
    background: #fff;
    padding: 16px;
    border: 1px solid #ececf4;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .asf-gift:before,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .asf-gift:before {
    top: 12px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .asf-gift .asf-gift-body,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .asf-gift .asf-gift-body {
    margin-top: 16px;
    font-size: 12px;
    color: #29335c;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .asf-gift .asf-gift-text textarea,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .asf-gift .asf-gift-text textarea {
    background: #f6f6f9;
    border-radius: 5px;
    border: 1px solid #ececf4;
    padding: 16px;
    width: 90%;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button {
    background: #fff;
    border: 1px solid #ececf4;
    border-radius: 5px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button .asf-title,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button .asf-title {
    color: #29335c;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 16px;
    border-bottom: 1px solid #ececf4;
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button .asf-title .add,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button .asf-title .add {
    color: #fa5373;
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button button.slb:not(.js-open-address-list-popup),
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button button.slb:not(.js-open-address-list-popup) {
    background-color: #faf0f4;
    border-color: #faf0f4;
    border-radius: 5px;
    padding: 16px;
    color: #fa5373;
    font-weight: normal;
    font-size: 12px;
    height: 56px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button button.slb:not(.js-open-address-list-popup):after,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button button.slb:not(.js-open-address-list-popup):after {
    content: "";
    width: 24px;
    height: 24px;
    background: url(../_ui/responsive/theme-penti/images/icons_plus.svg) no-repeat 0px 0px !important;
    right: 16px;
    background-size: 24px !important;
    top: 14px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button button.slb:not(.js-open-address-list-popup) b,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button button.slb:not(.js-open-address-list-popup) b {
    font-weight: normal !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button .slb.selected,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button .slb.selected {
    background: #f6f6f9;
    border-radius: 5px;
    border: 1px solid #ececf4;
    padding: 16px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button .slb.selected .slb-inner,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button .slb.selected .slb-inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button .slb.selected .slb-inner b,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button .slb.selected .slb-inner b {
    color: #29335c;
    font-size: 12px;
    font-weight: normal !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button .slb.selected .slb-inner span,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button .slb.selected .slb-inner span {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: #81819b;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button .slb.selected .slb-inner span.edit,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button .slb.selected .slb-inner span.edit {
    color: #fa5373;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button .slb.selected:after,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button .slb.selected:after {
    content: "";
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/cart_icons_keyboard_arrow.svg') no-repeat 0px 6px !important;
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 50px;
    background-size: 24px !important;
    transform: rotate(180deg);
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button.recipient-info,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button.recipient-info {
    display: none;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button.recipient-info .form-row,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button.recipient-info .form-row {
    width: 100%;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button.recipient-info .form-row .textbox,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button.recipient-info .form-row .textbox {
    padding: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button.recipient-info .form-row .textbox label,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button.recipient-info .form-row .textbox label {
    color: #81819b;
    font-size: 11px;
    padding: 0 4px;
    background: #fff;
    z-index: 9;
    line-height: inherit;
    top: -8px;
    left: 16px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button.recipient-info .form-row .textbox .wrp,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button.recipient-info .form-row .textbox .wrp {
    background: #f6f6f9;
    border: 1px solid #ececf4;
    border-radius: 5px;
    padding: 15px 16px;
    height: 44px;
    line-height: inherit;
    color: #29335c;
    font-size: 12px;
    font-weight: normal;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button.recipient-info .form-row .textbox .wrp input,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button.recipient-info .form-row .textbox .wrp input {
    height: initial;
    line-height: initial;
    border: none;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button.recipient-info.show,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane#pps-pane-store .asf-button.recipient-info.show {
    display: flex;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane .cps-body .address-area-invoice {
    display: none;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane.asf-diff-ready .address-area-invoice,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane.asf-diff-ready .address-area-invoice {
    display: block;
    margin-top: 20px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane.asf-diff-ready .address-area-invoice .asf-invoice,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-address .tab-content .tab-pane.asf-diff-ready .address-area-invoice .asf-invoice {
    margin: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-delivery,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-delivery {
    background: #fff;
    border: 1px solid #ececf4;
    border-radius: 5px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-delivery .cps-title,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-delivery .cps-title {
    color: #29335c;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 16px;
    border-bottom: 1px solid #ececf4;
    width: 100%;
    text-align: left;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-delivery .cps-body,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-delivery .cps-body {
    width: 100%;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-delivery .cps-body .dts .dts-body .dts-radio .input.radio label,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-delivery .cps-body .dts .dts-body .dts-radio .input.radio label {
    color: #29335c;
    font-size: 12px;
    font-weight: normal;
    line-height: 22px;
    padding-left: 26px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-delivery .cps-body .dts .dts-body .dts-radio .input.radio label:before,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-delivery .cps-body .dts .dts-body .dts-radio .input.radio label:before {
    width: 18px;
    height: 18px;
    border: 1px solid #fa5373;
    border-radius: 50%;
    position: absolute;
    background: #ffffff;
    opacity: 1 !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-delivery .cps-body .dts .dts-body .dts-radio .input.radio label:after,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-delivery .cps-body .dts .dts-body .dts-radio .input.radio label:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    background: #fa5373;
    left: 5px;
    top: 7px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-delivery .cps-body .dts .dts-body .dts-price,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-delivery .cps-body .dts .dts-body .dts-price {
    font-size: 12px;
    color: #81819b;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-delivery .cps-body .dts .dts-body .dts-info,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-delivery .cps-body .dts .dts-body .dts-info {
    margin-top: 0;
    padding-left: 26px;
    color: #81819B;
    line-height: 1.5;
    font-weight: normal;
    font-size: 11px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-delivery.p-passive,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-delivery.p-passive {
    display: none;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment:before,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment:before {
    content: none;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .nav-tabs,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .nav-tabs {
    background: #ffffff;
    border: 1px solid #ececf4;
    border-radius: 5px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .nav-tabs .acc-item,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .nav-tabs .acc-item {
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 16px 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .nav-tabs button.nav-link,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .nav-tabs button.nav-link {
    position: relative;
    border-bottom: none;
    color: #29335c;
    font-size: 12px;
    font-weight: normal;
    font-family: "Work Sans" !important;
    padding: 0 26px;
    margin-left: 0;
    line-height: 22px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .nav-tabs button.nav-link:before,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .nav-tabs button.nav-link:before {
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #fa5373;
    border-radius: 50%;
    position: absolute;
    background-color: #ffffff;
    left: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .nav-tabs button.nav-link.active,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .nav-tabs button.nav-link.active {
    color: #29335c;
    font-size: 12px;
    font-weight: normal;
    font-family: "Work Sans" !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .nav-tabs button.nav-link.active:after,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .nav-tabs button.nav-link.active:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    background-color: #fa5373;
    left: 5px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .nav-tabs .credit-cards-icon,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .nav-tabs .credit-cards-icon {
    height: 16px;
    width: 84px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .nav-tabs .worldpay-icon,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .nav-tabs .worldpay-icon {
    height: 10px;
    width: 76px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .nav-tabs .cps-title,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .nav-tabs .cps-title {
    color: #29335c;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 16px;
    border-bottom: 1px solid #ececf4;
    width: 100%;
    text-align: left;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .asf-title,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .asf-title {
    color: #29335c;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 16px;
    border-bottom: 1px solid #ececf4;
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .asf-title .add,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .asf-title .add {
    color: #fa5373;
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body {
    padding: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card {
    background: #fff;
    border: 1px solid #ececf4;
    border-radius: 5px;
    margin-top: 20px;
    padding: 16px;
    width: 100%;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .add-card-button,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .add-card-button {
    background-color: #faf0f4;
    border-color: #faf0f4;
    border-radius: 5px;
    padding: 16px;
    color: #fa5373;
    font-weight: normal;
    font-size: 12px;
    height: 56px;
    margin-bottom: 16px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .add-card-button:after,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .add-card-button:after {
    content: "";
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons_plus.svg') no-repeat 0px 0px !important;
    right: 16px;
    background-size: 24px !important;
    top: 14px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .add-card-button.selected,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .add-card-button.selected {
    background: #f6f6f9;
    border-radius: 5px;
    border: 1px solid #ececf4;
    padding: 16px;
    height: auto;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .add-card-button.selected .slb-inner,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .add-card-button.selected .slb-inner {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .add-card-button.selected .slb-inner .alias,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .add-card-button.selected .slb-inner .alias {
    color: #29335c;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .add-card-button.selected .slb-inner .cardno,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .add-card-button.selected .slb-inner .cardno {
    color: #81819b;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .add-card-button.selected:after,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .add-card-button.selected:after {
    content: "";
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/cart_icons_keyboard_arrow.svg') no-repeat 0px 6px !important;
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 30px;
    background-size: 24px !important;
    transform: rotate(180deg);
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card #masterpass,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card #masterpass {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card #masterpass .mpc-notify,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card #masterpass .mpc-notify {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background-color: transparent;
    border: none;
    gap: 20px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card #masterpass .mpc-notify img,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card #masterpass .mpc-notify img {
    height: 18px;
    width: auto;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card #masterpass .mpc-notify .info,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card #masterpass .mpc-notify .info {
    color: #fa5373;
    font-size: 14px;
    font-weight: normal;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card #masterpass .mpc-notify p,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card #masterpass .mpc-notify p {
    color: #29335c;
    font-size: 12px;
    font-weight: normal;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card #masterpass .mpc-notify p,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card #masterpass .mpc-notify p,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card #masterpass .mpc-notify button,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card #masterpass .mpc-notify button {
    margin: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card #masterpass .mpc-notify .buttons,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card #masterpass .mpc-notify .buttons {
    display: flex;
    gap: 10px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card #masterpass .mpc-notify .buttons button,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card #masterpass .mpc-notify .buttons button {
    border-radius: 5px;
    font-size: 12px;
    height: 34px;
    line-height: 12px;
    width: 106px;
    text-align: center;
    border: 1px solid #fa5373;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card #masterpass .mpc-notify .buttons button.btn-outline-dark,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card #masterpass .mpc-notify .buttons button.btn-outline-dark {
    border-color: #fa5373;
    background-color: #fa5373;
    color: #fff;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card #masterpass .mpc-notify .buttons button.btn-outline-light,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card #masterpass .mpc-notify .buttons button.btn-outline-light {
    background-color: #ffffff;
    border-color: #fa5373;
    color: #fa5373;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .fdc,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .fdc {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .pay-card-info,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .pay-card-info {
    margin: 20px 0 0 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea {
    padding: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox label,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox label,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea label,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea label {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    line-height: 11px;
    top: 16px;
    left: 16px;
    z-index: 1;
    position: absolute;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox textarea,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox textarea,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea textarea,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea textarea {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 74px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox .wrp input,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox .wrp input,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea .wrp input,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea .wrp input {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox .wrp select,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox .wrp select,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea .wrp select,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea .wrp select {
    border: 1px solid #ececf4;
    border-radius: 5px;
    background: #f6f6f9;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
    font-size: 12px;
    color: #29335c;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox.input-active label,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox.input-active label,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea.input-active label,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea.input-active label {
    top: -10px;
    background: #fff;
    padding: 4px;
    color: #fa5373;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox.input-active input,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox.input-active input,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea.input-active input,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea.input-active input,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox.input-active textarea,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox.input-active textarea,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea.input-active textarea,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea.input-active textarea {
    border: 1px solid #fa5373;
    background-color: #fff;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox.input-active.not-empty label,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox.input-active.not-empty label,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea.input-active.not-empty label,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea.input-active.not-empty label {
    color: #81819b !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox.input-active.not-empty input,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox.input-active.not-empty input,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea.input-active.not-empty input,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea.input-active.not-empty input,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox.input-active.not-empty textarea,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox.input-active.not-empty textarea,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea.input-active.not-empty textarea,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea.input-active.not-empty textarea {
    border: 1px solid #ececf4 !important;
    background-color: #f6f6f9 !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea.input-active.not-empty:has(.form-error-msg),
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea.input-active.not-empty:has(.form-error-msg) {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea.input-active.not-empty:has(.form-error-msg) input,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .pay-card-block1 .pay-card-block2 .input.textarea.input-active.not-empty:has(.form-error-msg) input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .v3dcheckbox,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card .v3dcheckbox {
    display: none;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card:has(.add-card-button.selected) .v3dcheckbox,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-card:has(.add-card-button.selected) .v3dcheckbox {
    display: block;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod {
    background: #fff;
    border: 1px solid #f6f6f6;
    border-radius: 5px;
    margin-top: 20px;
    padding: 16px;
    width: 100%;
    display: flex;
    gap: 16px;
    flex-direction: column;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .inputrow,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .inputrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .inputrow .pay-pod-info,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .inputrow .pay-pod-info {
    padding: 0;
    margin: 0;
    color: #81819b;
    font-size: 12px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.radio,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.radio {
    display: flex;
    align-items: center;
    height: 24px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.radio input,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.radio input {
    width: 22px;
    height: 22px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.radio label,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.radio label {
    padding-left: 28px;
    color: #29335c;
    font-size: 12px;
    line-height: 24px;
    max-height: inherit;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.radio label:before,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.radio label:before {
    width: 18px;
    height: 18px;
    opacity: 1;
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    transition: all 0.111s linear 0s;
    border: 1px solid #fa5373;
    background: none;
    border-radius: 50%;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.radio label:after,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.radio label:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    background: #fa5373;
    left: 5px;
    top: 7px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea {
    padding: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox label,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox label,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea label,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea label {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    line-height: 11px;
    top: 16px;
    left: 16px;
    z-index: 1;
    position: absolute;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox textarea,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox textarea,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea textarea,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea textarea {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 74px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox .wrp input,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox .wrp input,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea .wrp input,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea .wrp input {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox .wrp select,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox .wrp select,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea .wrp select,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea .wrp select {
    border: 1px solid #ececf4;
    border-radius: 5px;
    background: #f6f6f9;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
    font-size: 12px;
    color: #29335c;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox.input-active label,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox.input-active label,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea.input-active label,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea.input-active label {
    top: -10px;
    background: #fff;
    padding: 4px;
    color: #fa5373;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox.input-active input,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox.input-active input,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea.input-active input,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea.input-active input,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox.input-active textarea,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox.input-active textarea,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea.input-active textarea,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea.input-active textarea {
    border: 1px solid #fa5373;
    background-color: #fff;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox.input-active.not-empty label,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox.input-active.not-empty label,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea.input-active.not-empty label,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea.input-active.not-empty label {
    color: #81819b !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox.input-active.not-empty input,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox.input-active.not-empty input,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea.input-active.not-empty input,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea.input-active.not-empty input,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox.input-active.not-empty textarea,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox.input-active.not-empty textarea,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea.input-active.not-empty textarea,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea.input-active.not-empty textarea {
    border: 1px solid #ececf4 !important;
    background-color: #f6f6f9 !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea.input-active.not-empty:has(.form-error-msg),
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea.input-active.not-empty:has(.form-error-msg) {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea.input-active.not-empty:has(.form-error-msg) input,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .input.textarea.input-active.not-empty:has(.form-error-msg) input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .pay-pod-desc,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .pay-pod-desc {
    margin-top: 0;
    max-width: inherit;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .pay-pod-desc ul,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .pay-pod-desc ul {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    list-style: none !important;
    padding: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .pay-pod-desc ul li,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .cps-body .payment-tab-items .acc-item .acc-body .pay-pod .pay-pod-desc ul li {
    font-size: 11px;
    color: #81819b;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box {
    margin: 0;
    display: none;
    flex-direction: column;
    background: #fff;
    border: 1px solid #f6f6f6;
    border-radius: 5px;
    margin-top: 0;
    padding: 0;
    width: 100%;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .asf-title,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .asf-title {
    color: #29335c;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 16px;
    border-bottom: 1px solid #ececf4;
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table {
    margin: 0;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table .row,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table .row {
    display: flex;
    gap: 10px;
    margin: 10px 0;
    align-items: center;
    justify-content: space-around;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table .row .cell .input.radio label,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table .row .cell .input.radio label {
    color: #29335c;
    font-size: 12px;
    font-weight: normal;
    line-height: 22px;
    padding-left: 26px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table .row .cell .input.radio label:before,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table .row .cell .input.radio label:before {
    width: 18px;
    height: 18px;
    border: 1px solid #fa5373;
    border-radius: 50%;
    position: absolute;
    background: #ffffff;
    opacity: 1 !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table .row .cell .input.radio label:after,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table .row .cell .input.radio label:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    background: #fa5373;
    left: 5px;
    top: 7px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table .row .cell.color-text-pink,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table .row .cell.color-text-pink {
    color: #fa5373;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table .row .cell:nth-child(1),
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table .row .cell:nth-child(1) {
    width: 24px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table .row .cell:nth-child(2),
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table .row .cell:nth-child(2) {
    width: calc(65% - 44px);
    color: #29335c;
    font-size: 12px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table .row .cell:nth-child(3),
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table .row .cell:nth-child(3) {
    width: 15%;
    color: #81819b;
    font-size: 12px;
    text-align: right;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table .row .cell:nth-child(3) span,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table .row .cell:nth-child(3) span {
    margin: 0 5px;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table .row .cell:nth-child(4),
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table .row .cell:nth-child(4) {
    width: 15%;
    color: #81819b;
    font-size: 12px;
    text-align: right;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box:has(.table),
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box:has(.table) {
    display: flex;
    padding: 16px !important;
    margin-top: 20px !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-cart-sum-info,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-cart-sum-info {
    padding: 16px;
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #ececf4;
    color: #81819b;
    font-size: 11px;
    font-weight: normal;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-cart-sum-info .link-underline,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-cart-sum-info .link-underline {
    color: #81819b;
    border-bottom: 1px solid #81819b;
}

.page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-cart-sum-info .link-underline b,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-cart-sum-info .link-underline b {
    font-weight: normal !important;
    color: #81819b;
}

.page-cartPage #wrapper .checkout-grid .checkout-sidebar,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar {
    position: sticky;
    top: 80px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.page-cartPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content {
    background: #fff;
    border: 1px solid #ececf4;
    border-radius: 5px;
}

.page-cartPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-header,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-header {
    margin: 0;
    padding: 16px;
    font-size: 14px;
    text-align: center;
    text-transform: capitalize;
    color: #29335c;
    line-height: inherit;
    font-weight: 500;
    border-bottom: 1px solid #ececf4;
}

.page-cartPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-header .close-summary,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-header .close-summary {
    width: 24px;
    height: 24px;
    display: inline-block;
    text-indent: -9999px;
    background: url('../_ui/responsive/theme-penti/images/cart_icons_close.svg') no-repeat center center !important;
    display: none;
    position: absolute;
    right: 16px;
    top: 16px;
}

.page-cartPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-body .cart-sum-details,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-body .cart-sum-details {
    padding: 0;
    margin: 0;
    background: transparent;
}

.page-cartPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-body .cart-sum-details .cart-sum-line,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-body .cart-sum-details .cart-sum-line {
    padding: 8px 16px;
    border-bottom: 1px solid #ececf4;
}

.page-cartPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-body .cart-sum-details .cart-sum-line .label,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-body .cart-sum-details .cart-sum-line .label,
.page-cartPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-body .cart-sum-details .cart-sum-line .val,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-body .cart-sum-details .cart-sum-line .val {
    font-size: 12px;
    font-weight: normal;
    color: #29335c;
}

.page-cartPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-body .cart-sum-details .cart-sum-line.line-disc .val,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-body .cart-sum-details .cart-sum-line.line-disc .val {
    font-size: 12px;
    font-weight: normal;
    color: #fa5373;
}

.page-cartPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-body .cart-sum-details .cart-sum-line.totals .val,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-body .cart-sum-details .cart-sum-line.totals .val {
    font-weight: 500;
    color: #29335c;
    font-size: 14px;
}

.page-cartPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-body .cart-sum-details .cart-sum-line .order-detail-subtotal,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-body .cart-sum-details .cart-sum-line .order-detail-subtotal {
    color: #81819B !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-body .cart-sum-details .order-total-and-total-earnings-section .cart-new-order-totals,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-body .cart-sum-details .order-total-and-total-earnings-section .cart-new-order-totals {
    border: none !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-body .cart-sum-details .order-total-and-total-earnings-section .order-detail-total-earnings,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-body .cart-sum-details .order-total-and-total-earnings-section .order-detail-total-earnings {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px 16px;
}

.page-cartPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-body .cart-sum-details .order-total-and-total-earnings-section .order-detail-total-earnings__content,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-body .cart-sum-details .order-total-and-total-earnings-section .order-detail-total-earnings__content {
    color: #fa5373;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 5px;
    width: 100%;
    font-size: 11px;
    line-height: normal;
    background-color: #faf0f4;
}

.page-cartPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-confirm,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-confirm {
    padding: 16px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ececf4;
}

.page-cartPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-confirm .input.checkbox label,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-confirm .input.checkbox label {
    font-size: 12px;
    color: #29335c;
}

.page-cartPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-confirm .input.checkbox label a,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-confirm .input.checkbox label a,
.page-cartPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-confirm .input.checkbox label button,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-confirm .input.checkbox label button {
    font-size: 12px;
    color: #29335c;
    border-color: #29335c;
}

.page-cartPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-confirm .input.checkbox label a b,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-confirm .input.checkbox label a b,
.page-cartPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-confirm .input.checkbox label button b,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-confirm .input.checkbox label button b {
    font-size: 12px;
    color: #29335c;
    font-weight: normal !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-confirm .input.checkbox label button,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-confirm .input.checkbox label button {
    font-size: 12px;
    color: #29335c;
    font-weight: normal !important;
    padding-bottom: 1px;
    border-bottom: 1px solid #29335c;
}

.page-cartPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-confirm .input.checkbox label:before,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-confirm .input.checkbox label:before {
    width: 18px;
    height: 18px;
    background: #fff !important;
    border: 1px solid #fa5373;
    border-radius: 5px;
    left: 2px;
}

.page-cartPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-confirm .input.checkbox label:after,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-confirm .input.checkbox label:after {
    content: "";
    width: 22px;
    height: 22px;
    background: url('../_ui/responsive/theme-penti/images/icons_check_box_outline.svg') no-repeat 0px 0px !important;
    left: 0;
    top: 0;
    background-size: 22px !important;
}

.page-cartPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-confirm .form-error-msg,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-confirm .form-error-msg {
    margin: 10px 0;
    font-size: 12px;
    flex-direction: column;
    gap: 16px;
    padding: 8px 16px;
    border: 1px solid #fa5373;
    background-color: #faf0f4;
    border-radius: 5px;
    display: flex;
    color: #29335c;
}

.page-cartPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-cta,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-cta {
    flex: 0;
    gap: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.page-cartPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-cta .btn.btn-primary,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-cta .btn.btn-primary {
    border-radius: 5px;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    background-color: #fa5373;
    height: 44px;
    line-height: 44px;
    text-align: center;
}

.page-cartPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-cta .btn.btn-secondary,
.page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-cta .btn.btn-secondary {
    font-size: 12px;
    font-weight: normal;
    color: #fa5373;
    background-color: transparent;
    height: inherit;
}

.page-cartPage #wrapper .worldpay__content-section,
.page-multiStepCheckoutSummaryPage #wrapper .worldpay__content-section {
    position: fixed;
    width: calc(100% - 208px);
    height: 546px;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    background-color: #fff;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container),
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) {
    background: #ffffff;
    padding: 50px 0;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw:before,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw:before {
    content: none;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-header,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-header {
    margin: 0 50px 30px 50px;
    padding: 0;
    max-width: inherit;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-header .psw-title,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-header .psw-title {
    font-size: 18px;
    color: #29335c;
    font-weight: 500;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body {
    margin: 0 50px;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper {
    padding: 0;
    margin: 0 18px;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide {
    margin: 0 15px !important;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd {
    max-width: inherit !important;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-media,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-media {
    max-height: inherit !important;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-media img,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-media img {
    border-radius: 5px;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-block2,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-block2 {
    padding: 0;
    margin-top: 10px;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-block2 .prd-title,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-block2 .prd-title {
    font-family: Work Sans;
    font-size: 11px;
    text-align: left;
    color: #81819b;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2rem;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-block2 .prd-price .prc-first,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-block2 .prd-price .prc-first {
    margin-right: 6px;
    color: #81819b;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-block2 .prd-price .prc-last,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-block2 .prd-price .prc-last {
    font-weight: 500 !important;
    display: inline-block !important;
    color: #29335c !important;
    font-size: 12px !important;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-block2 .prd-price .prc-last.discount,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-block2 .prd-price .prc-last.discount {
    border-radius: 5px !important;
    padding: 2px 7px !important;
    background-color: #faf0f4 !important;
    color: #fa5373 !important;
    font-weight: 500 !important;
    display: inline-block !important;
    font-size: 12px !important;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-block2 .prd-price .pdp-sale,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-block2 .prd-price .pdp-sale {
    display: none !important;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .fav-container,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .fav-container {
    position: absolute;
    right: 20px;
    width: 26px;
    height: 26px;
    cursor: pointer;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .fav-container .prd-fav,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .fav-container .prd-fav {
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;
    background: url('../_ui/responsive/theme-penti/images/new-wishlist-icon.svg') no-repeat center center #ffffff;
    width: 26px;
    height: 26px;
    border-radius: 5px;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd.prd-fav-added .fav-container .prd-fav,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd.prd-fav-added .fav-container .prd-fav {
    background: #ffffff url('../_ui/responsive/theme-penti/images/new-wishlist-added-icon.svg') no-repeat center;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd:hover .fav-container .prd-fav,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd:hover .fav-container .prd-fav {
    display: inline-block;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd:hover .prd-footer,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd:hover .prd-footer {
    display: block;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer {
    display: none;
    bottom: 96px;
    position: absolute;
    z-index: 999;
    width: 100%;
    padding: 0 50px;
    top: 65%;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .prd-sizes .size-dropdown .dropdown-toggle,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .prd-sizes .size-dropdown .dropdown-toggle {
    opacity: 0;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .prd-sizes .size-dropdown .dropdown-menu,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .prd-sizes .size-dropdown .dropdown-menu {
    display: none;
    z-index: 3;
    justify-content: center;
    background: #fff;
    flex-wrap: wrap;
    padding: 15px;
    border-radius: 10px;
    width: 100%;
    bottom: 0;
    gap: 6px;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .prd-sizes .size-dropdown .dropdown-menu .cursor-wrapper .dropdown-item,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .prd-sizes .size-dropdown .dropdown-menu .cursor-wrapper .dropdown-item {
    border-radius: 5px;
    font-size: 11px;
    height: 34px;
    min-width: 36px;
    font-weight: normal;
    margin: 0;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .prd-sizes .size-dropdown .dropdown-menu .cursor-wrapper .dropdown-item:hover,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .prd-sizes .size-dropdown .dropdown-menu .cursor-wrapper .dropdown-item:hover {
    font-weight: 500;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .prd-sizes .size-dropdown .dropdown-menu .cursor-wrapper .dropdown-item.selected,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .prd-sizes .size-dropdown .dropdown-menu .cursor-wrapper .dropdown-item.selected {
    background-color: #fff;
    border: 1px solid #fa5373;
    color: #fa5373;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .prd-sizes .size-dropdown .dropdown-menu.show,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .prd-sizes .size-dropdown .dropdown-menu.show {
    display: flex;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .prd-cta button,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .prd-cta button {
    z-index: 5;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 34px;
    border: none;
    background: #fa5373;
    color: #fff;
    border-radius: 5px;
    padding: 0 10px;
    font-size: 12px;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .prd-cta button span,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .prd-cta button span {
    font-weight: normal;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide+.swiper-slide,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide+.swiper-slide {
    margin-left: initial;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-button-next,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-button-next,
.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-button-prev,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-button-prev {
    border-radius: 50%;
    box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.1);
    width: 36px;
    height: 36px;
    top: calc(45%);
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-button-prev,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-button-prev {
    background: #ffffff url("../_ui/responsive/theme-penti/images/braguide/arrow-right.svg") center no-repeat;
    transform: rotate(180deg);
    left: 5px;
}

.page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-button-next,
.page-multiStepCheckoutSummaryPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-button-next {
    background: #ffffff url("../_ui/responsive/theme-penti/images/braguide/arrow-right.svg") center no-repeat;
    transform: rotate(0deg);
    right: 0px;
}

.page-cartPage #wrapper:has(.empty-cart-section),
.page-multiStepCheckoutSummaryPage #wrapper:has(.empty-cart-section) {
    background-color: #ffffff;
}

.page-cartPage .empty-cart-section,
.page-multiStepCheckoutSummaryPage .empty-cart-section {
    display: flex;
    flex-direction: column;
    width: 345px;
    margin: 170px auto;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.page-cartPage .empty-cart-section .empty-cart-message,
.page-multiStepCheckoutSummaryPage .empty-cart-section .empty-cart-message {
    color: #29335c;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
}

.page-cartPage .empty-cart-section .empty-cart-cta,
.page-multiStepCheckoutSummaryPage .empty-cart-section .empty-cart-cta {
    width: 100%;
}

.page-cartPage .empty-cart-section .empty-cart-cta .btn-cta,
.page-multiStepCheckoutSummaryPage .empty-cart-section .empty-cart-cta .btn-cta {
    width: 100%;
    text-align: center;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    background-color: #fa5373;
    border-radius: 5px;
    display: inline-block;
}

.page-cartPage .plp-new-divider,
.page-multiStepCheckoutSummaryPage .plp-new-divider {
    width: 100%;
    height: 10px;
    background-color: #f6f6f9;
}

.page-orderConfirmationPage .checkout-block,
.page-paymentFailPage .checkout-block {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.page-orderConfirmationPage .checkout-block .checkout-result,
.page-paymentFailPage .checkout-block .checkout-result {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    height: auto !important;
    margin: 40px 0 60px;
    max-width: 345px;
    min-width: 345px !important;
}

.page-orderConfirmationPage .checkout-block .checkout-result .message,
.page-paymentFailPage .checkout-block .checkout-result .message {
    font-size: 18px;
    color: #29335c;
    font-weight: 500;
    margin: 0;
}

.page-orderConfirmationPage .checkout-block .checkout-result .orderno,
.page-paymentFailPage .checkout-block .checkout-result .orderno {
    font-size: 14px;
    color: #81819b;
    font-weight: normal;
    margin: 0;
}

.page-orderConfirmationPage .checkout-block .checkout-result .surveyLoader,
.page-paymentFailPage .checkout-block .checkout-result .surveyLoader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #fa5373;
    width: 40px;
    height: 40px;
    margin-top: 20px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 1s linear infinite;
}

.page-orderConfirmationPage .checkout-block .checkout-result .order-satisfaction-survey,
.page-paymentFailPage .checkout-block .checkout-result .order-satisfaction-survey {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #faf0f4;
    padding: 22px 61px;
    border-radius: 5px;
    margin-top: 20px;
}

.page-orderConfirmationPage .checkout-block .checkout-result .order-satisfaction-survey .checkout-survey-title,
.page-paymentFailPage .checkout-block .checkout-result .order-satisfaction-survey .checkout-survey-title {
    font-size: 12px;
    color: #fa5373;
    margin-bottom: 24px;
}

.page-orderConfirmationPage .checkout-block .checkout-result .order-satisfaction-survey .checkout-survey-icon-section,
.page-paymentFailPage .checkout-block .checkout-result .order-satisfaction-survey .checkout-survey-icon-section {
    display: flex;
    gap: 20px;
}

.page-orderConfirmationPage .checkout-block .checkout-result .order-satisfaction-survey .checkout-survey-icon-section .checkout-survey-icon-background,
.page-paymentFailPage .checkout-block .checkout-result .order-satisfaction-survey .checkout-survey-icon-section .checkout-survey-icon-background {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    width: 64px;
    padding: 10px;
    border-radius: 50px;
}

.page-orderConfirmationPage .checkout-block .checkout-result .order-satisfaction-survey .checkout-survey-icon-section .checkout-survey-icon-background .icon-like-and-dislike,
.page-paymentFailPage .checkout-block .checkout-result .order-satisfaction-survey .checkout-survey-icon-section .checkout-survey-icon-background .icon-like-and-dislike {
    filter: brightness(0) saturate(100%) invert(75%) sepia(60%) saturate(7469%) hue-rotate(318deg) brightness(100%) contrast(97%);
    scale: 1.8;
    width: 24px;
    height: 24px;
}

.page-orderConfirmationPage .checkout-block .checkout-result .order-satisfaction-survey .checkout-survey-icon-section .checkout-survey-icon-background .icon-dislike,
.page-paymentFailPage .checkout-block .checkout-result .order-satisfaction-survey .checkout-survey-icon-section .checkout-survey-icon-background .icon-dislike {
    transform: rotate(180deg);
}

.page-orderConfirmationPage .checkout-block .checkout-result .buttons,
.page-paymentFailPage .checkout-block .checkout-result .buttons {
    display: flex;
    margin-top: 20px;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.page-orderConfirmationPage .checkout-block .checkout-result .buttons .btn,
.page-paymentFailPage .checkout-block .checkout-result .buttons .btn {
    width: 100%;
    height: 44px;
    border-radius: 5px;
    text-align: center;
    line-height: 44px;
    font-weight: normal !important;
}

.page-orderConfirmationPage .checkout-block .checkout-result .buttons .btn span,
.page-paymentFailPage .checkout-block .checkout-result .buttons .btn span {
    line-height: inherit;
    font-size: 14px;
}

.page-orderConfirmationPage .checkout-block .checkout-result .buttons .btn.btn-primary,
.page-paymentFailPage .checkout-block .checkout-result .buttons .btn.btn-primary {
    border: 1px solid #fa5373;
    background-color: #ffffff;
    color: #fa5373;
}

.page-orderConfirmationPage .checkout-block .checkout-result .buttons .btn.btn-secondary,
.page-paymentFailPage .checkout-block .checkout-result .buttons .btn.btn-secondary {
    background-color: #fa5373;
    color: #ffffff;
}

.page-orderConfirmationPage .checkout-block .checkout-result .buttons .btn:after,
.page-paymentFailPage .checkout-block .checkout-result .buttons .btn:after {
    content: none;
}

.page-orderConfirmationPage .crp-signup,
.page-paymentFailPage .crp-signup {
    width: 100%;
    background: #ffffff;
    border-top: 10px solid #f6f6f9;
    padding: 60px 0;
}

.page-orderConfirmationPage .crp-signup .gcs,
.page-paymentFailPage .crp-signup .gcs {
    border: none;
    background: none;
    max-width: 345px;
    min-width: 345px;
    padding: 0;
    margin: 0;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-title,
.page-paymentFailPage .crp-signup .gcs .gcs-title {
    color: #29335c;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-desc,
.page-paymentFailPage .crp-signup .gcs .gcs-desc {
    font-size: 12px;
    color: #81819b;
    font-weight: normal;
    text-align: center;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .warning-message-area,
.page-paymentFailPage .crp-signup .gcs .gcs-form .warning-message-area {
    display: none;
    flex-direction: column;
    gap: 0;
    padding: 20px 16px;
    border: none;
    background-color: #faf0f4;
    margin-bottom: 20px;
    border-radius: 5px;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .warning-message-area .title,
.page-paymentFailPage .crp-signup .gcs .gcs-form .warning-message-area .title {
    display: flex;
    align-items: center;
    color: #29335c;
    font-size: 11px;
    font-weight: normal;
    gap: 10px;
    margin-bottom: 16px;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .warning-message-area .title .svg-info,
.page-paymentFailPage .crp-signup .gcs .gcs-form .warning-message-area .title .svg-info {
    width: 20px;
    height: 20px;
    background: url('../_ui/responsive/theme-penti/images/icons_info_circle.svg') no-repeat center center;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .warning-message-area .description,
.page-paymentFailPage .crp-signup .gcs .gcs-form .warning-message-area .description,
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .warning-message-area .link-area,
.page-paymentFailPage .crp-signup .gcs .gcs-form .warning-message-area .link-area {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .warning-message-area .description+.general-message,
.page-paymentFailPage .crp-signup .gcs .gcs-form .warning-message-area .description+.general-message,
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .warning-message-area .link-area+.general-message,
.page-paymentFailPage .crp-signup .gcs .gcs-form .warning-message-area .link-area+.general-message {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    display: none;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .warning-message-area .description:empty+.general-message,
.page-paymentFailPage .crp-signup .gcs .gcs-form .warning-message-area .description:empty+.general-message,
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .warning-message-area .link-area:empty+.general-message,
.page-paymentFailPage .crp-signup .gcs .gcs-form .warning-message-area .link-area:empty+.general-message {
    display: flex;
    flex-direction: column;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .warning-message-area .link-area,
.page-paymentFailPage .crp-signup .gcs .gcs-form .warning-message-area .link-area {
    margin-top: 5px;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .warning-message-area .link-area a,
.page-paymentFailPage .crp-signup .gcs .gcs-form .warning-message-area .link-area a {
    font-size: 11px;
    font-weight: normal;
    color: #fa5373;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .form-row.agreement,
.page-paymentFailPage .crp-signup .gcs .gcs-form .form-row.agreement {
    border: 1px solid #ececf4;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 16px;
    margin-top: 16px !important;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .form-row.agreement2,
.page-paymentFailPage .crp-signup .gcs .gcs-form .form-row.agreement2 {
    border: 1px solid #ececf4;
    --webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top: none;
    padding: 16px;
    margin-top: 0px !important;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .form-button,
.page-paymentFailPage .crp-signup .gcs .gcs-form .form-button {
    margin-top: 16px;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .form-button button,
.page-paymentFailPage .crp-signup .gcs .gcs-form .form-button button {
    border-radius: 5px;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    background-color: #fa5373;
    height: 44px;
    line-height: 44px;
    text-align: center;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .form-row.agreement .text,
.page-paymentFailPage .crp-signup .gcs .gcs-form .form-row.agreement .text,
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .form-row.agreement2 .text,
.page-paymentFailPage .crp-signup .gcs .gcs-form .form-row.agreement2 .text {
    color: #81819b;
    font-size: 11px;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .form-row.agreement .text b,
.page-paymentFailPage .crp-signup .gcs .gcs-form .form-row.agreement .text b,
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .form-row.agreement2 .text b,
.page-paymentFailPage .crp-signup .gcs .gcs-form .form-row.agreement2 .text b {
    font-weight: normal;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textbox,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textbox,
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textarea,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textarea {
    padding: 0;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textbox label,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textbox label,
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textarea label,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textarea label {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    line-height: 11px;
    top: 16px;
    left: 16px;
    z-index: 1;
    position: absolute;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textbox textarea,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textbox textarea,
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textarea textarea,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textarea textarea {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 74px;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textbox .wrp input,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textbox .wrp input,
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textarea .wrp input,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textarea .wrp input {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textbox .wrp select,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textbox .wrp select,
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textarea .wrp select,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textarea .wrp select {
    border: 1px solid #ececf4;
    border-radius: 5px;
    background: #f6f6f9;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
    font-size: 12px;
    color: #29335c;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textbox.input-active label,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textbox.input-active label,
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textarea.input-active label,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textarea.input-active label {
    top: -10px;
    background: #fff;
    padding: 4px;
    color: #fa5373;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textbox.input-active input,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textbox.input-active input,
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textarea.input-active input,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textarea.input-active input,
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textbox.input-active textarea,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textbox.input-active textarea,
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textarea.input-active textarea,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textarea.input-active textarea {
    border: 1px solid #fa5373;
    background-color: #fff;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textbox.input-active.not-empty label,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textbox.input-active.not-empty label,
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textarea.input-active.not-empty label,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textarea.input-active.not-empty label {
    color: #81819b !important;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textbox.input-active.not-empty input,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textbox.input-active.not-empty input,
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textarea.input-active.not-empty input,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textarea.input-active.not-empty input,
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textbox.input-active.not-empty textarea,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textbox.input-active.not-empty textarea,
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textarea.input-active.not-empty textarea,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textarea.input-active.not-empty textarea {
    border: 1px solid #ececf4 !important;
    background-color: #f6f6f9 !important;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textarea.input-active.not-empty:has(.form-error-msg),
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textarea.input-active.not-empty:has(.form-error-msg) {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textarea.input-active.not-empty:has(.form-error-msg) input,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textarea.input-active.not-empty:has(.form-error-msg) input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textbox .form-error-msg,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textbox .form-error-msg,
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textarea .form-error-msg,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textarea .form-error-msg {
    display: none;
    font-size: 0px;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textbox:has(.form-error-msg) input,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textbox:has(.form-error-msg) input,
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textarea:has(.form-error-msg) input,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textarea:has(.form-error-msg) input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textbox .svg-hide-password,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textbox .svg-hide-password,
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.textarea .svg-hide-password,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.textarea .svg-hide-password {
    right: 12px;
    top: 10px;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .form-row-info,
.page-paymentFailPage .crp-signup .gcs .gcs-form .form-row-info {
    color: #81819b;
    font-size: 11px;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.checkbox,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.checkbox {
    display: flex;
    align-items: center;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.checkbox .toggle,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.checkbox .toggle {
    cursor: pointer;
    display: inline-block;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.checkbox .toggle:before,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.checkbox .toggle:before,
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.checkbox .toggle:after,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.checkbox .toggle:after {
    content: none;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.checkbox .toggle-switch,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.checkbox .toggle-switch {
    display: inline-block;
    background: #fff;
    border-radius: 16px;
    width: 32px;
    height: 20px;
    position: relative;
    vertical-align: middle;
    transition: background 0.25s;
    border: 1px solid #fa5373;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.checkbox .toggle-switch:before,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.checkbox .toggle-switch:before,
.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.checkbox .toggle-switch:after,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.checkbox .toggle-switch:after {
    content: "";
    box-sizing: border-box;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.checkbox .toggle-switch:before,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.checkbox .toggle-switch:before {
    display: block;
    background: #fa5373;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 2px;
    left: 3px;
    transition: left 0.25s;
}

.toggle:hover .page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.checkbox .toggle-switch:before,
.toggle:hover .page-paymentFailPage .crp-signup .gcs .gcs-form .input.checkbox .toggle-switch:before {
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.checkbox .toggle-switch .toggle-checkbox:checked+.toggle-switch,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.checkbox .toggle-switch .toggle-checkbox:checked+.toggle-switch {
    background: #fa5373;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.checkbox .toggle-switch .toggle-checkbox:checked+.toggle-switch:before,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.checkbox .toggle-switch .toggle-checkbox:checked+.toggle-switch:before {
    background: #ffffff;
    left: 14px;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.checkbox .toggle-checkbox:checked+.toggle-switch,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.checkbox .toggle-checkbox:checked+.toggle-switch {
    background: #fa5373;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.checkbox .toggle-checkbox:checked+.toggle-switch:before,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.checkbox .toggle-checkbox:checked+.toggle-switch:before {
    background: #ffffff;
    left: 14px;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form .input.checkbox .toggle-checkbox,
.page-paymentFailPage .crp-signup .gcs .gcs-form .input.checkbox .toggle-checkbox {
    position: absolute;
    visibility: hidden;
}

.page-orderConfirmationPage .crp-signup .gcs .gcs-form input[type=password],
.page-paymentFailPage .crp-signup .gcs .gcs-form input[type=password] {
    letter-spacing: 12px !important;
    font-size: 32px;
    text-align: center;
    caret-color: #fa5373;
    border-radius: 5px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
}

.page-multiStepCheckoutSummaryPage .mobile-sticky-summary {
    width: 100vw !important;
    padding: 10px 20px !important;
    margin: 0 !important;
    box-shadow: none !important;
    border-top: 1px solid #ececf4;
    bottom: 0 !important;
    border-radius: 0 !important;
}

.page-multiStepCheckoutSummaryPage .mobile-sticky-summary .summary-and-cta-section .summary {
    width: initial !important;
}

.page-multiStepCheckoutSummaryPage .mobile-sticky-summary .summary-and-cta-section .summary .mobile-summary-total:before {
    left: 18px !important;
}

.page-multiStepCheckoutSummaryPage .mobile-sticky-summary .summary-and-cta-section .summary .mobile-summary-total .price {
    font-size: 14px !important;
}

.page-multiStepCheckoutSummaryPage .mobile-sticky-summary .summary-and-cta-section .cta {
    width: 60%;
}

@media(max-width:1600px) {
    .page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer {
        top: 60%;
    }
}

@media(max-width:1366px) {
    .page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer {
        top: 53%;
    }
}

@media(max-width:1024px) {

    .page-login input[type=password],
    .page-forgotPasswordPage input[type=password],
    .page-registerPage input[type=password],
    .page-completeMembership input[type=password],
    .page-updatePassword input[type=password],
    .page-checkout-login input[type=password] {
        letter-spacing: 8px !important;
        font-size: 26px !important;
        color: #29335c !important;
        text-align: center;
        caret-color: #fa5373;
        border-radius: 5px;
        color: #29335c;
        font-weight: normal;
        padding: 15px 16px;
        line-height: 12px;
        height: 44px;
        border: 1px solid #ececf4;
        background-color: #f6f6f9;
    }

    .cart-starcard .starcard-point-section {
        position: relative;
    }

    .cart-starcard .starcard-point-section:after {
        right: 10px !important;
    }

    .page-multiStepCheckoutSummaryPage .upScroll {
        display: none !important;
    }

    .page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar {
        position: relative !important;
        width: initial !important;
        height: initial !important;
        z-index: initial !important;
        background-color: transparent !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content {
        visibility: hidden !important;
        opacity: 0 !important;
    }

    .page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-confirm {
        bottom: 65px !important;
        position: fixed !important;
        width: 100% !important;
        border-radius: 0 !important;
        border: none !important;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1) !important;
        z-index: 1 !important;
    }

    .page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-confirm.total-earnings-available {
        bottom: 104px !important;
    }

    .page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar.visible .checkout-sidebar-content {
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        left: 0 !important;
        top: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        background: #ffffff !important;
        z-index: 8 !important;
    }

    .page-cartPage #site-main,
    .page-multiStepCheckoutSummaryPage #site-main {
        margin-bottom: 0;
    }

    .page-cartPage #wrapper,
    .page-multiStepCheckoutSummaryPage #wrapper {
        min-height: 100vh;
    }

    .page-cartPage #wrapper .checkout-grid .cart-starcard .starcard-point-applied-section:after {
        right: 30px;
    }

    .page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-footer .btn-cart-empty,
    .page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-footer .btn-cart-empty {
        display: none;
    }

    .page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-page-header .cart-page-clear,
    .page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-page-header .cart-page-clear {
        display: block;
    }

    .page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-page-header .cart-page-clear .btn-cart-empty,
    .page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-page-header .cart-page-clear .btn-cart-empty {
        font-weight: 400 !important;
    }

    .page-cartPage #wrapper .checkout-grid,
    .page-multiStepCheckoutSummaryPage #wrapper .checkout-grid {
        padding: 20px 0;
    }

    .page-cartPage #wrapper .checkout-grid .checkout-sidebar,
    .page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 11;
        background-color: #ffffff;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s .3s, opacity .3s linear;
    }

    .page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .mobile-sticky-summary .order-detail-total-earnings,
    .page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .mobile-sticky-summary .summary-and-cta-section {
        padding: 0;
        width: 100%;
    }

    .page-cartPage #wrapper .checkout-grid .checkout-sidebar.visible,
    .page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar.visible {
        visibility: visible;
        opacity: 1;
        transition: opacity .3s linear;
    }

    .page-cartPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-body,
    .page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-body {
        bottom: inherit;
        transform: inherit;
        position: relative;
    }

    .page-cartPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-header,
    .page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-header {
        display: block;
    }

    .page-cartPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-cta,
    .page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .cart-sum-cta {
        display: none;
    }

    .page-cartPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-header .close-summary,
    .page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-sidebar .checkout-sidebar-content .cart-sum-header .close-summary {
        display: block;
    }

    .page-cartPage #wrapper .checkout-grid .mobile-sticky-summary,
    .page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .mobile-sticky-summary {
        display: flex;
    }

    .page-cartPage #wrapper .checkout-grid .mobile-sticky-summary .order-detail-total-earnings {
        width: 100%;
        padding: 0;
    }

    .page-cartPage #wrapper .checkout-grid .mobile-sticky-summary .order-detail-total-earnings__content {
        color: #fa5373;
        gap: 5px;
    }

    .page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .product-actions,
    .page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row .prd-row-body .prd-row-controls .product-actions {
        flex-direction: column !important;
    }

    .page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-footer {
        margin: 0;
    }

    .page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows {
        padding-bottom: 0px;
    }

    .page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-row .prd-row {
        margin: 0 !important;
    }

    .page-cartPage #wrapper .checkout-grid .only-mobile {
        display: block;
    }

    .page-cartPage #wrapper .checkout-grid only-mobile,
    .page-cartPage #wrapper .checkout-grid .cart-actions.only-mobile {
        display: flex;
        flex-direction: column;
    }

    .page-cartPage #wrapper .checkout-grid only-mobile button:after,
    .page-cartPage #wrapper .checkout-grid .cart-actions.only-mobile button:after {
        right: 10px;
    }

    .starcard-how-much-earn-section .starcard-top-text-area {
        padding: 0;
    }

    .page-cartPage #wrapper .checkout-grid .only-desktop,
    .page-cartPage #wrapper .checkout-grid .cart-actions.only-desktop {
        display: none;
    }

    .page-cartPage #wrapper .checkout-grid .checkout-body #cart .cart-rows .cart-infos {
        flex-direction: column;
    }

    .page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) {
        padding: 50px 0 90px;
    }

    .page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-header {
        margin: 0 20px 30px 20px;
    }

    .page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body {
        margin: 0 20px;
    }

    .page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper {
        margin: 0;
    }

    .page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .prd-sizes {
        position: absolute;
        width: 94%;
        right: 4px;
        bottom: 20px;
    }

    .page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .prd-sizes .size-dropdown .dropdown-menu {
        bottom: 0 !important;
    }

    .page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .dropdown-toggle {
        height: 0;
        padding: 0;
    }

    .page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .prd-cta button span {
        display: none;
    }

    .page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .prd-cta button:before {
        margin: 0 !important;
    }

    .page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide {
        margin: 0 5px !important;
    }

    .page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer {
        display: block;
        padding: 0;
    }

    .page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .prd-sizes .size-dropdown .dropdown-menu {
        gap: 3px;
        padding: 5px;
        border-radius: 5px;
        margin: 0 2%;
        width: 96%;
        bottom: 20px;
    }

    .page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .prd-sizes .size-dropdown .dropdown-menu .cursor-wrapper .dropdown-item {
        font-size: 10px;
        height: 32px;
        min-width: 38px;
        width: inherit;
    }

    .page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .prd-cta button {
        font-size: 10px;
        background: #fff;
        color: #fa5373;
        width: auto;
        right: 10px;
        left: inherit;
        position: absolute;
        transform: none;
        bottom: -10px;
    }

    .page-cartPage #wrapper .yCmsComponent.yComponentWrapper:has(.swiper-container) .row.section-psw .psw-body .swiper-container.product-swiper .swiper-slide .prd .prd-footer .prd-cta button:before {
        width: 20px;
        height: 20px;
        display: inline-block;
        content: "";
        background: url('../_ui/responsive/theme-penti/images/icons_shopping_bag.svg') no-repeat center center;
        background-size: 20px;
        margin-right: 10px;
    }

    .page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table .row .cell:nth-child(2),
    .page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table .row .cell:nth-child(2) {
        width: calc(45% - 44px);
    }

    .page-cartPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table .row .cell:nth-child(3),
    .page-multiStepCheckoutSummaryPage #wrapper .checkout-grid .checkout-body #purchase .cps-payment .pay-card-block3.installment-box .table .row .cell:nth-child(3) {
        width: 30%;
    }

    #modal-cart-coupon .modal-content,
    #modal-pre-information .modal-content,
    #modal-distance-sales .modal-content,
    #modal-add-edit-address .modal-content,
    #modal-select-address .modal-content,
    #modal-collectionadd .modal-content,
    #modal-credit-card-form .modal-content,
    #modal-masterPassLinkCardOtpModal .modal-content,
    #modal-masterPassRegisterOtpModal .modal-content,
    #modal-masterpass-saved-cards .modal-content,
    #modal-cashOnDeliveryOtp .modal-content,
    #modal-store-finder .modal-content,
    #modal-starcardPointCart .modal-content,
    #modal-installment-campaign .modal-content {
        margin: 0 !important;
        padding: 0 !important;
    }

    #modal-cart-coupon .modal-content .modal-header,
    #modal-pre-information .modal-content .modal-header,
    #modal-distance-sales .modal-content .modal-header,
    #modal-add-edit-address .modal-content .modal-header,
    #modal-select-address .modal-content .modal-header,
    #modal-collectionadd .modal-content .modal-header,
    #modal-credit-card-form .modal-content .modal-header,
    #modal-masterPassLinkCardOtpModal .modal-content .modal-header,
    #modal-masterPassRegisterOtpModal .modal-content .modal-header,
    #modal-masterpass-saved-cards .modal-content .modal-header,
    #modal-cashOnDeliveryOtp .modal-content .modal-header,
    #modal-store-finder .modal-content .modal-header,
    #modal-starcardPointCart .modal-content .modal-header,
    #modal-installment-campaign .modal-content .modal-header {
        background-color: transparent;
    }

    .page-cartPage #site-header .header-inner,
    .page-multiStepCheckoutSummaryPage #site-header .header-inner {
        height: 44px;
    }
}

.page-productDetails {
    font-family: "Work Sans" !important;
}

.page-productDetails #modal-video .modal-header .close-modal,
.page-productDetails #pdp-fullscreen-video .modal-header .close-modal {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-productDetails #modal-video .modal-header .close-modal:before,
.page-productDetails #pdp-fullscreen-video .modal-header .close-modal:before,
.page-productDetails #modal-video .modal-header .close-modal:after,
.page-productDetails #pdp-fullscreen-video .modal-header .close-modal:after {
    content: none !important;
}

.page-productDetails #modal-video .modal-dialog.modal-fullsc .modal-header-right .close-modal,
.page-productDetails #pdp-fullscreen-video .modal-dialog.modal-fullsc .modal-header-right .close-modal {
    margin-left: 6px !important;
}

.page-productDetails #modal-size-chart .modal-content .modal-header,
.page-productDetails #modal-pdp-reviews .modal-content .modal-header,
.page-productDetails #modal-collectionadd .modal-content .modal-header,
.page-productDetails #modal-store-finder .modal-content .modal-header,
.page-productDetails #modal-installment-campaign .modal-content .modal-header {
    height: inherit;
    padding: 0;
    text-align: center;
    border-bottom: 1px solid #faf0f4;
}

.page-productDetails #modal-size-chart .modal-content .modal-header .modal-title,
.page-productDetails #modal-pdp-reviews .modal-content .modal-header .modal-title,
.page-productDetails #modal-collectionadd .modal-content .modal-header .modal-title,
.page-productDetails #modal-store-finder .modal-content .modal-header .modal-title,
.page-productDetails #modal-installment-campaign .modal-content .modal-header .modal-title {
    font-size: 14px;
    color: #81819b;
    font-weight: normal;
    font-family: 'WORK SANS' !important;
    width: 100%;
    text-align: center;
    padding: 17px 0;
}

.page-productDetails #modal-size-chart .modal-content .modal-header .modal-header-right,
.page-productDetails #modal-pdp-reviews .modal-content .modal-header .modal-header-right,
.page-productDetails #modal-collectionadd .modal-content .modal-header .modal-header-right,
.page-productDetails #modal-store-finder .modal-content .modal-header .modal-header-right,
.page-productDetails #modal-installment-campaign .modal-content .modal-header .modal-header-right {
    position: absolute;
    right: 16px;
    top: 17px;
}

.page-productDetails #modal-size-chart .modal-content .modal-header .modal-header-right .svg-close,
.page-productDetails #modal-pdp-reviews .modal-content .modal-header .modal-header-right .svg-close,
.page-productDetails #modal-collectionadd .modal-content .modal-header .modal-header-right .svg-close,
.page-productDetails #modal-store-finder .modal-content .modal-header .modal-header-right .svg-close,
.page-productDetails #modal-installment-campaign .modal-content .modal-header .modal-header-right .svg-close {
    padding: 6px;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons_close.svg') no-repeat center center;
}

.page-productDetails #modal-size-chart .modal-content .modal-body,
.page-productDetails #modal-pdp-reviews .modal-content .modal-body,
.page-productDetails #modal-collectionadd .modal-content .modal-body,
.page-productDetails #modal-store-finder .modal-content .modal-body,
.page-productDetails #modal-installment-campaign .modal-content .modal-body {
    padding: 0 16px 20px 16px;
}

.page-productDetails #modal-combine-finder .modal-sm {
    width: 240px;
}

.page-productDetails #modal-combine-finder .modal-content .modal-header {
    height: inherit;
    padding: 0;
    text-align: center;
    border-bottom: 1px solid #faf0f4;
}

@media(max-width:1024px) {
    .page-productDetails #modal-combine-finder .modal-content .modal-header {
        width: 240px;
        height: 44.4px;
        margin: 0 0 21.6px;
        padding: 11.5px 0 0;
        background-color: #fff;
    }
}

.page-productDetails #modal-combine-finder .modal-content .modal-header .modal-title {
    font-size: 14px;
    color: #81819b;
    font-weight: normal;
    font-family: 'WORK SANS' !important;
    width: 100%;
    text-align: center;
    padding: 17px 0;
}

.page-productDetails #modal-combine-finder .modal-content .modal-header .modal-header-right {
    position: absolute;
    right: 20px;
    top: 17px;
}

.page-productDetails #modal-combine-finder .modal-content .modal-header .modal-header-right .svg-close {
    padding: 6px;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons_close.svg') no-repeat center center;
    cursor: pointer;
}

.page-productDetails #modal-combine-finder .modal-content .modal-body {
    padding: 16px 16px 20px 16px;
    overflow-x: hidden;
}

.page-productDetails #modal-combine-finder .modal-content .modal-body img#main-image {
    width: 208px;
    height: 312px;
}

.page-productDetails #modal-combine-finder .modal-content .size-selection-body {
    padding: unset;
}

.page-productDetails #modal-combine-finder .modal-content .product-container {
    display: flex;
    align-items: center;
    margin-top: 16px;
    width: 100%;
    max-width: 600px;
}

.page-productDetails #modal-combine-finder .modal-content .product-container a {
    border-radius: 4px;
    margin-right: 16px;
}

.page-productDetails #modal-combine-finder .modal-content .product-container .product-code {
    width: 100%;
    height: auto;
    flex-grow: 0;
    margin: 10px 0 10px 0;
    font-family: WorkSans;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    color: #29335c;
    padding-left: 0;
    padding-right: 10px;
}

.page-productDetails #modal-combine-finder .modal-content .product-container .selected-size-container {
    display: flex;
}

.page-productDetails #modal-combine-finder .modal-content .product-container .size-select-btn {
    width: 100px;
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 10px 0;
    padding: 5px;
    object-fit: contain;
    border-radius: 5px;
    border: solid 1px #fa5373;
    color: #fa5373;
    font-size: 11px;
}

.page-productDetails #modal-combine-finder .modal-content .product-container .size-select-btn .svg-pencil {
    padding: 12px;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons-pencil.svg') no-repeat center center;
}

.page-productDetails #modal-combine-finder .modal-content .product-container .edit-size {
    width: 24px;
    height: 24px;
    flex-grow: 0;
    margin: 18px 55px 20px 6px;
    object-fit: contain;
    border: none;
}

.page-productDetails #modal-combine-finder .modal-content .product-container .selected-size {
    width: 50px;
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 10px 0;
    padding: 5px;
    object-fit: contain;
    border-radius: 5px;
    background-color: #faf0f4;
    color: #fa5373;
    font-size: 13px;
}

.page-productDetails #modal-combine-finder .modal-content .size-option {
    font-size: 12px;
    color: #29335c;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 24px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.page-productDetails #modal-combine-finder .modal-content .size-option:hover {
    background-color: #faf0f4;
    color: #fa5373;
}

.page-productDetails #modal-combine-finder .modal-content .size-option .selected {
    background-color: #faf0f4;
    color: #fa5373;
}

.page-productDetails #modal-combine-finder .modal-content .size-option .stock-message {
    margin-left: 11px;
}

.page-productDetails #modal-combine-finder .modal-content .low-stock .message-container .stock-message {
    color: #81819b;
}

.page-productDetails #modal-combine-finder .modal-content .no-stock {
    color: #81819b;
}

.page-productDetails #modal-combine-finder .modal-content .no-stock:hover {
    background-color: #fff;
    color: #81819b;
}

.page-productDetails #modal-combine-finder .modal-content .confirm-selection-btn,
.page-productDetails #modal-combine-finder .modal-content #add-to-cart {
    width: 210.5px;
    height: 34px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    margin: 15px 14.8px 0;
    padding: 10px 16px;
    object-fit: contain;
    border-radius: 5px;
    background-color: #fa5373;
    color: white;
}

.page-productDetails #modal-combine-finder .modal-content .confirm-selection-btn:disabled,
.page-productDetails #modal-combine-finder .modal-content #add-to-cart:disabled {
    background-color: #ececf4;
    color: #2a2929;
    cursor: not-allowed;
}

.page-productDetails #modal-combine-finder .modal-content .lcm-button {
    width: 240px;
    height: 60px;
    flex-grow: 0;
    padding: 0 0 10px;
    background-color: white;
    border-top: 1px solid #E9E0E5;
}

.page-productDetails #modal-combine-finder .modal-content input[type="radio"] {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid #fa5373;
    border-radius: 50%;
    background-color: white;
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.page-productDetails #modal-combine-finder .modal-content input[type="radio"]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: transparent;
    transition: background-color 0.2s ease;
}

.page-productDetails #modal-combine-finder .modal-content input[type="radio"]:checked::before {
    background-color: #ff4081;
}

.page-productDetails #modal-combine-finder .modal-content input[type="radio"]:hover {
    border-color: #fa5373;
}

.page-productDetails #modal-collectionadd .modal-content {
    width: inherit;
    border-radius: 0;
}

.page-productDetails #modal-collectionadd .modal-content .modal-body {
    max-height: 95vh;
}

.page-productDetails #modal-collectionadd .modal-content .modal-body .add-new {
    margin: 20px 0;
    border-bottom: none;
    padding-bottom: 20px;
}

.page-productDetails #modal-collectionadd .modal-content .modal-body .add-new button {
    border-radius: 5px;
    margin: 0;
    width: 100%;
    border: 1px solid #fa5373;
    background-color: #fff;
    color: #fa5373;
    font-size: 12px;
    font-weight: normal;
}

.page-productDetails #modal-collectionadd .modal-content .modal-body .add-new button:after {
    content: none;
}

.page-productDetails #modal-collectionadd .modal-content .modal-body .add-new .new-area {
    display: flex;
    flex-direction: column;
    gap: 10px;
    display: none;
}

.page-productDetails #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox,
.page-productDetails #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea {
    padding: 0;
}

.page-productDetails #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox label,
.page-productDetails #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea label {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    line-height: 11px;
    top: 16px;
    left: 16px;
    z-index: 1;
    position: absolute;
}

.page-productDetails #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox textarea,
.page-productDetails #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea textarea {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 74px;
}

.page-productDetails #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox .wrp input,
.page-productDetails #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea .wrp input {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
}

.page-productDetails #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox.input-active label,
.page-productDetails #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea.input-active label {
    top: -10px;
    background: #fff;
    padding: 4px;
    color: #fa5373;
}

.page-productDetails #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox.input-active input,
.page-productDetails #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea.input-active input,
.page-productDetails #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textbox.input-active textarea,
.page-productDetails #modal-collectionadd .modal-content .modal-body .add-new .new-area .input.textarea.input-active textarea {
    border: 1px solid #fa5373;
    background-color: #fff;
}

.page-productDetails #modal-collectionadd .modal-content .modal-body .add-new .new-area .modal-button {
    background-color: #fa5373;
    color: #fff;
}

.page-productDetails #modal-collectionadd .modal-content .modal-body .modal-collection-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.page-productDetails #modal-collectionadd .modal-content .modal-body .modal-collection-list ul {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.page-productDetails #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li {
    margin: 0;
    border: 1px solid #ececf4;
    border-radius: 5px;
    padding: 10px;
}

.page-productDetails #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li .modal-collection-image {
    background-color: #f6f6f9;
}

.page-productDetails #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li .modal-collection-image .no-image {
    filter: brightness(0) saturate(100%) invert(57%) sepia(11%) saturate(568%) hue-rotate(201deg) brightness(87%) contrast(85%);
}

.page-productDetails #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li .modal-collection-name {
    color: #29335c;
    text-transform: capitalize;
    font-size: 11px;
    font-weight: normal;
}

.page-productDetails #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li .modal-collection-choose {
    border: 1px solid #fa5373;
    font-size: 11px;
    color: #fa5373;
    font-weight: normal;
    padding: 8px;
    border-radius: 5px;
    line-height: 11px;
}

.page-productDetails #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li:hover {
    border-color: #fa5373;
}

.page-productDetails #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li:hover .modal-collection-name {
    color: #fa5373;
}

.page-productDetails #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li.selected {
    background: #faf0f4;
    border: none;
}

.page-productDetails #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li.selected .modal-collection-choose {
    border: none !important;
    font-size: 0px !important;
}

.page-productDetails #modal-collectionadd .modal-content .modal-body .modal-collection-list ul li.selected .modal-collection-choose:after {
    content: "";
    width: 12px;
    height: 8px;
    background: url('../_ui/responsive/theme-penti/images/icons_checkmark.svg') no-repeat center center;
    display: inline-block;
}

.page-productDetails #modal-collectionadd .modal-content .modal-body:has(.modal-collection-list ul) .add-new {
    border-bottom: 10px solid #f6f6f9;
}

.page-productDetails #modal-pdp-reviews .modal-body {
    padding: 0 16px 20px 16px;
}

.page-productDetails #modal-pdp-reviews .modal-body .reviews-avg {
    font-size: 32px;
    color: #fa5373;
    font-weight: normal;
    margin: 20px 0;
    text-align: center;
}

.page-productDetails #modal-pdp-reviews .modal-body .pdp-reviews-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}

.page-productDetails #modal-pdp-reviews .modal-body .pdp-reviews-list .rvw-item {
    width: 100%;
    border-radius: 5px;
    background-color: #f6f6f9;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 0;
    border: none;
}

.page-productDetails #modal-pdp-reviews .modal-body .pdp-reviews-list .rvw-item .rate {
    font-size: 12px;
    color: #fa5373;
    font-weight: normal;
}

.page-productDetails #modal-pdp-reviews .modal-body .pdp-reviews-list .rvw-item .rvw-item-rating {
    background: none;
    font-size: 12px;
    width: 140px;
    display: flex;
    gap: 2px;
}

.page-productDetails #modal-pdp-reviews .modal-body .pdp-reviews-list .rvw-item .rvw-item-rating:after {
    content: none;
}

.page-productDetails #modal-pdp-reviews .modal-body .pdp-reviews-list .rvw-item .rvw-item-comment {
    color: #29335c;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    height: inherit;
}

.page-productDetails #modal-pdp-reviews .modal-body .pdp-reviews-list .rvw-item .rvw-item-owner {
    color: #81819b;
    font-size: 11px;
    font-weight: normal;
}

.page-productDetails #modal-pdp-reviews .modal-body .pdp-reviews-list .rvw-item .rvw-item-photos {
    display: flex;
    gap: 12px;
}

.page-productDetails #modal-pdp-reviews .modal-body .pdp-reviews-list .rvw-item .rvw-item-photos img {
    width: 52px;
    height: 52px;
    object-fit: cover;
    object-position: top;
    border-radius: 5px;
}

.page-productDetails #modal-pdp-reviews .modal-body .pdp-reviews-list .empty {
    text-align: center;
}

.page-productDetails #modal-store-finder .modal-body {
    padding: 20px 16px !important;
}

.page-productDetails #modal-store-finder .modal-body .ssf-sizes {
    padding: 0;
    margin: 0;
}

.page-productDetails #modal-store-finder .modal-body .ssf-sizes .ssf-sizes-title {
    font-weight: normal;
    font-size: 14px;
    color: #29335c;
    margin-bottom: 16px;
}

.page-productDetails #modal-store-finder .modal-body .ssf-sizes .ssf-sizes-options {
    gap: 10px;
}

.page-productDetails #modal-store-finder .modal-body .ssf-sizes .ssf-sizes-options .ssf-sizes-item {
    margin: 0;
    padding: 7px 10px;
    border-radius: 5px;
    border: solid 1px #ececf4;
    background-color: #fff;
    color: #29335c;
    font-size: 11px;
    min-width: 48px;
    width: auto;
    height: inherit;
    min-height: 34px;
}

.page-productDetails #modal-store-finder .modal-body .ssf-sizes .ssf-sizes-options .ssf-sizes-item.selected {
    color: #fa5373;
    background-color: #faf0f4;
    border-color: #fa5373;
}

.page-productDetails #modal-store-finder .modal-body .ssf-sizes .ssf-sizes-options .ssf-sizes-item:hover {
    color: #fa5373;
}

.page-productDetails #modal-store-finder .modal-body .ssf-form {
    padding: 0;
}

.page-productDetails #modal-store-finder .modal-body .ssf-form .ssf-form-desc .ssf-form-title {
    margin-bottom: 16px;
    font-weight: normal;
    font-size: 12px;
    color: #29335c;
}

.page-productDetails #modal-store-finder .modal-body .ssf-form .ssf-form-body {
    margin: 0;
}

.page-productDetails #modal-store-finder .modal-body .ssf-form .ssf-form-body .form-row {
    gap: 16px;
}

.page-productDetails #modal-store-finder .modal-body .ssf-form .ssf-form-body .form-row .input.select {
    position: relative;
}

.page-productDetails #modal-store-finder .modal-body .ssf-form .ssf-form-body .form-row .input.select label {
    line-height: 1.5;
    margin: 0;
    color: #81819b;
    background: #fff;
    padding: 0 4px;
    top: -10px;
    position: absolute;
    z-index: 2;
    left: 16px;
    font-size: 11px;
}

.page-productDetails #modal-store-finder .modal-body .ssf-form .ssf-form-body .form-row .input.select .wrp {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 42px;
    padding: 12px 16px;
    border-radius: 5px;
    border: solid 1px #ececf4;
    background-color: #f6f6f9;
    color: #29335c;
    font-size: 12px;
    font-weight: normal;
}

.page-productDetails #modal-store-finder .modal-body .ssf-form .ssf-form-body .form-row .input.select .wrp select {
    padding: 0 16px;
    border-bottom-color: rgba(129, 129, 155, 0);
}

.page-productDetails #modal-store-finder .modal-body .ssf-form .ssf-form-body .form-row .input.select .wrp:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 5px;
    top: calc(50% - 10px);
    z-index: 1;
    pointer-events: none;
    background: url('../_ui/responsive/theme-penti/images/icons_keyboard_arrow.svg') no-repeat 0px 0px;
}

.page-productDetails #modal-store-finder .modal-body .ssf-form .ssf-form-button {
    margin-top: 6px;
}

.page-productDetails #modal-store-finder .modal-body .ssf-form .ssf-form-button .js-stores-near-me {
    border: none;
    text-align: left;
    padding: 0;
    margin: 0;
    justify-content: flex-start;
    font-size: 12px;
    font-weight: normal;
    color: #29335c;
    cursor: pointer;
    padding-left: 16px;
}

.page-productDetails #modal-store-finder .modal-body .ssf-form .ssf-form-button .js-stores-near-me:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 12px;
    z-index: 1;
    pointer-events: none;
    width: 20px;
    height: 20px;
    background: url('../_ui/responsive/theme-penti/images/icons_navigation.svg') no-repeat 0px 0px;
}

.page-productDetails #modal-store-finder .modal-body .ssf-stores {
    margin-top: 0;
}

.page-productDetails #modal-store-finder .modal-body .ssf-stores .ssf-store-list {
    margin-top: 0;
}

.page-productDetails #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli {
    width: 100% !important;
    border: none !important;
    border-radius: inherit !important;
    padding: 0 !important;
    margin: 0 !important;
    padding-bottom: 20px !important;
    border-bottom: 10px solid #f6f6f9 !important;
    margin-bottom: 20px !important;
}

.page-productDetails #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info {
    margin: 0 !important;
}

.page-productDetails #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left {
    width: 100%;
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.page-productDetails #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .sli-header .sli-title {
    font-size: 12px;
    font-weight: normal;
    color: #29335c;
    text-transform: uppercase;
}

.page-productDetails #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .low-stock {
    background-color: #fa5373;
    color: #fff;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: normal;
    display: block;
    max-width: 76px;
    border-radius: 5px;
    text-align: center;
}

.page-productDetails #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .in-stock {
    background-color: #ececf4;
    color: #29335c;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: normal;
    display: block;
    max-width: 76px;
    border-radius: 5px;
    text-align: center;
}

.page-productDetails #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .sli-address,
.page-productDetails #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .sli-tel {
    color: #81819b;
    font-size: 11px;
    font-weight: normal;
}

.page-productDetails #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .sli-tel {
    color: #81819b;
    font-size: 11px !important;
    font-weight: normal !important;
    margin: 0;
}

.page-productDetails #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .sli-map {
    display: flex;
    flex-direction: row;
    gap: 16px;
    color: #fa5373;
    font-size: 12px;
    font-weight: normal;
    align-items: center;
    cursor: pointer;
}

.page-productDetails #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli .sli-body .sli-info-left .sli-map .svg-direction {
    width: 20px;
    height: 20px;
    background: url('../_ui/responsive/theme-penti/images/icons_direction_right.svg') no-repeat center center;
    display: inline-block;
}

.page-productDetails #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli.sli-not-found {
    display: flex !important;
    background: transparent;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.page-productDetails #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli.sli-not-found .sli-not-found-icon {
    width: 44px;
    height: 44px;
    background: url('../_ui/responsive/theme-penti/images/icons_heart_broken.svg') no-repeat center center;
    margin-bottom: 10px;
}

.page-productDetails #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli.sli-not-found .sli-not-found-title {
    color: #29335c;
    font-size: 12px;
    font-weight: normal;
}

.page-productDetails #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli.sli-not-found .sli-block1 {
    font-size: 11px;
    font-weight: normal;
    color: #81819b;
}

.page-productDetails #modal-store-finder .modal-body .ssf-stores .ssf-store-list .sli.sli-not-found .sli-block1 p {
    font-size: 11px;
}

.page-productDetails #modal-store-finder .modal-body .pdp-new-divider.full-width {
    margin: 20px 0 !important;
}

.page-productDetails .pdp {
    margin-bottom: 80px;
}

.page-productDetails .pdp .pdp-gallery {
    background-color: #F6F6F9;
}

.page-productDetails .pdp .pdp-gallery .combine-badge {
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 3;
    height: 34px;
    width: max-content;
    padding: 5px 6px;
    border-radius: 5px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    color: #fa5373;
    cursor: pointer;
    font-size: 11px;
    display: flex;
    align-items: center;
}

.page-productDetails .pdp .pdp-gallery .combine-badge .svg-combine {
    margin-right: 10px;
    padding: 12px;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons-combine.svg') no-repeat center center;
}

.page-productDetails .pdp .pdp-gallery .combine-badge.combine-badge-mobile {
    display: none;
}

@media(max-width:1024px) {
    .page-productDetails .pdp .pdp-gallery .combine-badge.combine-badge-mobile {
        display: flex;
        position: absolute;
        left: 16px;
        top: 92%;
    }
}

.page-productDetails .pdp .pdp-gallery #pdp-gallery-swiper .swiper-pagination {
    position: absolute;
    bottom: 16px;
    gap: 6px;
    background-color: transparent;
    z-index: 2;
}

.page-productDetails .pdp .pdp-gallery #pdp-gallery-swiper .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    flex: none;
    opacity: .6;
}

.page-productDetails .pdp .pdp-gallery #pdp-gallery-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}

.page-productDetails .pdp .pdp-gallery .swiper-slide.centered {
    display: flex;
    justify-content: center;
}

.page-productDetails .pdp .pdp-gallery .swiper-slide.centered .responsive {
    width: 50%;
}

.page-productDetails figure.responsive:not(.no-image) [data-zoom]:hover {
    cursor: url('../_ui/responsive/theme-penti/images/icon-zoom.svg'), auto;
}

.page-productDetails #product-image-zoom .zoom-image-nav.next {
    background: #ffffff url('../_ui/responsive/theme-penti/images/braguide/arrow-right.svg') center no-repeat;
    transform: rotate(0deg);
}

.page-productDetails #product-image-zoom .zoom-image-nav.next:after {
    content: none;
}

.page-productDetails #product-image-zoom .zoom-image-nav.prev {
    background: #ffffff url('../_ui/responsive/theme-penti/images/braguide/arrow-right.svg') center no-repeat;
    transform: rotate(180deg);
}

.page-productDetails #product-image-zoom .zoom-image-nav.prev:after {
    content: none;
}

.page-productDetails #product-image-zoom .zoom-image-cursor {
    cursor: url('../_ui/responsive/theme-penti/images/icon-zoom.svg'), auto;
}

.page-productDetails #product-image-zoom .zoom-image-cursor:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background: url('../_ui/responsive/theme-penti/images/icon-zoom-out.svg') no-repeat center center;
    background-size: 60px;
}

.page-productDetails .pdp-new-divider {
    width: 100%;
    height: 10px;
    margin: 30px 0;
    background-color: #f6f6f9;
}

.page-productDetails .pdp-new-divider.full-width {
    margin: 80px 0;
}

.page-productDetails .banner-list {
    margin: 0 !important;
    padding: 80px 0;
    border-bottom: 10px solid #f6f6f9;
}

.page-productDetails .banner-list .bnr-type-7 {
    margin: 0 !important;
}

.page-productDetails .banner-list:last-child {
    border: none !important;
    padding-bottom: 0 !important;
}

.page-productDetails .banner-list.bnl-type-3.full-width {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.page-productDetails .banner-list.bnl-type-3.full-width .banner.bnr-type-7.no-overlay {
    margin: 0;
}

.page-productDetails .banner-list.bnl-type-3.full-width .banner.bnr-type-7.no-overlay .bnr-media img {
    border-radius: 0;
}

.page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products {
    padding: 0;
    margin: 0 50px;
    background: transparent;
}

.page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-header {
    margin: 0 0 30px 0;
    padding: 0;
    max-width: inherit;
}

.page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-header .psw-title {
    font-size: 18px;
    color: #29335c;
    font-weight: 500;
}

.page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-body .product-swiper.swiper-container {
    padding: 0 18px;
}

.page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-body .product-swiper.swiper-container .swiper-slide .prd {
    max-width: inherit !important;
}

.page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-body .product-swiper.swiper-container .swiper-slide .prd .prd-media {
    max-height: inherit !important;
}

.page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-body .product-swiper.swiper-container .swiper-slide .prd .prd-media img {
    border-radius: 5px;
}

.page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-body .product-swiper.swiper-container .swiper-slide .prd .prd-block2 {
    padding: 0;
    margin-top: 10px;
}

.page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-body .product-swiper.swiper-container .swiper-slide .prd .prd-block2 .prd-title {
    font-family: Work Sans;
    font-size: 11px;
    text-align: left;
    color: #81819b;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2rem;
}

.page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-body .product-swiper.swiper-container .swiper-slide .prd .prd-block2 .prd-price .prc-first {
    margin-right: 6px;
    color: #81819b;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
}

.page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-body .product-swiper.swiper-container .swiper-slide .prd .prd-block2 .prd-price .prc-last {
    font-weight: 500 !important;
    display: inline-block !important;
    color: #29335c !important;
    font-size: 12px !important;
}

.page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-body .product-swiper.swiper-container .swiper-slide .prd .prd-block2 .prd-price .prc-last.discount {
    border-radius: 5px !important;
    padding: 2px 7px !important;
    background-color: #faf0f4 !important;
    color: #fa5373 !important;
    font-weight: 500 !important;
    display: inline-block !important;
    font-size: 12px !important;
}

.page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-body .product-swiper.swiper-container .swiper-slide .prd .prd-block2 .prd-price .pdp-sale {
    display: none !important;
}

.page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-body .product-swiper.swiper-container .swiper-slide .prd .fav-container {
    position: absolute;
    right: 20px;
    width: 26px;
    height: 26px;
    cursor: pointer;
}

.page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-body .product-swiper.swiper-container .swiper-slide .prd .fav-container .prd-fav {
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;
    background: url('../_ui/responsive/theme-penti/images/new-wishlist-icon.svg') no-repeat center center #ffffff;
    width: 26px;
    height: 26px;
    border-radius: 5px;
}

.page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-body .product-swiper.swiper-container .swiper-slide .prd.prd-fav-added .fav-container .prd-fav {
    background: #ffffff url('../_ui/responsive/theme-penti/images/new-wishlist-added-icon.svg') no-repeat center;
}

.page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-body .product-swiper.swiper-container .swiper-slide .prd:hover .fav-container .prd-fav {
    display: inline-block;
}

.page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-body .product-swiper.swiper-container .swiper-slide+.swiper-slide {
    margin-left: 0;
}

.page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-body .product-swiper.swiper-container .swiper-button-next-carousel-product,
.page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-body .product-swiper.swiper-container .swiper-button-prev-carousel-product {
    border-radius: 50%;
    box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.1);
    width: 36px;
    height: 36px;
    top: calc(45%);
}

.page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-body .product-swiper.swiper-container .swiper-button-prev-carousel-product.combined-products {
    background: #ffffff url("../_ui/responsive/theme-penti/images/braguide/arrow-right.svg") center no-repeat;
    transform: rotate(180deg);
    left: 5px;
}

.page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-body .product-swiper.swiper-container .swiper-button-next-carousel-product.combined-products {
    background: #ffffff url("../_ui/responsive/theme-penti/images/braguide/arrow-right.svg") center no-repeat;
    transform: rotate(0deg);
    right: 0px;
}

.page-productDetails .productDetailsPageSectionCombinedProduct:has(.psw-body) {
    padding: 80px 0;
    border-bottom: 10px solid #f6f6f9;
}

.page-productDetails .productReviewsTab-page .pdp-reviews.rvw {
    width: 100%;
    margin: 0 100px 0 100px;
    flex-direction: column;
    display: flex;
    gap: 30px;
}

.page-productDetails .productReviewsTab-page .pdp-reviews.rvw #pdp-review-slider {
    width: 100%;
    margin: 0;
}

.page-productDetails .productReviewsTab-page .pdp-reviews.rvw #pdp-review-slider .swiper-wrapper .swiper-slide {
    height: auto;
}

.page-productDetails .productReviewsTab-page .pdp-reviews.rvw .rvw-header {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    margin-bottom: 0;
}

.page-productDetails .productReviewsTab-page .pdp-reviews.rvw .rvw-header .reviews-title {
    color: #29335c;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    gap: 5px;
}

.page-productDetails .productReviewsTab-page .pdp-reviews.rvw .rvw-header .reviews-title .rating-star {
    font-size: 12px;
    color: #29335c;
    align-items: center;
    display: flex;
    gap: 5px;
    font-weight: normal;
}

.page-productDetails .productReviewsTab-page .pdp-reviews.rvw .rvw-header .reviews-title .rating-star span {
    color: #81819b;
}

.page-productDetails .productReviewsTab-page .pdp-reviews.rvw .rvw-header .all-reviews button {
    color: #fa5373;
    background: transparent;
    border: none;
    font-size: 12px;
    font-weight: normal;
}

.page-productDetails .productReviewsTab-page .pdp-reviews.rvw .pdp-reviews-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: flex-start;
}

.page-productDetails .productReviewsTab-page .pdp-reviews.rvw .pdp-reviews-list .rvw-item {
    width: calc(33.33% - 20px);
    border-radius: 5px;
    background-color: #f6f6f9;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 0;
    border: none;
}

.page-productDetails .productReviewsTab-page .pdp-reviews.rvw .pdp-reviews-list .rvw-item .rate {
    font-size: 12px;
    color: #fa5373;
    font-weight: normal;
}

.page-productDetails .productReviewsTab-page .pdp-reviews.rvw .pdp-reviews-list .rvw-item .rvw-item-rating {
    background: none;
    font-size: 12px;
    width: 140px;
    display: flex;
    gap: 2px;
}

.page-productDetails .productReviewsTab-page .pdp-reviews.rvw .pdp-reviews-list .rvw-item .rvw-item-rating:after {
    content: none;
}

.page-productDetails .productReviewsTab-page .pdp-reviews.rvw .pdp-reviews-list .rvw-item .rvw-item-comment {
    color: #29335c;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    height: inherit;
}

.page-productDetails .productReviewsTab-page .pdp-reviews.rvw .pdp-reviews-list .rvw-item .rvw-item-owner {
    color: #81819b;
    font-size: 11px;
    font-weight: normal;
}

.page-productDetails .productReviewsTab-page .pdp-reviews.rvw .pdp-reviews-list .rvw-item .rvw-item-photos {
    display: flex;
    gap: 12px;
}

.page-productDetails .productReviewsTab-page .pdp-reviews.rvw .pdp-reviews-list .rvw-item .rvw-item-photos img {
    width: 52px;
    height: 52px;
    object-fit: cover;
    object-position: top;
    border-radius: 5px;
}

.page-productDetails .productReviewsTab-page .pdp-reviews.rvw .pdp-reviews-list .empty {
    text-align: center;
}

.page-productDetails .productReviewsTab-page:has(.rvw-header) {
    padding: 80px 0;
    border-bottom: 10px solid #f6f6f9;
}

.page-productDetails .breadcrumb {
    padding: 0 60px;
}

.page-productDetails .breadcrumb li {
    color: #29335c;
}

.page-productDetails .breadcrumb li a {
    font-size: 11px;
    color: #29335c;
}

.page-productDetails .breadcrumb li.active {
    color: #81819b;
}

.page-productDetails .breadcrumb li:nth-child(n+2):before {
    color: #81819b;
}

.page-productDetails .pdp {
    margin-top: 0;
}

.page-productDetails .pdp .pdp-body {
    padding: 0 50px 30px 50px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-heading {
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-heading .name-section .pdp-title {
    font-family: "Work Sans" !important;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: -0.5px !important;
    color: #29335c;
    margin-bottom: 6px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-heading .name-section .pdp-colorCode {
    font-size: 11px;
    font-weight: normal;
    color: #81819b;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-heading .rating-section .pdp-rating {
    margin-top: 0;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-heading .rating-section .pdp-rating .btn-goto-reviews {
    font-size: 12px;
    color: #81819b;
    gap: 4px;
    justify-content: center;
    align-items: center;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-heading .rating-section .pdp-rating .btn-goto-reviews span {
    color: #29335c;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-heading .rating-section .pdp-rating .btn-goto-reviews:before {
    content: "";
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons_star.svg');
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-heading .rating-section .pdp-rating .btn-goto-reviews:after {
    content: none;
    background: none;
    margin: 0;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options {
    margin: 0;
    padding: 0;
    border: none;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes #no-selected-product {
    margin-top: 16px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes #no-selected-product .form-error-msg {
    color: #fa5373 !important;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes .pdp-sizes-title {
    font-size: 14px;
    color: #29335c;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes .pdp-sizes-title span {
    font-size: 14px;
    color: #29335c;
    font-weight: normal;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes .pdp-sizes-title .btn-size-chart.link-inline {
    font-size: 11px;
    color: #fa5373;
    text-decoration: none;
    border-bottom: none;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes .dropdown {
    margin-top: 16px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes .dropdown .dropdown-menu {
    gap: 10px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes .dropdown .dropdown-menu .dropdown-item {
    margin: 0;
    padding: 7px 10px;
    border-radius: 5px;
    border: solid 1px #ececf4;
    background-color: #fff;
    color: #29335c;
    font-size: 11px;
    min-width: 48px;
    width: auto;
    height: inherit;
    min-height: 34px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes .dropdown .dropdown-menu .dropdown-item:hover {
    color: #fa5373;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes .dropdown .dropdown-menu .dropdown-item.no-stock {
    background-color: #f6f6f9;
    border-color: #ececf4;
    color: #81819b;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes .dropdown .dropdown-menu .dropdown-item.no-stock:before {
    content: "";
    width: 16px;
    height: 16px;
    background: url("../_ui/responsive/theme-penti/images/icons_ringing.svg") no-repeat -2px 0px;
    background-size: 16px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes .dropdown .dropdown-menu .dropdown-item.no-stock:after {
    content: none;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes .dropdown .dropdown-menu .dropdown-item.no-stock:hover,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes .dropdown .dropdown-menu .dropdown-item.no-stock.selected {
    color: #fa5373;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes .dropdown .dropdown-menu .dropdown-item.no-stock:hover:before,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes .dropdown .dropdown-menu .dropdown-item.no-stock.selected:before {
    filter: invert(57%) sepia(40%) saturate(6703%) hue-rotate(319deg) brightness(100%) contrast(96%);
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes .dropdown .dropdown-menu .dropdown-item.low-stock:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url("../_ui/responsive/theme-penti/images/icons_warning_stock.svg") no-repeat -2px 0px;
    background-size: 20px;
    margin-right: 4px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes .dropdown .dropdown-menu .dropdown-item.low-stock:after {
    content: none;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes .dropdown .dropdown-menu .dropdown-item.low-stock:hover,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes .dropdown .dropdown-menu .dropdown-item.low-stock.selected {
    color: #fa5373;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes .dropdown .dropdown-menu .dropdown-item.low-stock:hover:before,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes .dropdown .dropdown-menu .dropdown-item.low-stock.selected:before {
    filter: invert(57%) sepia(40%) saturate(6703%) hue-rotate(319deg) brightness(100%) contrast(96%);
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes .dropdown .dropdown-menu .dropdown-item.selected {
    color: #fa5373;
    background-color: #faf0f4;
    border-color: #fa5373;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes #low-stock-info-band {
    padding: 0 !important;
    color: #fa5373 !important;
    font-weight: normal !important;
    font-size: 12px !important;
    font-family: "Work Sans" !important;
    background: none !important;
    margin: 16px 0 0 0 !important;
    height: inherit !important;
    line-height: inherit !important;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-sizes #low-stock-info-band span {
    font-family: "Work Sans" !important;
    margin: 0 !important;
    color: #fa5373 !important;
    font-weight: normal !important;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-colors .pdp-colors-title {
    font-size: 14px;
    font-weight: normal;
    color: #29335c;
    margin-bottom: 16px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-colors .color-variants {
    gap: 10px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-colors .color-variants .color-variants-container {
    width: 70px;
    position: relative;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-colors .color-variants .color-variants-container span.no-stock {
    display: inline-block;
    position: absolute;
    left: 6px;
    background: #ececf4;
    font-size: 10px;
    border-radius: 5px;
    padding: 3px 10px;
    top: 80px;
    z-index: 4;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-colors .color-variants .color-variants-container .color-variant-item {
    width: 70px;
    height: 105px;
    margin: 0;
    margin-bottom: 10px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-colors .color-variants .color-variants-container .color-variant-item i {
    width: 70px;
    height: 105px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-colors .color-variants .color-variants-container .color-variant-item i.no-stock {
    webkit-filter: inherit;
    filter: inherit;
    opacity: 1;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-colors .color-variants .color-variants-container .color-variant-item.selected {
    border: none;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-options .pdp-colors .color-variants .color-variants-container .variant-name-text {
    color: #29335c;
    font-size: 11px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-prices {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-prices .prc-first,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-prices .prc-last {
    font-size: 13px;
    color: #29335c;
    font-weight: normal;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-prices.only-mobile {
    display: none;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-prices .pdp-sale {
    border-radius: 5px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-prices .prc.prc-first {
    font-weight: normal !important;
    color: #81819B;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-prices .prc-last.discount {
    color: #fa5373 !important;
    font-size: 12px !important;
    font-weight: normal !important;
    padding: 2px !important;
    background-color: #faf0f4 !important;
    margin: 0 !important;
    border-radius: 5px !important;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-prices .pdp-sale {
    margin: 0;
    color: #fa5373;
    font-size: 12px;
    background-color: transparent;
    padding: 0;
    font-weight: normal;
    height: inherit;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .discount-cart {
    margin-top: 0;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-promo {
    background-color: transparent;
    color: #fa5373;
    text-transform: uppercase;
    padding: 4px 5px;
    border-radius: 5px;
    line-height: 1;
    width: max-content;
    font-size: 12px;
    border: 1px solid #fac7d2;
    margin-bottom: 10px;
    margin-top: 0;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-promo.only-mobile {
    margin-top: 16px;
    display: none;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-promo.pdp-promo-multipack {
    background-color: #ffffff;
    color: #29335c;
    border: 1px solid #ccccd9;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-promo.pdp-promo-multipack span {
    margin-left: 0px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-promo.text-normal {
    border: none;
    padding: 0;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta {
    margin-top: 16px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-campaign-installment-section {
    display: flex;
    align-items: center;
    gap: 16px;
    border-radius: 5px;
    margin-top: 0;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-campaign-installment-section.only-mobile {
    margin-top: 16px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-campaign-installment-section img {
    width: 20px;
    height: 20px;
    filter: brightness(0) saturate(100%) invert(19%) sepia(6%) saturate(5300%) hue-rotate(192deg) brightness(92%) contrast(91%);
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-campaign-installment-section .cart-campaign-installment-label {
    font-size: 11px;
    color: #29335c;
    display: flex;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-campaign-installment-section .cart-campaign-installment-label:after {
    content: '';
    width: 18px;
    height: 18px;
    scale: 0.8;
    background: url(../_ui/responsive/theme-penti/images/redesign/icon-arrow-head-right.svg) no-repeat center center;
    filter: brightness(0) saturate(100%) invert(19%) sepia(6%) saturate(5300%) hue-rotate(192deg) brightness(92%) contrast(91%);
    margin-left: 5px;
    display: inline-block;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .add-to-cart-section,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .add-to-cart-section {
    width: calc(100% - 100px);
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .add-to-cart-section .no-stock-text,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .add-to-cart-section .no-stock-text {
    width: calc(100% + 100px);
    background-color: #f6f6f9;
    border-radius: 5px;
    padding: 20px 16px;
    font-size: 11px;
    color: #81819b;
    margin-top: 16px;
    display: none;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .add-to-cart-section .no-stock-text .no-stock-title,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .add-to-cart-section .no-stock-text .no-stock-title {
    display: flex;
    align-items: center;
    color: #29335c;
    margin-bottom: 16px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .add-to-cart-section .no-stock-text .no-stock-title img,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .add-to-cart-section .no-stock-text .no-stock-title img {
    margin-right: 5px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .add-to-cart-section .no-stock-text .no-stock-desc,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .add-to-cart-section .no-stock-text .no-stock-desc {
    margin-bottom: 16px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .add-to-cart-section .no-stock-text .link-inline,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .add-to-cart-section .no-stock-text .link-inline {
    margin-bottom: 0;
    color: #fa5373;
    cursor: pointer;
    text-decoration: none;
    border: none;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .add-to-cart-section .actions.deactivate+.no-stock-text,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .add-to-cart-section .actions.deactivate+.no-stock-text {
    display: block;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .add-to-cart-section .actions.deactivate .btn-add-to-cart,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .add-to-cart-section .actions.deactivate .btn-add-to-cart {
    display: none;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .add-to-cart-section .actions.deactivate .btn-stock-reminder,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .add-to-cart-section .actions.deactivate .btn-stock-reminder {
    display: block;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .actions .btn-out-off-stock,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .actions .btn-out-off-stock {
    border-radius: 5px;
    width: 100%;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .actions .prd-row-qty,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .actions .prd-row-qty {
    width: 85px;
    height: 40px;
    border-radius: 5px;
    border: solid 1px #ececf4;
    padding: 0 10px;
    margin-right: 10px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .actions .prd-row-qty .qty-change.qty-minus,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .actions .prd-row-qty .qty-change.qty-minus {
    background: url('../_ui/responsive/theme-penti/images/new-add-to-cart-minus.svg') no-repeat 0px 3px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .actions .prd-row-qty .qty-change.qty-plus,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .actions .prd-row-qty .qty-change.qty-plus {
    background: url('../_ui/responsive/theme-penti/images/new-add-to-cart-plus.svg') no-repeat 0px 3px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .actions .prd-row-qty .qty-count,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .actions .prd-row-qty .qty-count {
    color: #29335c;
    font-size: 12px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .actions .btn-add-to-cart,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .actions .btn-add-to-cart {
    width: 100%;
    height: 40px;
    padding: 10px 14px;
    border-radius: 5px;
    background-color: #fa5373;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .actions .btn-add-to-cart:before,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .actions .btn-add-to-cart:before,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .actions .btn-add-to-cart:after,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .actions .btn-add-to-cart:after {
    content: none;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .actions .btn-add-to-cart span,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .actions .btn-add-to-cart span {
    visibility: visible;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .actions .btn-stock-reminder,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .actions .btn-stock-reminder,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .actions .btn-similar-products,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .actions .btn-similar-products {
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #fa5373;
    color: #fa5373;
    font-weight: normal;
    font-size: 12px;
    padding: 0;
    height: 40px;
    width: 100%;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .product-actions-pdp,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .product-actions-pdp {
    position: relative;
    display: flex;
    flex-direction: row;
    right: inherit;
    gap: 10px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .product-actions-pdp .item-favorite,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .product-actions-pdp .item-favorite {
    margin-bottom: 0;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .product-actions-pdp .item-favorite .wishlist-btn,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .product-actions-pdp .item-favorite .wishlist-btn {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: url('../_ui/responsive/theme-penti/images/icons_favorite.svg') no-repeat center center;
    border: 1px solid #ececf4;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .product-actions-pdp .item-favorite .wishlist-btn:hover,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .product-actions-pdp .item-favorite .wishlist-btn:hover {
    border-color: #fa5373;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .product-actions-pdp .item-favorite[data-is-add=true] .wishlist-btn,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .product-actions-pdp .item-favorite[data-is-add=true] .wishlist-btn {
    background: #ffffff url('../_ui/responsive/theme-penti/images/icons_favorite_filled.svg') no-repeat center;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .product-actions-pdp .item-collection,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .product-actions-pdp .item-collection {
    margin-bottom: 0;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .product-actions-pdp .item-collection .collection-btn,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .product-actions-pdp .item-collection .collection-btn {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: url('../_ui/responsive/theme-penti/images/icons_bookmark.svg') no-repeat center center;
    border: 1px solid #ececf4;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .product-actions-pdp .item-collection .collection-btn:hover,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .product-actions-pdp .item-collection .collection-btn:hover {
    border-color: #fa5373;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .product-actions-pdp .item-collection[data-is-add=true] .collection-btn,
.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .product-actions-pdp .item-collection[data-is-add=true] .collection-btn {
    background: #ffffff url('../_ui/responsive/theme-penti/images/icons_bookmark_filled.svg') no-repeat center;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta {
    position: fixed;
    bottom: 20px;
    width: calc(100% - 140px);
    z-index: 5;
    padding: 10px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    display: none;
    margin: 0 52px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .prd-row-qty {
    display: none !important;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .product-actions-pdp .item-favorite {
    margin: 0;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .product-actions-pdp .item-collection {
    margin: 0;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-info-details {
    color: #29335c;
    font-size: 11px;
    font-weight: normal;
    display: flex;
    gap: 10px;
    flex-direction: column;
    margin-top: 16px;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-info-details .pdp-info-item {
    display: flex;
    align-items: center;
    position: relative;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-info-details .pdp-info-item:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 16px;
    flex-basis: 20px;
    flex-grow: 0;
    flex-shrink: 0;
    filter: brightness(0) saturate(100%) invert(19%) sepia(6%) saturate(5300%) hue-rotate(192deg) brightness(92%) contrast(91%);
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-info-details .pdp-info-item.info {
    color: #fa5373;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-info-details .pdp-info-item.info:before {
    background: url('../_ui/responsive/theme-penti/images/icons_info.svg') no-repeat left center;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-info-details .pdp-info-item.cargo:before {
    background: url('../_ui/responsive/theme-penti/images/icons_cargo.svg') no-repeat left center;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-info-details .pdp-info-item.delivery:before {
    background: url('../_ui/responsive/theme-penti/images/icons_delivery.svg') no-repeat left center;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-info-details .pdp-info-item.return:before {
    background: url('../_ui/responsive/theme-penti/images/icons_refund.svg') no-repeat left center;
}

.page-productDetails .pdp .pdp-body .pdp-block1 .pdp-info-details .pdp-info-item.installment:before {
    background: url('../_ui/responsive/theme-penti/images/icons_installment.svg') no-repeat center center;
}

.page-productDetails .pdp .pdp-body .pdp-block2 {
    color: #29335c;
    font-size: 12px;
    font-family: "Work Sans" !important;
}

.page-productDetails .pdp .pdp-body .pdp-block2 .pdp-description .pht-holder .pht-title {
    color: #29335c;
    font-size: 14px;
    font-weight: 500;
}

.page-productDetails .pdp .pdp-body .pdp-block2 .pdp-description .pht-content.pdp-detail-desc {
    font-size: 12px;
    color: #29335C;
}

.page-productDetails .pdp .pdp-body .pdp-block2 .pdp-description .pht-content.pdp-detail-desc .pdp-detail-desc-title {
    color: #29335c;
    font-size: 12px;
    font-weight: 500;
}

.page-productDetails .pdp .pdp-body .pdp-block2 .pdp-description .pht-content.pdp-detail-desc .text-capitalize,
.page-productDetails .pdp .pdp-body .pdp-block2 .pdp-description .pht-content.pdp-detail-desc p {
    color: #81819b;
}

.page-productDetails .pdp .pdp-body .pdp-block2 .c-pantyhose-band {
    margin: 0;
    border: 1px solid #FA5373;
    background: transparent;
    font-size: 12px;
    padding: 4px 6px;
}

.page-productDetails .pdp .pdp-body .pdp-block2 .c-pantyhose-band:after {
    content: none;
}

.page-productDetails .pdp .pdp-body .pdp-details {
    margin-top: 30px;
}

.page-productDetails .pdp .pdp-body .pdp-details .pdp-info-item {
    display: flex;
    align-items: center;
    padding: 14px 0;
    gap: 16px;
    cursor: pointer;
    position: relative;
}

.page-productDetails .pdp .pdp-body .pdp-details .pdp-info-item .svg-notification {
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/discount-notification.svg') no-repeat center center;
}

.page-productDetails .pdp .pdp-body .pdp-details .pdp-info-item .svg-store {
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icon_find_store.svg') no-repeat center center;
}

.page-productDetails .pdp .pdp-body .pdp-details .pdp-info-item .svg-share {
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons_share.svg') no-repeat center center;
}

.page-productDetails .pdp .pdp-body .pdp-details .pdp-info-item .item-text {
    font-size: 12px;
    color: #29335c;
}

.page-productDetails .pdp .pdp-body .pdp-details .pdp-info-item:hover .item-text {
    color: #fa5373;
}

.page-productDetails .pdp .pdp-body .pdp-details .pdp-info-item .share-links {
    position: absolute;
    padding: 24px;
    top: 47px;
    border-radius: 5px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    flex-direction: column;
    gap: 16px;
    min-width: 135px;
    display: none;
}

.page-productDetails .pdp .pdp-body .pdp-details .pdp-info-item .share-links .share-item a {
    font-family: "Work Sans" !important;
    font-size: 12px;
    font-weight: normal;
    color: #29335c;
    text-transform: capitalize;
}

.page-productDetails .pdp .pdp-body .pdp-details .pdp-info-item .share-links .share-item a:hover {
    color: #fa5373;
}

.page-productDetails .pdp .pdp-body .pdp-details .pdp-info-item .share-links .share-item a.copied {
    color: #fa5373;
}

.page-productDetails .pdp .pdp-body .pdp-details .pdp-info-item .share-links .svg-close {
    padding: 6px;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons_close.svg') no-repeat center center;
    position: absolute;
    right: 10px;
    top: 10px;
}

.page-productDetails .pdp .pdp-body .pdp-details .pdp-info-item .share-links.show {
    display: flex;
}

.addToCart-notify-container .addToCart-notify {
    padding: 0;
    border: none;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.addToCart-notify-container .addToCart-notify img {
    height: 100%;
    width: 106px;
}

.addToCart-notify-container .addToCart-notify .addToCart-text-container {
    padding: 0 0 0 16px;
}

.addToCart-notify-container .addToCart-notify .addToCart-text-container .addToCart-message {
    font-size: 12px;
    color: #29335c;
    margin: 46px 0 20px 0;
    font-weight: normal;
}

.addToCart-notify-container .addToCart-notify .addToCart-text-container .addToCart-btn {
    margin-top: 0;
    font-size: 12px;
    font-weight: normal;
    color: #fa5373;
    padding: 10px;
    border-radius: 5px;
    border: solid 1px #fa5373;
}

.addToCart-notify-container .addToCart-notify .addToCart-text-container .addToCart-btn .icon-basket {
    display: none;
}

.addToCart-notify-container .addToCart-notify .addToCart-text-container .addToCart-btn .icon-new-basket {
    display: flex !important;
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.addToCart-notify-container .addToCart-notify .icon-close {
    display: none;
}

.addToCart-notify-container .addToCart-notify .icon-new-close {
    display: flex !important;
    width: 24px;
    height: 24px;
}

.features-notify-container .addToCart-text-container {
    gap: 16px;
    justify-content: center;
}

.features-notify-container .addToCart-text-container .toast-title {
    color: #fa5373;
    font-size: 12px;
    font-weight: normal;
}

.features-notify-container .addToCart-text-container .addToCart-message {
    margin: 0 !important;
    color: #29335c !important;
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 20px;
}

.toastify {
    bottom: -10px;
    top: inherit;
    left: 50%;
    transform: translateX(-51%);
    width: 75%;
}

.toastify span {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.pdp-stripe-ready .pdp-block1 {
    position: inherit !important;
    justify-content: space-between !important;
}

.pdp-stripe-ready .pdp-block1 .pdp-prices.only-mobile {
    display: block !important;
    margin-bottom: 0 !important;
}

.pdp-stripe-ready .pdp-block1 .pdp-prices {
    display: none !important;
}

.pdp-stripe-ready .pdp-block1 .pdp-options {
    margin: 0 0 0 auto !important;
}

.pdp-stripe-ready .pdp-block1 .pdp-options .pdp-sizes .dropdown {
    margin-top: 0 !important;
}

.pdp-stripe-ready .pdp-block1 .pdp-options:has(.pdp-colors) {
    margin: 0 0 0 10px !important;
}

.pdp-stripe-ready .pdp-block1 .pdp-new-divider {
    display: none !important;
    visibility: hidden !important;
}

.pdp-stripe-ready .pdp-block1 .pdp-options .dropdown-menu.color-variants.show {
    gap: 5px !important;
    padding: 15px !important;
}

.pdp-stripe-ready .pdp-block1 .pdp-options .dropdown-menu.color-variants.show .color-variants-container {
    width: 65px !important;
}

.pdp-stripe-ready .pdp-block1 .pdp-options .dropdown-menu.color-variants.show .color-variants-container .color-variant-item {
    width: 63px !important;
    height: 88px !important;
}

.pdp-stripe-ready .pdp-block1 .pdp-options .dropdown-menu.color-variants.show .color-variants-container .color-variant-item i {
    width: 55px !important;
    height: 80px !important;
}

@media(max-width:1024px) {
    .page-productDetails .breadcrumb {
        padding: 0 34px;
    }

    .page-productDetails .pdp .pdp-body {
        padding: 20px 20px 30px 20px;
    }

    .page-productDetails .pdp .pdp-body .pdp-block1 .pdp-prices.only-mobile {
        display: block;
        margin-bottom: 0 !important;
    }

    .page-productDetails .pdp .pdp-body .pdp-block1 .pdp-prices.only-mobile .no-stock-text {
        display: none !important;
    }

    .page-productDetails .pdp .pdp-body .pdp-block1 .pdp-prices.only-mobile .actions {
        margin-top: 16px;
    }

    .page-productDetails .pdp .pdp-body .pdp-block1 .pdp-prices.only-mobile .actions button.btn-out-off-stock,
    .page-productDetails .pdp .pdp-body .pdp-block1 .pdp-prices.only-mobile .actions button.btn-add-to-cart,
    .page-productDetails .pdp .pdp-body .pdp-block1 .pdp-prices.only-mobile .actions button.btn-stock-reminder {
        display: none !important;
    }

    .page-productDetails .pdp .pdp-body .pdp-block1 .pdp-prices.only-mobile .actions .prd-row-qty {
        width: 85px;
        height: 40px;
        border-radius: 5px;
        border: solid 1px #ececf4;
        padding: 0 10px;
        margin-right: 10px;
    }

    .page-productDetails .pdp .pdp-body .pdp-block1 .pdp-prices.only-mobile .actions .prd-row-qty .qty-change.qty-minus {
        background: url('../_ui/responsive/theme-penti/images/new-add-to-cart-minus.svg') no-repeat 0px 3px;
    }

    .page-productDetails .pdp .pdp-body .pdp-block1 .pdp-prices.only-mobile .actions .prd-row-qty .qty-change.qty-plus {
        background: url('../_ui/responsive/theme-penti/images/new-add-to-cart-plus.svg') no-repeat 0px 3px;
    }

    .page-productDetails .pdp .pdp-body .pdp-block1 .pdp-prices.only-mobile .actions .prd-row-qty .qty-count {
        color: #29335c;
        font-size: 12px;
    }

    .page-productDetails .pdp .pdp-body .pdp-block1 .pdp-promo {
        display: none;
    }

    .page-productDetails .pdp .pdp-body .pdp-block1 .pdp-promo.only-mobile {
        display: flex;
        margin-top: 16px;
    }

    .page-productDetails .pdp .pdp-body .pdp-block1 .pdp-heading .name-section .pdp-title {
        max-width: 275px;
    }

    .page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .btn-out-off-stock {
        display: none;
    }

    .page-productDetails .banner-list.bnl-type-3.full-width {
        margin-left: 20px !important;
        margin-right: 20px !important;
        width: calc(100% - 40px) !important;
    }

    .page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products {
        margin: 0 20px;
    }

    .page-productDetails .banner-list.bnl-type-3.full-width .banner.bnr-type-7.no-overlay {
        margin: 30px 0;
        border-radius: 0;
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    .page-productDetails .pdp-new-divider.full-width {
        margin: 30px 0;
    }

    .page-productDetails .pdp-new-divider.full-width {
        margin: 30px 20px;
        width: calc(100% - 40px);
    }

    .page-productDetails .pdp-reviews.rvw {
        margin: 0 20px 0 20px !important;
        width: calc(100% - 40px) !important;
    }

    .page-productDetails .pdp {
        margin-bottom: 0px;
    }

    .product-actions.product-actions-vertical.product-actions-pdp .product-actions-item {
        width: 40px;
        height: 40px;
    }

    .product-actions.product-actions-vertical.product-actions-pdp {
        top: 0px;
    }

    .page-productDetails .productReviewsTab-page:has(.rvw-header) {
        padding: 30px 0 !important;
    }

    .page-productDetails .productDetailsPageSectionCombinedProduct:has(.psw-body) {
        padding: 30px 0 !important;
    }

    .page-productDetails .banner-list {
        padding: 30px 0 !important;
    }

    .page-productDetails .pdp .pdp-body .pdp-details {
        margin-top: 30px;
        border-bottom: 10px solid #f6f6f9;
        padding-bottom: 30px;
    }

    .pdp .pdp-body .pdp-block1 .pdp-mobile-cta {
        display: flex !important;
    }

    .pdp .pdp-body .pdp-block1 .pdp-mobile-cta .no-stock-text {
        display: none !important;
    }

    .page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .actions {
        display: none !important;
    }

    .page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta button.btn-stock-reminder,
    .page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta #addToCartButton,
    .page-productDetails .pdp .pdp-body .pdp-block1 .pdp-cta .product-actions-pdp {
        display: none !important;
    }

    .page-productDetails .pdp-reviews.rvw #pdp-review-slider .swiper-wrapper {
        gap: 0 !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
    }

    .page-productDetails #product-image-zoom {
        background-color: #1a1a1a !important;
    }

    .page-productDetails #product-image-zoom .zoom-image-close:after {
        background: url('../_ui/responsive/theme-penti/images/icons_close.svg') center center no-repeat;
    }

    #modal-size-chart .modal-content,
    #modal-pdp-reviews .modal-content,
    #modal-store-finder .modal-content,
    #modal-collectionadd .modal-content {
        margin: 0 !important;
        padding: 0 !important;
    }

    #modal-size-chart .modal-content .modal-header,
    #modal-pdp-reviews .modal-content .modal-header,
    #modal-store-finder .modal-content .modal-header,
    #modal-collectionadd .modal-content .modal-header {
        background-color: transparent;
    }

    .page-productDetails #modal-store-finder .modal-body .pdp-new-divider.full-width {
        width: 100% !important;
    }

    .page-productDetails .pdp .pdp-body .pdp-block1 .pdp-prices {
        display: none !important;
    }

    .page-productDetails .pdp .pdp-body .pdp-block1 .pdp-prices.only-mobile {
        display: block !important;
    }

    .page-productDetails .pdp-reviews.rvw .rvw-header .reviews-title {
        font-size: 14px !important;
        color: #29335c !important;
        font-weight: normal !important;
    }

    .page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-header .psw-title {
        font-size: 14px;
        color: #29335c;
        font-weight: normal;
    }

    .page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-body .product-swiper.swiper-container {
        padding-left: 0 !important;
    }

    .page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-body .product-swiper.swiper-container .swiper-slide {
        min-width: inherit !important;
        max-width: inherit !important;
        margin-left: 0 !important;
        flex-shrink: 0 !important;
        width: 100%;
        height: 100%;
        position: relative;
        transition-property: transform;
    }

    .page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-body .product-swiper.swiper-container .swiper-slide .prd .fav-container {
        right: 5px !important;
    }

    .page-productDetails .productDetailsPageSectionCombinedProduct .productDetailsPageSectionCombinedProduct-component #recommended-products .psw-body .product-swiper.swiper-container .swiper-slide .prd .fav-container i {
        display: block !important;
        top: 5px !important;
        left: inherit !important;
    }

    .pdp-promo.pdp-promo-multipack {
        display: none;
    }

    .pdp-promo.pdp-promo-multipack.only-mobile {
        display: block !important;
    }
}

.page-login .pika-single,
.page-forgotPasswordPage .pika-single,
.page-registerPage .pika-single,
.page-updatePassword .pika-single,
.page-checkout-login .pika-single {
    display: none !important;
}

.page-login input:-webkit-autofill,
.page-forgotPasswordPage input:-webkit-autofill,
.page-registerPage input:-webkit-autofill,
.page-updatePassword input:-webkit-autofill,
.page-checkout-login input:-webkit-autofill,
.page-login input:-webkit-autofill:hover,
.page-forgotPasswordPage input:-webkit-autofill:hover,
.page-registerPage input:-webkit-autofill:hover,
.page-updatePassword input:-webkit-autofill:hover,
.page-checkout-login input:-webkit-autofill:hover,
.page-login input:-webkit-autofill:focus,
.page-forgotPasswordPage input:-webkit-autofill:focus,
.page-registerPage input:-webkit-autofill:focus,
.page-updatePassword input:-webkit-autofill:focus,
.page-checkout-login input:-webkit-autofill:focus,
.page-login input:-webkit-autofill:active,
.page-forgotPasswordPage input:-webkit-autofill:active,
.page-registerPage input:-webkit-autofill:active,
.page-updatePassword input:-webkit-autofill:active,
.page-checkout-login input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #f6f6f9 inset !important;
}

.page-login .msh-mobile-sticky-header,
.page-forgotPasswordPage .msh-mobile-sticky-header,
.page-registerPage .msh-mobile-sticky-header,
.page-updatePassword .msh-mobile-sticky-header,
.page-checkout-login .msh-mobile-sticky-header {
    display: none;
}

.page-login #modal-clarification-text .modal-content .modal-header,
.page-forgotPasswordPage #modal-clarification-text .modal-content .modal-header,
.page-registerPage #modal-clarification-text .modal-content .modal-header,
.page-updatePassword #modal-clarification-text .modal-content .modal-header,
.page-checkout-login #modal-clarification-text .modal-content .modal-header,
.page-login #modal-starCardAgreement-text .modal-content .modal-header,
.page-forgotPasswordPage #modal-starCardAgreement-text .modal-content .modal-header,
.page-registerPage #modal-starCardAgreement-text .modal-content .modal-header,
.page-updatePassword #modal-starCardAgreement-text .modal-content .modal-header,
.page-checkout-login #modal-starCardAgreement-text .modal-content .modal-header,
.page-login #modal-starCardClarification-text .modal-content .modal-header,
.page-forgotPasswordPage #modal-starCardClarification-text .modal-content .modal-header,
.page-registerPage #modal-starCardClarification-text .modal-content .modal-header,
.page-updatePassword #modal-starCardClarification-text .modal-content .modal-header,
.page-checkout-login #modal-starCardClarification-text .modal-content .modal-header,
.page-login #modal-starCardConsent-text .modal-content .modal-header,
.page-forgotPasswordPage #modal-starCardConsent-text .modal-content .modal-header,
.page-registerPage #modal-starCardConsent-text .modal-content .modal-header,
.page-updatePassword #modal-starCardConsent-text .modal-content .modal-header,
.page-checkout-login #modal-starCardConsent-text .modal-content .modal-header,
.page-login #modal-legal-text .modal-content .modal-header,
.page-forgotPasswordPage #modal-legal-text .modal-content .modal-header,
.page-registerPage #modal-legal-text .modal-content .modal-header,
.page-updatePassword #modal-legal-text .modal-content .modal-header,
.page-checkout-login #modal-legal-text .modal-content .modal-header,
.page-login #modal-member-text .modal-content .modal-header,
.page-forgotPasswordPage #modal-member-text .modal-content .modal-header,
.page-registerPage #modal-member-text .modal-content .modal-header,
.page-updatePassword #modal-member-text .modal-content .modal-header,
.page-checkout-login #modal-member-text .modal-content .modal-header,
.page-login #modal-consent-text .modal-content .modal-header,
.page-forgotPasswordPage #modal-consent-text .modal-content .modal-header,
.page-registerPage #modal-consent-text .modal-content .modal-header,
.page-updatePassword #modal-consent-text .modal-content .modal-header,
.page-checkout-login #modal-consent-text .modal-content .modal-header {
    height: inherit;
    padding: 0;
    text-align: center;
    border-bottom: 1px solid #faf0f4;
}

.page-login #modal-clarification-text .modal-content .modal-header .modal-title,
.page-forgotPasswordPage #modal-clarification-text .modal-content .modal-header .modal-title,
.page-registerPage #modal-clarification-text .modal-content .modal-header .modal-title,
.page-updatePassword #modal-clarification-text .modal-content .modal-header .modal-title,
.page-checkout-login #modal-clarification-text .modal-content .modal-header .modal-title,
.page-login #modal-starCardAgreement-text .modal-content .modal-header .modal-title,
.page-forgotPasswordPage #modal-starCardAgreement-text .modal-content .modal-header .modal-title,
.page-registerPage #modal-starCardAgreement-text .modal-content .modal-header .modal-title,
.page-updatePassword #modal-starCardAgreement-text .modal-content .modal-header .modal-title,
.page-checkout-login #modal-starCardAgreement-text .modal-content .modal-header .modal-title,
.page-login #modal-starCardClarification-text .modal-content .modal-header .modal-title,
.page-forgotPasswordPage #modal-starCardClarification-text .modal-content .modal-header .modal-title,
.page-registerPage #modal-starCardClarification-text .modal-content .modal-header .modal-title,
.page-updatePassword #modal-starCardClarification-text .modal-content .modal-header .modal-title,
.page-checkout-login #modal-starCardClarification-text .modal-content .modal-header .modal-title,
.page-login #modal-starCardConsent-text .modal-content .modal-header .modal-title,
.page-forgotPasswordPage #modal-starCardConsent-text .modal-content .modal-header .modal-title,
.page-registerPage #modal-starCardConsent-text .modal-content .modal-header .modal-title,
.page-updatePassword #modal-starCardConsent-text .modal-content .modal-header .modal-title,
.page-checkout-login #modal-starCardConsent-text .modal-content .modal-header .modal-title,
.page-login #modal-legal-text .modal-content .modal-header .modal-title,
.page-forgotPasswordPage #modal-legal-text .modal-content .modal-header .modal-title,
.page-registerPage #modal-legal-text .modal-content .modal-header .modal-title,
.page-updatePassword #modal-legal-text .modal-content .modal-header .modal-title,
.page-checkout-login #modal-legal-text .modal-content .modal-header .modal-title,
.page-login #modal-member-text .modal-content .modal-header .modal-title,
.page-forgotPasswordPage #modal-member-text .modal-content .modal-header .modal-title,
.page-registerPage #modal-member-text .modal-content .modal-header .modal-title,
.page-updatePassword #modal-member-text .modal-content .modal-header .modal-title,
.page-checkout-login #modal-member-text .modal-content .modal-header .modal-title,
.page-login #modal-consent-text .modal-content .modal-header .modal-title,
.page-forgotPasswordPage #modal-consent-text .modal-content .modal-header .modal-title,
.page-registerPage #modal-consent-text .modal-content .modal-header .modal-title,
.page-updatePassword #modal-consent-text .modal-content .modal-header .modal-title,
.page-checkout-login #modal-consent-text .modal-content .modal-header .modal-title {
    font-size: 14px;
    color: #81819b;
    font-weight: normal;
    font-family: 'WORK SANS' !important;
    width: 100%;
    text-align: center;
    padding: 17px 0;
}

.page-login #modal-clarification-text .modal-content .modal-header .modal-header-right,
.page-forgotPasswordPage #modal-clarification-text .modal-content .modal-header .modal-header-right,
.page-registerPage #modal-clarification-text .modal-content .modal-header .modal-header-right,
.page-updatePassword #modal-clarification-text .modal-content .modal-header .modal-header-right,
.page-checkout-login #modal-clarification-text .modal-content .modal-header .modal-header-right,
.page-login #modal-starCardAgreement-text .modal-content .modal-header .modal-header-right,
.page-forgotPasswordPage #modal-starCardAgreement-text .modal-content .modal-header .modal-header-right,
.page-registerPage #modal-starCardAgreement-text .modal-content .modal-header .modal-header-right,
.page-updatePassword #modal-starCardAgreement-text .modal-content .modal-header .modal-header-right,
.page-checkout-login #modal-starCardAgreement-text .modal-content .modal-header .modal-header-right,
.page-login #modal-starCardClarification-text .modal-content .modal-header .modal-header-right,
.page-forgotPasswordPage #modal-starCardClarification-text .modal-content .modal-header .modal-header-right,
.page-registerPage #modal-starCardClarification-text .modal-content .modal-header .modal-header-right,
.page-updatePassword #modal-starCardClarification-text .modal-content .modal-header .modal-header-right,
.page-checkout-login #modal-starCardClarification-text .modal-content .modal-header .modal-header-right,
.page-login #modal-starCardConsent-text .modal-content .modal-header .modal-header-right,
.page-forgotPasswordPage #modal-starCardConsent-text .modal-content .modal-header .modal-header-right,
.page-registerPage #modal-starCardConsent-text .modal-content .modal-header .modal-header-right,
.page-updatePassword #modal-starCardConsent-text .modal-content .modal-header .modal-header-right,
.page-checkout-login #modal-starCardConsent-text .modal-content .modal-header .modal-header-right,
.page-login #modal-legal-text .modal-content .modal-header .modal-header-right,
.page-forgotPasswordPage #modal-legal-text .modal-content .modal-header .modal-header-right,
.page-registerPage #modal-legal-text .modal-content .modal-header .modal-header-right,
.page-updatePassword #modal-legal-text .modal-content .modal-header .modal-header-right,
.page-checkout-login #modal-legal-text .modal-content .modal-header .modal-header-right,
.page-login #modal-member-text .modal-content .modal-header .modal-header-right,
.page-forgotPasswordPage #modal-member-text .modal-content .modal-header .modal-header-right,
.page-registerPage #modal-member-text .modal-content .modal-header .modal-header-right,
.page-updatePassword #modal-member-text .modal-content .modal-header .modal-header-right,
.page-checkout-login #modal-member-text .modal-content .modal-header .modal-header-right,
.page-login #modal-consent-text .modal-content .modal-header .modal-header-right,
.page-forgotPasswordPage #modal-consent-text .modal-content .modal-header .modal-header-right,
.page-registerPage #modal-consent-text .modal-content .modal-header .modal-header-right,
.page-updatePassword #modal-consent-text .modal-content .modal-header .modal-header-right,
.page-checkout-login #modal-consent-text .modal-content .modal-header .modal-header-right {
    position: absolute;
    right: 16px;
    top: 17px;
}

.page-login #modal-clarification-text .modal-content .modal-header .modal-header-right .svg-close,
.page-forgotPasswordPage #modal-clarification-text .modal-content .modal-header .modal-header-right .svg-close,
.page-registerPage #modal-clarification-text .modal-content .modal-header .modal-header-right .svg-close,
.page-updatePassword #modal-clarification-text .modal-content .modal-header .modal-header-right .svg-close,
.page-checkout-login #modal-clarification-text .modal-content .modal-header .modal-header-right .svg-close,
.page-login #modal-starCardAgreement-text .modal-content .modal-header .modal-header-right .svg-close,
.page-forgotPasswordPage #modal-starCardAgreement-text .modal-content .modal-header .modal-header-right .svg-close,
.page-registerPage #modal-starCardAgreement-text .modal-content .modal-header .modal-header-right .svg-close,
.page-updatePassword #modal-starCardAgreement-text .modal-content .modal-header .modal-header-right .svg-close,
.page-checkout-login #modal-starCardAgreement-text .modal-content .modal-header .modal-header-right .svg-close,
.page-login #modal-starCardClarification-text .modal-content .modal-header .modal-header-right .svg-close,
.page-forgotPasswordPage #modal-starCardClarification-text .modal-content .modal-header .modal-header-right .svg-close,
.page-registerPage #modal-starCardClarification-text .modal-content .modal-header .modal-header-right .svg-close,
.page-updatePassword #modal-starCardClarification-text .modal-content .modal-header .modal-header-right .svg-close,
.page-checkout-login #modal-starCardClarification-text .modal-content .modal-header .modal-header-right .svg-close,
.page-login #modal-starCardConsent-text .modal-content .modal-header .modal-header-right .svg-close,
.page-forgotPasswordPage #modal-starCardConsent-text .modal-content .modal-header .modal-header-right .svg-close,
.page-registerPage #modal-starCardConsent-text .modal-content .modal-header .modal-header-right .svg-close,
.page-updatePassword #modal-starCardConsent-text .modal-content .modal-header .modal-header-right .svg-close,
.page-checkout-login #modal-starCardConsent-text .modal-content .modal-header .modal-header-right .svg-close,
.page-login #modal-legal-text .modal-content .modal-header .modal-header-right .svg-close,
.page-forgotPasswordPage #modal-legal-text .modal-content .modal-header .modal-header-right .svg-close,
.page-registerPage #modal-legal-text .modal-content .modal-header .modal-header-right .svg-close,
.page-updatePassword #modal-legal-text .modal-content .modal-header .modal-header-right .svg-close,
.page-checkout-login #modal-legal-text .modal-content .modal-header .modal-header-right .svg-close,
.page-login #modal-member-text .modal-content .modal-header .modal-header-right .svg-close,
.page-forgotPasswordPage #modal-member-text .modal-content .modal-header .modal-header-right .svg-close,
.page-registerPage #modal-member-text .modal-content .modal-header .modal-header-right .svg-close,
.page-updatePassword #modal-member-text .modal-content .modal-header .modal-header-right .svg-close,
.page-checkout-login #modal-member-text .modal-content .modal-header .modal-header-right .svg-close,
.page-login #modal-consent-text .modal-content .modal-header .modal-header-right .svg-close,
.page-forgotPasswordPage #modal-consent-text .modal-content .modal-header .modal-header-right .svg-close,
.page-registerPage #modal-consent-text .modal-content .modal-header .modal-header-right .svg-close,
.page-updatePassword #modal-consent-text .modal-content .modal-header .modal-header-right .svg-close,
.page-checkout-login #modal-consent-text .modal-content .modal-header .modal-header-right .svg-close {
    padding: 6px;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons_close.svg') no-repeat center center;
}

.page-login #modal-clarification-text .modal-content .modal-body,
.page-forgotPasswordPage #modal-clarification-text .modal-content .modal-body,
.page-registerPage #modal-clarification-text .modal-content .modal-body,
.page-updatePassword #modal-clarification-text .modal-content .modal-body,
.page-checkout-login #modal-clarification-text .modal-content .modal-body,
.page-login #modal-starCardAgreement-text .modal-content .modal-body,
.page-forgotPasswordPage #modal-starCardAgreement-text .modal-content .modal-body,
.page-registerPage #modal-starCardAgreement-text .modal-content .modal-body,
.page-updatePassword #modal-starCardAgreement-text .modal-content .modal-body,
.page-checkout-login #modal-starCardAgreement-text .modal-content .modal-body,
.page-login #modal-starCardClarification-text .modal-content .modal-body,
.page-forgotPasswordPage #modal-starCardClarification-text .modal-content .modal-body,
.page-registerPage #modal-starCardClarification-text .modal-content .modal-body,
.page-updatePassword #modal-starCardClarification-text .modal-content .modal-body,
.page-checkout-login #modal-starCardClarification-text .modal-content .modal-body,
.page-login #modal-starCardConsent-text .modal-content .modal-body,
.page-forgotPasswordPage #modal-starCardConsent-text .modal-content .modal-body,
.page-registerPage #modal-starCardConsent-text .modal-content .modal-body,
.page-updatePassword #modal-starCardConsent-text .modal-content .modal-body,
.page-checkout-login #modal-starCardConsent-text .modal-content .modal-body,
.page-login #modal-legal-text .modal-content .modal-body,
.page-forgotPasswordPage #modal-legal-text .modal-content .modal-body,
.page-registerPage #modal-legal-text .modal-content .modal-body,
.page-updatePassword #modal-legal-text .modal-content .modal-body,
.page-checkout-login #modal-legal-text .modal-content .modal-body,
.page-login #modal-member-text .modal-content .modal-body,
.page-forgotPasswordPage #modal-member-text .modal-content .modal-body,
.page-registerPage #modal-member-text .modal-content .modal-body,
.page-updatePassword #modal-member-text .modal-content .modal-body,
.page-checkout-login #modal-member-text .modal-content .modal-body,
.page-login #modal-consent-text .modal-content .modal-body,
.page-forgotPasswordPage #modal-consent-text .modal-content .modal-body,
.page-registerPage #modal-consent-text .modal-content .modal-body,
.page-updatePassword #modal-consent-text .modal-content .modal-body,
.page-checkout-login #modal-consent-text .modal-content .modal-body {
    padding: 0 16px 20px 16px;
}

.page-login #membership-grid,
.page-forgotPasswordPage #membership-grid,
.page-registerPage #membership-grid,
.page-updatePassword #membership-grid,
.page-checkout-login #membership-grid {
    position: fixed;
    width: 100vw;
    top: 0;
    z-index: 999;
    margin: 0;
    display: flex;
    height: 100vh !important;
    background: #fff;
    background: url('https://file-penti.mncdn.com/pentiimages/login-bg1.png') no-repeat 0px 0px;
    background-size: cover;
    background-position: top;
    align-items: center;
    justify-content: center;
}

.page-login #membership-grid .msh-body[data-step='2']:has(.form-error-msg) .warning-message-area,
.page-forgotPasswordPage #membership-grid .msh-body[data-step='2']:has(.form-error-msg) .warning-message-area,
.page-registerPage #membership-grid .msh-body[data-step='2']:has(.form-error-msg) .warning-message-area,
.page-updatePassword #membership-grid .msh-body[data-step='2']:has(.form-error-msg) .warning-message-area,
.page-checkout-login #membership-grid .msh-body[data-step='2']:has(.form-error-msg) .warning-message-area {
    display: flex;
    width: 100%;
}

.page-login #membership-grid .msh-body[data-step='2']:has(.form-error-msg) .msh-form input,
.page-forgotPasswordPage #membership-grid .msh-body[data-step='2']:has(.form-error-msg) .msh-form input,
.page-registerPage #membership-grid .msh-body[data-step='2']:has(.form-error-msg) .msh-form input,
.page-updatePassword #membership-grid .msh-body[data-step='2']:has(.form-error-msg) .msh-form input,
.page-checkout-login #membership-grid .msh-body[data-step='2']:has(.form-error-msg) .msh-form input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-login #membership-grid .msh-email-sent,
.page-forgotPasswordPage #membership-grid .msh-email-sent,
.page-registerPage #membership-grid .msh-email-sent,
.page-updatePassword #membership-grid .msh-email-sent,
.page-checkout-login #membership-grid .msh-email-sent {
    background-color: #F6F6F9;
    border-radius: 5px;
}

.page-login #membership-grid .msh-email-sent__title,
.page-forgotPasswordPage #membership-grid .msh-email-sent__title,
.page-registerPage #membership-grid .msh-email-sent__title,
.page-updatePassword #membership-grid .msh-email-sent__title,
.page-checkout-login #membership-grid .msh-email-sent__title {
    color: #29335c;
    font-size: 12px;
    font-weight: 500;
}

.page-login #membership-grid .msh-email-sent__message,
.page-forgotPasswordPage #membership-grid .msh-email-sent__message,
.page-registerPage #membership-grid .msh-email-sent__message,
.page-updatePassword #membership-grid .msh-email-sent__message,
.page-checkout-login #membership-grid .msh-email-sent__message {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    margin-top: 16px;
}

.page-login #membership-grid #updatePwdForm .form-row-info,
.page-forgotPasswordPage #membership-grid #updatePwdForm .form-row-info,
.page-registerPage #membership-grid #updatePwdForm .form-row-info,
.page-updatePassword #membership-grid #updatePwdForm .form-row-info,
.page-checkout-login #membership-grid #updatePwdForm .form-row-info {
    font-size: 11px;
    color: #81819b;
}

.page-login #membership-grid #updatePwdForm:has(.form-error-msg) .warning-message-area,
.page-forgotPasswordPage #membership-grid #updatePwdForm:has(.form-error-msg) .warning-message-area,
.page-registerPage #membership-grid #updatePwdForm:has(.form-error-msg) .warning-message-area,
.page-updatePassword #membership-grid #updatePwdForm:has(.form-error-msg) .warning-message-area,
.page-checkout-login #membership-grid #updatePwdForm:has(.form-error-msg) .warning-message-area {
    display: flex;
    width: 100%;
}

.page-login #membership-grid #updatePwdForm:has(.form-error-msg) input,
.page-forgotPasswordPage #membership-grid #updatePwdForm:has(.form-error-msg) input,
.page-registerPage #membership-grid #updatePwdForm:has(.form-error-msg) input,
.page-updatePassword #membership-grid #updatePwdForm:has(.form-error-msg) input,
.page-checkout-login #membership-grid #updatePwdForm:has(.form-error-msg) input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-login #membership-grid .msh-register .msh-contracts,
.page-forgotPasswordPage #membership-grid .msh-register .msh-contracts,
.page-registerPage #membership-grid .msh-register .msh-contracts,
.page-updatePassword #membership-grid .msh-register .msh-contracts,
.page-checkout-login #membership-grid .msh-register .msh-contracts {
    border: 1px solid #ececf4;
    border-radius: 5px;
}

.page-login #membership-grid .msh-register .msh-contracts .form-row,
.page-forgotPasswordPage #membership-grid .msh-register .msh-contracts .form-row,
.page-registerPage #membership-grid .msh-register .msh-contracts .form-row,
.page-updatePassword #membership-grid .msh-register .msh-contracts .form-row,
.page-checkout-login #membership-grid .msh-register .msh-contracts .form-row {
    padding: 16px !important;
    border-bottom: 1px solid #ececf4;
}

.page-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox,
.page-forgotPasswordPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox,
.page-registerPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox,
.page-updatePassword #membership-grid .msh-register .msh-contracts .form-row .input.checkbox,
.page-checkout-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox {
    display: flex;
    align-items: center;
}

.page-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle,
.page-forgotPasswordPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle,
.page-registerPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle,
.page-updatePassword #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle,
.page-checkout-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle {
    cursor: pointer;
    display: inline-block;
}

.page-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle:before,
.page-forgotPasswordPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle:before,
.page-registerPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle:before,
.page-updatePassword #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle:before,
.page-checkout-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle:before,
.page-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle:after,
.page-forgotPasswordPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle:after,
.page-registerPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle:after,
.page-updatePassword #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle:after,
.page-checkout-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle:after {
    content: none;
}

.page-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch,
.page-forgotPasswordPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch,
.page-registerPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch,
.page-updatePassword #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch,
.page-checkout-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch {
    display: inline-block;
    background: #fff;
    border-radius: 16px;
    width: 32px;
    height: 20px;
    position: relative;
    vertical-align: middle;
    transition: background 0.25s;
    border: 1px solid #fa5373;
}

.page-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch:before,
.page-forgotPasswordPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch:before,
.page-registerPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch:before,
.page-updatePassword #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch:before,
.page-checkout-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch:before,
.page-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch:after,
.page-forgotPasswordPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch:after,
.page-registerPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch:after,
.page-updatePassword #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch:after,
.page-checkout-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch:after {
    content: "";
    box-sizing: border-box;
}

.page-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch:before,
.page-forgotPasswordPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch:before,
.page-registerPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch:before,
.page-updatePassword #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch:before,
.page-checkout-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch:before {
    display: block;
    background: #fa5373;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 2px;
    left: 3px;
    transition: left 0.25s;
}

.toggle:hover .page-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch:before,
.toggle:hover .page-forgotPasswordPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch:before,
.toggle:hover .page-registerPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch:before,
.toggle:hover .page-updatePassword #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch:before,
.toggle:hover .page-checkout-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch:before {
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
}

.page-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch .toggle-checkbox:checked+.toggle-switch,
.page-forgotPasswordPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch .toggle-checkbox:checked+.toggle-switch,
.page-registerPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch .toggle-checkbox:checked+.toggle-switch,
.page-updatePassword #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch .toggle-checkbox:checked+.toggle-switch,
.page-checkout-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch .toggle-checkbox:checked+.toggle-switch {
    background: #fa5373;
}

.page-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch .toggle-checkbox:checked+.toggle-switch:before,
.page-forgotPasswordPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch .toggle-checkbox:checked+.toggle-switch:before,
.page-registerPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch .toggle-checkbox:checked+.toggle-switch:before,
.page-updatePassword #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch .toggle-checkbox:checked+.toggle-switch:before,
.page-checkout-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch .toggle-checkbox:checked+.toggle-switch:before {
    background: #ffffff;
    left: 14px;
}

.page-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-checkbox:checked+.toggle-switch,
.page-forgotPasswordPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-checkbox:checked+.toggle-switch,
.page-registerPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-checkbox:checked+.toggle-switch,
.page-updatePassword #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-checkbox:checked+.toggle-switch,
.page-checkout-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-checkbox:checked+.toggle-switch {
    background: #fa5373;
}

.page-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-checkbox:checked+.toggle-switch:before,
.page-forgotPasswordPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-checkbox:checked+.toggle-switch:before,
.page-registerPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-checkbox:checked+.toggle-switch:before,
.page-updatePassword #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-checkbox:checked+.toggle-switch:before,
.page-checkout-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-checkbox:checked+.toggle-switch:before {
    background: #ffffff;
    left: 14px;
}

.page-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-checkbox,
.page-forgotPasswordPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-checkbox,
.page-registerPage #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-checkbox,
.page-updatePassword #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-checkbox,
.page-checkout-login #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-checkbox {
    position: absolute;
    visibility: hidden;
}

.page-login #membership-grid .msh-register .msh-contracts .form-row .text,
.page-forgotPasswordPage #membership-grid .msh-register .msh-contracts .form-row .text,
.page-registerPage #membership-grid .msh-register .msh-contracts .form-row .text,
.page-updatePassword #membership-grid .msh-register .msh-contracts .form-row .text,
.page-checkout-login #membership-grid .msh-register .msh-contracts .form-row .text,
.page-login #membership-grid .msh-register .msh-contracts .form-row .legal-prg,
.page-forgotPasswordPage #membership-grid .msh-register .msh-contracts .form-row .legal-prg,
.page-registerPage #membership-grid .msh-register .msh-contracts .form-row .legal-prg,
.page-updatePassword #membership-grid .msh-register .msh-contracts .form-row .legal-prg,
.page-checkout-login #membership-grid .msh-register .msh-contracts .form-row .legal-prg {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
}

.page-login #membership-grid .msh-register .msh-contracts .form-row .text b,
.page-forgotPasswordPage #membership-grid .msh-register .msh-contracts .form-row .text b,
.page-registerPage #membership-grid .msh-register .msh-contracts .form-row .text b,
.page-updatePassword #membership-grid .msh-register .msh-contracts .form-row .text b,
.page-checkout-login #membership-grid .msh-register .msh-contracts .form-row .text b,
.page-login #membership-grid .msh-register .msh-contracts .form-row .legal-prg b,
.page-forgotPasswordPage #membership-grid .msh-register .msh-contracts .form-row .legal-prg b,
.page-registerPage #membership-grid .msh-register .msh-contracts .form-row .legal-prg b,
.page-updatePassword #membership-grid .msh-register .msh-contracts .form-row .legal-prg b,
.page-checkout-login #membership-grid .msh-register .msh-contracts .form-row .legal-prg b {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
}

.page-login #membership-grid .msh-body,
.page-forgotPasswordPage #membership-grid .msh-body,
.page-registerPage #membership-grid .msh-body,
.page-updatePassword #membership-grid .msh-body,
.page-checkout-login #membership-grid .msh-body {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
    padding: 0 50px;
}

.page-login #membership-grid .msh-body .msh-section,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section,
.page-registerPage #membership-grid .msh-body .msh-section,
.page-updatePassword #membership-grid .msh-body .msh-section,
.page-checkout-login #membership-grid .msh-body .msh-section {
    padding: 40px !important;
    min-width: 425px;
    max-width: 425px;
    background: #fff;
    border-radius: 5px;
    align-items: center;
    gap: 30px;
    position: relative;
    display: flex;
    flex-direction: column;
}

.page-login #membership-grid .msh-body .msh-section .checkout-guest-login,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .checkout-guest-login,
.page-registerPage #membership-grid .msh-body .msh-section .checkout-guest-login,
.page-updatePassword #membership-grid .msh-body .msh-section .checkout-guest-login,
.page-checkout-login #membership-grid .msh-body .msh-section .checkout-guest-login {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
}

.page-login #membership-grid .msh-body .msh-section .checkout-guest-login .msh-section,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .checkout-guest-login .msh-section,
.page-registerPage #membership-grid .msh-body .msh-section .checkout-guest-login .msh-section,
.page-updatePassword #membership-grid .msh-body .msh-section .checkout-guest-login .msh-section,
.page-checkout-login #membership-grid .msh-body .msh-section .checkout-guest-login .msh-section {
    padding: 0 !important;
    margin: 0 !important;
    width: inherit !important;
    min-width: inherit !important;
    max-width: inherit !important;
    display: block;
}

.page-login #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-cta .msh-button,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-cta .msh-button,
.page-registerPage #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-cta .msh-button,
.page-updatePassword #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-cta .msh-button,
.page-checkout-login #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-cta .msh-button {
    width: 100%;
}

.page-login #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-cta .msh-button button,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-cta .msh-button button,
.page-registerPage #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-cta .msh-button button,
.page-updatePassword #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-cta .msh-button button,
.page-checkout-login #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-cta .msh-button button {
    width: 100%;
    border: 1px solid #29335c;
    border-radius: 5px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    color: #29335c;
    font-weight: normal;
    font-size: 12px;
}

.page-login #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form,
.page-registerPage #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form,
.page-updatePassword #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form,
.page-checkout-login #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.page-login #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .warning-message-area,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .warning-message-area,
.page-registerPage #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .warning-message-area,
.page-updatePassword #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .warning-message-area,
.page-checkout-login #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .warning-message-area {
    width: 100%;
    margin: 16px 0;
}

.page-login #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .form-row,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .form-row,
.page-registerPage #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .form-row,
.page-updatePassword #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .form-row,
.page-checkout-login #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .form-row {
    width: 100%;
}

.page-login #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .msh-title,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .msh-title,
.page-registerPage #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .msh-title,
.page-updatePassword #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .msh-title,
.page-checkout-login #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .msh-title {
    color: #29335c;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.page-login #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .msh-note,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .msh-note,
.page-registerPage #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .msh-note,
.page-updatePassword #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .msh-note,
.page-checkout-login #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .msh-note {
    margin: 0;
    font-size: 11px;
}

.page-login #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .msh-note b,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .msh-note b,
.page-registerPage #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .msh-note b,
.page-updatePassword #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .msh-note b,
.page-checkout-login #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .msh-note b {
    font-weight: normal;
}

.page-login #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .msh-subtitle,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .msh-subtitle,
.page-registerPage #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .msh-subtitle,
.page-updatePassword #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .msh-subtitle,
.page-checkout-login #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .msh-subtitle {
    color: #29335c;
    font-size: 12px;
    font-weight: normal;
}

.page-login #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .form-button button,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .form-button button,
.page-registerPage #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .form-button button,
.page-updatePassword #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .form-button button,
.page-checkout-login #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .form-button button {
    border-radius: 5px;
    color: #fff;
    background: #fa5373;
    font-size: 14px;
    font-weight: normal;
    height: 44px;
    line-height: 44px;
}

.page-login #membership-grid .msh-body .msh-section .msh-social-login,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-social-login,
.page-registerPage #membership-grid .msh-body .msh-section .msh-social-login,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-social-login,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-social-login {
    margin-top: 0;
    justify-content: center;
    align-items: center;
}

.page-login #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__header,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__header,
.page-registerPage #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__header,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__header,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__header {
    font-size: 12px;
    color: #81819b;
    font-weight: normal;
}

.page-login #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__body,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__body,
.page-registerPage #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__body,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__body,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__body {
    margin-top: 16px;
    width: 210px;
    gap: 20px;
    justify-content: space-between;
}

.page-login #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__body .msh-social-login__item .icon,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__body .msh-social-login__item .icon,
.page-registerPage #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__body .msh-social-login__item .icon,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__body .msh-social-login__item .icon,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__body .msh-social-login__item .icon {
    display: flex;
    width: 44px;
    height: 44px;
    border: 1px solid #ececf4;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.page-login #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__body .msh-social-login__item .icon img,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__body .msh-social-login__item .icon img,
.page-registerPage #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__body .msh-social-login__item .icon img,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__body .msh-social-login__item .icon img,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__body .msh-social-login__item .icon img {
    height: 20px;
    width: auto;
}

.page-login #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__body .msh-social-login__item__text,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__body .msh-social-login__item__text,
.page-registerPage #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__body .msh-social-login__item__text,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__body .msh-social-login__item__text,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__body .msh-social-login__item__text {
    color: #81819b;
    font-size: 12px;
}

.page-login #membership-grid .msh-body .msh-section .otp-countdown,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .otp-countdown,
.page-registerPage #membership-grid .msh-body .msh-section .otp-countdown,
.page-updatePassword #membership-grid .msh-body .msh-section .otp-countdown,
.page-checkout-login #membership-grid .msh-body .msh-section .otp-countdown {
    width: initial;
    height: initial;
    margin: 0;
}

.page-login #membership-grid .msh-body .msh-section .otp-countdown .otp-text,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .otp-countdown .otp-text,
.page-registerPage #membership-grid .msh-body .msh-section .otp-countdown .otp-text,
.page-updatePassword #membership-grid .msh-body .msh-section .otp-countdown .otp-text,
.page-checkout-login #membership-grid .msh-body .msh-section .otp-countdown .otp-text,
.page-login #membership-grid .msh-body .msh-section .otp-countdown .otp-time,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .otp-countdown .otp-time,
.page-registerPage #membership-grid .msh-body .msh-section .otp-countdown .otp-time,
.page-updatePassword #membership-grid .msh-body .msh-section .otp-countdown .otp-time,
.page-checkout-login #membership-grid .msh-body .msh-section .otp-countdown .otp-time {
    font-size: 12px;
    font-weight: normal;
    color: #fa5373;
}

.page-login #membership-grid .msh-body .msh-section .form-row,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row,
.page-registerPage #membership-grid .msh-body .msh-section .form-row,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row {
    margin: 0 !important;
}

.page-login #membership-grid .msh-body .msh-section .form-row input[name="email"],
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row input[name="email"],
.page-registerPage #membership-grid .msh-body .msh-section .form-row input[name="email"],
.page-updatePassword #membership-grid .msh-body .msh-section .form-row input[name="email"],
.page-checkout-login #membership-grid .msh-body .msh-section .form-row input[name="email"],
.page-login #membership-grid .msh-body .msh-section .form-row input[name="j_username"],
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row input[name="j_username"],
.page-registerPage #membership-grid .msh-body .msh-section .form-row input[name="j_username"],
.page-updatePassword #membership-grid .msh-body .msh-section .form-row input[name="j_username"],
.page-checkout-login #membership-grid .msh-body .msh-section .form-row input[name="j_username"] {
    text-transform: lowercase !important;
}

.page-login #membership-grid .msh-body .msh-section .form-row input[name="birthDate"],
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row input[name="birthDate"],
.page-registerPage #membership-grid .msh-body .msh-section .form-row input[name="birthDate"],
.page-updatePassword #membership-grid .msh-body .msh-section .form-row input[name="birthDate"],
.page-checkout-login #membership-grid .msh-body .msh-section .form-row input[name="birthDate"] {
    text-transform: uppercase !important;
}

.page-login #membership-grid .msh-body .msh-section .form-row .input.textbox,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textbox,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textbox,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textbox,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textbox,
.page-login #membership-grid .msh-body .msh-section .form-row .input.textarea,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textarea,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textarea,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textarea,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textarea {
    padding: 0;
}

.page-login #membership-grid .msh-body .msh-section .form-row .input.textbox label,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textbox label,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textbox label,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textbox label,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textbox label,
.page-login #membership-grid .msh-body .msh-section .form-row .input.textarea label,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textarea label,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textarea label,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textarea label,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textarea label {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    line-height: 11px;
    top: 16px;
    left: 16px;
    z-index: 1;
    position: absolute;
}

.page-login #membership-grid .msh-body .msh-section .form-row .input.textbox textarea,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textbox textarea,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textbox textarea,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textbox textarea,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textbox textarea,
.page-login #membership-grid .msh-body .msh-section .form-row .input.textarea textarea,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textarea textarea,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textarea textarea,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textarea textarea,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textarea textarea {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 74px;
}

.page-login #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp input[type=text],
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp input[type=text],
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp input[type=text],
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp input[type=text],
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp input[type=text],
.page-login #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp input[type=text],
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp input[type=text],
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp input[type=text],
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp input[type=text],
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp input[type=text],
.page-login #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp input[type=email],
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp input[type=email],
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp input[type=email],
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp input[type=email],
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp input[type=email],
.page-login #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp input[type=email],
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp input[type=email],
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp input[type=email],
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp input[type=email],
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp input[type=email],
.page-login #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp input[type=tel],
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp input[type=tel],
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp input[type=tel],
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp input[type=tel],
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp input[type=tel],
.page-login #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp input[type=tel],
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp input[type=tel],
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp input[type=tel],
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp input[type=tel],
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp input[type=tel],
.page-login #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp input[type=number],
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp input[type=number],
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp input[type=number],
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp input[type=number],
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp input[type=number],
.page-login #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp input[type=number],
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp input[type=number],
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp input[type=number],
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp input[type=number],
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp input[type=number] {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
}

.page-login #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp select,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp select,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp select,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp select,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp select,
.page-login #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp select,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp select,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp select,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp select,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp select {
    border: 1px solid #ececf4;
    border-radius: 5px;
    background: #f6f6f9;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
    font-size: 12px;
    color: #29335c;
}

.page-login #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active label,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active label,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active label,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active label,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active label,
.page-login #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active label,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active label,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active label,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active label,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active label {
    top: -10px;
    background: #fff;
    padding: 4px;
    color: #fa5373;
}

.page-login #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active input,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active input,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active input,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active input,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active input,
.page-login #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active input,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active input,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active input,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active input,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active input,
.page-login #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active textarea,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active textarea,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active textarea,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active textarea,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active textarea,
.page-login #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active textarea,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active textarea,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active textarea,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active textarea,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active textarea {
    border: 1px solid #fa5373;
    background-color: #fff;
}

.page-login #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty label,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty label,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty label,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty label,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty label,
.page-login #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty label,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty label,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty label,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty label,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty label {
    color: #81819b !important;
}

.page-login #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty input,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty input,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty input,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty input,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty input,
.page-login #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty input,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty input,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty input,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty input,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty input,
.page-login #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty textarea,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty textarea,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty textarea,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty textarea,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty textarea,
.page-login #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty textarea,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty textarea,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty textarea,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty textarea,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty textarea {
    border: 1px solid #ececf4 !important;
    background-color: #f6f6f9 !important;
}

.page-login #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-login #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty:has(.form-error-msg),
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty:has(.form-error-msg),
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty:has(.form-error-msg),
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty:has(.form-error-msg),
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty:has(.form-error-msg) {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-login #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-login #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty:has(.form-error-msg) input,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty:has(.form-error-msg) input,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty:has(.form-error-msg) input,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty:has(.form-error-msg) input,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty:has(.form-error-msg) input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-login #membership-grid .msh-body .msh-section .form-row .input.textbox .input-icon-r i,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textbox .input-icon-r i,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textbox .input-icon-r i,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textbox .input-icon-r i,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textbox .input-icon-r i,
.page-login #membership-grid .msh-body .msh-section .form-row .input.textarea .input-icon-r i,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.textarea .input-icon-r i,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.textarea .input-icon-r i,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.textarea .input-icon-r i,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.textarea .input-icon-r i {
    right: 10px;
    top: 10px;
}

.page-login #membership-grid .msh-body .msh-section .form-row .input.select,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.select,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.select,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.select,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.select {
    padding: 0;
}

.page-login #membership-grid .msh-body .msh-section .form-row .input.select label,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.select label,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.select label,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.select label,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.select label {
    top: -10px;
    background: #fff;
    padding: 4px;
    position: absolute;
    z-index: 2;
    left: 15px;
    font-size: 11px;
    color: #81819b;
    line-height: 11px;
}

.page-login #membership-grid .msh-body .msh-section .form-row .input.select .wrp select,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.select .wrp select,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.select .wrp select,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.select .wrp select,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.select .wrp select {
    border: 1px solid #ececf4;
    border-radius: 5px;
    background: #f6f6f9;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
    font-size: 12px;
    color: #29335c;
}

.page-login #membership-grid .msh-body .msh-section .form-row .input.select .wrp:after,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .input.select .wrp:after,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .input.select .wrp:after,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .input.select .wrp:after,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .input.select .wrp:after {
    width: 22px;
    height: 22px;
    background: url(../_ui/responsive/theme-penti/images/icons_keyboard_arrow.svg) no-repeat 0px 0px;
    top: 10px;
    background-size: 22px;
    right: 16px;
}

.page-login #membership-grid .msh-body .msh-section .form-row .form-error-msg,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-row .form-error-msg,
.page-registerPage #membership-grid .msh-body .msh-section .form-row .form-error-msg,
.page-updatePassword #membership-grid .msh-body .msh-section .form-row .form-error-msg,
.page-checkout-login #membership-grid .msh-body .msh-section .form-row .form-error-msg {
    display: none;
    font-size: 0px;
}

.page-login #membership-grid .msh-body .msh-section .membership-close,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .membership-close,
.page-registerPage #membership-grid .msh-body .msh-section .membership-close,
.page-updatePassword #membership-grid .msh-body .msh-section .membership-close,
.page-checkout-login #membership-grid .msh-body .msh-section .membership-close {
    border: none;
    background: none;
    position: absolute;
    right: 16px;
    top: 16px;
}

.page-login #membership-grid .msh-body .msh-section .membership-close .svg-close,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .membership-close .svg-close,
.page-registerPage #membership-grid .msh-body .msh-section .membership-close .svg-close,
.page-updatePassword #membership-grid .msh-body .msh-section .membership-close .svg-close,
.page-checkout-login #membership-grid .msh-body .msh-section .membership-close .svg-close {
    padding: 6px;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons_close.svg') no-repeat center center;
    filter: brightness(0) saturate(100%) invert(49%) sepia(18%) saturate(7143%) hue-rotate(319deg) brightness(100%) contrast(97%);
}

.page-login #membership-grid .msh-body .msh-section .msh-header,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-header,
.page-registerPage #membership-grid .msh-body .msh-section .msh-header,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-header,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-header {
    gap: 10px;
    position: initial;
}

.page-login #membership-grid .msh-body .msh-section .msh-header .msh-header-back,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-header .msh-header-back,
.page-registerPage #membership-grid .msh-body .msh-section .msh-header .msh-header-back,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-header .msh-header-back,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-header .msh-header-back {
    position: absolute;
    left: 16px;
    top: 16px;
    margin: 0;
}

.page-login #membership-grid .msh-body .msh-section .msh-header .msh-title,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-header .msh-title,
.page-registerPage #membership-grid .msh-body .msh-section .msh-header .msh-title,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-header .msh-title,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-header .msh-title {
    font-size: 16px;
    color: #29335c;
    font-weight: 500;
    margin: 0;
}

.page-login #membership-grid .msh-body .msh-section .msh-header .msh-subtitle,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-header .msh-subtitle,
.page-registerPage #membership-grid .msh-body .msh-section .msh-header .msh-subtitle,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-header .msh-subtitle,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-header .msh-subtitle,
.page-login #membership-grid .msh-body .msh-section .msh-header .msh-desc,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-header .msh-desc,
.page-registerPage #membership-grid .msh-body .msh-section .msh-header .msh-desc,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-header .msh-desc,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-header .msh-desc {
    font-size: 12px;
    color: #29335c;
    margin: 0;
    font-weight: normal;
}

.page-login #membership-grid .msh-body .msh-section .warning-message-area,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .warning-message-area,
.page-registerPage #membership-grid .msh-body .msh-section .warning-message-area,
.page-updatePassword #membership-grid .msh-body .msh-section .warning-message-area,
.page-checkout-login #membership-grid .msh-body .msh-section .warning-message-area {
    display: none;
    flex-direction: column;
    gap: 0;
    padding: 20px 16px;
    border: none;
    background-color: #faf0f4;
    margin-bottom: 0;
    border-radius: 5px;
}

.page-login #membership-grid .msh-body .msh-section .warning-message-area .title,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .warning-message-area .title,
.page-registerPage #membership-grid .msh-body .msh-section .warning-message-area .title,
.page-updatePassword #membership-grid .msh-body .msh-section .warning-message-area .title,
.page-checkout-login #membership-grid .msh-body .msh-section .warning-message-area .title {
    display: flex;
    align-items: center;
    color: #29335c;
    font-size: 11px;
    font-weight: normal;
    gap: 10px;
    margin-bottom: 16px;
}

.page-login #membership-grid .msh-body .msh-section .warning-message-area .title .svg-info,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .warning-message-area .title .svg-info,
.page-registerPage #membership-grid .msh-body .msh-section .warning-message-area .title .svg-info,
.page-updatePassword #membership-grid .msh-body .msh-section .warning-message-area .title .svg-info,
.page-checkout-login #membership-grid .msh-body .msh-section .warning-message-area .title .svg-info {
    width: 20px;
    height: 20px;
    background: url('../_ui/responsive/theme-penti/images/icons_info_circle.svg') no-repeat center center;
}

.page-login #membership-grid .msh-body .msh-section .warning-message-area .description,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .warning-message-area .description,
.page-registerPage #membership-grid .msh-body .msh-section .warning-message-area .description,
.page-updatePassword #membership-grid .msh-body .msh-section .warning-message-area .description,
.page-checkout-login #membership-grid .msh-body .msh-section .warning-message-area .description,
.page-login #membership-grid .msh-body .msh-section .warning-message-area .link-area,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .warning-message-area .link-area,
.page-registerPage #membership-grid .msh-body .msh-section .warning-message-area .link-area,
.page-updatePassword #membership-grid .msh-body .msh-section .warning-message-area .link-area,
.page-checkout-login #membership-grid .msh-body .msh-section .warning-message-area .link-area {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.page-login #membership-grid .msh-body .msh-section .warning-message-area .description+.general-message,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .warning-message-area .description+.general-message,
.page-registerPage #membership-grid .msh-body .msh-section .warning-message-area .description+.general-message,
.page-updatePassword #membership-grid .msh-body .msh-section .warning-message-area .description+.general-message,
.page-checkout-login #membership-grid .msh-body .msh-section .warning-message-area .description+.general-message,
.page-login #membership-grid .msh-body .msh-section .warning-message-area .link-area+.general-message,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .warning-message-area .link-area+.general-message,
.page-registerPage #membership-grid .msh-body .msh-section .warning-message-area .link-area+.general-message,
.page-updatePassword #membership-grid .msh-body .msh-section .warning-message-area .link-area+.general-message,
.page-checkout-login #membership-grid .msh-body .msh-section .warning-message-area .link-area+.general-message {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    display: none;
}

.page-login #membership-grid .msh-body .msh-section .warning-message-area .description:empty+.general-message,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .warning-message-area .description:empty+.general-message,
.page-registerPage #membership-grid .msh-body .msh-section .warning-message-area .description:empty+.general-message,
.page-updatePassword #membership-grid .msh-body .msh-section .warning-message-area .description:empty+.general-message,
.page-checkout-login #membership-grid .msh-body .msh-section .warning-message-area .description:empty+.general-message,
.page-login #membership-grid .msh-body .msh-section .warning-message-area .link-area:empty+.general-message,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .warning-message-area .link-area:empty+.general-message,
.page-registerPage #membership-grid .msh-body .msh-section .warning-message-area .link-area:empty+.general-message,
.page-updatePassword #membership-grid .msh-body .msh-section .warning-message-area .link-area:empty+.general-message,
.page-checkout-login #membership-grid .msh-body .msh-section .warning-message-area .link-area:empty+.general-message {
    display: flex;
    flex-direction: column;
}

.page-login #membership-grid .msh-body .msh-section .warning-message-area .link-area,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .warning-message-area .link-area,
.page-registerPage #membership-grid .msh-body .msh-section .warning-message-area .link-area,
.page-updatePassword #membership-grid .msh-body .msh-section .warning-message-area .link-area,
.page-checkout-login #membership-grid .msh-body .msh-section .warning-message-area .link-area {
    margin-top: 5px;
}

.page-login #membership-grid .msh-body .msh-section .warning-message-area .link-area a,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .warning-message-area .link-area a,
.page-registerPage #membership-grid .msh-body .msh-section .warning-message-area .link-area a,
.page-updatePassword #membership-grid .msh-body .msh-section .warning-message-area .link-area a,
.page-checkout-login #membership-grid .msh-body .msh-section .warning-message-area .link-area a {
    font-size: 11px;
    font-weight: normal;
    color: #fa5373;
}

.page-login #membership-grid .msh-body .msh-section .msh-form,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form {
    width: 100%;
    gap: 16px;
    display: flex;
    flex-direction: column;
    margin: 0;
}

.page-login #membership-grid .msh-body .msh-section .msh-form .form-row,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row {
    margin: 0 !important;
}

.page-login #membership-grid .msh-body .msh-section .msh-form .form-row.form-membership-agrement .form-error-msg,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row.form-membership-agrement .form-error-msg,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row.form-membership-agrement .form-error-msg,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row.form-membership-agrement .form-error-msg,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row.form-membership-agrement .form-error-msg {
    display: block;
    font-size: 11px;
    color: #fa5373;
}

.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox,
.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea {
    padding: 0;
}

.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox label,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox label,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox label,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox label,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox label,
.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea label,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea label,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea label,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea label,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea label {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    line-height: 11px;
    top: 16px;
    left: 16px;
    z-index: 1;
    position: absolute;
}

.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox textarea,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox textarea,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox textarea,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox textarea,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox textarea,
.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea textarea,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea textarea,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea textarea,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea textarea,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea textarea {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 74px;
}

.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp input[type=text],
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp input[type=text],
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp input[type=text],
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp input[type=text],
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp input[type=text],
.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp input[type=text],
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp input[type=text],
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp input[type=text],
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp input[type=text],
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp input[type=text],
.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp input[type=email],
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp input[type=email],
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp input[type=email],
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp input[type=email],
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp input[type=email],
.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp input[type=email],
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp input[type=email],
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp input[type=email],
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp input[type=email],
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp input[type=email],
.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp input[type=tel],
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp input[type=tel],
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp input[type=tel],
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp input[type=tel],
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp input[type=tel],
.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp input[type=tel],
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp input[type=tel],
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp input[type=tel],
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp input[type=tel],
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp input[type=tel],
.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp input[type=number],
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp input[type=number],
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp input[type=number],
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp input[type=number],
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp input[type=number],
.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp input[type=number],
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp input[type=number],
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp input[type=number],
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp input[type=number],
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp input[type=number] {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
}

.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp select,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp select,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp select,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp select,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp select,
.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp select,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp select,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp select,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp select,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp select {
    border: 1px solid #ececf4;
    border-radius: 5px;
    background: #f6f6f9;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
    font-size: 12px;
    color: #29335c;
}

.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox.input-active label,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox.input-active label,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox.input-active label,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox.input-active label,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox.input-active label,
.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea.input-active label,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea.input-active label,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea.input-active label,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea.input-active label,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea.input-active label {
    top: -10px;
    background: #fff;
    padding: 4px;
    color: #fa5373;
}

.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox.input-active input,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox.input-active input,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox.input-active input,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox.input-active input,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox.input-active input,
.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea.input-active input,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea.input-active input,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea.input-active input,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea.input-active input,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea.input-active input,
.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox.input-active textarea,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox.input-active textarea,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox.input-active textarea,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox.input-active textarea,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox.input-active textarea,
.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea.input-active textarea,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea.input-active textarea,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea.input-active textarea,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea.input-active textarea,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea.input-active textarea {
    border: 1px solid #fa5373;
    background-color: #fff;
}

.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .input-icon-r i,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .input-icon-r i,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .input-icon-r i,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .input-icon-r i,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .input-icon-r i,
.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .input-icon-r i,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .input-icon-r i,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .input-icon-r i,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .input-icon-r i,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .input-icon-r i {
    right: 10px;
    top: 10px;
}

.page-login #membership-grid .msh-body .msh-section .msh-form .form-row .form-error-msg,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row .form-error-msg,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row .form-error-msg,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row .form-error-msg,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row .form-error-msg {
    display: none;
    font-size: 0px;
}

.page-login #membership-grid .msh-body .msh-section .msh-form .form-row.login-forgotten-password a,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-row.login-forgotten-password a,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-row.login-forgotten-password a,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-row.login-forgotten-password a,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-row.login-forgotten-password a {
    font-weight: normal !important;
    font-size: 12px !important;
}

.page-login #membership-grid .msh-body .msh-section .msh-form .form-button,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-button,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-button,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-button,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-button {
    margin: 0;
}

.page-login #membership-grid .msh-body .msh-section .msh-form .form-button button.btn-primary,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form .form-button button.btn-primary,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form .form-button button.btn-primary,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form .form-button button.btn-primary,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form .form-button button.btn-primary {
    border-radius: 5px;
    color: #fff;
    background: #fa5373;
    font-size: 14px;
    font-weight: normal;
    height: 44px;
    line-height: 44px;
}

.page-login #membership-grid .msh-body .msh-section .msh-form div:has(input[name='CSRFToken']),
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form div:has(input[name='CSRFToken']),
.page-registerPage #membership-grid .msh-body .msh-section .msh-form div:has(input[name='CSRFToken']),
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form div:has(input[name='CSRFToken']),
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form div:has(input[name='CSRFToken']) {
    display: none;
}

.page-login #membership-grid .msh-body .msh-section .msh-section:has(.form-error-msg) .warning-message-area,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-section:has(.form-error-msg) .warning-message-area,
.page-registerPage #membership-grid .msh-body .msh-section .msh-section:has(.form-error-msg) .warning-message-area,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-section:has(.form-error-msg) .warning-message-area,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-section:has(.form-error-msg) .warning-message-area {
    display: flex !important;
}

.page-login #membership-grid .msh-body .msh-section .msh-section:has(.form-error-msg) input,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-section:has(.form-error-msg) input,
.page-registerPage #membership-grid .msh-body .msh-section .msh-section:has(.form-error-msg) input,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-section:has(.form-error-msg) input,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-section:has(.form-error-msg) input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-login #membership-grid .msh-body .msh-section .tab-1:has(.form-error-msg) .warning-message-area,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .tab-1:has(.form-error-msg) .warning-message-area,
.page-registerPage #membership-grid .msh-body .msh-section .tab-1:has(.form-error-msg) .warning-message-area,
.page-updatePassword #membership-grid .msh-body .msh-section .tab-1:has(.form-error-msg) .warning-message-area,
.page-checkout-login #membership-grid .msh-body .msh-section .tab-1:has(.form-error-msg) .warning-message-area,
.page-login #membership-grid .msh-body .msh-section .tab-2:has(.form-error-msg) .warning-message-area,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .tab-2:has(.form-error-msg) .warning-message-area,
.page-registerPage #membership-grid .msh-body .msh-section .tab-2:has(.form-error-msg) .warning-message-area,
.page-updatePassword #membership-grid .msh-body .msh-section .tab-2:has(.form-error-msg) .warning-message-area,
.page-checkout-login #membership-grid .msh-body .msh-section .tab-2:has(.form-error-msg) .warning-message-area {
    display: flex !important;
    margin-bottom: 16px;
}

.page-login #membership-grid .msh-body .msh-section .tab-1:has(.form-error-msg) input,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .tab-1:has(.form-error-msg) input,
.page-registerPage #membership-grid .msh-body .msh-section .tab-1:has(.form-error-msg) input,
.page-updatePassword #membership-grid .msh-body .msh-section .tab-1:has(.form-error-msg) input,
.page-checkout-login #membership-grid .msh-body .msh-section .tab-1:has(.form-error-msg) input,
.page-login #membership-grid .msh-body .msh-section .tab-2:has(.form-error-msg) input,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .tab-2:has(.form-error-msg) input,
.page-registerPage #membership-grid .msh-body .msh-section .tab-2:has(.form-error-msg) input,
.page-updatePassword #membership-grid .msh-body .msh-section .tab-2:has(.form-error-msg) input,
.page-checkout-login #membership-grid .msh-body .msh-section .tab-2:has(.form-error-msg) input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-login #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .warning-message-area,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .warning-message-area,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .warning-message-area,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .warning-message-area,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .warning-message-area {
    display: flex !important;
}

.page-login #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .warning-message-area .title.email,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .warning-message-area .title.email,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .warning-message-area .title.email,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .warning-message-area .title.email,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .warning-message-area .title.email {
    display: flex !important;
}

.page-login #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .warning-message-area .title.password,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .warning-message-area .title.password,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .warning-message-area .title.password,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .warning-message-area .title.password,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .warning-message-area .title.password {
    display: none !important;
}

.page-login #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .login-email .input.textbox input,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .login-email .input.textbox input,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .login-email .input.textbox input,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .login-email .input.textbox input,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .login-email .input.textbox input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-login #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .login-email .input.textbox.input-active label,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .login-email .input.textbox.input-active label,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .login-email .input.textbox.input-active label,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .login-email .input.textbox.input-active label,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .login-email .input.textbox.input-active label {
    color: #81819b;
}

.page-login #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .warning-message-area,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .warning-message-area,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .warning-message-area,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .warning-message-area,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .warning-message-area {
    display: flex !important;
}

.page-login #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .warning-message-area .title.email,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .warning-message-area .title.email,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .warning-message-area .title.email,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .warning-message-area .title.email,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .warning-message-area .title.email {
    display: none !important;
}

.page-login #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .warning-message-area .title.password,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .warning-message-area .title.password,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .warning-message-area .title.password,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .warning-message-area .title.password,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .warning-message-area .title.password {
    display: flex !important;
}

.page-login #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .login-password .input.textbox input,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .login-password .input.textbox input,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .login-password .input.textbox input,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .login-password .input.textbox input,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .login-password .input.textbox input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-login #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .login-password .input.textbox.input-active label,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .login-password .input.textbox.input-active label,
.page-registerPage #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .login-password .input.textbox.input-active label,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .login-password .input.textbox.input-active label,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .login-password .input.textbox.input-active label {
    color: #81819b;
}

.page-login #membership-grid .msh-body .msh-section .info-message-area,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .info-message-area,
.page-registerPage #membership-grid .msh-body .msh-section .info-message-area,
.page-updatePassword #membership-grid .msh-body .msh-section .info-message-area,
.page-checkout-login #membership-grid .msh-body .msh-section .info-message-area {
    display: none;
    flex-direction: column;
    gap: 0;
    padding: 20px 16px;
    border: none;
    background-color: #f6f6f9;
    margin-bottom: 0;
    border-radius: 5px;
    width: 100%;
}

.page-login #membership-grid .msh-body .msh-section .info-message-area .title,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .info-message-area .title,
.page-registerPage #membership-grid .msh-body .msh-section .info-message-area .title,
.page-updatePassword #membership-grid .msh-body .msh-section .info-message-area .title,
.page-checkout-login #membership-grid .msh-body .msh-section .info-message-area .title {
    display: flex;
    align-items: center;
    color: #29335c;
    font-size: 11px;
    font-weight: normal;
    gap: 10px;
    margin-bottom: 16px;
}

.page-login #membership-grid .msh-body .msh-section .info-message-area .title .svg-info,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .info-message-area .title .svg-info,
.page-registerPage #membership-grid .msh-body .msh-section .info-message-area .title .svg-info,
.page-updatePassword #membership-grid .msh-body .msh-section .info-message-area .title .svg-info,
.page-checkout-login #membership-grid .msh-body .msh-section .info-message-area .title .svg-info {
    width: 20px;
    height: 20px;
    background: url('../_ui/responsive/theme-penti/images/icons_checkmark.svg') no-repeat center center;
    filter: brightness(0) saturate(100%) invert(17%) sepia(26%) saturate(1350%) hue-rotate(190deg) brightness(94%) contrast(90%);
}

.page-login #membership-grid .msh-body .msh-section .info-message-area .description,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .info-message-area .description,
.page-registerPage #membership-grid .msh-body .msh-section .info-message-area .description,
.page-updatePassword #membership-grid .msh-body .msh-section .info-message-area .description,
.page-checkout-login #membership-grid .msh-body .msh-section .info-message-area .description {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.page-login #membership-grid .msh-body .msh-section .info-message-area .description+.general-message,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .info-message-area .description+.general-message,
.page-registerPage #membership-grid .msh-body .msh-section .info-message-area .description+.general-message,
.page-updatePassword #membership-grid .msh-body .msh-section .info-message-area .description+.general-message,
.page-checkout-login #membership-grid .msh-body .msh-section .info-message-area .description+.general-message {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    display: none;
}

.page-login #membership-grid .msh-body .msh-section .info-message-area .description:empty+.general-message,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .info-message-area .description:empty+.general-message,
.page-registerPage #membership-grid .msh-body .msh-section .info-message-area .description:empty+.general-message,
.page-updatePassword #membership-grid .msh-body .msh-section .info-message-area .description:empty+.general-message,
.page-checkout-login #membership-grid .msh-body .msh-section .info-message-area .description:empty+.general-message {
    display: flex;
    flex-direction: column;
}

.page-login #membership-grid .msh-body .msh-section .msh-radio-container,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-radio-container,
.page-registerPage #membership-grid .msh-body .msh-section .msh-radio-container,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-radio-container,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-radio-container {
    margin: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}

.page-login #membership-grid .msh-body .msh-section .msh-radio-container .input.radio,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-radio-container .input.radio,
.page-registerPage #membership-grid .msh-body .msh-section .msh-radio-container .input.radio,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-radio-container .input.radio,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-radio-container .input.radio {
    display: flex;
    align-items: center;
    height: 24px;
    margin: 0 !important;
}

.page-login #membership-grid .msh-body .msh-section .msh-radio-container .input.radio input,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-radio-container .input.radio input,
.page-registerPage #membership-grid .msh-body .msh-section .msh-radio-container .input.radio input,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-radio-container .input.radio input,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-radio-container .input.radio input {
    width: 22px;
    height: 22px;
}

.page-login #membership-grid .msh-body .msh-section .msh-radio-container .input.radio label,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-radio-container .input.radio label,
.page-registerPage #membership-grid .msh-body .msh-section .msh-radio-container .input.radio label,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-radio-container .input.radio label,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-radio-container .input.radio label {
    padding-left: 32px;
    color: #29335c;
    font-size: 12px;
    line-height: 24px;
    max-height: inherit;
}

.page-login #membership-grid .msh-body .msh-section .msh-radio-container .input.radio label:before,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-radio-container .input.radio label:before,
.page-registerPage #membership-grid .msh-body .msh-section .msh-radio-container .input.radio label:before,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-radio-container .input.radio label:before,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-radio-container .input.radio label:before {
    width: 22px;
    height: 22px;
    opacity: 1;
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    transition: all 0.111s linear 0s;
    border: 1px solid #fa5373;
    background: none;
    border-radius: 50%;
}

.page-login #membership-grid .msh-body .msh-section .msh-radio-container .input.radio label:after,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-radio-container .input.radio label:after,
.page-registerPage #membership-grid .msh-body .msh-section .msh-radio-container .input.radio label:after,
.page-updatePassword #membership-grid .msh-body .msh-section .msh-radio-container .input.radio label:after,
.page-checkout-login #membership-grid .msh-body .msh-section .msh-radio-container .input.radio label:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    background: #fa5373;
    left: 7px;
    top: 9px;
}

.page-login #membership-grid .msh-body .msh-section .tab-1,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .tab-1,
.page-registerPage #membership-grid .msh-body .msh-section .tab-1,
.page-updatePassword #membership-grid .msh-body .msh-section .tab-1,
.page-checkout-login #membership-grid .msh-body .msh-section .tab-1,
.page-login #membership-grid .msh-body .msh-section .tab-2,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .tab-2,
.page-registerPage #membership-grid .msh-body .msh-section .tab-2,
.page-updatePassword #membership-grid .msh-body .msh-section .tab-2,
.page-checkout-login #membership-grid .msh-body .msh-section .tab-2 {
    width: 100%;
}

.page-login #membership-grid .msh-body .msh-section .form-button,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-button,
.page-registerPage #membership-grid .msh-body .msh-section .form-button,
.page-updatePassword #membership-grid .msh-body .msh-section .form-button,
.page-checkout-login #membership-grid .msh-body .msh-section .form-button {
    margin: -14px 0 0 0;
    width: 100%;
}

.page-login #membership-grid .msh-body .msh-section .form-button button.btn-primary,
.page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-button button.btn-primary,
.page-registerPage #membership-grid .msh-body .msh-section .form-button button.btn-primary,
.page-updatePassword #membership-grid .msh-body .msh-section .form-button button.btn-primary,
.page-checkout-login #membership-grid .msh-body .msh-section .form-button button.btn-primary {
    border-radius: 5px;
    color: #fff;
    background: #fa5373;
    font-size: 14px;
    font-weight: normal;
    height: 44px;
    line-height: 44px;
}

.page-login #site-main:has(.step-password) #membership-grid,
.page-forgotPasswordPage #site-main:has(.step-password) #membership-grid,
.page-registerPage #site-main:has(.step-password) #membership-grid,
.page-updatePassword #site-main:has(.step-password) #membership-grid,
.page-checkout-login #site-main:has(.step-password) #membership-grid,
.page-login #site-main:has(.membership-grid-forgotten-pwd) #membership-grid,
.page-forgotPasswordPage #site-main:has(.membership-grid-forgotten-pwd) #membership-grid,
.page-registerPage #site-main:has(.membership-grid-forgotten-pwd) #membership-grid,
.page-updatePassword #site-main:has(.membership-grid-forgotten-pwd) #membership-grid,
.page-checkout-login #site-main:has(.membership-grid-forgotten-pwd) #membership-grid,
.page-login #site-main:has(.accountRegisterPage-page) #membership-grid,
.page-forgotPasswordPage #site-main:has(.accountRegisterPage-page) #membership-grid,
.page-registerPage #site-main:has(.accountRegisterPage-page) #membership-grid,
.page-updatePassword #site-main:has(.accountRegisterPage-page) #membership-grid,
.page-checkout-login #site-main:has(.accountRegisterPage-page) #membership-grid {
    background: #faf0f4;
}

.page-login input[type=password],
.page-forgotPasswordPage input[type=password],
.page-registerPage input[type=password],
.page-updatePassword input[type=password],
.page-checkout-login input[type=password] {
    letter-spacing: 12px !important;
    font-size: 32px;
    text-align: center;
    caret-color: #fa5373;
    border-radius: 5px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
}

html:has(.page-registerPage) {
    background: #faf0f4;
}

.page-registerPage {
    background: #faf0f4;
}

.page-registerPage #site-footer {
    margin: 0;
}

.page-registerPage #site-header,
.page-registerPage .marqueeband {
    display: none;
}

.page-registerPage #membership-grid {
    position: relative !important;
    padding: 80px 0 25px !important;
    height: inherit !important;
}

.page-registerPage #membership-grid .msh-body .msh-section {
    gap: 0;
    max-height: inherit;
}

.page-registerPage #membership-grid .msh-body .msh-section .logo-section {
    margin-bottom: 30px;
}

.page-registerPage #membership-grid .msh-body .msh-section .msh-section {
    padding-bottom: 0 !important;
    padding-top: 16px !important;
    overflow: inherit;
}

.page-registerPage #membership-grid .msh-body .msh-section .msh-section .time-out-form {
    margin-bottom: 30px;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.page-registerPage #membership-grid .msh-body .msh-section .msh-section .time-out-form .icon {
    margin: 10px 0;
    height: 44px;
    width: 44px;
}

.page-registerPage #membership-grid .msh-body .msh-section .msh-section .time-out-form .icon .svg-hearth-broken {
    padding: 6px;
    width: 38px;
    height: 38px;
    background: url("../_ui/responsive/theme-penti/images/icons_heart_broken.png") no-repeat center center;
    display: inline-block;
}

.page-registerPage #membership-grid .msh-body .msh-section .msh-section .time-out-form .title {
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
}

.page-registerPage #membership-grid .msh-body .msh-section .msh-section .time-out-form .subtitle {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
}

.page-registerPage #membership-grid .msh-body .msh-section .msh-section .msh-desc {
    margin: 16px 0;
    font-size: 11px;
    color: #81819b;
    text-align: center;
    padding: 0 16px;
}

.page-registerPage #membership-grid .msh-body .msh-section .msh-section .msh-form .ste-1 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.page-registerPage #membership-grid .msh-body .msh-section .msh-section .msh-form .ste-1 .form-row .form-row-info {
    font-size: 11px;
    color: #81819b;
    text-align: center;
    line-height: 11px;
}

.page-registerPage #membership-grid .msh-body .msh-section .msh-section .msh-form .ste-1 .form-row .legal-prg {
    margin: 0;
    font-size: 11px;
    border: 1px solid #ececf4;
    border-radius: 5px;
    padding: 8px;
    color: #81819b;
}

.page-registerPage #membership-grid .msh-body .msh-section .msh-section .msh-form .ste-1 .form-row .legal-prg b {
    font-weight: normal !important;
}

@media(max-width:1024px) {

    .page-login input[type=password],
    .page-forgotPasswordPage input[type=password],
    .page-registerPage input[type=password],
    .page-updatePassword input[type=password],
    .page-checkout-login input[type=password] {
        letter-spacing: 8px !important;
        font-size: 26px !important;
        color: #29335c !important;
        text-align: center;
        caret-color: #fa5373;
        color: #29335c;
        border-radius: 5px;
        font-weight: normal;
        padding: 15px 16px;
        line-height: 12px;
        height: 44px;
        border: 1px solid #ececf4;
        background-color: #f6f6f9;
    }

    html:has(.page-registerPage) {
        background: #ffffff;
    }

    .page-registerPage .msh-mobile-sticky-header {
        display: flex !important;
        justify-content: center;
        position: fixed;
        width: 100%;
        z-index: 6;
        background: #fff;
        padding: 15px;
        align-items: center;
        border-bottom: 1px solid #ececf4;
    }

    .page-registerPage .msh-mobile-sticky-header .msh-header-back {
        position: absolute;
        left: 16px;
    }

    .page-registerPage .msh-mobile-sticky-header .logo-section img {
        height: 24px;
    }

    .page-registerPage .msh-mobile-sticky-header .membership-close .svg-close {
        padding: 6px;
        width: 24px;
        height: 24px;
        background: url("../_ui/responsive/theme-penti/images/icons_close.svg") no-repeat center center;
        filter: brightness(0) saturate(100%) invert(49%) sepia(18%) saturate(7143%) hue-rotate(319deg) brightness(100%) contrast(97%);
    }

    .page-checkout-login #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-cta .msh-button button {
        margin: 0 20px;
    }

    .page-registerPage #membership-grid .msh-body {
        margin-top: 55px;
    }

    .page-registerPage #membership-grid .msh-body .msh-section .membership-close {
        display: none !important;
    }

    .page-registerPage #membership-grid .msh-body .msh-section .logo-section {
        display: none !important;
    }

    .page-registerPage #membership-grid .msh-body .msh-section .msh-header .msh-header-back {
        display: none !important;
    }

    .page-registerPage {
        background-color: #ffffff;
    }

    .page-registerPage #membership-grid {
        margin: 0 0 25px 0 !important;
        padding: 0 0 25px 0 !important;
    }

    .page-login #membership-grid,
    .page-forgotPasswordPage #membership-grid,
    .page-registerPage #membership-grid,
    .page-updatePassword #membership-grid,
    .page-checkout-login #membership-grid {
        align-items: flex-start;
        background: #fff;
    }

    .page-login #membership-grid .msh-body,
    .page-forgotPasswordPage #membership-grid .msh-body,
    .page-registerPage #membership-grid .msh-body,
    .page-updatePassword #membership-grid .msh-body,
    .page-checkout-login #membership-grid .msh-body {
        padding: 0;
    }

    .page-login #membership-grid .msh-body .msh-section,
    .page-forgotPasswordPage #membership-grid .msh-body .msh-section,
    .page-registerPage #membership-grid .msh-body .msh-section,
    .page-updatePassword #membership-grid .msh-body .msh-section,
    .page-checkout-login #membership-grid .msh-body .msh-section {
        padding: 10px 0 !important;
        width: 100%;
        min-width: initial;
        max-width: initial;
    }

    .page-login #membership-grid .msh-body .msh-section .logo-section img,
    .page-forgotPasswordPage #membership-grid .msh-body .msh-section .logo-section img,
    .page-registerPage #membership-grid .msh-body .msh-section .logo-section img,
    .page-updatePassword #membership-grid .msh-body .msh-section .logo-section img,
    .page-checkout-login #membership-grid .msh-body .msh-section .logo-section img {
        height: 24px;
    }

    .page-login #membership-grid .msh-body .msh-section .msh-header,
    .page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-header,
    .page-registerPage #membership-grid .msh-body .msh-section .msh-header,
    .page-updatePassword #membership-grid .msh-body .msh-section .msh-header,
    .page-checkout-login #membership-grid .msh-body .msh-section .msh-header {
        border-top: 1px solid #ececf4;
        margin-top: -18px;
        padding-top: 20px;
        position: initial !important;
        margin-bottom: 0;
    }

    .page-login #membership-grid .msh-body .msh-section .msh-header .msh-header-back,
    .page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-header .msh-header-back,
    .page-registerPage #membership-grid .msh-body .msh-section .msh-header .msh-header-back,
    .page-updatePassword #membership-grid .msh-body .msh-section .msh-header .msh-header-back,
    .page-checkout-login #membership-grid .msh-body .msh-section .msh-header .msh-header-back {
        top: 10px;
    }

    .page-login #membership-grid .msh-body .msh-section .msh-form,
    .page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-form,
    .page-registerPage #membership-grid .msh-body .msh-section .msh-form,
    .page-updatePassword #membership-grid .msh-body .msh-section .msh-form,
    .page-checkout-login #membership-grid .msh-body .msh-section .msh-form {
        padding: 0 16px;
    }

    .page-login #membership-grid .msh-body .msh-section .membership-close,
    .page-forgotPasswordPage #membership-grid .msh-body .msh-section .membership-close,
    .page-registerPage #membership-grid .msh-body .msh-section .membership-close,
    .page-updatePassword #membership-grid .msh-body .msh-section .membership-close,
    .page-checkout-login #membership-grid .msh-body .msh-section .membership-close {
        top: 12px;
    }

    .page-registerPage #membership-grid .msh-body .msh-section .logo-section {
        margin-bottom: 30px;
    }

    .page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-radio-container,
    .page-forgotPasswordPage #membership-grid .msh-body .msh-section .tab-1,
    .page-forgotPasswordPage #membership-grid .msh-body .msh-section .tab-2,
    .page-forgotPasswordPage #membership-grid .msh-body .msh-section .form-button,
    .page-updatePassword #membership-grid .msh-body .msh-section .msh-radio-container,
    .page-updatePassword #membership-grid .msh-body .msh-section .tab-1,
    .page-updatePassword #membership-grid .msh-body .msh-section .tab-2,
    .page-updatePassword #membership-grid .msh-body .msh-section .form-button {
        padding: 0 16px;
    }

    .page-forgotPasswordPage #membership-grid .msh-body .msh-section .msh-header,
    .page-updatePassword #membership-grid .msh-body .msh-section .msh-header {
        padding: 20px 16px 0;
    }

    #site-main:has(.step-password) #membership-grid,
    #site-main:has(.membership-grid-forgotten-pwd) #membership-grid,
    #site-main:has(.accountRegisterPage-page) #membership-grid {
        background: #ffffff !important;
    }

    #modal-clarification-text .modal-content,
    #modal-clarification-text .modal-content,
    #modal-starCardAgreement-text .modal-content,
    #modal-starCardClarification-text .modal-content,
    #modal-starCardConsent-text .modal-content,
    #modal-legal-text .modal-content,
    #modal-member-text .modal-content,
    #modal-consent-text .modal-content {
        margin: 0 !important;
        padding: 0 !important;
    }

    #modal-clarification-text .modal-content .modal-header,
    #modal-clarification-text .modal-content .modal-header,
    #modal-starCardAgreement-text .modal-content .modal-header,
    #modal-starCardClarification-text .modal-content .modal-header,
    #modal-starCardConsent-text .modal-content .modal-header,
    #modal-legal-text .modal-content .modal-header,
    #modal-member-text .modal-content .modal-header,
    #modal-consent-text .modal-content .modal-header {
        background-color: transparent;
    }

    input[name="otpCode"]:focus {
        border: 1px solid #FA5373 !important;
        background-color: white !important;
    }

    #j_password {
        letter-spacing: 8px !important;
        font-size: 26px !important;
        color: #29335c !important;
    }
}

.password-criteria {
    margin-top: 10px;
    font-size: 12px;
    color: #666;
    display: flex;
    gap: 8px;
}

.criteria {
    font-size: 11px;
    color: #81819b;
    padding: 2px;
    display: flex;
    gap: 5px;
}

.criteria-icon {
    width: 8px;
}

.criteria.valid .criteria-icon {
    content: "✓";
}

.criteria.valid {
    color: #29335c;
    background-color: #f6f6f9;
    border-radius: 5px;
}

.same-password {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #81819b;
    margin-top: 10px;
    padding: 2px;
}

.same-password__text {
    display: flex;
    width: 65px;
}

.same-password__text.valid {
    color: #29335c;
    background-color: #f6f6f9;
    border-radius: 5px;
}

.page-completeMembership {
    background: #faf0f4;
}

.page-completeMembership #site-footer {
    margin: 0;
    display: none;
}

.page-completeMembership #site-header {
    display: none;
}

.page-completeMembership .marqueeband {
    visibility: hidden !important;
    height: 0;
}

.page-completeMembership #membership-grid {
    position: relative !important;
    padding: 80px 0 25px;
    height: inherit !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section {
    gap: 0 !important;
    max-height: inherit;
}

.page-completeMembership #membership-grid .msh-body .msh-section .logo-section {
    margin-bottom: 30px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-section {
    padding-bottom: 0 !important;
    padding-top: 16px !important;
    overflow: inherit;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-section .time-out-form {
    margin-bottom: 30px;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-section .time-out-form .icon {
    margin: 10px 0;
    height: 44px;
    width: 44px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-section .time-out-form .icon .svg-hearth-broken {
    padding: 6px;
    width: 38px;
    height: 38px;
    background: url("../_ui/responsive/theme-penti/images/icons_heart_broken.png") no-repeat center center;
    display: inline-block;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-section .time-out-form .title {
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-section .time-out-form .subtitle {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-section .msh-desc {
    margin: 16px 0;
    font-size: 11px;
    color: #81819b;
    text-align: center;
    padding: 0 16px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-section .msh-form .ste-1 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-section .msh-form .ste-1 .form-row .form-row-info {
    font-size: 11px;
    color: #81819b;
    text-align: center;
    line-height: 11px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-section .msh-form .ste-1 .form-row .legal-prg {
    margin: 0;
    font-size: 11px;
    border: 1px solid #ececf4;
    border-radius: 5px;
    padding: 8px;
    color: #81819b;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-section .msh-form .ste-1 .form-row .legal-prg b {
    font-weight: normal !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-section .msh-form .ste-1 .btn-white {
    border-radius: 5px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-section .msh-form .ste-1 .btn-white span {
    font-weight: normal;
}

.page-completeMembership .pika-single {
    display: none !important;
}

.page-completeMembership input:-webkit-autofill,
.page-completeMembership input:-webkit-autofill:hover,
.page-completeMembership input:-webkit-autofill:focus,
.page-completeMembership input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #f6f6f9 inset !important;
}

.page-completeMembership .msh-mobile-sticky-header {
    display: none;
}

.page-completeMembership #modal-clarification-text .modal-content .modal-header,
.page-completeMembership #modal-starCardAgreement-text .modal-content .modal-header,
.page-completeMembership #modal-starCardClarification-text .modal-content .modal-header,
.page-completeMembership #modal-starCardConsent-text .modal-content .modal-header,
.page-completeMembership #modal-legal-text .modal-content .modal-header,
.page-completeMembership #modal-member-text .modal-content .modal-header,
.page-completeMembership #modal-consent-text .modal-content .modal-header {
    height: inherit;
    padding: 0;
    text-align: center;
    border-bottom: 1px solid #faf0f4;
}

.page-completeMembership #modal-clarification-text .modal-content .modal-header .modal-title,
.page-completeMembership #modal-starCardAgreement-text .modal-content .modal-header .modal-title,
.page-completeMembership #modal-starCardClarification-text .modal-content .modal-header .modal-title,
.page-completeMembership #modal-starCardConsent-text .modal-content .modal-header .modal-title,
.page-completeMembership #modal-legal-text .modal-content .modal-header .modal-title,
.page-completeMembership #modal-member-text .modal-content .modal-header .modal-title,
.page-completeMembership #modal-consent-text .modal-content .modal-header .modal-title {
    font-size: 14px;
    color: #81819b;
    font-weight: normal;
    font-family: 'WORK SANS' !important;
    width: 100%;
    text-align: center;
    padding: 17px 0;
}

.page-completeMembership #modal-clarification-text .modal-content .modal-header .modal-header-right,
.page-completeMembership #modal-starCardAgreement-text .modal-content .modal-header .modal-header-right,
.page-completeMembership #modal-starCardClarification-text .modal-content .modal-header .modal-header-right,
.page-completeMembership #modal-starCardConsent-text .modal-content .modal-header .modal-header-right,
.page-completeMembership #modal-legal-text .modal-content .modal-header .modal-header-right,
.page-completeMembership #modal-member-text .modal-content .modal-header .modal-header-right,
.page-completeMembership #modal-consent-text .modal-content .modal-header .modal-header-right {
    position: absolute;
    right: 16px;
    top: 17px;
}

.page-completeMembership #modal-clarification-text .modal-content .modal-header .modal-header-right .svg-close,
.page-completeMembership #modal-starCardAgreement-text .modal-content .modal-header .modal-header-right .svg-close,
.page-completeMembership #modal-starCardClarification-text .modal-content .modal-header .modal-header-right .svg-close,
.page-completeMembership #modal-starCardConsent-text .modal-content .modal-header .modal-header-right .svg-close,
.page-completeMembership #modal-legal-text .modal-content .modal-header .modal-header-right .svg-close,
.page-completeMembership #modal-member-text .modal-content .modal-header .modal-header-right .svg-close,
.page-completeMembership #modal-consent-text .modal-content .modal-header .modal-header-right .svg-close {
    padding: 6px;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons_close.svg') no-repeat center center;
}

.page-completeMembership #modal-clarification-text .modal-content .modal-body,
.page-completeMembership #modal-starCardAgreement-text .modal-content .modal-body,
.page-completeMembership #modal-starCardClarification-text .modal-content .modal-body,
.page-completeMembership #modal-starCardConsent-text .modal-content .modal-body,
.page-completeMembership #modal-legal-text .modal-content .modal-body,
.page-completeMembership #modal-member-text .modal-content .modal-body,
.page-completeMembership #modal-consent-text .modal-content .modal-body {
    padding: 0 16px 20px 16px;
}

.page-completeMembership #membership-grid {
    position: fixed;
    width: 100vw;
    top: 0;
    z-index: 999;
    margin: 0;
    display: flex;
    height: 100vh !important;
    background: #fff;
    background: url('https://file-penti.mncdn.com/pentiimages/login-bg1.png') no-repeat 0px 0px;
    background-size: cover;
    background-position: top;
    align-items: center;
    justify-content: center;
}

.page-completeMembership #membership-grid .msh-body[data-step='2']:has(.form-error-msg) .warning-message-area {
    display: flex;
    width: 100%;
}

.page-completeMembership #membership-grid .msh-body[data-step='2']:has(.form-error-msg) .msh-form input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-completeMembership #membership-grid .msh-email-sent {
    background-color: #F6F6F9;
    border-radius: 5px;
}

.page-completeMembership #membership-grid .msh-email-sent__title {
    color: #29335c;
    font-size: 12px;
    font-weight: 500;
}

.page-completeMembership #membership-grid .msh-email-sent__message {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    margin-top: 16px;
}

.page-completeMembership #membership-grid #updatePwdForm .form-row-info {
    font-size: 11px;
    color: #81819b;
}

.page-completeMembership #membership-grid #updatePwdForm:has(.form-error-msg) .warning-message-area {
    display: flex;
    width: 100%;
}

.page-completeMembership #membership-grid #updatePwdForm:has(.form-error-msg) input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-completeMembership #membership-grid .msh-register .msh-contracts {
    border: 1px solid #ececf4;
    border-radius: 5px;
}

.page-completeMembership #membership-grid .msh-register .msh-contracts .form-row {
    padding: 16px !important;
    border-bottom: 1px solid #ececf4;
}

.page-completeMembership #membership-grid .msh-register .msh-contracts .form-row .input.checkbox {
    display: flex;
    align-items: center;
}

.page-completeMembership #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle {
    cursor: pointer;
    display: inline-block;
}

.page-completeMembership #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle:before,
.page-completeMembership #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle:after {
    content: none;
}

.page-completeMembership #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch {
    display: inline-block;
    background: #fff;
    border-radius: 16px;
    width: 32px;
    height: 20px;
    position: relative;
    vertical-align: middle;
    transition: background 0.25s;
    border: 1px solid #fa5373;
}

.page-completeMembership #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch:before,
.page-completeMembership #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch:after {
    content: "";
    box-sizing: border-box;
}

.page-completeMembership #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch:before {
    display: block;
    background: #fa5373;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 2px;
    left: 3px;
    transition: left 0.25s;
}

.toggle:hover .page-completeMembership #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch:before {
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
}

.page-completeMembership #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch .toggle-checkbox:checked+.toggle-switch {
    background: #fa5373;
}

.page-completeMembership #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-switch .toggle-checkbox:checked+.toggle-switch:before {
    background: #ffffff;
    left: 14px;
}

.page-completeMembership #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-checkbox:checked+.toggle-switch {
    background: #fa5373;
}

.page-completeMembership #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-checkbox:checked+.toggle-switch:before {
    background: #ffffff;
    left: 14px;
}

.page-completeMembership #membership-grid .msh-register .msh-contracts .form-row .input.checkbox .toggle-checkbox {
    position: absolute;
    visibility: hidden;
}

.page-completeMembership #membership-grid .msh-register .msh-contracts .form-row .text,
.page-completeMembership #membership-grid .msh-register .msh-contracts .form-row .legal-prg {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
}

.page-completeMembership #membership-grid .msh-register .msh-contracts .form-row .text b,
.page-completeMembership #membership-grid .msh-register .msh-contracts .form-row .legal-prg b {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
}

.page-completeMembership #membership-grid .msh-body {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
    padding: 0 50px;
}

.page-completeMembership #membership-grid .msh-body .msh-section {
    padding: 40px !important;
    min-width: 425px;
    max-width: 425px;
    background: #fff;
    border-radius: 5px;
    align-items: center;
    gap: 30px;
    position: relative;
    display: flex;
    flex-direction: column;
}

.page-completeMembership #membership-grid .msh-body .msh-section .checkout-guest-login {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
}

.page-completeMembership #membership-grid .msh-body .msh-section .checkout-guest-login .msh-section {
    padding: 0 !important;
    margin: 0 !important;
    width: inherit !important;
    min-width: inherit !important;
    max-width: inherit !important;
    display: block;
}

.page-completeMembership #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-cta .msh-button {
    width: 100%;
}

.page-completeMembership #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-cta .msh-button button {
    width: 100%;
    border: 1px solid #29335c;
    border-radius: 5px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    color: #29335c;
    font-weight: normal;
    font-size: 12px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .warning-message-area {
    width: 100%;
    margin: 16px 0;
}

.page-completeMembership #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .form-row {
    width: 100%;
}

.page-completeMembership #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .msh-title {
    color: #29335c;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.page-completeMembership #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .msh-note {
    margin: 0;
    font-size: 11px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .msh-note b {
    font-weight: normal;
}

.page-completeMembership #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .msh-subtitle {
    color: #29335c;
    font-size: 12px;
    font-weight: normal;
}

.page-completeMembership #membership-grid .msh-body .msh-section .checkout-guest-login .msh-guest-form .form-button button {
    border-radius: 5px;
    color: #fff;
    background: #fa5373;
    font-size: 14px;
    font-weight: normal;
    height: 44px;
    line-height: 44px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-social-login {
    margin-top: 0;
    justify-content: center;
    align-items: center;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__header {
    font-size: 12px;
    color: #81819b;
    font-weight: normal;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__body {
    margin-top: 16px;
    width: 210px;
    gap: 20px;
    justify-content: space-between;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__body .msh-social-login__item .icon {
    display: flex;
    width: 44px;
    height: 44px;
    border: 1px solid #ececf4;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__body .msh-social-login__item .icon img {
    height: 20px;
    width: auto;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-social-login .msh-social-login__body .msh-social-login__item__text {
    color: #81819b;
    font-size: 12px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .otp-countdown {
    width: initial;
    height: initial;
    margin: 0;
}

.page-completeMembership #membership-grid .msh-body .msh-section .otp-countdown .otp-text,
.page-completeMembership #membership-grid .msh-body .msh-section .otp-countdown .otp-time {
    font-size: 12px;
    font-weight: normal;
    color: #fa5373;
}

.page-completeMembership #membership-grid .msh-body .msh-section .form-row {
    margin: 0 !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section .form-row input {
    text-transform: capitalize !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section .form-row input[name="email"],
.page-completeMembership #membership-grid .msh-body .msh-section .form-row input[name="j_username"] {
    text-transform: lowercase !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section .form-row input[name="birthDate"] {
    text-transform: uppercase !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textbox,
.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textarea {
    padding: 0;
}

.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textbox label,
.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textarea label {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    line-height: 11px;
    top: 16px;
    left: 16px;
    z-index: 1;
    position: absolute;
}

.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textbox textarea,
.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textarea textarea {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 74px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp input[type=text],
.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp input[type=text],
.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp input[type=email],
.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp input[type=email],
.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp input[type=tel],
.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp input[type=tel],
.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp input[type=number],
.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp input[type=number] {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textbox .wrp select,
.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textarea .wrp select {
    border: 1px solid #ececf4;
    border-radius: 5px;
    background: #f6f6f9;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
    font-size: 12px;
    color: #29335c;
}

.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active label,
.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active label {
    top: -10px;
    background: #fff;
    padding: 4px;
    color: #fa5373;
}

.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active input,
.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active input,
.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active textarea,
.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active textarea {
    border: 1px solid #fa5373;
    background-color: #fff;
}

.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty label,
.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty label {
    color: #81819b !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty input,
.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty input,
.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty textarea,
.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty textarea {
    border: 1px solid #ececf4 !important;
    background-color: #f6f6f9 !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty:has(.form-error-msg),
.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty:has(.form-error-msg) {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textbox.input-active.not-empty:has(.form-error-msg) input,
.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textarea.input-active.not-empty:has(.form-error-msg) input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textbox .input-icon-r i,
.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.textarea .input-icon-r i {
    right: 10px;
    top: 10px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.select {
    padding: 0;
}

.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.select label {
    top: -10px;
    background: #fff;
    padding: 4px;
    position: absolute;
    z-index: 2;
    left: 15px;
    font-size: 11px;
    color: #81819b;
    line-height: 11px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.select .wrp select {
    border: 1px solid #ececf4;
    border-radius: 5px;
    background: #f6f6f9;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
    font-size: 12px;
    color: #29335c;
}

.page-completeMembership #membership-grid .msh-body .msh-section .form-row .input.select .wrp:after {
    width: 22px;
    height: 22px;
    background: url(../_ui/responsive/theme-penti/images/icons_keyboard_arrow.svg) no-repeat 0px 0px;
    top: 10px;
    background-size: 22px;
    right: 16px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .form-row .form-error-msg {
    display: none;
    font-size: 0px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .membership-close {
    border: none;
    background: none;
    position: absolute;
    right: 16px;
    top: 16px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .membership-close .svg-close {
    padding: 6px;
    width: 24px;
    height: 24px;
    background: url('../_ui/responsive/theme-penti/images/icons_close.svg') no-repeat center center;
    filter: brightness(0) saturate(100%) invert(49%) sepia(18%) saturate(7143%) hue-rotate(319deg) brightness(100%) contrast(97%);
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-header {
    gap: 10px;
    position: initial;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-header .cm-logout {
    position: absolute;
    right: 0;
    top: 0;
    width: inherit;
    border-radius: 0;
    border: none;
    font-weight: normal;
    height: inherit;
    top: 20px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-header .msh-header-back {
    position: absolute;
    left: 16px;
    top: 16px;
    margin: 0;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-header .msh-title {
    font-size: 16px;
    color: #29335c;
    font-weight: 500;
    margin: 0;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-header .msh-subtitle,
.page-completeMembership #membership-grid .msh-body .msh-section .msh-header .msh-desc {
    font-size: 12px;
    color: #29335c;
    margin: 0;
    font-weight: normal;
}

.page-completeMembership #membership-grid .msh-body .msh-section .warning-message-area {
    display: none;
    flex-direction: column;
    gap: 0;
    padding: 20px 16px;
    border: none;
    background-color: #faf0f4;
    margin-bottom: 0;
    border-radius: 5px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .warning-message-area .title {
    display: flex;
    align-items: center;
    color: #29335c;
    font-size: 11px;
    font-weight: normal;
    gap: 10px;
    margin-bottom: 16px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .warning-message-area .title .svg-info {
    width: 20px;
    height: 20px;
    background: url('../_ui/responsive/theme-penti/images/icons_info_circle.svg') no-repeat center center;
}

.page-completeMembership #membership-grid .msh-body .msh-section .warning-message-area .description,
.page-completeMembership #membership-grid .msh-body .msh-section .warning-message-area .link-area {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .warning-message-area .description+.general-message,
.page-completeMembership #membership-grid .msh-body .msh-section .warning-message-area .link-area+.general-message {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    display: none;
}

.page-completeMembership #membership-grid .msh-body .msh-section .warning-message-area .description:empty+.general-message,
.page-completeMembership #membership-grid .msh-body .msh-section .warning-message-area .link-area:empty+.general-message {
    display: flex;
    flex-direction: column;
}

.page-completeMembership #membership-grid .msh-body .msh-section .warning-message-area .link-area {
    margin-top: 5px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .warning-message-area .link-area a {
    font-size: 11px;
    font-weight: normal;
    color: #fa5373;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form {
    width: 100%;
    gap: 16px;
    display: flex;
    flex-direction: column;
    margin: 0;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .ste-1 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .ste-1 .form-row .form-row-info {
    font-size: 11px;
    color: #81819b;
    text-align: center;
    line-height: 11px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .ste-1 .form-row .legal-prg {
    margin: 0;
    font-size: 11px;
    border: 1px solid #ececf4;
    border-radius: 5px;
    padding: 8px;
    color: #81819b;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .ste-1 .form-row .legal-prg b {
    font-weight: normal !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row {
    margin: 0 !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox,
.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea {
    padding: 0;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox label,
.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea label {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    line-height: 11px;
    top: 16px;
    left: 16px;
    z-index: 1;
    position: absolute;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox textarea,
.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea textarea {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 74px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp input[type=text],
.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp input[type=text],
.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp input[type=email],
.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp input[type=email],
.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp input[type=tel],
.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp input[type=tel],
.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp input[type=number],
.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp input[type=number] {
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
    border-radius: 5px;
    font-size: 12px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .wrp select,
.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .wrp select {
    border: 1px solid #ececf4;
    border-radius: 5px;
    background: #f6f6f9;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
    font-size: 12px;
    color: #29335c;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox.input-active label,
.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea.input-active label {
    top: -10px;
    background: #fff;
    padding: 4px;
    color: #fa5373;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox.input-active input,
.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea.input-active input,
.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox.input-active textarea,
.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea.input-active textarea {
    border: 1px solid #fa5373;
    background-color: #fff;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .input.textbox .input-icon-r i,
.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .input.textarea .input-icon-r i {
    right: 10px;
    top: 10px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row .form-error-msg {
    display: none;
    font-size: 0px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-row.login-forgotten-password a {
    font-weight: normal !important;
    font-size: 12px !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-button {
    margin: 0;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form .form-button button.btn-primary {
    border-radius: 5px;
    color: #fff;
    background: #fa5373;
    font-size: 14px;
    font-weight: normal;
    height: 44px;
    line-height: 44px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form div:has(input[name='CSRFToken']) {
    display: none;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-section:has(.form-error-msg) .warning-message-area {
    display: flex !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-section:has(.form-error-msg) input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section .tab-1:has(.form-error-msg) .warning-message-area,
.page-completeMembership #membership-grid .msh-body .msh-section .tab-2:has(.form-error-msg) .warning-message-area {
    display: flex !important;
    margin-bottom: 16px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .tab-1:has(.form-error-msg) input,
.page-completeMembership #membership-grid .msh-body .msh-section .tab-2:has(.form-error-msg) input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .warning-message-area {
    display: flex !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .warning-message-area .title.email {
    display: flex !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .warning-message-area .title.password {
    display: none !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .login-email .input.textbox input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form:has(.login-email.form-error) .login-email .input.textbox.input-active label {
    color: #81819b;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .warning-message-area {
    display: flex !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .warning-message-area .title.email {
    display: none !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .warning-message-area .title.password {
    display: flex !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .login-password .input.textbox input {
    background-color: #faf0f4 !important;
    border: none !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-form:has(.login-password.form-error) .login-password .input.textbox.input-active label {
    color: #81819b;
}

.page-completeMembership #membership-grid .msh-body .msh-section .info-message-area {
    display: none;
    flex-direction: column;
    gap: 0;
    padding: 20px 16px;
    border: none;
    background-color: #f6f6f9;
    margin-bottom: 0;
    border-radius: 5px;
    width: 100%;
}

.page-completeMembership #membership-grid .msh-body .msh-section .info-message-area .title {
    display: flex;
    align-items: center;
    color: #29335c;
    font-size: 11px;
    font-weight: normal;
    gap: 10px;
    margin-bottom: 16px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .info-message-area .title .svg-info {
    width: 20px;
    height: 20px;
    background: url('../_ui/responsive/theme-penti/images/icons_checkmark.svg') no-repeat center center;
    filter: brightness(0) saturate(100%) invert(17%) sepia(26%) saturate(1350%) hue-rotate(190deg) brightness(94%) contrast(90%);
}

.page-completeMembership #membership-grid .msh-body .msh-section .info-message-area .description {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .info-message-area .description+.general-message {
    font-size: 11px;
    color: #81819b;
    font-weight: normal;
    display: none;
}

.page-completeMembership #membership-grid .msh-body .msh-section .info-message-area .description:empty+.general-message {
    display: flex;
    flex-direction: column;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-radio-container {
    margin: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-radio-container .input.radio {
    display: flex;
    align-items: center;
    height: 24px;
    margin: 0 !important;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-radio-container .input.radio input {
    width: 22px;
    height: 22px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-radio-container .input.radio label {
    padding-left: 32px;
    color: #29335c;
    font-size: 12px;
    line-height: 24px;
    max-height: inherit;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-radio-container .input.radio label:before {
    width: 22px;
    height: 22px;
    opacity: 1;
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    transition: all 0.111s linear 0s;
    border: 1px solid #fa5373;
    background: none;
    border-radius: 50%;
}

.page-completeMembership #membership-grid .msh-body .msh-section .msh-radio-container .input.radio label:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    background: #fa5373;
    left: 7px;
    top: 9px;
}

.page-completeMembership #membership-grid .msh-body .msh-section .tab-1,
.page-completeMembership #membership-grid .msh-body .msh-section .tab-2 {
    width: 100%;
}

.page-completeMembership #membership-grid .msh-body .msh-section .form-button {
    margin: -14px 0 0 0;
    width: 100%;
}

.page-completeMembership #membership-grid .msh-body .msh-section .form-button button.btn-primary {
    border-radius: 5px;
    color: #fff;
    background: #fa5373;
    font-size: 14px;
    font-weight: normal;
    height: 44px;
    line-height: 44px;
}

.page-completeMembership #site-main:has(.step-password) #membership-grid,
.page-completeMembership #site-main:has(.membership-grid-forgotten-pwd) #membership-grid,
.page-completeMembership #site-main:has(.accountRegisterPage-page) #membership-grid {
    background: #faf0f4;
    position: relative !important;
    padding: 80px 0 25px;
    height: inherit !important;
}

.page-completeMembership input[type=password] {
    letter-spacing: 12px !important;
    font-size: 32px;
    text-align: center;
    caret-color: #fa5373;
    border-radius: 5px;
    color: #29335c;
    font-weight: normal;
    padding: 15px 16px;
    line-height: 12px;
    height: 44px;
    border: 1px solid #ececf4;
    background-color: #f6f6f9;
}

html:has(.page-completeMembership) {
    background: #faf0f4;
}

@media(max-width:1024px) {
    .page-completeMembership input[type=password] {
        letter-spacing: 8px !important;
        font-size: 26px !important;
        color: #29335c !important;
        text-align: center;
        caret-color: #fa5373;
        color: #29335c;
        border-radius: 5px;
        font-weight: normal;
        padding: 15px 16px;
        line-height: 12px;
        height: 44px;
        border: 1px solid #ececf4;
        background-color: #f6f6f9;
    }

    html:has(.page-completeMembership) {
        background: #ffffff;
    }

    html:has(.page-completeMembership) {
        background: #ffffff;
    }

    .page-completeMembership .msh-mobile-sticky-header {
        display: flex !important;
        justify-content: center;
        position: fixed;
        width: 100%;
        z-index: 6;
        background: #fff;
        padding: 15px;
        align-items: center;
        border-bottom: 1px solid #ececf4;
    }

    .page-completeMembership .msh-mobile-sticky-header .logo-section img {
        height: 24px;
    }

    .page-completeMembership .msh-mobile-sticky-header .msh-header-back {
        position: absolute;
        left: 16px;
    }

    .page-completeMembership .msh-mobile-sticky-header .membership-close .svg-close {
        padding: 6px;
        width: 24px;
        height: 24px;
        background: url("../_ui/responsive/theme-penti/images/icons_close.svg") no-repeat center center;
        filter: brightness(0) saturate(100%) invert(49%) sepia(18%) saturate(7143%) hue-rotate(319deg) brightness(100%) contrast(97%);
    }

    .page-completeMembership .msh-mobile-sticky-header .cm-logout {
        padding: 0;
        border: none;
        font-size: 14px;
        display: block;
        position: absolute;
        right: 16px;
        top: 16px;
        border-radius: 0;
        font-weight: normal;
        background: transparent;
        height: inherit;
    }

    .page-completeMembership #membership-grid .msh-body {
        margin-top: 55px;
    }

    .page-completeMembership #membership-grid .msh-body .msh-section .membership-close {
        display: none !important;
    }

    .page-completeMembership #membership-grid .msh-body .msh-section .logo-section {
        display: none !important;
    }

    .page-completeMembership #membership-grid .msh-body .msh-section .msh-header .msh-header-back {
        display: none !important;
    }

    .page-completeMembership {
        background-color: #ffffff;
    }

    .page-completeMembership #membership-grid {
        margin: 0 0 25px 0 !important;
        padding: 0 0 25px 0 !important;
    }

    .page-completeMembership #membership-grid .msh-body .msh-section .msh-header .cm-logout {
        display: none;
    }

    .page-completeMembership #membership-grid {
        align-items: flex-start;
        background: #fff;
    }

    .page-completeMembership #membership-grid .msh-body {
        padding: 0;
    }

    .page-completeMembership #membership-grid .msh-body .msh-section {
        padding: 10px 0 !important;
        width: 100%;
        min-width: initial;
        max-width: initial;
    }

    .page-completeMembership #membership-grid .msh-body .msh-section .logo-section img {
        height: 24px;
    }

    .page-completeMembership #membership-grid .msh-body .msh-section .msh-header {
        border-top: 1px solid #ececf4;
        margin-top: -18px;
        padding-top: 20px;
        position: initial !important;
        margin-bottom: 0;
    }

    .page-completeMembership #membership-grid .msh-body .msh-section .msh-header .msh-header-back {
        top: 10px;
    }

    .page-completeMembership #membership-grid .msh-body .msh-section .msh-form {
        padding: 0 16px;
    }

    .page-completeMembership #membership-grid .msh-body .msh-section .membership-close {
        top: 12px;
    }

    .page-completeMembership #membership-grid .msh-body .msh-section .logo-section {
        margin-bottom: 30px;
    }

    #modal-clarification-text .modal-content,
    #modal-clarification-text .modal-content,
    #modal-starCardAgreement-text .modal-content,
    #modal-starCardClarification-text .modal-content,
    #modal-starCardConsent-text .modal-content,
    #modal-legal-text .modal-content,
    #modal-member-text .modal-content,
    #modal-consent-text .modal-content {
        margin: 0 !important;
        padding: 0 !important;
    }

    #modal-clarification-text .modal-content .modal-header,
    #modal-clarification-text .modal-content .modal-header,
    #modal-starCardAgreement-text .modal-content .modal-header,
    #modal-starCardClarification-text .modal-content .modal-header,
    #modal-starCardConsent-text .modal-content .modal-header,
    #modal-legal-text .modal-content .modal-header,
    #modal-member-text .modal-content .modal-header,
    #modal-consent-text .modal-content .modal-header {
        background-color: transparent;
    }

    input[name="otpCode"]:focus {
        border: 1px solid #FA5373 !important;
        background-color: white !important;
    }

    #j_password {
        letter-spacing: 8px !important;
        font-size: 26px !important;
        color: #29335c !important;
    }
}

.penti-club-privileges-body {
    line-height: normal;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-weight: 400;
}

.penti-club-privileges-body h1,
.penti-club-privileges-body h2,
.penti-club-privileges-body h3,
.penti-club-privileges-body h4,
.penti-club-privileges-body h5,
.penti-club-privileges-body h6,
.penti-club-privileges-body p,
.penti-club-privileges-body span {
    margin: 0;
}

.penti-club-privileges-body .club-icon-text {
    height: 16px;
    margin-bottom: 3px;
    filter: brightness(0) saturate(100%) invert(17%) sepia(8%) saturate(6120%) hue-rotate(195deg) brightness(92%) contrast(87%);
}

.penti-club-privileges-body .club-icon-text.pink {
    filter: brightness(0) saturate(100%) invert(45%) sepia(94%) saturate(2040%) hue-rotate(318deg) brightness(100%) contrast(97%);
}

.penti-club-privileges-body .club-icon-text.faq-banner-menu-icon {
    margin-bottom: 5px;
}

.penti-club-privileges-body .club-icon-text.club-icon-app-section {
    height: 12px;
    margin-bottom: 2px;
}

.penti-club-privileges-body .penti-club-body {
    font-family: "Work Sans", sans-serif;
    margin: 0;
    padding: 0;
}

.penti-club-privileges-body .penti-club-body a {
    text-decoration: none;
}

.penti-club-privileges-body .penti-club-body span {
    font-weight: inherit;
}

.penti-club-privileges-body .container {
    max-width: 1264px;
    margin: 0 auto;
}

.penti-club-privileges-body .cta-button {
    display: block;
    border-radius: 999px;
    padding: 20px 20px;
    text-align: center;
    background-color: #fa5373;
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
}

.penti-club-privileges-body .cta-button--secondary {
    display: block;
    border-radius: 999px;
    border: 1px solid #29335c;
    padding: 20px 20px;
    text-align: center;
    color: #29335c;
    font-weight: 400;
}

.penti-club-privileges-body .cta-button-hero {
    display: block;
    width: 145px;
    background-color: #fff;
    color: #fa5373;
    text-transform: uppercase;
}

.penti-club-privileges-body .cta-button-hero--reverse {
    display: block;
    width: 145px;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
}

.penti-club-privileges-body .hero-section {
    position: relative;
    background: url("../_ui/responsive/theme-penti/images/crm_privileges/hero.jpeg");
    background-size: cover;
    background-position: center center;
    height: calc(100vh - 110px);
    padding: 60px 0;
}

.penti-club-privileges-body .hero-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(9, 2, 2, 0.16) 49.97%, rgba(128, 42, 53, 0.2) 100%);
}

.penti-club-privileges-body .hero-content-wrapper {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: flex-end;
    height: 100%;
}

.penti-club-privileges-body .hero-content {
    position: relative;
    max-width: 550px;
    display: flex;
    flex-direction: column;
    gap: 44px;
    justify-content: flex-end;
}

.penti-club-privileges-body .hero-logo {
    object-fit: contain;
    height: 75px;
}

.penti-club-privileges-body .hero-main-content {
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
}

.penti-club-privileges-body .hero-title {
    font-weight: 500;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.penti-club-privileges-body .hero-cta-wrapper {
    display: flex;
    gap: 16px;
    justify-content: center;
}

@media screen and (max-width:1024px) {
    .penti-club-privileges-body .hero-section {
        background-image: url(../_ui/responsive/theme-penti/images/crm_privileges/hero-mobile.png);
        background-position: top;
        background-size: cover;
        background-repeat: no-repeat;
        height: 520px;
        width: 100%;
    }

    .penti-club-privileges-body .hero-logo {
        height: 50px;
    }

    .penti-club-privileges-body .hero-content {
        padding: 0 32px;
    }

    .penti-club-privileges-body .discover-grid-section {
        padding: 235px 0 0;
    }
}

.penti-club-privileges-body .discover-section {
    padding-top: 50px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.penti-club-privileges-body .discover-titles {
    display: flex;
    flex-direction: column;
    color: #fa5373;
}

.penti-club-privileges-body .discover-title {
    font-size: 48px;
    font-weight: 500;
    letter-spacing: -2px !important;
}

.penti-club-privileges-body .discover-title-mobile-divider {
    display: none;
}

.penti-club-privileges-body .discover-subtitle {
    font-size: 48px;
    font-weight: 500;
    color: #fa5373;
    display: block;
}

.penti-club-privileges-body .discover-subtitle .club-icon-image {
    height: 38px;
}

.penti-club-privileges-body .discover-subtitle .club-icon-image.discover-title-icon {
    height: 35px;
    margin-bottom: 5px;
}

.penti-club-privileges-body .discover-subtitle2 {
    font-size: 24px;
    color: #29335c;
    font-weight: 400;
}

.penti-club-privileges-body .discover-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    padding: 55px;
    background: url("../_ui/responsive/theme-penti/images/crm_privileges/img12.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

@media(max-width:1024px) {
    .penti-club-privileges-body .discover-grid {
        background-position: top;
        background-size: cover;
        background-image: url("../_ui/responsive/theme-penti/images/crm_privileges/advantages-mobile.png");
    }
}

.penti-club-privileges-body .discover-grid-section {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    width: 100%;
    max-width: 1000px;
    justify-content: center;
    align-items: center;
}

.penti-club-privileges-body .discover-grid-cell {
    position: relative;
    width: 300px;
    height: 231px;
    background-color: #fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.penti-club-privileges-body .discover-grid-cell .text {
    font-size: 27px;
    text-align: center;
    color: #000;
    padding: 45px;
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    z-index: 1;
    width: 100%;
    align-items: center;
}

.penti-club-privileges-body .discover-grid-cell .text .italic-text {
    text-transform: lowercase;
    font-family: GTAlpina !important;
}

.penti-club-privileges-body .discover-grid-cell .icon {
    position: absolute;
    width: 125px;
    height: 96px;
    background: url("../_ui/responsive/theme-penti/images/crm_privileges/icon/heart.svg");
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.penti-club-privileges-body .discover-grid-cell:nth-child(1) {
    grid-row: -1;
}

.penti-club-privileges-body .discover-grid-cell:nth-child(2) {
    grid-row: -1;
}

.penti-club-privileges-body .discover-grid-cell:nth-child(3) {
    grid-row: -1;
    background-image: none;
}

.penti-club-privileges-body .discover-grid-cell:nth-child(4) {
    background-color: #ffffff;
    background-image: none;
}

.penti-club-privileges-body .discover-grid-cell:nth-child(5) {
    background-color: #ffffff;
    background-image: none;
}

.penti-club-privileges-body .discover-grid-cell:nth-child(6) {
    background-color: #ffffff;
}

.penti-club-privileges-body .discover-grid-cell:nth-child(1) .icon {
    background: url("../_ui/responsive/theme-penti/images/crm_privileges/icon/heart.svg");
}

.penti-club-privileges-body .discover-grid-cell:nth-child(2) .icon {
    background: url("../_ui/responsive/theme-penti/images/crm_privileges/icon/arrows-icon.svg");
}

.penti-club-privileges-body .discover-grid-cell:nth-child(3) .icon {
    background: url("../_ui/responsive/theme-penti/images/crm_privileges/icon/check-icon.svg");
}

.penti-club-privileges-body .discover-grid-cell:nth-child(4) .icon {
    background: url("../_ui/responsive/theme-penti/images/crm_privileges/icon/discount.svg");
}

.penti-club-privileges-body .discover-grid-cell:nth-child(5) .icon {
    background: url("../_ui/responsive/theme-penti/images/crm_privileges/icon/star-icon.svg");
}

.penti-club-privileges-body .discover-grid-cell:nth-child(6) .icon {
    margin-top: 40px;
    background: url("../_ui/responsive/theme-penti/images/crm_privileges/icon/love.svg");
}

@media screen and (max-width:1280px) {
    .penti-club-privileges-body .discover-grid-cell {
        font-size: 18px;
    }
}

@media screen and (max-width:1024px) {
    .penti-club-privileges-body .advantages-section .advanteges-content-section {
        margin: 57px 0 !important;
    }

    .penti-club-privileges-body .advantages-section .advanteges-content-section .advantages-content-wrapper .advantages-table .advantages-icon-header h4,
    .penti-club-privileges-body .advantages-section .advanteges-content-section .advantages-content-wrapper .advantages-table .advantages-icon-header .table-spending-label {
        font-size: 14px;
    }

    .penti-club-privileges-body .advantages-section .advanteges-content-section .advantages-content-wrapper .advantages-table .advantages-table-label,
    .penti-club-privileges-body .advantages-section .advanteges-content-section .advantages-content-wrapper .advantages-table .point-text {
        font-size: 15px;
    }

    .penti-club-privileges-body .advantages-section .advanteges-content-section .advanteges-crown-icon {
        display: none;
    }

    .penti-club-privileges-body .discover-title,
    .penti-club-privileges-body .discover-subtitle {
        font-size: 36px;
        line-height: 1.5;
        padding: 0 50px;
    }

    .penti-club-privileges-body .discover-title-mobile-divider {
        display: block;
    }

    .penti-club-privileges-body .discover-subtitle {
        flex-direction: column;
        gap: 28px;
    }

    .penti-club-privileges-body .discover-subtitle .discover-title-icon {
        height: 25px !important;
    }

    .penti-club-privileges-body .discover-grid-cell {
        grid-column: unset !important;
        grid-row: unset !important;
        padding: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .penti-club-privileges-body .discover-cell-image {
        width: 124px;
    }

    .penti-club-privileges-body .how-it-works-section .how-it-works-large-image {
        display: none;
    }

    .penti-club-privileges-body .how-it-works-section .how-it-works-mobile-image {
        display: block;
        width: 100%;
    }
}

.penti-club-privileges-body .how-it-works-section {
    background-color: #EFDBE2;
}

.penti-club-privileges-body .how-it-works-section .club-icon-image {
    height: 20px;
    margin-bottom: 3px;
}

.penti-club-privileges-body .how-it-works-main-title {
    font-size: 36px;
    color: #29335c;
    font-weight: 500;
    text-align: center;
    margin-bottom: 50px;
    padding-top: 50px;
}

.penti-club-privileges-body .how-it-works-content {
    display: flex;
    flex-direction: row;
}

.penti-club-privileges-body .how-it-works-image {
    flex-shrink: 0;
}

.penti-club-privileges-body .how-it-works-large-image {
    width: 460px;
    height: 590px;
    margin-left: 100px;
    object-fit: cover;
    margin-bottom: 50px;
}

.penti-club-privileges-body .how-it-works-mobile-image {
    display: none;
}

.penti-club-privileges-body .how-it-works-cells-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 575px;
}

.penti-club-privileges-body .how-it-works-cell {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    margin-left: 50px;
    margin-top: 20px;
}

.penti-club-privileges-body .how-it-works-icon {
    width: 48px;
    height: 48px;
    margin-right: 16px;
    margin-bottom: 60px;
}

.penti-club-privileges-body .how-it-works-text {
    display: flex;
    flex-direction: column;
    margin-right: 90px;
}

.penti-club-privileges-body .how-it-works-title {
    font-size: 26px;
    font-weight: 500;
    color: #fa5373;
    margin-bottom: 8px;
}

.penti-club-privileges-body .how-it-works-title2 {
    font-size: 28px;
    font-weight: 400;
    margin-left: 20px;
    color: #fa5373;
    margin-bottom: 8px;
    padding-bottom: 20px;
    margin-left: 50px;
}

.penti-club-privileges-body .how-it-works-description {
    font-size: 18px;
    font-weight: 400;
    color: #29335c;
    line-height: 1.4;
}

@media(max-width:1024px) {
    .penti-club-privileges-body .how-it-works-content {
        flex-direction: column;
    }

    .penti-club-privileges-body .how-it-works-image {
        order: 2;
    }

    .penti-club-privileges-body .how-it-works-cells-container {
        order: 1;
        margin-bottom: 20px;
    }

    .penti-club-privileges-body .how-it-works-cells-container .how-it-works-cell {
        padding: 0;
        margin: 0 19px 46px 90px;
        position: relative;
    }

    .penti-club-privileges-body .how-it-works-cells-container .how-it-works-cell .how-it-works-icon {
        position: absolute;
        margin: 0;
        left: -63px;
        top: -10px;
    }

    .penti-club-privileges-body .how-it-works-cells-container .how-it-works-cell .how-it-works-text {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        margin-right: 19px;
    }

    .penti-club-privileges-body .how-it-works-cells-container .how-it-works-cell .how-it-works-text .how-it-works-title,
    .penti-club-privileges-body .how-it-works-cells-container .how-it-works-cell .how-it-works-text .how-it-works-description {
        text-align: start;
    }

    .penti-club-privileges-body .how-it-works-cells-container .how-it-works-cell:nth-child(3) {
        margin-bottom: 24px;
    }

    .penti-club-privileges-body .how-it-works-title2 {
        margin-bottom: 10px;
        white-space: nowrap;
        margin: 0 auto;
        padding: 0px auto;
        margin-left: 4px;
    }

    .penti-club-privileges-body .mobile-faq-img {
        display: none;
    }

    .penti-club-privileges-body .faq-banner-title-wrapper {
        font-weight: 400;
        position: relative;
        margin-bottom: 100px;
    }
}

.penti-club-privileges-body .advantages-section {
    display: flex;
    align-items: flex-start;
    color: #29335c;
    text-align: left;
    padding: 60px 0px 0px;
}

.penti-club-privileges-body .advantages-section .advanteges-content-section {
    position: relative;
    margin: 80px 0;
}

.penti-club-privileges-body .advantages-section .advanteges-content-section .advantages-decorative-icon {
    position: absolute;
    width: 508px;
    height: 552px;
    opacity: 0.1;
    top: -30px;
    left: -115px;
}

.penti-club-privileges-body .advantages-section .advanteges-content-section .advanteges-crown-icon {
    position: absolute;
    bottom: -130px;
    transform: rotate(-30deg);
    width: 275px;
    opacity: 0.1;
    left: 340px;
}

.penti-club-privileges-body .advantages-content-wrapper {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 40px;
}

.penti-club-privileges-body .advantages-table-wrapper {
    flex: 1;
    padding-right: 24px;
}

.penti-club-privileges-body .advantages-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

@media screen and (max-width:1024px) {
    .penti-club-privileges-body .advantages-image {
        display: none;
    }

    .penti-club-privileges-body .advantages-decorative-icon {
        width: 197px !important;
        height: 213px !important;
        left: 10px !important;
    }

    .penti-club-privileges-body .advanteges-crown-icon {
        display: none;
    }

    .penti-club-privileges-body .advantages-content-wrapper {
        display: block;
        width: 100%;
    }

    .penti-club-privileges-body .mobile-faq-img {
        display: none;
    }

    .penti-club-privileges-body .faq-banner-title-wrapper {
        font-weight: 400;
        position: relative;
        padding-bottom: 28px;
        border-bottom: 1px solid #ECECEC;
        margin-bottom: 40px;
    }
}

@media screen and (max-width:768px) {
    .penti-club-privileges-body .advantages-section {
        flex-direction: column;
        align-items: center;
    }

    .penti-club-privileges-body .advantages-table-wrapper {
        padding-right: 0;
        width: 100%;
    }
}

.penti-club-privileges-body .advantages-main-title {
    font-size: 48px;
    font-weight: 500;
    color: #fa5373;
    margin-bottom: 40px;
    line-height: 1;
}

.penti-club-privileges-body .advantages-decorative-icon-anchor {
    position: relative;
}

.penti-club-privileges-body .advantages-decorative-icon {
    position: absolute;
    width: 90px;
    bottom: 0;
    left: -92px;
}

.penti-club-privileges-body .advantages-table {
    width: 100%;
    text-align: left;
}

.penti-club-privileges-body .advantages-table th,
.penti-club-privileges-body .advantages-table td {
    font-weight: 500;
    padding: 0px 24px;
}

.penti-club-privileges-body .advantages-icon-header {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #29335c;
    font-weight: 400;
    text-align: center;
}

.penti-club-privileges-body .advantages-icon-header .table-spending-label {
    font-size: 16px;
}

.penti-club-privileges-body .advantages-icon {
    height: 48px;
    width: 48px;
}

.penti-club-privileges-body .advantages-table th {
    height: 80px;
}

.penti-club-privileges-body .advantages-table th:not(:first-child) {
    width: 166px;
}

.penti-club-privileges-body .advantages-table-label {
    font-size: 18px;
    line-height: 1.3;
    max-width: 375px;
    min-height: 60px;
    padding: 14px 0;
    display: flex;
    align-items: center;
    font-weight: 500;
}

.penti-club-privileges-body .advantages-table tr td {
    border-bottom: 1px solid #f5d3da;
}

.penti-club-privileges-body .advantages-table td:not(:first-child) img {
    width: 100%;
    height: 30px;
}

.penti-club-privileges-body .point-text {
    color: #fa5373;
    font-weight: 600;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 20px;
}

.penti-club-privileges-body .advantages-table th:nth-child(2),
.penti-club-privileges-body td:nth-child(2) {
    border-right: 1px solid #f5d3da;
}

@media screen and (max-width:1024px) {
    .penti-club-privileges-body .advantages-table td:not(:first-child) {
        min-width: 112px;
    }
}

@media screen and (max-width:768px) {
    .penti-club-privileges-body .advantages-section {
        padding: 0px;
    }

    .penti-club-privileges-body .advantages-main-title {
        width: 100%;
        text-align: center;
        padding: 0 52px;
        font-size: 36px;
        overflow: visible;
    }

    .penti-club-privileges-body .advantages-decorative-icon {
        width: 48px;
        height: 52px;
        bottom: 0;
        left: -50px;
        bottom: unset;
    }

    .penti-club-privileges-body .advantages-icon {
        height: 34px;
        width: 34px;
    }

    .penti-club-privileges-body .advantages-table th,
    .penti-club-privileges-body .advantages-table td {
        padding: 0;
    }

    .penti-club-privileges-body .advantages-table th:nth-child(1),
    .penti-club-privileges-body .advantages-table td:nth-child(1) {
        padding-left: 24px;
        width: 50%;
    }

    .penti-club-privileges-body .advantages-table-wrapper {
        padding: 0;
    }

    .penti-club-privileges-body .advantages-table {
        width: 100%;
    }
}

.penti-club-privileges-body .app-banner-section {
    position: relative;
    margin-top: 160px;
}

.penti-club-privileges-body .app-banner-section .app-banner-image {
    aspect-ratio: 0.87826087;
    object-fit: cover;
    object-position: center top;
    height: 622px;
    top: -79px;
    left: -22px;
    position: absolute;
    z-index: 1;
}

.penti-club-privileges-body .app-banner {
    background-color: #efdbe2;
    height: 480px;
    position: relative;
    padding: 10px 120px 10px 80px;
    display: flex;
    justify-content: end;
    color: #29335c;
    overflow: clip;
}

.penti-club-privileges-body .app-banner .app-banner-image-mobile {
    display: none;
}

.penti-club-privileges-body .app-banner-decorative-icon {
    position: absolute;
    width: 310px;
    height: auto;
    top: -12px;
    right: -73px;
}

.penti-club-privileges-body .app-banner-content {
    position: relative;
    overflow: hidden;
    display: flex;
    width: 100%;
    max-width: 510px;
    gap: 80px;
}

.penti-club-privileges-body .app-banner-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 60px 0;
}

.penti-club-privileges-body .app-banner-text-wrapper {
    display: block;
    font-weight: 400;
    line-height: 22.4px;
    font-size: 16px;
}

.penti-club-privileges-body .app-banner-title {
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    line-height: 40px;
    margin-bottom: 20px;
}

.penti-club-privileges-body .app-banner-store-button-wrapper {
    display: flex;
    gap: 10px;
}

.penti-club-privileges-body .app-banner-store-logo {
    height: 40px;
}

@media screen and (max-width:1024px) {
    .penti-club-privileges-body .app-banner-section {
        margin-top: 0;
    }

    .penti-club-privileges-body .app-banner-section .app-banner-image {
        display: none;
    }

    .penti-club-privileges-body .how-it-works-main-title {
        padding: 50px 40px 0;
    }

    .penti-club-privileges-body .app-banner {
        height: auto;
        padding: 50px 0px 40px;
        display: flex;
        flex-direction: column;
    }

    .penti-club-privileges-body .app-banner .app-banner-content {
        flex-direction: column-reverse;
        align-items: center;
        gap: 0;
        overflow: visible;
        padding: 0 40px;
    }

    .penti-club-privileges-body .app-banner .app-banner-image-mobile {
        display: flex;
    }

    .penti-club-privileges-body .penti-club-slogan {
        margin-right: 0;
        text-align: center;
    }

    .penti-club-privileges-body .penti-club-slogan .how-it-works-title2 {
        margin-right: 0;
    }

    .penti-club-privileges-body .app-banner-decorative-icon {
        display: flex;
        bottom: -15px;
        top: auto;
        width: 97px;
        height: 117px;
        right: -22px;
    }

    .penti-club-privileges-body .app-banner-info {
        max-width: 650px;
        padding: 0;
        margin-bottom: 24px;
    }
}

.penti-club-privileges-body .faq-section {
    padding: 120px 32px;
    color: #29335c;
}

.penti-club-privileges-body .faq-content-wrapper {
    display: flex;
    gap: 116px;
}

.penti-club-privileges-body .faq-banner {
    width: 347px;
    height: 648px;
    padding: 100px 50px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-color: #fffdfe;
    border-radius: 8px;
    border: 1px solid #f3ebee;
}

.penti-club-privileges-body .faq-banner-title-wrapper {
    font-weight: 400;
    position: relative;
    font-size: 16px;
}

.penti-club-privileges-body .faq-banner-title {
    line-height: 1.1;
    font-size: 48px;
    color: #29335c;
    font-weight: 500;
    margin-bottom: 28px;
}

.penti-club-privileges-body .faq-icon-anchor {
    position: relative;
}

.penti-club-privileges-body .faq-banner-icon {
    position: absolute;
    transform-origin: 50% 50%;
    width: 80px;
    height: 52px;
    top: -72px;
    left: -32px;
    transform: rotate(-30deg);
}

.penti-club-privileges-body .faq-separator {
    height: 1px;
    width: 100%;
    background-color: #ececec;
}

.penti-club-privileges-body .faq-banner-cta-wrapper {
    display: flex;
    margin-bottom: -180px;
    margin-left: -40px;
    width: 417px;
}

.penti-club-privileges-body .faq-banner-cta-wrapper .mobile-faq-img {
    width: 417px;
    height: 382px;
}

.penti-club-privileges-body .faq-banner-cta-title {
    font-size: 20px;
    font-weight: 500;
}

.penti-club-privileges-body .faq-cta-button {
    width: 145px;
    font-size: 14px;
    padding: 16px 24px;
}

.penti-club-privileges-body .faq-accordion {
    width: 100%;
}

.penti-club-privileges-body .faq-accordion-row {
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
}

.penti-club-privileges-body .faq-accordion-row:last-child {
    border-bottom: none;
}

.penti-club-privileges-body .faq-accordion-row:first-child {
    border-top: none;
}

.penti-club-privileges-body .faq-accordion-title-row {
    display: flex;
    padding: 20px 0;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.penti-club-privileges-body .faq-accordion-title {
    font-size: 20px;
    font-weight: 500;
}

.penti-club-privileges-body .accordion-trigger--active .faq-accordion-title {
    color: #fa5373;
}

.penti-club-privileges-body .faq-accordion-content-wrapper {
    padding-bottom: 20px;
}

@media screen and (max-width:1024px) {
    .penti-club-privileges-body .faq-section {
        padding: 0 0 100px 0;
        color: #29335c;
    }

    .penti-club-privileges-body .faq-content-wrapper {
        flex-direction: column;
        gap: 0px;
    }

    .penti-club-privileges-body .faq-banner {
        padding: 100px 30px;
        width: 100%;
        border: none;
        gap: 28px;
        height: auto;
    }

    .penti-club-privileges-body .faq-banner-title {
        text-align: start;
        padding: 0;
        font-size: 36px;
    }

    .penti-club-privileges-body .faq-banner-icon {
        position: absolute;
        width: 63px;
        height: 41px;
        right: -20px;
        top: 0;
        left: auto;
        transform: rotate(-40deg);
    }

    .penti-club-privileges-body .faq-accordion {
        padding: 0px 32px;
        margin-top: 80px;
    }
}

.penti-club-privileges-body .cta-banner {
    position: relative;
    background: #efdbe2;
    color: #29335c;
    padding: 40px 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
}

.penti-club-privileges-body .cta-banner-side-img {
    position: absolute;
    right: 125px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 200px;
    height: auto;
    display: block;
}

.penti-club-privileges-body .cta-banner-content {
    display: flex;
    align-items: center;
}

.penti-club-privileges-body .cta-logo {
    width: 120px;
    height: 21px;
}

.penti-club-privileges-body .cta-banner-title {
    font-size: 32px;
    text-align: center;
    letter-spacing: -2px !important;
    font-weight: 400;
}

.penti-club-privileges-body .cta-banner-subtitle {
    font-size: 16px;
    text-align: center;
    font-weight: 400;
}

.penti-club-privileges-body .cta-banner-button {
    margin-top: 20px;
    width: 180px;
}

@media screen and (max-width:768px) {
    .penti-club-privileges-body .cta-banner {
        gap: 0px;
    }

    .penti-club-privileges-body .cta-logo {
        margin-left: 10px;
    }

    .penti-club-privileges-body .cta-banner-side-img {
        display: none;
    }
}

.penti-club-privileges-body .conditions {
    color: #29335c;
    padding: 60px 32px;
}

.penti-club-privileges-body .conditions-title-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 76px;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.penti-club-privileges-body .conditions-title {
    font-size: 24px;
    font-weight: 500;
}

.penti-club-privileges-body .conditions-content-wrapper {
    padding: 32px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
}

.penti-club-privileges-body .conditions-content-wrapper p:not(:last-child) {
    margin-bottom: 24px;
}

.penti-club-privileges-body .accordion {
    display: flex;
    flex-direction: column;
}

.penti-club-privileges-body .accordion-content {
    overflow: hidden;
    max-height: 0px;
    transition: 0.3s ease-in-out;
}

.penti-club-privileges-body .accordion-trigger {
    cursor: pointer;
}

.penti-club-privileges-body .accordion-trigger .accordion-open {
    display: none;
}

.penti-club-privileges-body .accordion-trigger .accordion-closed {
    display: block;
}

.penti-club-privileges-body .accordion-trigger--active .accordion-open {
    display: block !important;
}

.penti-club-privileges-body .accordion-trigger--active .accordion-closed {
    display: none !important;
}

.sport-bra-advantages-section {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sport-bra-advantages-section__title {
    font-size: 20px;
    font-weight: 500;
    color: #29335c;
    margin: 24px 0 20px;
}

.sport-bra-advantages-section__description {
    font-size: 14px;
    color: #81819b;
    max-width: 700px;
    line-height: normal;
    margin: 0;
}

.sport-bra-advantages-section .sport-bra-icon {
    width: 80px;
    height: 80px;
}

.select-type-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 50px;
}

.select-type-section__title {
    font-size: 20px;
    font-weight: 500;
    color: #29335c;
}

.select-type-section__type-list {
    display: flex;
    justify-content: space-between;
    gap: 50px;
    width: 100%;
}

.select-type-section__type-list__item {
    display: flex;
    border: solid 1px #ececf4;
    width: 100%;
    border-radius: 5px;
}

.select-type-section__type-list__item__image {
    height: auto;
    object-fit: cover;
    width: 100%;
    max-width: 164px;
    border-radius: 5px 0 0 5px;
}

.select-type-section__type-list__item__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    width: 100%;
    text-align: start;
    line-height: normal;
}

.select-type-section__type-list__item__content__title {
    font-size: 16px;
    font-weight: 500;
    color: #29335c;
}

.select-type-section__type-list__item__content__description {
    font-size: 12px;
    color: #81819B;
    margin: 0;
}

.select-type-section__type-list__item__content__show-product {
    font-size: 12px;
    color: #fa5373;
}

.find-your-size-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    position: relative;
}

.find-your-size-section .find-your-size__title {
    font-size: 20px;
    font-weight: 500;
    color: #29335c;
    align-self: start;
}

.find-your-size-section .find-your-size__item-list {
    display: flex;
    gap: 50px;
    width: 100%;
}

.find-your-size-section .find-your-size__item-list__item {
    text-align: start;
    width: 100%;
}

.find-your-size-section .find-your-size__item-list__item__image {
    width: 100%;
    height: 220px;
    background-color: #f6f6f9;
    margin-bottom: 16px;
    border-radius: 5px;
    background-size: cover;
    background-position: center;
}

.find-your-size-section .find-your-size__item-list__item__image.first-image {
    background-image: url("https://file-penti.mncdn.com/pentiimages/hafifdestek1.png");
}

.find-your-size-section .find-your-size__item-list__item__image.second-image {
    background-image: url("https://file-penti.mncdn.com/pentiimages/hafifdestek2.png");
}

.find-your-size-section .find-your-size__item-list__item__image.third-image {
    background-image: url("https://file-penti.mncdn.com/pentiimages/hafifdestek3.png");
}

.find-your-size-section .find-your-size__item-list__item__image.table-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.find-your-size-section .find-your-size__item-list__item__image.table-image .sport-bra-table-icon {
    width: 44px;
    height: 44px;
}

.find-your-size-section .find-your-size__item-list__item__step-title {
    font-size: 14px;
    font-weight: 500;
    color: #29335c;
}

.find-your-size-section .find-your-size__item-list__item__step-description {
    font-size: 12px;
    color: #81819b;
    margin: 10px 0 0;
}

.sports-bra-divider {
    display: block;
    width: calc(100% + 100px);
    height: 10px;
    margin: 50px -50px;
    background-color: #f6f6f9;
}

@media(max-width:1024px) {
    .sport-bra-advantages-section {
        padding: 0 16px;
        text-align: center;
    }

    .sport-bra-advantages-section__title {
        font-size: 18px;
        margin: 0 0 24px;
        line-height: normal;
    }

    .sport-bra-advantages-section .sport-bra-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 10px;
    }

    .select-type-section {
        padding: 0 16px;
        gap: 24px;
    }

    .select-type-section__title {
        font-size: 16px;
    }

    .select-type-section__mobile {
        display: flex;
        gap: 10px;
    }

    .select-type-section__mobile__type-option {
        padding: 10px 16px;
        border-radius: 5px;
        background-color: #f6f6f9;
        color: #29335c;
    }

    .select-type-section__mobile__type-option.selected {
        border: 1px solid #fa5373;
        color: #fa5373;
        background-color: #faf0f4;
    }

    .select-type-section__type-list {
        width: 100%;
    }

    .select-type-section__type-list__item {
        display: none;
    }

    .select-type-section__type-list__item.selected {
        display: flex;
    }

    .find-your-size-section {
        padding: 0 16px;
        gap: 24px;
        overflow: hidden;
    }

    .find-your-size-section .find-your-size__title {
        font-size: 16px;
    }

    .find-your-size-section .find-your-size__item-list {
        overflow-x: auto;
        display: flex;
        gap: 20px;
        width: 100%;
    }

    .find-your-size-section .find-your-size__item-list::-webkit-scrollbar {
        display: none;
    }

    .find-your-size-section .find-your-size__item-list__item {
        max-width: 300px;
        width: 100%;
        flex-shrink: 0;
    }

    .find-your-size-section .find-your-size__table-section__content {
        width: 365px;
    }

    .sports-bra-divider {
        margin: 34px -16px;
        width: 100%;
    }
}

.text-out-of-stock {
    padding-bottom: 15px;
    color: #ec7205;
}

.notification-subscribed {
    padding-bottom: 20px;
}

.notification-btns {
    padding-top: 15px;
}

.notification-channel {
    padding: 0 10px 15px 0;
}

.notification-channel label {
    text-transform: none;
    font-weight: normal;
    color: inherit;
}

.notification-wrapper {
    padding-right: 0;
}

.notification-wrapper input {
    float: right;
    margin: 4px 0 0
}

.break-word {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
}

#_asm * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#_asm *:before,
#_asm *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#_asm a {
    color: #428bca;
    text-decoration: none;
}

#_asm a:hover,
#_asm a:focus {
    color: #2a6496;
    text-decoration: underline;
}

#_asm a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

#_asm figure {
    margin: 0;
}

#_asm img {
    vertical-align: middle;
}

#_asm .img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

#_asm .img-rounded {
    border-radius: 6px;
}

#_asm .img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

#_asm hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

#_asm .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

#_asm .container {
    margin-right: auto;
    margin-left: auto;
    position: relative;
    width: 1400px;
}

@media(min-width:10px) {
    #_asm .container {
        width: auto;
    }
}

@media(min-width:668px) {
    #_asm .container {
        width: 100%;
    }
}

@media(min-width:1050px) {
    #_asm .container {
        width: 1050px;
    }
}

@media(min-width:1400px) {
    #_asm .container {
        width: 1400px;
    }
}

#_asm .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

#_asm .row {
    margin-left: -15px;
    margin-right: -15px;
}

#_asm .col-xs-1,
#_asm .col-sm-1,
#_asm .col-md-1,
#_asm .col-lg-1,
#_asm .col-xs-2,
#_asm .col-sm-2,
#_asm .col-md-2,
#_asm .col-lg-2,
#_asm .col-xs-3,
#_asm .col-sm-3,
#_asm .col-md-3,
#_asm .col-lg-3,
#_asm .col-xs-4,
#_asm .col-sm-4,
#_asm .col-md-4,
#_asm .col-lg-4,
#_asm .col-xs-5,
#_asm .col-sm-5,
#_asm .col-md-5,
#_asm .col-lg-5,
#_asm .col-xs-6,
#_asm .col-sm-6,
#_asm .col-md-6,
#_asm .col-lg-6,
#_asm .col-xs-7,
#_asm .col-sm-7,
#_asm .col-md-7,
#_asm .col-lg-7,
#_asm .col-xs-8,
#_asm .col-sm-8,
#_asm .col-md-8,
#_asm .col-lg-8,
#_asm .col-xs-9,
#_asm .col-sm-9,
#_asm .col-md-9,
#_asm .col-lg-9,
#_asm .col-xs-10,
#_asm .col-sm-10,
#_asm .col-md-10,
#_asm .col-lg-10,
#_asm .col-xs-11,
#_asm .col-sm-11,
#_asm .col-md-11,
#_asm .col-lg-11,
#_asm .col-xs-12,
#_asm .col-sm-12,
#_asm .col-md-12,
#_asm .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

#_asm .col-xs-1,
#_asm .col-xs-2,
#_asm .col-xs-3,
#_asm .col-xs-4,
#_asm .col-xs-5,
#_asm .col-xs-6,
#_asm .col-xs-7,
#_asm .col-xs-8,
#_asm .col-xs-9,
#_asm .col-xs-10,
#_asm .col-xs-11,
#_asm .col-xs-12 {
    float: left;
}

#_asm .col-xs-12 {
    width: 100%;
}

#_asm .col-xs-11 {
    width: 91.66666667%;
}

#_asm .col-xs-10 {
    width: 83.33333333%;
}

#_asm .col-xs-9 {
    width: 75%;
}

#_asm .col-xs-8 {
    width: 66.66666667%;
}

#_asm .col-xs-7 {
    width: 58.33333333%;
}

#_asm .col-xs-6 {
    width: 50%;
}

#_asm .col-xs-5 {
    width: 41.66666667%;
}

#_asm .col-xs-4 {
    width: 33.33333333%;
}

#_asm .col-xs-3 {
    width: 25%;
}

#_asm .col-xs-2 {
    width: 16.66666667%;
}

#_asm .col-xs-1 {
    width: 8.33333333%;
}

#_asm .col-xs-pull-12 {
    right: 100%;
}

#_asm .col-xs-pull-11 {
    right: 91.66666667%;
}

#_asm .col-xs-pull-10 {
    right: 83.33333333%;
}

#_asm .col-xs-pull-9 {
    right: 75%;
}

#_asm .col-xs-pull-8 {
    right: 66.66666667%;
}

#_asm .col-xs-pull-7 {
    right: 58.33333333%;
}

#_asm .col-xs-pull-6 {
    right: 50%;
}

#_asm .col-xs-pull-5 {
    right: 41.66666667%;
}

#_asm .col-xs-pull-4 {
    right: 33.33333333%;
}

#_asm .col-xs-pull-3 {
    right: 25%;
}

#_asm .col-xs-pull-2 {
    right: 16.66666667%;
}

#_asm .col-xs-pull-1 {
    right: 8.33333333%;
}

#_asm .col-xs-pull-0 {
    right: 0%;
}

#_asm .col-xs-push-12 {
    left: 100%;
}

#_asm .col-xs-push-11 {
    left: 91.66666667%;
}

#_asm .col-xs-push-10 {
    left: 83.33333333%;
}

#_asm .col-xs-push-9 {
    left: 75%;
}

#_asm .col-xs-push-8 {
    left: 66.66666667%;
}

#_asm .col-xs-push-7 {
    left: 58.33333333%;
}

#_asm .col-xs-push-6 {
    left: 50%;
}

#_asm .col-xs-push-5 {
    left: 41.66666667%;
}

#_asm .col-xs-push-4 {
    left: 33.33333333%;
}

#_asm .col-xs-push-3 {
    left: 25%;
}

#_asm .col-xs-push-2 {
    left: 16.66666667%;
}

#_asm .col-xs-push-1 {
    left: 8.33333333%;
}

#_asm .col-xs-push-0 {
    left: 0%;
}

#_asm .col-xs-offset-12 {
    margin-left: 100%;
}

#_asm .col-xs-offset-11 {
    margin-left: 91.66666667%;
}

#_asm .col-xs-offset-10 {
    margin-left: 83.33333333%;
}

#_asm .col-xs-offset-9 {
    margin-left: 75%;
}

#_asm .col-xs-offset-8 {
    margin-left: 66.66666667%;
}

#_asm .col-xs-offset-7 {
    margin-left: 58.33333333%;
}

#_asm .col-xs-offset-6 {
    margin-left: 50%;
}

#_asm .col-xs-offset-5 {
    margin-left: 41.66666667%;
}

#_asm .col-xs-offset-4 {
    margin-left: 33.33333333%;
}

#_asm .col-xs-offset-3 {
    margin-left: 25%;
}

#_asm .col-xs-offset-2 {
    margin-left: 16.66666667%;
}

#_asm .col-xs-offset-1 {
    margin-left: 8.33333333%;
}

#_asm .col-xs-offset-0 {
    margin-left: 0%;
}

@media(min-width:668px) {

    #_asm .col-sm-1,
    #_asm .col-sm-2,
    #_asm .col-sm-3,
    #_asm .col-sm-4,
    #_asm .col-sm-5,
    #_asm .col-sm-6,
    #_asm .col-sm-7,
    #_asm .col-sm-8,
    #_asm .col-sm-9,
    #_asm .col-sm-10,
    #_asm .col-sm-11,
    #_asm .col-sm-12 {
        float: left;
    }

    #_asm .col-sm-12 {
        width: 100%;
    }

    #_asm .col-sm-11 {
        width: 91.66666667%;
    }

    #_asm .col-sm-10 {
        width: 83.33333333%;
    }

    #_asm .col-sm-9 {
        width: 75%;
    }

    #_asm .col-sm-8 {
        width: 66.66666667%;
    }

    #_asm .col-sm-7 {
        width: 58.33333333%;
    }

    #_asm .col-sm-6 {
        width: 50%;
    }

    #_asm .col-sm-5 {
        width: 41.66666667%;
    }

    #_asm .col-sm-4 {
        width: 33.33333333%;
    }

    #_asm .col-sm-3 {
        width: 25%;
    }

    #_asm .col-sm-2 {
        width: 16.66666667%;
    }

    #_asm .col-sm-1 {
        width: 8.33333333%;
    }

    #_asm .col-sm-pull-12 {
        right: 100%;
    }

    #_asm .col-sm-pull-11 {
        right: 91.66666667%;
    }

    #_asm .col-sm-pull-10 {
        right: 83.33333333%;
    }

    #_asm .col-sm-pull-9 {
        right: 75%;
    }

    #_asm .col-sm-pull-8 {
        right: 66.66666667%;
    }

    #_asm .col-sm-pull-7 {
        right: 58.33333333%;
    }

    #_asm .col-sm-pull-6 {
        right: 50%;
    }

    #_asm .col-sm-pull-5 {
        right: 41.66666667%;
    }

    #_asm .col-sm-pull-4 {
        right: 33.33333333%;
    }

    #_asm .col-sm-pull-3 {
        right: 25%;
    }

    #_asm .col-sm-pull-2 {
        right: 16.66666667%;
    }

    #_asm .col-sm-pull-1 {
        right: 8.33333333%;
    }

    #_asm .col-sm-pull-0 {
        right: 0%;
    }

    #_asm .col-sm-push-12 {
        left: 100%;
    }

    #_asm .col-sm-push-11 {
        left: 91.66666667%;
    }

    #_asm .col-sm-push-10 {
        left: 83.33333333%;
    }

    #_asm .col-sm-push-9 {
        left: 75%;
    }

    #_asm .col-sm-push-8 {
        left: 66.66666667%;
    }

    #_asm .col-sm-push-7 {
        left: 58.33333333%;
    }

    #_asm .col-sm-push-6 {
        left: 50%;
    }

    #_asm .col-sm-push-5 {
        left: 41.66666667%;
    }

    #_asm .col-sm-push-4 {
        left: 33.33333333%;
    }

    #_asm .col-sm-push-3 {
        left: 25%;
    }

    #_asm .col-sm-push-2 {
        left: 16.66666667%;
    }

    #_asm .col-sm-push-1 {
        left: 8.33333333%;
    }

    #_asm .col-sm-push-0 {
        left: 0%;
    }

    #_asm .col-sm-offset-12 {
        margin-left: 100%;
    }

    #_asm .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    #_asm .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    #_asm .col-sm-offset-9 {
        margin-left: 75%;
    }

    #_asm .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    #_asm .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    #_asm .col-sm-offset-6 {
        margin-left: 50%;
    }

    #_asm .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    #_asm .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    #_asm .col-sm-offset-3 {
        margin-left: 25%;
    }

    #_asm .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    #_asm .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    #_asm .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media(min-width:1050px) {

    #_asm .col-md-1,
    #_asm .col-md-2,
    #_asm .col-md-3,
    #_asm .col-md-4,
    #_asm .col-md-5,
    #_asm .col-md-6,
    #_asm .col-md-7,
    #_asm .col-md-8,
    #_asm .col-md-9,
    #_asm .col-md-10,
    #_asm .col-md-11,
    #_asm .col-md-12 {
        float: left;
    }

    #_asm .col-md-12 {
        width: 100%;
    }

    #_asm .col-md-11 {
        width: 91.66666667%;
    }

    #_asm .col-md-10 {
        width: 83.33333333%;
    }

    #_asm .col-md-9 {
        width: 75%;
    }

    #_asm .col-md-8 {
        width: 66.66666667%;
    }

    #_asm .col-md-7 {
        width: 58.33333333%;
    }

    #_asm .col-md-6 {
        width: 50%;
    }

    #_asm .col-md-5 {
        width: 41.66666667%;
    }

    #_asm .col-md-4 {
        width: 33.33333333%;
    }

    #_asm .col-md-3 {
        width: 25%;
    }

    #_asm .col-md-2 {
        width: 16.66666667%;
    }

    #_asm .col-md-1 {
        width: 8.33333333%;
    }

    #_asm .col-md-pull-12 {
        right: 100%;
    }

    #_asm .col-md-pull-11 {
        right: 91.66666667%;
    }

    #_asm .col-md-pull-10 {
        right: 83.33333333%;
    }

    #_asm .col-md-pull-9 {
        right: 75%;
    }

    #_asm .col-md-pull-8 {
        right: 66.66666667%;
    }

    #_asm .col-md-pull-7 {
        right: 58.33333333%;
    }

    #_asm .col-md-pull-6 {
        right: 50%;
    }

    #_asm .col-md-pull-5 {
        right: 41.66666667%;
    }

    #_asm .col-md-pull-4 {
        right: 33.33333333%;
    }

    #_asm .col-md-pull-3 {
        right: 25%;
    }

    #_asm .col-md-pull-2 {
        right: 16.66666667%;
    }

    #_asm .col-md-pull-1 {
        right: 8.33333333%;
    }

    #_asm .col-md-pull-0 {
        right: 0%;
    }

    #_asm .col-md-push-12 {
        left: 100%;
    }

    #_asm .col-md-push-11 {
        left: 91.66666667%;
    }

    #_asm .col-md-push-10 {
        left: 83.33333333%;
    }

    #_asm .col-md-push-9 {
        left: 75%;
    }

    #_asm .col-md-push-8 {
        left: 66.66666667%;
    }

    #_asm .col-md-push-7 {
        left: 58.33333333%;
    }

    #_asm .col-md-push-6 {
        left: 50%;
    }

    #_asm .col-md-push-5 {
        left: 41.66666667%;
    }

    #_asm .col-md-push-4 {
        left: 33.33333333%;
    }

    #_asm .col-md-push-3 {
        left: 25%;
    }

    #_asm .col-md-push-2 {
        left: 16.66666667%;
    }

    #_asm .col-md-push-1 {
        left: 8.33333333%;
    }

    #_asm .col-md-push-0 {
        left: 0%;
    }

    #_asm .col-md-offset-12 {
        margin-left: 100%;
    }

    #_asm .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    #_asm .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    #_asm .col-md-offset-9 {
        margin-left: 75%;
    }

    #_asm .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    #_asm .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    #_asm .col-md-offset-6 {
        margin-left: 50%;
    }

    #_asm .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    #_asm .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    #_asm .col-md-offset-3 {
        margin-left: 25%;
    }

    #_asm .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    #_asm .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    #_asm .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media(min-width:1400px) {

    #_asm .col-lg-1,
    #_asm .col-lg-2,
    #_asm .col-lg-3,
    #_asm .col-lg-4,
    #_asm .col-lg-5,
    #_asm .col-lg-6,
    #_asm .col-lg-7,
    #_asm .col-lg-8,
    #_asm .col-lg-9,
    #_asm .col-lg-10,
    #_asm .col-lg-11,
    #_asm .col-lg-12 {
        float: left;
    }

    #_asm .col-lg-12 {
        width: 100%;
    }

    #_asm .col-lg-11 {
        width: 91.66666667%;
    }

    #_asm .col-lg-10 {
        width: 83.33333333%;
    }

    #_asm .col-lg-9 {
        width: 75%;
    }

    #_asm .col-lg-8 {
        width: 66.66666667%;
    }

    #_asm .col-lg-7 {
        width: 58.33333333%;
    }

    #_asm .col-lg-6 {
        width: 50%;
    }

    #_asm .col-lg-5 {
        width: 41.66666667%;
    }

    #_asm .col-lg-4 {
        width: 33.33333333%;
    }

    #_asm .col-lg-3 {
        width: 25%;
    }

    #_asm .col-lg-2 {
        width: 16.66666667%;
    }

    #_asm .col-lg-1 {
        width: 8.33333333%;
    }

    #_asm .col-lg-pull-12 {
        right: 100%;
    }

    #_asm .col-lg-pull-11 {
        right: 91.66666667%;
    }

    #_asm .col-lg-pull-10 {
        right: 83.33333333%;
    }

    #_asm .col-lg-pull-9 {
        right: 75%;
    }

    #_asm .col-lg-pull-8 {
        right: 66.66666667%;
    }

    #_asm .col-lg-pull-7 {
        right: 58.33333333%;
    }

    #_asm .col-lg-pull-6 {
        right: 50%;
    }

    #_asm .col-lg-pull-5 {
        right: 41.66666667%;
    }

    #_asm .col-lg-pull-4 {
        right: 33.33333333%;
    }

    #_asm .col-lg-pull-3 {
        right: 25%;
    }

    #_asm .col-lg-pull-2 {
        right: 16.66666667%;
    }

    #_asm .col-lg-pull-1 {
        right: 8.33333333%;
    }

    #_asm .col-lg-pull-0 {
        right: 0%;
    }

    #_asm .col-lg-push-12 {
        left: 100%;
    }

    #_asm .col-lg-push-11 {
        left: 91.66666667%;
    }

    #_asm .col-lg-push-10 {
        left: 83.33333333%;
    }

    #_asm .col-lg-push-9 {
        left: 75%;
    }

    #_asm .col-lg-push-8 {
        left: 66.66666667%;
    }

    #_asm .col-lg-push-7 {
        left: 58.33333333%;
    }

    #_asm .col-lg-push-6 {
        left: 50%;
    }

    #_asm .col-lg-push-5 {
        left: 41.66666667%;
    }

    #_asm .col-lg-push-4 {
        left: 33.33333333%;
    }

    #_asm .col-lg-push-3 {
        left: 25%;
    }

    #_asm .col-lg-push-2 {
        left: 16.66666667%;
    }

    #_asm .col-lg-push-1 {
        left: 8.33333333%;
    }

    #_asm .col-lg-push-0 {
        left: 0%;
    }

    #_asm .col-lg-offset-12 {
        margin-left: 100%;
    }

    #_asm .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    #_asm .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    #_asm .col-lg-offset-9 {
        margin-left: 75%;
    }

    #_asm .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    #_asm .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    #_asm .col-lg-offset-6 {
        margin-left: 50%;
    }

    #_asm .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    #_asm .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    #_asm .col-lg-offset-3 {
        margin-left: 25%;
    }

    #_asm .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    #_asm .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    #_asm .col-lg-offset-0 {
        margin-left: 0%;
    }
}

.ASM_close {
    float: right;
    font-size: 45px;
    font-weight: 200;
    line-height: 50px;
    color: #1473DF;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    padding-left: 20px;
    border-left: 1px solid #39495e;
    padding-bottom: 8px;
}

.ASM_close:hover,
.ASM_close:focus {
    text-decoration: none;
    cursor: pointer;
    opacity: 0.8;
    filter: alpha(opacity=50);
    outline: none;
}

.ASM_alert {
    padding: 10px;
    margin-top: 15px;
    border: 1px solid transparent;
    background: #F54544;
    color: #fff;
    line-height: 20px;
    font-size: 16px;
    position: absolute;
    z-index: 2;
    text-align: center;
    width: 50%;
    left: 25%;
    font-family: "Open Sans", sans-serif;
}

.ASM_alert-dismissable {
    padding-right: 35px;
}

.ASM_alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.ASM_alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.ASM_alert-success hr {
    border-top-color: #c9e2b3;
}

.ASM_alert-success .alert-link {
    color: #2b542c;
}

.ASM_alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

.ASM_alert-info hr {
    border-top-color: #a6e1ec;
}

.ASM_alert-info .alert-link {
    color: #245269;
}

.ASM_alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.ASM_alert-warning hr {
    border-top-color: #f7e1b5;
}

.ASM_alert-warning .alert-link {
    color: #66512c;
}

.ASM_alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.ASM_alert-danger hr {
    border-top-color: #e4b9c0;
}

.ASM_alert-danger .alert-link {
    color: #843534;
}

#_asm .clearfix:before,
#_asm .clearfix:after,
#_asm .container:before,
#_asm .container:after,
#_asm .container-fluid:before,
#_asm .container-fluid:after,
#_asm .row:before,
#_asm .row:after {
    content: " ";
    display: table;
}

#_asm .clearfix:after,
#_asm .container:after,
#_asm .container-fluid:after,
#_asm .row:after {
    clear: both;
}

#_asm .center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#_asm .pull-right {
    float: right !important;
}

#_asm .pull-left {
    float: left !important;
}

#_asm .invisible {
    visibility: hidden;
}

#_asm .hide {
    display: none !important;
}

#_asm .show {
    display: block !important;
}

#_asm .text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

#_asm .hidden {
    display: none !important;
    visibility: hidden !important;
}

#_asm .affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

#_asm .visible-xs,
#_asm .visible-sm,
#_asm .visible-md,
#_asm .visible-lg {
    display: none !important;
}

@media(max-width:667px) {
    #_asm .visible-xs {
        display: block !important;
    }

    #_asm table.visible-xs {
        display: table;
    }

    #_asm tr.visible-xs {
        display: table-row !important;
    }

    #_asm th.visible-xs,
    #_asm td.visible-xs {
        display: table-cell !important;
    }
}

@media(min-width:668px) and (max-width:1049px) {
    #_asm .visible-sm {
        display: block !important;
    }

    #_asm table.visible-sm {
        display: table;
    }

    #_asm tr.visible-sm {
        display: table-row !important;
    }

    #_asm th.visible-sm,
    #_asm td.visible-sm {
        display: table-cell !important;
    }

    #_asm .container-fluid {
        padding: 0;
    }
}

@media(min-width:1050px) and (max-width:1399px) {
    #_asm .visible-md {
        display: block !important;
    }

    #_asm table.visible-md {
        display: table;
    }

    #_asm tr.visible-md {
        display: table-row !important;
    }

    #_asm th.visible-md,
    #_asm td.visible-md {
        display: table-cell !important;
    }
}

@media(min-width:1400px) {
    #_asm .visible-lg {
        display: block !important;
    }

    #_asm table.visible-lg {
        display: table;
    }

    #_asm tr.visible-lg {
        display: table-row !important;
    }

    #_asm th.visible-lg,
    #_asm td.visible-lg {
        display: table-cell !important;
    }
}

@media(max-width:667px) {
    #_asm .hidden-xs {
        display: none !important;
    }
}

@media(min-width:668px) and (max-width:1049px) {
    #_asm .hidden-sm {
        display: none !important;
    }
}

@media(min-width:1050px) and (max-width:1399px) {
    #_asm .hidden-md {
        display: none !important;
    }
}

@media(min-width:1400px) {
    #_asm .hidden-lg {
        display: none !important;
    }
}

#_asm .visible-print {
    display: none !important;
}

@media print {
    #_asm .visible-print {
        display: block !important;
    }

    #_asm table.visible-print {
        display: table;
    }

    #_asm tr.visible-print {
        display: table-row !important;
    }

    #_asm th.visible-print,
    #_asm td.visible-print {
        display: table-cell !important;
    }

    #_asm .hidden-print {
        display: none !important;
    }
}

@font-face {
    font-family: 'asm_icons';
    src: url('../_ui/addons/pentiasmstorefront/responsive/common/fonts/asm_icons.eot?9817510');
    src: url('../_ui/addons/pentiasmstorefront/responsive/common/fonts/asm_icons.eot?9817510#iefix') format('embedded-opentype'),
        url('../_ui/addons/pentiasmstorefront/responsive/common/fonts/asm_icons.woff?9817510') format('woff'),
        url('../_ui/addons/pentiasmstorefront/responsive/common/fonts/asm_icons.ttf?9817510') format('truetype'),
        url('../_ui/addons/pentiasmstorefront/responsive/common/fonts/asm_icons.svg?9817510#asm_icons') format('svg');
}

.ASM_icon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'asm_icons', sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ASM_icon-logo:before {
    content: '\e807';
    font-size: 32px;
}

.ASM_icon-contacts:before {
    content: '\e801';
    vertical-align: middle;
}

.ASM_icon-cart:before {
    content: '\e802';
    vertical-align: middle;
    display: inline-block;
    font-family: 'asm_icons', sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    color: #bfc2cb;
}

.ASM_icon-user:before {
    font-family: 'asm_icons', sans-serif;
    content: '\e810';
    vertical-align: middle;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    color: #bfc2cb;
    min-width: 14px;
}

.ASM_icon-lock:before {
    font-family: 'asm_icons', sans-serif;
    content: '\e811';
    vertical-align: middle;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    min-width: 14px;
}

.ASM_icon-arrow-down:before {
    content: '\e803';
}

.ASM_icon-arrow-up:before {
    content: '\e804';
}

.ASM_icon-arrow-indicator-down:before {
    content: '\e805';
}

.ASM_icon-arrow-indicator-up:before {
    content: '\e806';
}

.ASM_icon-chain:before {
    content: '\e808';
}

.ASM_icon-close:before {
    content: '\e80d';
    color: #c5cdd6;
}

.ASM_icon-close:hover {
    opacity: .5;
}

.ASM_icon-lock:before {
    font-family: 'asm_icons', sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    content: '\e811';
    color: #bfc2cb;
}

.ASM_icon-customer-list:before {
    content: '\e80b';
    vertical-align: bottom;
    color: #1473DF;
    font-size: 28px;
    position: relative;
    top: 5px;
}

.ASM_icon-chain.ASM_chain-bind:before {
    color: #fff;
}

.ASM_icon-chain {
    position: absolute;
    top: -10px;
    right: -20px;
    background: #27394f;
    padding: 17px 20px 13px 10px;
    font-size: 30px;
}

#_asm {
    font-family: "HelveticaNowDisplay", "arial", "sans-serif";
    top: 0;
    left: 0;
    right: 0;
    background: #27394f;
    color: #000;
    z-index: 99998;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

#_asm .ASM-btn {
    height: 40px;
    border: 0;
    padding: 0 15px;
    font-size: 19px;
    font-weight: 300;
    text-transform: uppercase;
    color: #000;
    display: inline-block;
    float: none;
    margin: 0;
    vertical-align: baseline;
}

#_asm .assign-cart-to-member-wrapper {
    position: absolute;
    right: 25%;
    z-index: 2;
}

#_asm .ASM-btn.ASM-btn-login,
#_asm .ASM-btn.ASM-btn-bind-cart {
    background: #fad714;
    width: 100%;
}

#_asm .ASM-btn.ASM-btn-login,
#_asm .ASM-btn.ASM-btn-bind-cart {
    background: #fad714;
    width: 100%;
}

#_asm .ASM-btn.ASM-btn-create-account {
    background: #d2dbe6;
    color: #0354ae;
    width: 100%;
}

#_asmBindForm {
    vertical-align: bottom;
}

#_asm .ASM-btn.ASM-btn-logout,
#_asm .ASM-btn.ASM-btn-reset,
#_asm .ASM-btn.ASM-btn-customers {
    background: transparent;
    color: #0486e0;
    outline: none;
}

#_asm .ASM-btn.ASM-btn-logout {
    padding-bottom: 15px;
}

#_asm .ASM-btn.ASM-btn-start-session {
    background: #19bc33;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    margin-left: -1px;
    vertical-align: bottom;
    width: 100%;
}

@media(min-width:668px) and (max-width:1049px) {
    #_asm .ASM-btn.ASM-btn-start-session {
        margin-left: -2px;
    }

    #_asm .assign-cart-to-member-wrapper {
        right: 17%;
        padding-right: 10px;
    }
}

#_asm button[disabled] {
    opacity: 0.45;
    filter: alpha(opacity=45);
    background: #207241;
}

#_asm .ASM-btn.ASM-btn-end-session,
#_asm .ASM-btn.ASM-btn-bind-cart,
#_asm .ASM-btn.ASM-btn-create-account {
    font-size: 18px;
}

#_asm .ASM-btn.ASM-btn-end-session {
    background: #ff3b30;
    color: #fff;
    font-weight: 400;
    width: 100%;
}

#_asm .ASM_end_session {
    vertical-align: bottom;
    margin-bottom: 15px;
}

#_asm .ASM-btn-customer-list {
    vertical-align: bottom;
    border-left: 1px solid #39495e;
    border-right: 1px solid #39495e;
}

#_asm .ASM-btn-customer-list:hover,
#_asm .ASM-btn-customer-list:focus {
    color: #fff;
    text-decoration: none;
}

@media(min-width:668px) and (max-width:1399px) {
    #_asm .ASM_session .ASM-btn-customer-list .ASM_icon {
        margin-right: 0;
    }
}

#_asm .ASM-btn-customer-list.disabled {
    opacity: 0.45;
    pointer-events: none;
    cursor: default;
}

#_asm .ASM_input_holder {
    display: inline-block;
    position: relative;
}

#_asm .ASM_input_holder.input-group {
    display: table;
}

#_asm .ASM_input_holder label {
    font-family: "HelveticaNowDisplay", "arial", "sans-serif";
    color: #777777;
    font-weight: 600;
    font-size: 14px;
    display: block;
    text-align: left;
    margin-bottom: 1px;
}

#_asm .ASM_input_holder .ASM_autocomplete {
    display: none;
    position: absolute;
    background: #fff;
    width: 100%;
    z-index: 99999;
    border-top: 1px solid #e6e8ea;
}

#_asm .ASM_input_holder .ASM_autocomplete.ASM_autocomplete_active {
    display: block;
}

#_asm .ASM_input_holder .ASM_autocomplete ul {
    list-style: none;
    padding: 0 10px;
    margin: 0;
}

#_asm .ASM_input_holder .ASM_autocomplete ul li {
    font-size: 18px;
    line-height: 37px;
}

#_asm .ASM-input {
    height: 40px;
    padding: 6px 10px;
    font-size: 19px;
    line-height: 20px;
    border-radius: 0;
    border: 0;
    width: 100%;
}

#_asm .ASM-input[disabled],
#_asm .ASM-input.disabled,
#_asm .ASM-input[readonly],
#_asm .ASM-input[readonly]:focus {
    background-color: #b4bac2;
    cursor: default;
    color: #000;
}

#_asm .ASM-input.placeholder {
    color: #757575;
}

#_asm #_asmSessionEndForm .ASM-input {
    background-color: #b4bac2;
}

#_asm #_asmSessionEndForm .ASM-input.placeholder {
    background-color: #fff;
}

#_asmSessionEndForm {
    vertical-align: bottom;
}

select#_asm .ASM-input {
    height: 40px;
    line-height: 40px;
}

textarea#_asm .ASM-input,
select[multiple]#_asm .ASM-input {
    height: auto;
}

#_asm .ASM-input:focus,
#_asm .ASM-input.ASM-input-valid,
#_asm .ASM-input.ASM-input-error {
    background: #fff;
}

#_asm .ASM-input.ASM-input-error {
    color: #FF4544;
    border: 2px solid #FF4544;
    padding: 5px 10px;
}

#_asm .ASM-input-error.placeholder {
    color: #ff958f;
}

#_asm .ASM_header {
    padding-bottom: 15px;
}

#_asm .ASM_header .first-top-row {
    border-bottom: 1px solid #39495e;
}

#_asm .ASM_header .first-top-row .element-separator-height {
    height: 60px;
    padding-top: 10px;
}

#_asm .ASM_header .ASM_logo {
    margin: 10px;
    font-family: "HelveticaNowDisplay", "arial", "sans-serif";
    float: left;
    font-size: 25px;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    margin-top: 10px;
}

@media(min-width:668px) and (max-width:1399px) {
    #_asm .ASM_header .ASM_logo span.ASM_cut_text {
        display: none !important;
    }
}

#_asm .ASM_header .ASM_login {
    text-align: right;
}

#_asm .ASM_header #_asmLogged .ASM_loggedin_text_label {
    text-transform: uppercase;
}

#_asm .ASM_header .ASM_loggedin {
    display: flex;
    text-align: right;
}

#_asm .ASM_header .ASM_loggedin .ASM_loggedin_text,
.ASM_timer {
    display: inline-block;
    font-weight: 300;
    font-size: 14px;
    margin-left: 15px;
    color: #ffffff;
    border-right: 1px solid #39495e;
}

#_asm #sessionTimer {
    margin-right: 20px;
    font-weight: 600;
    text-align: left;
}

#_asm #sessionTimer span {
    font-weight: 300;
}

#_asm #sessionTimer .ASM_timer_count {
    display: inline-block;
    min-width: 33px;
    font-weight: 600;
}

#_asm .ASM_header .ASM_loggedin .ASM_loggedin_text .ASM_loggedin_text_name {
    font-weight: 600;
    margin-right: 20px;
}

#_asm .ASM_header .ASM_loggedin .ASM_loggedin_text .ASM_loggedin_agent_store_name {
    display: inline-block;
    vertical-align: middle;
}

#_asm .ASM_header .ASM_loggedin .ASM_loggedin_text.element-separator-height {
    display: flex;
    border-right: none;
}

#_asm .ASM_header .ASM_loggedin .ASM_loggedin_text p {
    margin: 0;
    text-align: left;
}

@media(max-width:667px) {
    #_asm .ASM_header .ASM_logo span.ASM_cut_text {
        display: none !important;
    }

    #_asmPersonifyForm,
    #_asmBindForm {
        display: block;
    }

    #_asm .ASM-btn.ASM-btn-logout,
    #_asm .ASM-btn.ASM-btn-reset {
        min-width: 105px;
    }

    #_asm .ASM-btn.ASM-btn-start-session {
        margin-left: 0;
        margin-bottom: 15px;
    }

    .asm-customer360-tab .pager {
        float: none !important;
        text-align: center;
        margin: 0;
    }

    .asm-customer360-tab table {
        margin-bottom: 5px;
    }

    #_asm .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    #_asm .ASM_header {
        position: relative;
    }

    #_asm .ASM_header:after {
        content: " ";
        height: 1px;
        position: absolute;
        background: #39495e;
        top: 60px;
        left: -15px;
        right: -15px;
    }

    #_asm .ASM_header .ASM_login .ASM_input_holder {
        width: 100%;
        margin-bottom: 10px;
    }

    #_asm .ASM_header .first-top-row .ASM_timer,
    #_asm .ASM_header .first-top-row .ASM_loggedin_text {
        text-align: left;
        display: block;
        margin-bottom: 0;
    }

    #_asm .ASM_header .first-top-row .element-separator-height {
        height: 50px;
        border-right: none;
    }

    #_asm .ASM_header .first-top-row .ASM-btn-customer-list {
        border: 2px solid #39495e;
        padding: 5px;
        margin-top: 25px;
    }

    #_asm .ASM_header .first-top-row .ASM_loggedin {
        position: relative;
    }

    #_asm .ASM_header .first-top-row .ASM_loggedin .ASM-btn-reset,
    #_asm .ASM_header .first-top-row .ASM_loggedin .ASM-btn-logout {
        text-align: right;
        padding-right: 0;
        outline: none;
    }

    #_asm .ASM_header .first-top-row .ASM_loggedin:after {
        content: " ";
        height: 3px;
        position: absolute;
        bottom: -2px;
        left: -20px;
        right: -20px;
        background: #27394f;
    }

    #_asm .ASM_header .ASM_login .ASM_input_holder .ASM-input {
        display: block;
        width: 100%;
    }

    #_asm .ASM_header .ASM_loggedin {
        margin-top: 10px;
        margin-right: 0;
    }

    #_asm .ASM_header .ASM_loggedin #asmLogoutForm {
        float: right;
    }

    #_asm .ASM_control {
        margin-top: 15px;
    }

    #_asm .ASM_header .ASM_loggedin .ASM_loggedin_text {
        margin: 0;
    }

    #_asm .ASM_session .ASM_input_holder {
        width: 100%;
    }

    #_asm .ASM_session span.ASM_icon-contacts {
        margin-left: 5px;
    }

    #_asm .ASM_session .cartId {
        margin-bottom: 15px;
    }

    #_asm .ASM_session .ASM_icon-chain {
        visibility: hidden;
        opacity: 0;
    }

    #_asm .ASM_timer {
        margin: 0 0 10px 0;
        line-height: 40px;
    }

    #_asm .ASM_timer .ASM-btn-reset {
        float: right;
    }

    #_asm .ASM_end_session {
        margin: 10px 0 0 0;
    }

    #_asm .ASM-btn.ASM-btn-customer-list {
        float: none;
        width: 100%;
        text-align: center;
    }

    #_asm .ASM_session .ASM_session_input_text {
        display: block;
        line-height: 32px;
        margin-left: 60px;
    }

    #_asm .ASM_session .ASM_session_input_text:before,
    #_asm .ASM_session .ASM_session_input_text:after {
        content: " ";
        display: table;
    }

    #_asm .ASM_session .ASM_session_input_text:after {
        clear: both;
    }

    #_asm .ASM_session .ASM_session_input_text:before,
    #_asm .ASM_session .ASM_session_input_text:after {
        content: " ";
        display: table;
    }

    #_asm .ASM_session .ASM_session_input_text:after {
        clear: both;
    }

    #_asm .ASM_session .ASM_session_andor_text {
        display: none !important;
    }

    #_asm .ASM_session .ASM_input_holder {
        margin-bottom: 10px;
    }

    #_asm .assign-cart-to-member-wrapper {
        right: 0;
        top: 100px;
    }

    #_asm .ASM_header .ASM_alert {
        position: fixed;
        left: 10%;
        text-align: center;
        width: 80%;
    }
}

@media(min-width:668px) and (max-width:690px) {

    .ASM_header .first-top-row .ASM-btn-reset,
    .ASM_header .first-top-row .ASM-btn-logout {
        padding-left: 0 !important;
    }
}

#_asm .ASM_session {
    padding-top: 10px;
}

#_asm .ASM_session #_asmCustomer {
    position: relative;
}

#_asm .ASM_session .ASM_session_input_text {
    display: inline-block;
    margin: 0 60px 0 0;
    color: #a1aebd;
    font-size: 20px;
}

#_asm .ASM_control {
    height: 8px;
    background-color: #097aff;
    position: relative;
    -webkit-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}

#_asm .ASM_control .ASM_control_text {
    display: none;
    font-size: 22px;
    font-weight: 300;
    line-height: 48px;
    color: #fff;
}

#_asm .ASM_control .ASM_control_collapse {
    position: absolute;
    right: 50px;
    bottom: -1px;
    height: 22px;
    width: 82px;
    overflow: hidden;
    cursor: pointer;
}

#_asm .ASM_control .ASM_control_collapse .ASM_control_collapse_arrow {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'asm_icons', sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    position: absolute;
    top: 0;
    display: block;
    color: #fff;
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

#_asm .ASM_control .ASM_control_collapse .ASM_control_collapse_arrow:before {
    content: '\e804';
}

#_asm .ASM_control .ASM_control_collapse .ASM_control_collapse_indicator {
    display: inline-block;
    font-family: 'asm_icons', sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    font-size: 10px;
    top: 6px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #097aff;
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

#_asm .ASM_control .ASM_control_collapse .ASM_control_collapse_indicator:before {
    content: '\e806';
}

#_asm .ASM_control.ASM_control_session_active {
    background-color: #19bc33;
}

#_asm .ASM_control.ASM_control_session_active .ASM_control_collapse_indicator {
    color: #19bc33;
}

#_asm.ASM-collapsed {
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    margin-top: 53px;
}

#_asm.ASM-collapsed .ASM_header,
#_asm.ASM-collapsed .ASM_session {
    display: none;
}

#_asm.ASM-collapsed .ASM_control {
    height: 48px;
}

#_asm.ASM-collapsed .ASM_control .ASM_control_text {
    display: block;
}

#_asm.ASM-collapsed .ASM_control .ASM_control_collapse {
    top: 0px;
}

#_asm.ASM-collapsed .ASM_control .ASM_control_collapse .ASM_control_collapse_arrow {
    color: #fff;
}

#_asm.ASM-collapsed .ASM_control .ASM_control_collapse .ASM_control_collapse_arrow:before {
    content: '\e803';
}

#_asm.ASM-collapsed .ASM_control .ASM_control_collapse .ASM_control_collapse_indicator {
    color: #097aff;
}

#_asm.ASM-collapsed .ASM_control .ASM_control_collapse .ASM_control_collapse_indicator:before {
    content: '\e805';
}

#_asm.ASM-collapsed .ASM_control.ASM_control_session_active .ASM_control_collapse .ASM_control_collapse_indicator {
    color: #19bc33;
}

.asmAutoComplete .ui-menu {
    list-style: none;
    display: block;
    background-color: white;
    box-shadow: 0 8px 15px #999;
    border: 1px solid #cccccc;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    z-index: 10000;
}

.asmAutoComplete .ui-autocomplete,
#asmHover {
    padding: 7px 10px 5px;
    width: 83vw !important;
    max-width: 660px;
    position: absolute;
    cursor: default;
}

#asmAutoCompleteCartId .ui-autocomplete {
    width: 220px !important;
}

@media(min-width:668px) and (max-width:1049px) {
    #asmAutoCompleteCartId .ui-autocomplete {
        width: 210px !important;
    }
}

.asmAutoComplete .ui-autocomplete .ui-menu-item {
    border: none;
    font-family: "HelveticaNowDisplay", "arial", "sans-serif";
    font-size: 18px;
    padding: 5px 0;
}

.asmAutoComplete .ui-autocomplete .ui-menu-item:first-child {
    padding-top: 0;
}

.asmAutoComplete .ui-state-active {
    background: none;
    color: #007fff !important;
    margin: 0 !important;
    border: 0 !important;
}

#_asm .asmAutoComplete .ui-autocomplete .ui-menu-item a,
.asmAutoComplete .ui-autocomplete .ui-menu-item a:hover {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    color: #000 !important;
    padding: 0;
    display: block;
}

.asmAutoComplete .ui-autocomplete .ui-menu-item span,
#asmHover span {
    padding-left: 30px;
    font-family: "HelveticaNowDisplay", "arial", "sans-serif";
    font-size: 18px;
    background-color: #fff;
    vertical-align: top;
    display: inline-block;
}

#asmHover.disabled,
#asmHover.disabled span {
    background-color: #b4bac2;
}

.asmAutoComplete .ui-autocomplete .ui-menu-item .noresult {
    padding-left: 3px;
}

.asmAutoComplete .ui-autocomplete .ui-menu-item .name,
#asmHover .name {
    padding-left: 3px;
    width: 23%;
}

.asmAutoComplete .ui-autocomplete .ui-menu-item .email,
#asmHover .email {
    width: 43%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.asmAutoComplete .ui-autocomplete .ui-menu-item .card {
    padding-right: 3px;
}

.asmAutoComplete .ui-autocomplete a:hover,
.asmAutoComplete .ui-autocomplete a:hover span {
    background-color: #eeeeee;
    cursor: pointer;
}

@media(max-width:667px) {
    .asmAutoComplete .ui-autocomplete {
        width: auto !important;
        margin-right: 15px;
    }

    #asmHover {
        width: auto !important;
    }

    .asmAutoComplete .ui-autocomplete .ui-menu-item .name,
    .asmAutoComplete .ui-autocomplete .ui-menu-item .email,
    #asmHover .name,
    #asmHover .email {
        width: 100%;
        padding-left: 3px;
    }

    .asmAutoComplete .ui-autocomplete .ui-menu-item .date,
    .asmAutoComplete .ui-autocomplete .ui-menu-item .card,
    #asmHover .date,
    #asmHover .card {
        width: 50%;
        padding-left: 3px;
    }
}

#asmHover {
    position: absolute;
    background-color: #fff;
    border: 1px solid #cccccc;
    box-shadow: 0 8px 15px #999;
    font-family: "HelveticaNowDisplay", "arial", "sans-serif";
    font-size: 18px;
    z-index: 10001;
}

.ASM_customer-list-modal #cboxLoadedContent {
    margin-top: 20px;
}

.ASM_customer-list-modal #cboxTitle {
    display: none !important;
}

.ASM_customer-list-modal .account-overview-table .img-profile-thumbnail {
    width: 75px;
    height: 75px;
}

.ASM_customer-list-modal .account-overview-table a {
    font-weight: bold;
}

.ASM_customer-list-modal .account-overview-table td[data-th="NAME"]>a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 200px;
}

.ASM_customer-list-modal .asm-account-section .account-overview-table,
.ASM_customer-list-modal .asm-account-section .pagination-bar .pagination-bar-results {
    margin: 0;
    padding: 0;
}

.ASM_customer-list-modal .asm-account-section .account-overview-table {
    padding-top: 10px;
    overflow-x: auto;
}

.ASM_customer-list-modal .asm-account-section .pagination-bar .pagination-bar-results {
    text-align: center;
    padding-right: 10px;
}

.ASM_customer-list-modal .asm-account-section .account-section-content .account-orderhistory-pagination .sort-refine-bar option {
    font-size: 1em;
}

.ASM_customer-list-modal .asm-account-section .account-section-content.content-empty {
    margin-top: 40px;
    margin-bottom: 20px;
}

.ASM_customer-list-modal .asm-account-section table td,
.ASM_customer360-modal .asm-customer360-tab table td {
    padding: 10px;
    vertical-align: middle;
}

.ASM_customer-list-modal .asm-account-section table .nav-order-tools {
    border-right: 0;
    padding: 0 15px 0 10px;
}

.ASM_customer-list-modal .asm-account-section table .nav-order-tools:before {
    color: #0486e0;
}

.ASM_customer-list-modal .asm-account-section table .nav-order-tools-empty {
    border-right: 0;
    padding: 0 15px 0 10px;
}

.ASM_customer-list-modal .asm-account-section table .nav-order-tools-empty:before {
    color: #E4E4E4;
    content: "\e032";
    font-family: 'Glyphicons Halflings';
    position: relative;
    top: 23%;
    display: inline;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    cursor: pointer;
}

@media(max-width:668px) {
    .ASM_customer-list-modal .asm-account-section table .nav-order-tools {
        padding: 0;
    }

    .ASM_customer-list-modal .asm-account-section table .nav-order-tools-empty {
        padding: 0;
    }
}

.ASM_customer-list-modal .asm-card-icon {
    font-size: 30px;
}

.ASM_customer-list-modal .asm-empty-card-icon {
    color: #E4E4E4;
}

.ASM_customer-list-modal .asm-account-section .pagination-bar {
    padding: 0;
}

.ASM_customer-list-modal .asm-account-section .pagination-bar .pagination-toolbar {
    border: 0;
    padding: 0;
}

.ASM_customer-list-modal .asm-account-section .default-pic:before {
    content: '\e801';
}

.ASM_customer-list-modal .asm-account-section .default-pic {
    font-family: 'asm_icons', sans-serif;
    color: #A6A6A6;
    font-size: 55px;
    line-height: 55px;
    display: block;
    max-width: 100%;
    height: auto;
}

.ASM_customer-list-modal .customer-list-select-wrapper {
    display: inline-block;
    position: relative;
    margin-bottom: 15px;
}

.ASM_customer-list-modal .customer-list-select {
    border: 0 none;
    font-size: 24px;
    cursor: pointer;
    z-index: 1;
    padding-right: 28px;
    background-color: transparent;
    color: #000000;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "HelveticaNowDisplay", "arial", "sans-serif";
    font-weight: 200;
}

.ASM_customer-list-modal .customer-list-select:focus {
    background-color: transparent;
    border: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ASM_customer-list-modal .customer-list-select-wrapper:after {
    font-family: 'asm_icons', sans-serif;
    content: '\e80a';
    color: #0486e0;
    font-size: 30px;
    font-weight: 600;
    position: absolute;
    right: 0;
    top: 50%;
    pointer-events: none;
    z-index: 11;
    margin-top: -20px;
}

@media screen and (min-width:0\0) {
    .ASM_customer-list-modal .customer-list-select {
        background-image: none;
        padding-right: 0;
    }

    .ASM_customer-list-modal .customer-list-select-wrapper:before {
        background-color: #ffffff;
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        height: 35px;
        width: 20px;
        pointer-events: none;
        z-index: 10;
    }

    .ASM_customer-list-modal .customer-list-select-wrapper:after {
        right: -5px;
    }
}

.ASM_customer-list-modal .customer-list-select option {
    font-size: 1em !important;
}

#_asm .ASM-btn-customer360 {
    padding: 0;
    text-decoration: inherit;
    background-color: #007aff;
    color: #fff;
    vertical-align: bottom;
    position: relative;
    width: 100%;
    vertical-align: middle;
}

.ASM-customer360_icon {
    vertical-align: middle;
}

.ASM-customer360_icon:before {
    font-family: 'asm_icons', sans-serif;
    content: '\e800';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: normal;
    color: #fff;
    font-size: 30px;
    display: inline-block;
    margin-top: -2px;
}

#_asm .ASM-btn-customer360[disabled] {
    background: #D2DAE4;
    color: #A4A9B9;
    opacity: 1;
    filter: alpha(opacity=100);
}

#_asm .ASM-btn-customer360[disabled] .ASM-customer360_icon:before {
    color: #A4A9B9;
}

.ASM-customer360_customer-list_icon:before {
    color: #0486e0;
    position: static;
}

#_asm .ASM-btn-customer360:focus {
    outline: none;
}

.ASM_customer360-modal .loader {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(0, 0, 0, 0.2);
    border-right: 1.1em solid rgba(0, 0, 0, 0.2);
    border-bottom: 1.1em solid rgba(0, 0, 0, 0.2);
    border-left: 1.1em solid #0486e0;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

.ASM_customer360-modal .loader,
.ASM_customer360-modal .loader:after {
    border-radius: 50%;
    width: 5em;
    height: 5em;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.ASM_customer-list-modal table.techne-table td,
.ASM_customer360-modal table.techne-table td {
    color: #313440;
    font-size: 15px;
}

.ASM_customer-list-modal table.techne-table td.no-padding {
    padding: 0 !important;
}

.ASM_customer-list-modal table.techne-table td.techne-table-action .hyicon {
    font-size: 24px;
}

.ASM_customer-list-modal table.techne-table>tbody>tr:nth-child(1n),
.ASM_customer360-modal table.techne-table>tbody>tr:nth-child(1n) {
    background: #eef3f7;
}

@media(max-width:768px) {

    .ASM_customer-list-modal table.techne-table thead,
    .ASM_customer360-modal table.techne-table thead {
        display: none;
    }

    .ASM_customer-list-modal .asm-account-section table td,
    .ASM_customer360-modal .asm-customer360-tab table td {
        padding: 0;
    }

    .ASM_customer-list-modal table.techne-table td,
    .ASM_customer360-modal table.techne-table td {
        clear: both;
        display: block;
        border-top: none !important;
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        padding: 10px;
    }

    .ASM_customer-list-modal table.techne-table td .floating-text,
    .ASM_customer360-modal table.techne-table td .floating-text {
        -moz-hyphens: none;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        word-break: initial;
        word-wrap: initial;
    }

    .ASM_customer-list-modal table.techne-table td:before,
    .ASM_customer360-modal table.techne-table td:before {
        content: attr(data-th) "";
        width: 100%;
        display: block;
        font-size: 13px;
        font-weight: 600;
        color: #8a8fa1;
    }

    .ASM_customer-list-modal table.techne-table td>div.cellcontent {
        width: 100%;
        display: block;
        color: #7f90a4;
        font-size: 15px;
    }

    .ASM_customer-list-modal table.techne-table td.techne-table-xs-left-slot,
    .ASM_customer360-modal table.techne-table td.techne-table-xs-left-slot {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 50px;
        padding-right: 5px;
        padding-left: 10px;
    }

    .ASM_customer-list-modal table.techne-table tr,
    .ASM_customer360-modal table.techne-table tr {
        display: block;
        position: relative;
        box-shadow: 0 2px 3px rgba(138, 143, 161, .2);
    }

    .ASM_customer-list-modal table.techne-table tr.techne-table-xs-left,
    .ASM_customer360-modal table.techne-table tr.techne-table-xs-left {
        padding-left: 90px;
    }

    .ASM_customer-list-modal table.techne-table>tbody>tr>td {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .ASM_customer-list-modal table.techne-table>tbody>tr>td:last-child::before,
    .ASM_customer-list-modal table.techne-table>tbody>tr>td:nth-last-child(2)::before,
    .ASM_customer-list-modal table.techne-table>tbody>tr>td:nth-last-child(3)::before {
        display: inline;
    }

    .ASM_customer-list-modal table.techne-table>tbody>tr>td:last-child,
    .ASM_customer-list-modal table.techne-table>tbody>tr>td:last-child div,
    .ASM_customer-list-modal table.techne-table>tbody>tr>td:nth-last-child(2),
    .ASM_customer-list-modal table.techne-table>tbody>tr>td:nth-last-child(2) div,
    .ASM_customer-list-modal table.techne-table>tbody>tr>td:nth-last-child(3),
    .ASM_customer-list-modal table.techne-table>tbody>tr>td:nth-last-child(3) div {
        display: inline-block;
        padding-right: 20px;
        vertical-align: middle;
    }

    .ASM_customer-list-modal .asm-account-section table .nav-order-tools {
        padding-bottom: 7px;
    }

    .ASM_customer-list-modal .asm-account-section table .nav-order-tools-empty {
        padding-bottom: 7px;
    }

    .ASM_customer-list-modal .asm-account-section a.default-pic {
        font-size: 35px;
    }

    .ASM_customer-list-modal .asm-account-section .img-profile-thumbnail {
        width: 75px;
        height: 75px;
    }
}

.ASM_customer-list-modal table.techne-table>tbody>tr:nth-child(2n),
.ASM_customer360-modal table.techne-table>tbody>tr:nth-child(2n) {
    background: #ffffff;
}

.ASM_customer-list-modal table.techne-table>tbody>tr:hover,
.ASM_customer-list-modal table.techne-table>tbody>tr:hover td {
    background: #f5f5f5;
}

.ASM_customer-list-modal .techne-table,
.asm__customer360 .techne-table {
    font-family: "Open Sans", sans-serif;
}

.ASM_customer-list-modal .techne-table th,
.asm__customer360 .techne-table th {
    background-color: #fff;
    color: #7f90a4;
    font-weight: bold;
}

.ASM_customer-list-modal .techne-table>thead>tr>th,
.asm__customer360 .techne-table>thead>tr>th {
    border-width: 1px;
}

.ASM_customer-list-modal a,
.ASM_customer360-modal a {
    color: #0486e0;
}

.ASM_customer-list-modal .control-label,
.ASM_customer360-modal .control-label {
    color: #808fa1;
}

.ASM_customer-list-modal table.techne-table th:last-child,
.ASM_customer360-modal table.techne-table th:last-child {
    text-align: left;
}

@media(max-width:639px) {
    .ASM_customer-list-modal .asm-account-section .pagination-bar .pagination {
        border: none;
        padding: 5px 0;
    }

    .ASM_customer-list-modal .asm-account-section .pagination-bar .pagination-bar-results {
        text-align: center;
        padding: 18px 0;
        width: 100%;
        display: block;
        border-bottom: 1px solid #bdc6d2;
    }

    .ASM_customer-list-modal .customer-list-select {
        font-size: 18px;
    }
}

.asm__section .pageable-fragment .pager .active {
    font-weight: bold;
    color: #7f90a4;
}

.asm__section .pageable-fragment h3 {
    float: left;
}

.asm__section .pageable-fragment .pager {
    float: right;
}

.ASM_customer-list-modal .pagination>li>a,
.ASM_customer-list-modal .pagination>li>span {
    color: #0486e0;
    font-size: 15px;
    font-weight: 600;
}

.ASM_customer-list-modal .pagination>li>.glyphicon {
    font-size: 11px;
}

.ASM_customer-list-modal .pagination>li.pagination-prev>a:hover,
.ASM_customer-list-modal .pagination>li.pagination-next>a:hover,
.ASM_customer-list-modal .pagination>li.pagination-prev>span:hover,
.ASM_customer-list-modal .pagination>li.pagination-next>span:hover,
.ASM_customer-list-modal .pagination>li.pagination-prev>a:focus,
.ASM_customer-list-modal .pagination>li.pagination-next>a:focus,
.ASM_customer-list-modal .pagination>li.pagination-prev>span:focus,
.ASM_customer-list-modal .pagination>li.pagination-next>span:focus {
    margin: 0;
    border: none;
    background-color: transparent;
    color: #035995;
}

.ASM_customer-list-modal .pagination>li.pagination-prev>a,
.ASM_customer-list-modal .pagination>li.pagination-next>a,
.ASM_customer-list-modal .pagination>li.pagination-prev>span,
.ASM_customer-list-modal .pagination>li.pagination-next>span {
    margin: 0;
    border: none;
}

.ASM_customer-list-modal .pagination .disabled>span,
.ASM_customer-list-modal .pagination>li.disabled>span:hover,
.ASM_customer-list-modal .pagination>li.disabled>span:focus {
    color: #cadbee;
}

.ASM_customer-list-modal .pagination .active span {
    color: #7f90a4;
}

.ASM_customer-list-modal #cboxClose,
.ASM_customer360-modal #cboxClose {
    font-size: 16px;
}

.ASM_customer-list-modal #cboxContent {
    position: relative;
}

.ASM_customer-list-modal #cboxContent:before {
    position: absolute;
    content: "";
    background: #ebeef1;
    width: 100%;
    height: 1px;
    top: 75px;
}

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

#_asm .navigation.navigation--top {
    padding-left: 30px;
    padding-right: 30px;
}

#_asm input,
.ASM_cut_text,
.ASM-btn {
    font-family: "HelveticaNowDisplay", "arial", "sans-serif";
}

button.ASM_close {
    margin: 0;
    font-family: "HelveticaNowDisplay", "arial", "sans-serif";
    height: inherit;
}

#_asm span.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #19212b;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    border-radius: 0;
}

#_asm .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

#_asm .input-group-addon,
#_asm .input-group-btn,
#_asm .input-group .form-control {
    display: table-cell;
}

#_asm .input-group-addon,
#_asm .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.y-toolbar__wrapper {
    position: relative;
}

.y-toolbar__wrapper .y-toolbar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    font-size: 15px;
    min-height: 52px;
    border-top: 1px solid #bdc6d2;
    border-bottom: 1px solid #bdc6d2;
}

.ASM-sort__wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    font-size: 15px;
}

.y-toolbar__wrapper .ASM-toolbar__search {
    border: 0;
    box-shadow: none;
    display: inline-block;
    border-right: 1px solid #bdc6d2;
    padding: 0 16px 0 0;
}

.y-toolbar__wrapper .ASM-toolbar__search .glyphicon-search {
    color: #3c3c3c;
    font-size: 17px;
}

.y-toolbar__wrapper .ASM-toolbar__search .input-group {
    background-color: #ffffff;
    min-height: 38px;
    padding: 5px 0;
}

.y-toolbar__wrapper .ASM-toolbar__search .input-group-btn {
    display: inline-block;
}

.y-toolbar__wrapper .ASM-toolbar__search #ASM_customer-list-queryInput {
    border: none;
    padding: 6px 12px;
    height: 38px;
    min-width: 200px;
}

.y-toolbar__wrapper .ASM-toolbar__search #ASM_customer-list-queryInput:focus {
    border: none;
    outline: none;
}

.y-toolbar__wrapper .ASM-toolbar__search .ASM_customer-list-searchButton {
    width: 40px;
    padding: 0;
    margin: 0;
    height: 38px;
}

.y-toolbar__wrapper .y-toolbar__right {
    display: flex;
    margin-left: auto !important;
    flex-wrap: wrap;
}

.y-toolbar__wrapper .y-toolbar__item {
    position: relative;
    vertical-align: middle;
    line-height: 1;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    color: #7f90a4;
    display: inline-block;
}

.y-toolbar__wrapper .y-toolbar__item .pagination {
    margin: 0;
    border: none;
}

.y-toolbar__wrapper .y-toolbar__item .pagination>li {
    vertical-align: baseline;
}

.y-toolbar__wrapper .y-toolbar__item .y-toolbar__btn--caption {
    padding: 10px 16px;
    text-transform: uppercase;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    vertical-align: middle;
    height: 50px;
    line-height: 1;
    cursor: pointer;
    background: 0 0;
    border: none;
    transition: all .1s ease-in-out 0s;
    text-decoration: none;
}

.y-toolbar__wrapper .y-toolbar__item .y-toolbar__btn--caption .glyphicon-sort-by-attributes-alt {
    margin-right: 27px;
    font-size: 24px;
    line-height: 0;
}

.y-toolbar__wrapper .y-toolbar__dropdown {
    border-right: 1px solid #bdc6d2;
}

.y-toolbar__wrapper .y-toolbar__dropdown ul.dropdown-menu {
    margin-top: 0;
    left: -1px;
    border: 1px solid #bdc6d2;
    border-top: .5px solid #bdc6d2;
    padding: 5px 0;
}

.y-toolbar__wrapper .y-toolbar__dropdown .y-toolbar__dropdown__icon {
    margin-left: 10px;
    color: #7f90a4;
}

.y-toolbar__wrapper .y-toolbar__dropdown .dropdown-menu {
    min-width: 300px;
    border-radius: 0;
}

.y-toolbar__wrapper .y-toolbar__dropdown .dropdown-menu>li {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.y-toolbar__wrapper .y-toolbar__dropdown .dropdown-menu>li {
    padding: 0;
}

.y-toolbar__wrapper .y-toolbar__dropdown .dropdown-menu>li>a {
    padding: 10px 16px;
}

.y-toolbar__wrapper .y-toolbar__dropdown .dropdown-menu>li:focus,
.dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #d2dbe6;
}

@media(max-width:591px) {
    .y-toolbar__wrapper .ASM-sort__wrapper .y-toolbar__dropdown {
        width: 100%;
        border-right: none;
        border-top: 1px solid #bdc6d2;
    }

    .y-toolbar__wrapper .y-toolbar__dropdown .dropdown-menu {
        min-width: 100%;
    }

    .y-toolbar__wrapper .ASM-toolbar__search {
        width: 100%;
        border-right: none;
    }

    .y-toolbar__wrapper .ASM-toolbar__search .input-group {
        width: 100%;
    }

    .y-toolbar__wrapper .ASM-toolbar__search #ASM_customer-list-queryInput {
        width: 90%;
    }

    .y-toolbar__wrapper .ASM-toolbar__search .input-group-btn {
        width: 10%;
    }
}

@media(min-width:505px) and (max-width:645px) {
    .y-toolbar__wrapper .y-toolbar__dropdown .dropdown-menu {
        left: auto !important;
        right: 0%;
    }
}

@media(max-width:639px) {
    .y-toolbar__wrapper .y-toolbar__right {
        float: right;
    }
}

@media(min-width:768px) {
    .y-toolbar__wrapper .y-toolbar__right {
        float: right;
    }
}

@media(max-width:902px) {
    .y-toolbar__wrapper .y-toolbar__right {
        width: 100%;
        border-top: 1px solid #bdc6d2;
        min-height: 52px;
    }

    .y-toolbar__wrapper .y-toolbar__right nav {
        text-align: right;
        width: 100%;
    }
}

@media(max-width:767px) {
    .y-toolbar__wrapper .y-toolbar__dropdown {
        float: right;
    }
}

#_asm {
    position: relative;
    z-index: 9997;
}

#_asm .collapseBtn-wrapper {
    position: absolute;
    left: 25px;
    right: -25px;
    height: 1px;
}

#_asm .collapseBtn-wrapper:before {
    content: '← drag to move → ';
    display: none;
    position: absolute;
    left: -25px;
    right: 25px;
    height: 40px;
    background: #fad714;
    opacity: 0.3;
    text-align: center;
    line-height: 40px;
    font-size: 30px;
    font-weight: bold;
    height: 40px;
}

#_asm .collapseBtn-wrapper.active:before {
    display: block;
}

#_asm .collapseBtn {
    position: absolute;
    left: 50%;
    width: 50px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    cursor: pointer;
    height: 40px;
    padding: 10px 15px 5px;
    background: #27394f;
    outline: none !important;
}

#_asm .collapseBtn svg {
    width: 20px;
    height: auto;
}

#_asm .collapseBtn svg path {
    fill: #fff;
}

#_asm.asm-collapsed .collapseBtn svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

#_asm.asm-collapsed .ASM_header {
    display: none;
}

#cboxOverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    background-color: #00000078;
}

#colorbox {
    z-index: 10000;
    background-color: #fff;
}

#cboxLoadedContent {
    padding: 15px;
}

#cboxClose {
    margin-left: 15px;
    margin-top: 5px;
}

.asm-account-section .account-overview-table table {
    width: 100%;
}

#customer-360-tabs li {
    margin-right: 10px;
    ;
}

.asm-full-card-icon .asm-basket {
    color: #0486e0;
    font-size: 36px;
    position: relative;
    bottom: 3px;
}

.asm-empty-card-icon .asm-basket {
    color: #0486e0;
    font-size: 36px;
    position: relative;
    bottom: 3px;
}

.nav-order-tools .asm-orders {
    font-size: 32px
}

.nav-order-tools-empty .asm-orders {
    font-size: 32px
}

.asm_store__finder {
    font-family: "Open Sans", sans-serif;
}

.asm_store__finder--pagination {
    margin-bottom: 20px;
}

.asm_store__finder--pagination-label {
    padding-top: 15px;
}

.asm_store__finder--pagination .btn-link {
    color: #0486e0;
    text-decoration: none;
}

.asm_store__finder--pagination .btn-link:disabled {
    color: #cadbee;
}

.asm_store__finder .store__finder--navigation-list {
    border-color: #dce1e8;
    border: 0;
}

.asm_store__finder .store__finder--navigation-list .asm__list__entry {
    height: 56px;
}

.asm_store__finder .store__finder--navigation-list .asm__list__entry:nth-child(2n) label {
    background-color: #fff;
}

.asm_store__finder .store__finder--navigation-list .asm__list__entry:last-child label {
    border-bottom: 0;
}

.asm_store__finder .store__finder--navigation-list .asm__list__entry input {
    display: none;
}

.asm_store__finder .store__finder--navigation-list .asm__list__entry label {
    margin: 0;
    height: 100%;
    font-size: 13px;
    padding: 0 14px 0 10px;
    display: table;
    width: 100%;
    cursor: pointer;
    position: relative;
    background: #eef3f7;
    border-bottom: 1px solid #dce1e8;
}

.asm_store__finder .store__finder--navigation-list .asm__list__entry label:hover {
    background: #d2dbe6;
}

.asm_store__finder .store__finder--navigation-list .asm__list__entry input:checked+label {
    background: #96bbe1;
    color: #fff !important;
}

.asm_store__finder .store__finder--navigation-list .asm__list__entry input:checked+label:after {
    display: block;
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    right: -1px;
    background: transparent;
    border: 14px solid transparent;
    border-right-color: #fff;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.asm_store__finder .store__finder--navigation-list .asm__list__entry .entry__info {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.asm_store__finder .store__finder--navigation-list .asm__list__entry .entry__name {
    display: block;
}

.asm_store__finder .store__finder--navigation-list .asm__list__entry .entry__city {
    display: block;
    font-weight: normal;
}

.asm_store__finder .store__finder--navigation-list .asm__list__entry .entry__distance {
    display: table;
    height: 100%;
    width: 80px;
    border-left: 1px solid #dce1e8;
}

.asm_store__finder .store__finder--navigation-list .asm__list__entry .entry__distance span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 5px;
    text-align: center;
    white-space: nowrap;
}

.asm_store__finder .store__finder--details-back {
    color: #bdc6d2 !important;
    background-color: transparent !important;
    border-color: transparent !important;
    padding-left: 0;
}

@media(max-width:1023px) {
    .asm_store__finder .find-store-display .store__finder--navigation {
        width: 50%;
        border: 0;
    }

    .asm_store__finder .store__finder--panel {
        width: 200%;
        margin: 0;
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -moz-transition: -moz-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
    }

    .asm_store__finder.show-store .store__finder--panel {
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    .asm_store__finder .store__finder--panel .store__finder--details {
        display: block;
    }

    .asm_store__finder .store__finder--details .store__finder--details-openings dl dt {
        float: left;
    }

    .asm_store__finder .store__finder--details .store__finder--details-back {
        display: inline-block !important;
    }
}

.ASM_customer360-modal #cboxLoadedContent {
    padding-top: 40px;
    margin-top: 0;
}

.asm__customer360 {
    font-family: Dosis, sans-serif;
}

.asm__customer360-signedup {
    position: absolute;
    right: 64px;
    top: 35px;
    font-size: 13px;
    line-height: 20px;
    color: #8592a2;
}

.asm__customer360-header {
    margin-bottom: 30px;
}

.asm__customer360-header-image {
    float: left;
    width: 110px;
    height: 110px;
    border: 1px solid #d5dee8;
    border-radius: 100%;
}

.asm__customer360-customer-image {
    width: 100%;
    height: auto;
}

.asm__customer360-header-desc {
    margin-left: 140px;
}

.asm__customer360-header-name {
    font-size: 33px;
    line-height: 33px;
    color: #233243;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 100%;
}

@media(min-width:997px) {
    .asm__customer360-header-name {
        padding-right: 150px;
    }
}

.asm__customer360-header-email {
    font-size: 15px;
    line-height: 20px;
    position: relative;
    z-index: 1000;
}

.asm__customer360-header-location {
    font-size: 13px;
    line-height: 20px;
    color: #8592a2;
}

.asm__customer360-header-info {
    margin-top: 15px;
}

.asm__customer360-header-info-item {
    display: inline-block;
    font-size: 13px;
    color: #313440;
    margin-right: 30px;
    margin-bottom: 10px;
}

.asm__customer360-header-info-item>span {
    padding-left: 34px;
    background: no-repeat left top;
    line-height: 24px;
    display: inline-block;
}

.asm__customer360-header-info-item .asm__header__cart {
    background-image: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/icon1.png);
}

.asm__customer360-header-info-item .asm__header__order {
    background-image: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/icon2.png);
}

.asm__customer360-header-info-item .asm__header__ticket {
    background-image: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/icon3.png);
}

.asm__customer360-header-sep {
    height: 1px;
    background: #ebeef1;
    margin-left: -40px;
    margin-right: -40px;
    width: auto;
}

@media(min-width:668px) and (max-width:996px) {
    .asm__customer360-signedup {
        position: static;
        margin-left: 140px;
    }
}

@media(max-width:667px) {
    .asm__customer360-header {
        text-align: center;
    }

    .asm__customer360-header-image {
        float: none;
        display: inline-block;
    }

    .asm__customer360-header-desc {
        margin-left: 0;
    }

    .asm__customer360-header-info {
        display: inline-block;
        padding-left: 5%;
    }

    .asm__customer360-header-info-item {
        display: block;
        margin-bottom: 20px;
        margin-right: 0;
        text-align: left;
    }

    .asm__customer360-signedup {
        position: static;
    }
}

.asm__customer360-overview {
    font-family: "Open Sans", sans-serif;
}

.asm__customer360-overview-info {
    background: #eef3f7;
    position: relative;
    margin: -1px -40px 0 -40px;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #dfe5ec;
    border-top: 1px solid #dfe5ec;
}

.asm__customer360-overview-info .col-sm-6 {
    position: static;
}

.asm__customer360-overview-info .col-sm-6:before {
    content: '';
    position: absolute;
    top: 20px;
    bottom: 0;
    width: 1px;
    height: auto;
    background: #dfe5ec;
    margin-left: -10px;
}

.asm__customer360-overview-info .col-sm-6:first-child:before {
    display: none;
}

.asm__customer360-overview-info-is,
.asm__customer360-overview-info-uses,
.asm__customer360-overview-info-points {
    padding-bottom: 10px;
}

.asm__customer360-overview-info-points {
    text-align: center;
}

.asm__customer360-overview-info-points-pts {
    font-size: 25px;
    line-height: 26px;
    font-weight: bold;
    color: #313440;
}

.asm__customer360-overview-info-points-ptsinfo {
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #313440;
}

.asm__customer360-overview-info-points-next {
    font-size: 13px;
    line-height: 25px;
    color: #8592a2;
    margin-top: 5px;
    margin-bottom: 10px;
}

.asm__customer360-overview-info-points-medals {
    margin-top: 15px;
}

.asm__customer360-overview-info-points-medals-item {
    width: 43px;
    height: 41px;
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
}

.asm__customer360-overview-info-points-medals-silver-on {
    background: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/asm__customer360-overview-info-points-medal-silver-on.png) no-repeat center center;
}

.asm__customer360-overview-info-points-medals-silver-off {
    background: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/asm__customer360-overview-info-points-medal-silver-off.png) no-repeat center center;
}

.asm__customer360-overview-info-points-medals-gold-on {
    background: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/asm__customer360-overview-info-points-medal-gold-on.png) no-repeat center center;
}

.asm__customer360-overview-info-points-medals-gold-off {
    background: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/asm__customer360-overview-info-points-medal-gold-off.png) no-repeat center center;
}

.asm__customer360-overview-info-points-medals-platinum-on {
    background: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/asm__customer360-overview-info-points-medal-platinum-on.png) no-repeat center center;
}

.asm__customer360-overview-info-points-medals-platinum-off {
    background: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/asm__customer360-overview-info-points-medal-platinum-off.png) no-repeat center center;
}

.asm__customer360-overview-info-points-medals-info {
    font-size: 13px;
    line-height: 26px;
    color: #8592a2;
    margin-top: 10px;
}

.asm__customer360-overview-info-points-btn {
    margin-top: 15px;
    display: inline-block;
    font-size: 13px;
    color: #fff !important;
    background: #3f5875 url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/asm__customer360-overview-info-points-btn.png) no-repeat center right;
    line-height: 24px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 15px;
    padding-right: 50px;
}

.asm__customer360-overview-info-is {
    text-align: center;
}

.asm__customer360-overview-info-is-tags {
    text-align: left;
    padding-left: 10px;
    margin-top: 5px;
    font-size: 0;
}

.asm__customer360-overview-info-is-tags-item {
    background: #fff;
    display: inline-block;
    margin-right: 3px;
    margin-left: 3px;
    line-height: 25px;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    border-radius: 15px;
    padding-left: 20px;
    padding-right: 20px;
    color: #313440;
}

@media(max-width:1023px) {
    .asm__customer360-overview-info-is-tags-item {
        margin: 0 2px 5px;
    }
}

.asm__customer360-overview-info-uses {
    text-align: center;
}

.asm__customer360-overview-info-uses-icon {
    height: 33px;
    display: block;
    margin-bottom: 5px;
}

.asm__customer360-overview-info-uses-icon-Computer {
    background: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/icon-desktop.png) no-repeat center center;
}

.asm__customer360-overview-info-uses-icon-Tablet {
    background: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/icon-tablet.png) no-repeat center center;
}

.asm__customer360-overview-info-uses-icon-Mobile {
    background: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/icon-mobile.png) no-repeat center center;
}

.asm__customer360-overview-info-uses-icon-Pc {
    background: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/icon-computer.png) no-repeat center center;
}

.asm__customer360-overview-info-uses-icon-Console {
    background: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/icon-console.png) no-repeat center center;
}

.asm__customer360-overview-info-uses-icon-Tv {
    background: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/icon-tv.png) no-repeat center center;
}

.asm__customer360-overview-info-uses-value {
    font-size: 25px;
    font-weight: 600;
    color: #313440;
}

.asm__customer360-overview-info-uses-name {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #313440;
}

.asm__customer360-overview-info-uses-device {
    color: #8592a2;
    font-size: 13px;
    line-height: 15px;
}

.asm__customer360-overview-info-uses-browser {
    margin-top: 5px;
    height: 35px;
    background: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/icon-other.png) no-repeat center center;
}

.asm__customer360-overview-info-uses-browser-Chrome {
    background: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/icon-chrome.png) no-repeat center center;
}

.asm__customer360-overview-info-uses-browser-Safari {
    background: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/icon-safari.png) no-repeat center center;
}

.asm__customer360-overview-info-uses-browser-Firefox {
    background: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/icon-firefox.png) no-repeat center center;
}

.asm__customer360-overview-info-uses-browser-Microsoft_Edge,
.asm__customer360-overview-info-uses-browser-Internet_Explorer {
    background: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/icon-ie.png) no-repeat center center;
}

.asm__customer360-overview-info-uses-browser-Opera {
    background: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/icon-opera.png) no-repeat center center;
}

.asm__customer360-overview-info-headline {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    padding-top: 30px;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-family: Dosis, sans-serif;
}

.asm__customer360-overview-info-headline,
.asm__customer360-headline {
    overflow: hidden;
    text-overflow: ellipsis;
}

.asm__customer360-overview-info-table {
    table-layout: fixed;
}

.asm__customer360-overview-info-table td {
    padding: 0 3px;
}

.asm__customer360-overview-info-uses-value,
.asm__customer360-overview-info-uses-name,
.asm__customer360-overview-info-uses-device>div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

@media(max-width:667px) {
    .asm__customer360-overview-info {
        margin-left: -20px;
        margin-right: -20px;
    }

    .asm__customer360-overview-info-headline {
        padding-top: 30px;
    }

    .asm__customer360-overview-info .col-sm-6 {
        width: auto;
        float: none;
        position: relative;
    }

    .asm__customer360-overview-info .col-sm-6:before {
        left: 10px;
        right: 10px;
        bottom: auto;
        top: 0;
        width: auto;
        height: 1px;
        margin: 0;
    }

    .asm__customer360-overview-info-is {
        padding-bottom: 20px;
    }

    .asm__customer360-overview-info-uses {
        padding-bottom: 20px;
    }
}

.asm__customer360-headline {
    font-family: Dosis, sans-serif;
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 25px;
    position: relative;
}

.asm__customer360-headline a {
    font-weight: 400;
}

.asm__customer360-subheadline {
    font-size: 16px;
    line-height: 24px;
    margin-top: 25px;
    font-family: "Open Sans", sans-serif;
    padding-bottom: 5px;
}

.asm__customer360-overview-divider {
    border-top: 1px solid #d4d7dc;
    padding-top: 10px;
}

.asm__customer360-overview-colors {
    font-size: 0;
    margin-bottom: 40px;
}

.asm__customer360-overview-colors-color {
    display: inline-block;
    border-right: 2px solid #fff;
    height: 80px;
}

.asm__customer360-overview-recent-section {
    margin-bottom: 20px;
}

.asm__customer360-overview-recent {
    text-align: center;
}

.asm__customer360-overview-recent-image {
    margin-bottom: 15px;
}

.asm__customer360-overview-recent-image img {
    max-width: 100%;
    height: auto;
    width: 120px;
}

.asm__customer360-overview-recent-name {
    font-size: 15px;
    line-height: 20px;
}

.asm__customer360-overview-recent-views {
    font-size: 15px;
    font-weight: 600;
}

.asm__customer360-overview-recent-time {
    font-size: 12px;
    line-height: 20px;
    color: #8592a2;
    text-transform: uppercase;
}

@media(max-width:667px) {
    .asm__customer360-overview-recent-section .col-sm-6 {
        float: none;
        width: auto;
        margin-bottom: 20px;
    }
}

.asm__customer360-overview-recentsearch-item {
    background: #eef3f7;
    display: inline-block;
    margin-right: 3px;
    margin-left: 3px;
    line-height: 25px;
    margin-bottom: 10px;
    border-radius: 15px;
    padding: 0px 30px;
    color: #313440;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
}

.asm__customer360-overview-sep {
    height: 1px;
    background: #ebeef1;
}

.asm__customer360-overview-interests {
    text-align: center;
}

.asm__customer360-overview-interests-img {
    margin-bottom: 10px;
}

.asm__customer360-overview-interests-img img {
    max-width: 100%;
    height: auto;
    width: auto;
}

.asm__customer360-overview-interests-name {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 5px;
}

.asm__customer360-overview-interests-stock {
    font-size: 12px;
    line-height: 18px;
    color: #8592a2;
    text-transform: uppercase;
}

.asm__customer360-overview-interests-price {
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
}

@media(max-width:667px) {
    .asm__customer360-overview-interests-section .col-sm-2 {
        float: left;
        width: 50%;
        margin-bottom: 20px;
    }

    .asm__customer360-overview-interests-section .col-sm-2:nth-child(2n+1) {
        clear: both;
    }
}

@media(min-width:668px) {

    .asm__customer360-overview-saved-wrap,
    .asm__customer360-overview-saved-box {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.asm__customer360-overview-saved {
    border: 1px solid #ebeef1;
    font-size: 15px;
    line-height: 20px;
    box-shadow: -1px 1px 1px #eff0f2;
    overflow: hidden;
    margin-bottom: 20px;
    width: 100%;
}

.asm__customer360-overview-saved-img {
    margin: -1px;
    float: left;
    margin-right: 20px;
}

.asm__customer360-overview-saved-text-wrap {
    padding-left: 145px;
}

.asm__customer360-overview-saved-card-info {
    font-size: 15px;
    line-height: 30px;
    text-transform: none;
    font-family: "Open Sans", sans-serif;
}

@media(min-width:997px) {
    .asm__customer360-overview-saved-card-info {
        position: absolute;
        right: 0;
    }
}

@media(max-width:996px) {
    .asm__customer360-overview-saved-card-info {
        display: block;
    }
}

.asm__customer360-overview-saved-card-divider {
    border-right: 1px solid #e1e7ee;
    padding-right: 10px;
    margin-right: 10px;
}

.asm__customer360-overview-saved-name {
    margin-top: 10px;
    padding-right: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.asm__customer360-overview-saved-sku {
    margin-bottom: 5px;
}

.asm__customer360-overview-qty-divider {
    border-right: 1px solid #ebeef1;
    padding-right: 10px;
    margin-right: 10px;
}

.asm__customer360-overview-saved-total {
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

@media(max-width:667px) {
    .asm__customer360-overview-saved-section .col-sm-6 {
        float: none;
        width: auto;
        margin-bottom: 20px;
    }
}

.asm__customer360-profile {
    margin-bottom: 20px;
    margin-top: 30px;
    font-family: "Open Sans", sans-serif;
}

.asm__customer360-profile-col {
    padding-left: 10px;
    padding-right: 10px;
    width: 20%;
    float: left;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 30px;
}

@media(max-width:667px) {
    .asm__customer360-profile-col {
        width: auto;
        float: none;
    }
}

.asm__customer360-profile-headline {
    font-size: 13px;
    line-height: 24px;
    color: #8a8fa1;
}

.asm__customer360-profile-payment {
    display: block;
    margin-top: 20px;
    border: 1px solid #ebeef1;
    text-align: right;
    padding: 10px;
    color: #313440 !important;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    min-height: 67px;
    overflow: hidden;
}

.asm__customer360-profile-payment-active {
    border-color: #b2ebbd;
    border-width: 2px;
}

.asm__customer360-profile-payment-img {
    float: left;
    width: 48px;
    height: 48px;
    background-size: 48px;
}

.asm__customer360-profile-payment-visa {
    background-image: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/visa.png);
}

.asm__customer360-profile-payment-amex {
    background-image: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/amex.png);
}

.asm__customer360-profile-payment-master {
    background-image: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/master.png);
}

.asm__customer360-profile-payment-maestro {
    background-image: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/maestro.png);
}

.asm__customer360-profile-payment-diners {
    background-image: url(../_ui/addons/pentiasmstorefront/responsive/common/images/customer360/diners.png);
}

.asm__customer360-profile-payment-type {
    font-weight: bold;
}

.asm__customer360-profile-payment-default {
    color: #00be26;
    border-right: 1px solid #e1e7ee;
    padding-right: 10px;
    margin-right: 10px;
}

.asm__customer360-profile-payment-nr {
    padding-top: 5px;
}

.ASM_customer360-modal #cboxLoadedContent {
    width: auto !important;
}

.ASM_customer360-modal #cboxClose:focus {
    outline: none;
}

.ASM_customer360-modal .asm__customer360__menu {
    font-family: "Open Sans", sans-serif;
    margin-top: 20px;
    z-index: 5;
}

.nav-tabs>li.active>a {
    color: #0486e0;
}

.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:active {
    border-width: 0 0 2px;
    border-color: #0486e0;
    background: #0486e0;
    color: #fff;
}

.nav-tabs>li>a {
    transition: background 0.1s ease-out, border 0.1s ease-out;
    text-transform: uppercase;
    border-radius: 0;
    border-width: 0 0 2px;
    color: #a1aebd;
}

.nav-tabs>li.active>a {
    border-width: 0 0 2px;
    border-color: #0486e0;
    background-color: transparent;
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:active {
    color: #0486e0;
    border-width: 0 0 2px;
    background: #fff;
}

.nav-tabs>li>a:focus,
.nav-tabs>li>a:active {
    background: #fff;
    border-color: #0486e0;
}

.nav-tabs.nav-tabs-center,
.nav-tabs.nav-tabs--center {
    display: table;
    margin: 0 auto;
}

.nav-tabs.nav-tabs-center>li,
.nav-tabs.nav-tabs--center>li {
    text-align: center;
}

.nav-tabs--responsive {
    position: relative;
}

.nav-tabs--responsive .nav-tabs-mobile-caret {
    display: none;
}

@media(max-width:667px) {
    .nav-tabs--responsive {
        background: #fff;
        display: block !important;
    }

    .nav-tabs--responsive li {
        width: 100%;
    }

    .nav-tabs--responsive li:not(.active) {
        display: none;
    }

    .nav-tabs--responsive li:not(.active).active {
        display: block;
        background-color: white;
    }

    .nav-tabs--responsive li:not(.active).active a:focus,
    .nav-tabs--responsive li:not(.active).active a:hover,
    .nav-tabs--responsive li:not(.active).active a:active {
        background: none;
        color: #0486e0;
    }

    .nav-tabs--responsive li.nav-tabs-mobile-caret {
        display: block;
        position: absolute;
        right: 0;
        width: 100%;
        cursor: pointer;
    }

    .nav-tabs--responsive li.nav-tabs-mobile-caret a {
        border: none;
        background-color: transparent;
    }

    .nav-tabs--responsive li.nav-tabs-mobile-caret a:focus,
    .nav-tabs--responsive li.nav-tabs-mobile-caret a:active {
        background-color: transparent;
    }

    .nav-tabs--responsive.open .nav-tabs-mobile-caret {
        width: 20%;
    }

    .nav-tabs--responsive.open .nav-tabs-mobile-caret .caret {
        content: "";
        border-top: 0;
        border-bottom: 4px dashed;
    }

    .nav-tabs--responsive.open li {
        display: block !important;
        margin-bottom: 0;
    }
}

.ASM_customer360-modal .asm-customer360-tab {
    position: relative;
    font-family: "Open Sans", sans-serif;
    margin-top: 15px;
}

.ASM_customer360-modal p,
.ASM_customer360-modal a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
}

.ASM_customer360-modal .asm-customer360-tab.generic {
    position: relative;
}

.ASM_customer360-modal .asm-customer360-tab.generic:before {
    top: 35px;
}

.ASM_customer360-modal .asm-customer360-tab.asm-customer360-overview-tab-summary {
    position: relative;
}

.ASM_customer360-modal .asm-customer360-tab.asm-customer360-overview-tab-summary:before {
    top: 35px;
}

.ASM_customer360-modal .asm-customer360-tab.asm-customer360-overview-tab-summary .form-group {
    margin-top: 10px;
}

.ASM_customer360-modal .asm-customer360-tab.asm-customer360-overview-tab-summary h3 {
    padding-left: 10px;
}

.ASM_customer360-modal .asm-customer360-tab h3 {
    font-size: 16px;
    margin-bottom: 25px;
}

.ASM_customer360-modal .asm-customer360-tab:after {
    content: "";
    display: block;
    position: absolute;
    border-bottom: 1px solid #d4d7dc;
    width: 100%;
    top: 45px;
}

.ASM_customer360-modal .asm-customer360-tab a {
    font-weight: bold;
}

.ASM_customer360-modal .asm-customer360-tab .profile-pic {
    max-width: 120px;
}

.ASM_customer360-modal .asm-customer360-tab .pager th.headerSortDown,
.ASM_customer360-modal .asm-customer360-tab .pager th.headerSortUp {
    background-color: #0486e0;
}

.ASM_customer360-modal a:focus {
    text-decoration: none;
}

.ASM_customer360-modal .asm-customer360-tab .row {
    margin-top: 20px;
}

.ASM_customer360-modal .asm-customer360-tab label,
.ASM_customer360-modal .customer360-contact-sub-tab label {
    text-transform: capitalize;
    color: #808fa1;
}

.ASM_customer360-modal .asm-customer360-tab p {
    font-weight: 600;
    margin-bottom: 5px;
}

.ASM_customer360-modal .customer360-contact-sub-tab p {
    font-weight: normal;
}

.ASM_customer360-modal .default-pic:before {
    content: '\e801';
}

.ASM_customer360-modal .default-pic {
    font-family: 'asm_icons', sans-serif;
    color: #A6A6A6;
    font-size: 110px;
    line-height: 1;
    display: block;
    max-width: 100%;
    height: auto;
}

@media(max-width:667px) {
    .ASM_customer360-modal .asm-customer360-overview-tab:before {
        border: none;
    }
}

.nav-tabs.asm__customer360__menu>li>a {
    font-size: 15px;
}

.nav-tabs.asm__customer360__menu .caret {
    color: #a1aebd;
}

.nav-tabs.asm__customer360__menu>li.active>a:hover,
.nav-tabs.asm__customer360__menu>li.active>a:focus {
    color: #0486e0;
    background: none;
}

@media(max-width:667px) {
    .ASM_customer360-modal .asm__customer360__menu {
        margin-bottom: 20px;
        border-bottom: 1px solid #dddddd;
    }
}

.ASM_customer360-modal .asm__customer360 .techne-table>thead>tr>th.pointer {
    cursor: pointer;
    position: relative;
}

.ASM_customer360-modal .headerSortDown:after {
    font-family: 'asm_icons', sans-serif;
    content: '\e80f';
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    padding-left: 8px;
    color: #7f90a4;
}

.ASM_customer360-modal .headerSortUp:after {
    font-family: 'asm_icons', sans-serif;
    content: '\e80e';
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    padding-left: 8px;
    color: #7f90a4;
}

.ASM_customer360-modal .techne-table th.headerSortDown,
.ASM_customer360-modal .techne-table th.headerSortUp,
.asm__customer360 .techne-table>thead>tr>th.header:hover {
    color: #454a5d;
}

@media(max-width:667px) {
    .ASM_customer360-modal .asm-customer360-tab:before {
        border: none;
    }

    .ASM_customer360-modal h3 {
        margin-bottom: 0;
        padding-bottom: 10px;
        width: 100%;
    }

    .ASM_customer360-modal img {
        margin: 0 auto;
    }

    .ASM_customer360-modal .default-pic {
        text-align: center;
    }
}

.overview-tab-charts canvas {
    margin: 0 auto;
}

.asm__customer360-overview-product-view {
    border: 1px solid #ebeef1;
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 55px;
    box-shadow: -1px 1px 1px #eff0f2;
}

.asm__customer360-overview-product-img {
    float: left;
    margin-right: 20px
}

.asm__customer360-overview-product-name {
    padding-top: 10px;
    padding-right: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.asm__customer360-overview-product-views {
    font-weight: 600;
}

.asm__customer360-overview-product-img img {
    width: 120px;
}

.asm__customer360-overview-product-time {
    font-size: 12px;
    text-transform: uppercase;
    color: #8592a2;
    padding-bottom: 9px;
}

.asm-customer360-reviews-tab .rating-stars span.active {
    color: #2c98e4;
}

.clear {
    clear: both;
}

#asm-customer360-activity-table {
    table-layout: fixed;
    overflow: hidden;
    clear: both;
}

#asm-customer360-reviews-table td[data-th="Item"],
#asm-customer360-reviews-table td[data-th="Rate"],
#asm-customer360-tickets-table td[data-th="Created"],
#asm-customer360-tickets-table td[data-th="Updated"],
#asm-customer360-tickets-table td[data-th="Status"],
#asm-customer360-activity-table td[data-th="Description"] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media(min-width:769px) {
    .asm-customer360-table-onLineCell {
        line-height: 1.42857em;
        height: 1.42857em;
        overflow: hidden;
    }
}

#asm-customer360-activity-table th.status {
    width: 10%;
}

@media(min-width:767px) {

    #asm-customer360-activity-table th:first-child,
    #asm-customer360-activity-table td:first-child {
        width: 10%;
    }

    #asm-customer360-activity-table th:nth-child(2),
    #asm-customer360-activity-table td:nth-child(2) {
        width: 15%;
    }

    #asm-customer360-activity-table th:nth-child(5),
    #asm-customer360-activity-table td:nth-child(5),
    #asm-customer360-activity-table th:last-child,
    #asm-customer360-activity-table td:last-child {
        width: 17%;
    }
}

.asm__customer360-favorites-section {
    margin-top: 30px;
}

#customer-360-tabs li {
    margin-right: 10px;
}