/** Shopify CDN: Minification failed

Line 7192:0 Unexpected "}"
Line 9099:4 Expected identifier but found "!"

**/
.shopify-policy__container {
    font-family: Assistant;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 80px;
    padding-left: var(--bs-gutter-x, .75rem);
    padding-right: var(--bs-gutter-x, .75rem);
    padding-top: 60px;
    width: 100%
}

.shopify-policy__container .shopify-policy__body h1,
.shopify-policy__container .shopify-policy__body h2 {
    margin-top: 40px
}

.shopify-policy__container .shopify-policy__body h1,
.shopify-policy__container .shopify-policy__body h2,
.shopify-policy__container .shopify-policy__title h1,
.shopify-policy__container .shopify-policy__title h2 {
    font-family: Piazzolla;
    font-size: 24px;
    text-align: left
}

.shopify-policy__container .shopify-policy__body i,
.shopify-policy__container .shopify-policy__body li,
.shopify-policy__container .shopify-policy__body p,
.shopify-policy__container .shopify-policy__body strong,
.shopify-policy__container .shopify-policy__title i,
.shopify-policy__container .shopify-policy__title li,
.shopify-policy__container .shopify-policy__title p,
.shopify-policy__container .shopify-policy__title strong {
    font-size: 14px;
    line-height: 25px
}

.shopify-policy__container .shopify-policy__body strong,
.shopify-policy__container .shopify-policy__title strong {
    font-weight: 700
}

@media (min-width:576px) {
    .shopify-policy__container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .shopify-policy__container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .shopify-policy__container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .shopify-policy__container {
        max-width: 1140px
    }
}

@media (min-width:1400px) {
    .shopify-policy__container {
        max-width: 1320px
    }
}

#cart-container .heading {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: flex-start
}

@media screen and (max-width:425px) {
    #cart-container .heading {
        justify-content: space-between;
        margin: 0 20px 0 0;
        padding: 0
    }
}

#cart-container .heading h1 {
    margin: 0 0 20px
}

@media screen and (max-width:425px) {
    #cart-container .heading h1 {
        font-size: 24px;
        margin: 0 0 10px 10px
    }
}

#cart-container .heading .cart-counter {
    align-items: center;
    color: #000;
    display: inline-flex;
    font-size: 13px;
    height: 30px;
    justify-content: center;
    margin-bottom: 12.5px;
    white-space: nowrap
}

@media screen and (max-width:425px) {
    #cart-container .heading .cart-counter {
        margin-bottom: 0;
        margin-right: 10px
    }
}

#cart-container .cart {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 30px
}

@media screen and (max-width:1024px) {
    #cart-container .cart {
        flex-direction: column
    }
}

@media screen and (max-width:425px) {
    #cart-container .cart {
        padding: 0
    }
}

#cart-container .cart .items-wrapper {
    flex-direction: column
}

#cart-container .cart .items-wrapper .items {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    padding-left: 0
}

@media only screen and (max-width:767.98px) {
    #cart-container .cart .items-wrapper .gift-message-container {
        padding: 0 1.5rem
    }
}

#cart-container .cart .items-wrapper .gift-message-container textarea {
    border: 2px solid #000;
    border-radius: 5px;
    font-family: Assistant;
    height: 130px;
    padding: 4px;
    width: 400px
}

@media only screen and (max-width:767.98px) {
    #cart-container .cart .items-wrapper .gift-message-container textarea {
        height: 150px;
        width: 100%
    }
}

#cart-container .cart .items-wrapper .gift-message-container input {
    border: 2px solid #000;
    border-radius: 5px;
    padding: 4px;
    width: 400px
}

@media only screen and (max-width:767.98px) {
    #cart-container .cart .items-wrapper .gift-message-container input {
        width: 100%
    }
}

#cart-container .cart .cart-details {
    align-items: stretch;
    background: var(--primary-color);
    border-radius: 21px;
    display: flex;
    flex-direction: column;
    gap: 7.5px;
    height: 310px;
    justify-content: space-between;
    margin-left: auto;
    min-width: 200px;
    padding: 20px;
    width: 330px
}

@media screen and (max-width:425px) {
    #cart-container .cart .cart-details {
        width: 100%
    }
}

#cart-container .cart .cart-details h2 {
    font-family: kessler;
    font-size: 18px;
    margin-top: 0
}

#cart-container .cart .cart-details .sub-total-wrapper {
    padding: 5px 0
}

#cart-container .cart .cart-details .sub-total-wrapper p {
    font-family: Assistant
}

#cart-container .cart .cart-details .postage-wrapper,
#cart-container .cart .cart-details .sub-total-wrapper,
#cart-container .cart .cart-details .total-wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between
}

#cart-container .cart .cart-details .postage-wrapper p,
#cart-container .cart .cart-details .sub-total-wrapper p,
#cart-container .cart .cart-details .total-wrapper p {
    font-size: 13px;
    margin: 0
}

#cart-container .cart .cart-details .postage-wrapper span,
#cart-container .cart .cart-details .sub-total-wrapper span,
#cart-container .cart .cart-details .total-wrapper span {
    font-size: 18px;
    font-weight: 700
}

#cart-container .cart .cart-details .shipping {
    font-size: 13px
}

#cart-container .cart .cart-details .postage-link {
    color: inherit;
    font-size: 13px;
    margin-bottom: auto
}

#cart-container .cart .cart-details .postage-link:hover {
    background-color: #fff;
    border-color: #ff7170;
    color: #000
}

#cart-container .cart .cart-details .checkout-btn {
    font-weight: 600;
    margin-top: 10px;
    text-align: center;
    width: 100%
}

#cart-container .cart .cart-details .checkout-btn:hover {
    background-color: #fff;
    border-color: #ff7170;
    color: #000
}

#cart-container .cart .cart-details .line-break {
    border-top: 1px solid #707070;
    height: 0;
    margin: 15px 0;
    width: 100%
}

.contact-section {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-top: 50px;
    position: relative
}

.contact-section:before {
    content: " ";
    height: 130%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%
}

@media screen and (max-width:980px) {
    .contact-section:before {
        content: " ";
        display: none;
        height: 100%
    }
}

.contact-section .wrapper {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0;
    justify-content: center
}

@media screen and (max-width:980px) {
    .contact-section .wrapper {
        flex-direction: column;
        padding: 0
    }
}

.contact-section .wrapper .form-content,
.contact-section .wrapper .text-content {
    flex-basis: 50%;
    position: relative;
    width: 100%
}

@media screen and (max-width:750px) {

    .contact-section .wrapper .form-content,
    .contact-section .wrapper .text-content {
        padding: 30px 1.5rem
    }
}

.contact-section .wrapper .text-content {
    padding-right: 100px
}

@media screen and (max-width:980px) {
    .contact-section .wrapper .text-content {
        background: #fff;
        padding: 30px 5rem
    }
}

.contact-section .wrapper .text-content h1 {
    font-size: 24px
}

.contact-section .wrapper .text-content p {
    font-size: 14px
}

.contact-section .wrapper .text-content .contact-info {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    justify-content: flex-start;
    list-style-type: none;
    margin: 50px 0 30px;
    padding: 0
}

.contact-section .wrapper .text-content .contact-info li {
    align-items: center;
    display: flex;
    font-weight: 700;
    gap: 0 10px;
    justify-content: flex-start
}

.contact-section .wrapper .form-content {
    padding: 25px 0 100px 50px
}

@media screen and (max-width:980px) {
    .contact-section .wrapper .form-content {
        padding: 30px 5rem 50px
    }
}

.contact-section .wrapper .form-content form {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center
}

.contact-section .wrapper .form-content form .input-group {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.main-404-qf-section {
    margin: max(50px, 10vw) 0;
    text-align: center
}

.main-404-qf-section h1 {
    font-size: 80px;
    font-weight: 700;
    letter-spacing: 8px;
    letter-spacing: 2px;
    margin: 0 0 30px
}

.main-404-qf-section h3 {
    font-size: 18px;
    letter-spacing: 2px;
    margin: 0 0 15px;
    text-transform: uppercase
}

.main-404-qf-section p {
    letter-spacing: 2px
}

.main-404-qf-section a {
    border-bottom: 1px solid;
    letter-spacing: 2px
}

.customer.register {
    height: 100%;
    margin: 0;
    max-width: auto;
    padding: 40px 0 80px;
    width: 100%
}

.customer.register .wrapper {
    align-items: flex-start;
    background: var(--primary-color);
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    padding: 20px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media screen and (max-width:850px) {
    .customer.register .wrapper {
        align-items: center;
        width: auto
    }
}

.customer.register .wrapper h1 {
    margin: 0;
    text-align: left
}

@media screen and (max-width:850px) {
    .customer.register .wrapper h1 {
        font-size: 18px;
        justify-content: center;
        max-width: 330px;
        width: 100%
    }
}

.customer.register .wrapper form {
    display: grid;
    gap: 25px 0;
    gap: 0 50px;
    grid-auto-flow: column;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    margin: 0;
    max-width: 700px;
    width: 100%
}

@media screen and (max-width:850px) {
    .customer.register .wrapper form {
        gap: 25px 0;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);
        place-items: center
    }
}

.customer.register .wrapper form .field.submit {
    grid-column: 2/-1;
    grid-row: 4/5;
    height: 100%
}

@media screen and (max-width:850px) {
    .customer.register .wrapper form .field.submit {
        grid-column: 1/-1;
        grid-row: auto;
        margin: 0 auto;
        width: 100%
    }
}

.customer.register .wrapper form .field.submit .submitForm {
    background-color: var(--button-1-color);
    border-radius: var(--button-1-radius);
    color: var(--button-1-text-color);
    font-size: var(--button-font-size);
    font-weight: 700;
    margin-left: auto;
    padding: var(--button-v-padding) var(--button-h-padding);
    transition: var(--button-transition);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.customer.register .wrapper form .field.submit .submitForm:hover {
    background-color: var(--button-1-hover-color);
    border-radius: var(--button-1-hover-radius);
    color: var(--button-1-hover-text-color)
}

.customer.register .wrapper form .field {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    max-width: 330px;
    width: 100%
}

@media screen and (min-width:768px) {
    .customer.register .wrapper form .field {
        margin-top: 30px
    }
}

@media screen and (max-width:850px) {
    .customer.register .wrapper form .field {
        grid-column: 1/-1
    }
}

.customer.register .wrapper form .field input {
    background: #fff;
    border-radius: 21px;
    font-size: 14px;
    height: 36px;
    padding: 10px 20px
}

.customer.register .wrapper form .field input::-moz-placeholder {
    color: #000;
    font-size: 14px;
    letter-spacing: 0;
    opacity: .5
}

.customer.register .wrapper form .field input::placeholder {
    color: #000;
    font-size: 14px;
    letter-spacing: 0;
    opacity: .5
}

.customer.register .wrapper form .field input[type=checkbox] {
    width: 0
}

.customer.register .wrapper form .field label {
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    margin-bottom: 10px;
    position: relative
}

@media screen and (max-width:850px) {
    .customer.register .wrapper form .field label {
        font-size: 14px
    }
}

.customer.register .wrapper #password-error {
    color: red;
    text-align: left;
    width: 100%
}

@media screen and (min-width:768px) {
    .customer.register .wrapper #password-error {
        margin-bottom: -30px
    }
}

.customer.register .wrapper #password-error a {
    color: red;
    text-decoration: underline
}

.customer.login {
    height: 100%;
    margin: 0;
    max-width: auto;
    padding: 40px 0 80px;
    width: 100%
}

.customer.login .wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center
}

.customer.login .wrapper h1 {
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 20px;
    max-width: 330px;
    text-align: left;
    width: 100%
}

@media screen and (max-width:850px) {
    .customer.login .wrapper h1 {
        font-size: 18px;
        justify-content: center;
        max-width: 330px
    }
}

.customer.login .wrapper .recoverPassword {
    display: none
}

.customer.login .wrapper .forgotPassword,
.customer.login .wrapper .forgotPassword a {
    font-size: 14px;
    grid-column: 1/-1
}

.customer.login .wrapper .forgotPassword {
    margin: 0;
    max-width: 330px;
    text-align: right;
    width: 100%
}

.customer.login .wrapper .forgotPassword a {
    text-decoration-thickness: 1px
}

.customer.login .wrapper .forgotPassword a:hover {
    text-decoration: underline
}

.customer.login .wrapper .loginForm {
    background: var(--primary-color);
    border: 20px solid var(--primary-color);
    flex-direction: column;
    max-width: 330px;
    padding: 10px;
    width: 100%
}

.customer.login .wrapper .loginForm form {
    display: grid;
    gap: 25px 0;
    gap: 25px 20px;
    grid-auto-flow: column;
    grid-template-columns: repeat(2, 1fr);
    margin: 0;
    max-width: 700px;
    place-items: center;
    position: relative;
    width: 100%
}

.customer.login .wrapper .loginForm form .submitForm {
    background-color: var(--button-1-color);
    border-radius: var(--button-1-radius);
    color: var(--button-1-text-color);
    font-size: var(--button-font-size);
    font-weight: 700;
    grid-column: 2/3;
    justify-self: end;
    margin-left: auto;
    padding: var(--button-v-padding) var(--button-h-padding);
    text-align: center;
    transition: var(--button-transition);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    width: 100%
}

.customer.login .wrapper .loginForm form .submitForm:hover {
    background-color: var(--button-1-hover-color);
    border-radius: var(--button-1-hover-radius);
    color: var(--button-1-hover-text-color)
}

.customer.login .wrapper .loginForm form .field {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    grid-column: 1/-1;
    justify-content: center;
    margin: 0;
    max-width: 330px;
    width: 100%
}

@media screen and (max-width:850px) {
    .customer.login .wrapper .loginForm form .field {
        grid-column: 1/-1
    }
}

.customer.login .wrapper .loginForm form .field input {
    background: #fff;
    border: none;
    border-radius: 21px;
    font-size: 14px;
    height: 36px;
    padding: 10px 20px;
    width: 100%
}

.customer.login .wrapper .loginForm form .field input::-moz-placeholder {
    color: #000;
    font-size: 14px;
    letter-spacing: 0;
    opacity: .5
}

.customer.login .wrapper .loginForm form .field input::placeholder {
    color: #000;
    font-size: 14px;
    letter-spacing: 0;
    opacity: .5
}

.customer.login .wrapper .loginForm form .field label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 10px;
    position: static
}

@media screen and (max-width:850px) {
    .customer.login .wrapper .loginForm form .field label {
        font-size: 14px
    }
}

.customer.login .wrapper .loginForm form .form-errors {
    align-items: flex-start;
    background: #f33;
    color: #fff;
    display: flex;
    flex-direction: row;
    grid-column: 1/-1;
    justify-content: flex-start;
    left: 0;
    margin: 10px auto;
    padding: 5px 10px
}

.customer.login .wrapper .loginForm form .form-errors .icon-error {
    height: 20px;
    min-height: 15px;
    min-width: 15px;
    width: 20px
}

.customer.login .wrapper .loginForm form .form-errors .form__message {
    margin: -2px 5px 0 10px
}

.customer.login .wrapper .loginForm form .form-errors .form__message strong {
    font-weight: 700
}

.customer.login .wrapper .loginForm form .form-errors ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.customer.login .wrapper .loginForm form .form-errors ul li {
    color: #fff
}

.customer.login .form__message.success {
    align-items: flex-start;
    display: flex;
    font-size: 16px;
    gap: 10px;
    margin: 0 0 20px
}

.customer.login .form__message.success svg {
    height: 20px;
    width: 20px
}

.register.button-3 {
    background-color: #fff;
    border: 1px solid var(--button-2-text-color);
    border-radius: var(--button-1-radius);
    color: var(--button-2-text-color);
    font-size: var(--button-font-size);
    font-weight: 700;
    margin-right: auto;
    padding: var(--button-v-padding) var(--button-h-padding);
    text-align: center;
    text-decoration: none;
    transition: var(--button-transition);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    width: 100%
}

.register.button-3:hover {
    background-color: var(--button-1-color);
    border-radius: var(--button-1-hover-radius);
    color: #fff
}

.recoverPassword {
    background: var(--primary-color);
    border: 20px solid var(--primary-color);
    flex-direction: column;
    padding: 10px
}

.recoverPassword form {
    align-items: center;
    gap: 20px;
    justify-content: center
}

.recoverPassword form label {
    float: left;
    margin-bottom: 10px
}

.recoverPassword .recoverControls {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 200px;
    width: 100%
}

.customer.reset-password {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 80px
}

.customer.reset-password .title-wrapper {
    background: var(--primary-color);
    width: 100%
}

.customer.reset-password .title-wrapper h1 {
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: left
}

.customer.reset-password .form-wrapper {
    background: var(--primary-color);
    border: 20px solid var(--primary-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 40px;
    max-width: 330px;
    padding: 10px;
    width: 100%
}

.customer.reset-password .form-wrapper .heading-wrapper p {
    margin: 0 0 25px
}

.customer.reset-password .form-wrapper form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    width: 100%
}

.customer.reset-password .form-wrapper .field {
    display: flex;
    flex-direction: column-reverse;
    gap: 5px;
    justify-content: flex-start;
    width: 100%
}

.customer.reset-password .form-wrapper .field input {
    background: #fff;
    border: none;
    border-radius: 21px;
    font-size: 14px;
    height: 36px;
    padding: 10px 20px;
    width: 100%
}

.customer.reset-password .form-wrapper .field input::-moz-placeholder {
    color: #000;
    font-size: 14px;
    letter-spacing: 0;
    opacity: .5
}

.customer.reset-password .form-wrapper .field input::placeholder {
    color: #000;
    font-size: 14px;
    letter-spacing: 0;
    opacity: .5
}

.customer.reset-password .form-wrapper .field label {
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    margin-bottom: 10px;
    position: static
}

@media screen and (max-width:850px) {
    .customer.reset-password .form-wrapper .field label {
        font-size: 14px
    }
}

.customer.reset-password .form-message-errors {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.customer.reset-password .form-message-errors,
.customer.reset-password .form-message-errors a,
.customer.reset-password .form-message-errors li {
    color: red
}

.main-search-qf .result_amount {
    background: #f0fac8;
    color: #000;
    margin-bottom: 20px;
    padding: 30px 0;
    text-align: center;
    width: 100%
}

.main-search-qf .result_amount p {
    margin: 0
}

.main-search-qf .product-card-wrapper {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr
}

.main-search-qf .border {
    border-top: 1px solid #ddd;
    margin-bottom: 100px;
    margin-top: 30px
}

.main-search-qf .pagination-wrapper {
    display: flex;
    font-size: 16px;
    justify-content: space-evenly;
    margin: 0 auto;
    max-width: 300px;
    padding-top: 30px;
    text-align: center
}

.main-search-qf .pagination-wrapper .current {
    color: #ff7170
}

.main-search-qf .page-and-article-results-wrapper {
    margin-bottom: 100px;
    margin-top: 100px
}

.main-search-qf .page-and-article-results-body {
    display: grid;
    grid-auto-rows: 1fr
}

.main-search-qf .page-and-article-results-body li {
    list-style: none
}

.main-search-qf .page-and-article-results-body a {
    align-items: center;
    border: 1px solid hsla(0, 0%, 51%, .2);
    border-top: 0;
    display: flex;
    font-size: 16px;
    height: 100%;
    padding: 8px 20px;
    transition: color .15s ease-in-out, background .15s ease-in-out
}

.main-search-qf .page-and-article-results-body a:hover {
    fill: #ff7170;
    background-color: #f9f9f9;
    color: #ff7170
}

.main-search-qf .page-and-article-results-body svg {
    margin-right: 5px;
    max-height: 16px;
    max-width: 16px;
    min-height: 16px;
    min-width: 16px
}

.main-search-qf .page-and-article-results-header {
    background-color: var(--primary-color);
    border: 1px solidrgba(129, 129, 129, .2);
    display: none;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 2;
    margin: 0;
    padding: 15px
}

@media only screen and (min-width:768px) {
    .main-search-qf .product-card-wrapper {
        grid-template-columns: 1fr 1fr 1fr
    }

    .main-search-qf .border {
        margin-top: 60px
    }

    .main-search-qf .pagination-wrapper {
        padding-top: 40px
    }

    .main-search-qf .page-and-article-results-header {
        margin-bottom: 10px
    }

    .main-search-qf .page-and-article-results-body {
        grid-template-columns: 1fr 1fr
    }

    .main-search-qf .page-and-article-results-body a {
        border: 0;
        box-shadow: inset -1px -1px hsla(0, 0%, 47%, .15), -1px -1px hsla(0, 0%, 47%, .15)
    }
}

@media only screen and (min-width:1024px) {
    .main-search-qf .product-card-wrapper {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

.footer-section {
    padding: 50px 0
}

@media screen and (max-width:767.98px) {
    .footer-section {
        padding-bottom: 15px;
        padding-top: 0
    }
}

.footer-section .page-width {
    display: grid;
    gap: 3vw;
    grid-template-columns: 1fr 1fr 1fr
}

@media screen and (min-width:767.98px) and (max-width:991.98px) {
    .footer-section .page-width {
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width:767.98px) {
    .footer-section .page-width {
        grid-template-columns: 1fr
    }
}

.footer-section .page-width a {
    font-size: 16px;
}

.footer-section .page-width p {
    margin-top: 0;
    font-size: 40px;
    font-family: 'kessler'
}

.footer-section .page-width img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

@media screen and (max-width:767.98px) {
    .footer-section .page-width .contact {
        order: 3
    }

    .footer-section .page-width .contact .footer-section-heading {
        display: none
    }
}

.footer-section .page-width .contact .logo-container {
    margin-bottom: 40px;
    width: 80%
}

@media screen and (max-width:767.98px) {
    .footer-section .page-width .contact .logo-container {
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

.footer-section .page-width .contact .footer-email a:hover {
    text-decoration: underline
}

.footer-section .page-width .contact .footer-email svg {
    transform: translateY(3px);
    width: 20px
}

@media screen and (max-width:767.98px) {
    .footer-section .page-width .contact .footer-email {
        display: none
    }
}

.footer-section .page-width .contact .footer-slogan,
.footer-section .page-width .contact .social-icons {
    margin-bottom: 40px
}

@media screen and (max-width:767.98px) {

    .footer-section .page-width .contact .footer-slogan,
    .footer-section .page-width .contact .social-icons {
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto
    }
}

.footer-section .page-width .contact .footer-slogan {
    width: 80%
}

@media screen and (max-width:767.98px) {
    .footer-section .page-width .contact .footer-slogan {
        display: none
    }
}

.footer-section .page-width .contact .social-icons {
    width: 60%
}

@media screen and (max-width:767.98px) {
    .footer-section .page-width .contact .social-icons {
        margin-left: auto;
        margin-right: auto;
        width: 80%
    }
}

.footer-section .page-width .contact .social-icons svg {
    width: 22px
}

.footer-section .page-width .contact .social-icons svg:hover {
    stroke: var(--secondary-color)
}

@media screen and (max-width:767.98px) {
    .footer-section .page-width .contact .payment-icons {
        margin-left: auto;
        margin-right: auto;
        width: 80%
    }
}

.footer-section .page-width .footer-section-heading {
    margin-bottom: 40px
}

.footer-section .page-width .menus {
    display: flex;
    gap: 20px;
    justify-content: space-between
}

@media screen and (max-width:767.98px) {
    .footer-section .page-width .menus {
        display: none
    }
}

.footer-section .page-width .menus ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-section .page-width .menus ul li {
    margin-bottom: 10px
}

.footer-section .page-width .menus ul li a {
    font-size: 16px;
    text-decoration: none;
    text-transform: lowercase
}

.footer-section .page-width .menus ul li a:hover {
    text-decoration: underline
}

.footer-section .page-width .menus-mobile {
    margin-bottom: 30px;
    order: 2
}

.footer-section .page-width .menus-mobile .accordion {
    border: none;
    color: #000;
    cursor: pointer;
    font-family: kessler;
    font-size: 20px;
    outline: none;
    padding: 10px 0;
    position: relative;
    text-align: left;
    transition: all .3s;
    width: 100%
}

.footer-section .page-width .menus-mobile .accordion .custom-arrow {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.footer-section .page-width .menus-mobile .accordion .custom-arrow svg {
    transition: all .3s;
    width: 16px
}

.footer-section .page-width .menus-mobile .accordion.active .custom-arrow svg {
    transform: rotate(45deg)
}

.footer-section .page-width .menus-mobile .accordion:hover {
    color: #000 !important
}

.footer-section .page-width .menus-mobile .panel {
    max-height: 0;
    overflow: hidden;
    padding: 0 10px;
    transition: max-height .2s ease-out
}

.footer-section .page-width .menus-mobile .panel .footer-email,
.footer-section .page-width .menus-mobile .panel .footer-slogan {
    margin-left: 20px
}

.footer-section .page-width .menus-mobile .panel .footer-email svg,
.footer-section .page-width .menus-mobile .panel .footer-slogan svg {
    transform: translateY(3px)
}

.footer-section .page-width .menus-mobile .panel ul {
    -moz-columns: 2;
    column-count: 2;
    list-style: none;
    margin: 0 0 0 20px;
    padding: 0
}

.footer-section .page-width .menus-mobile .panel ul li {
    margin-bottom: 15px
}

.footer-section .page-width .menus-mobile .panel ul li a {
    font-size: 14px;
    text-decoration: none
}

.footer-section .page-width .menus-mobile .panel ul li a:hover {
    text-decoration: underline
}

@media screen and (min-width:768px) {
    .footer-section .page-width .menus-mobile {
        display: none
    }
}

.footer-section .page-width .sign-up {
    align-items: center;
    aspect-ratio: 1;
    background-color: #ff7170;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    padding: 30px
}

@media screen and (min-width:767.98px) and (max-width:991.98px) {
    .footer-section .page-width .sign-up {
        aspect-ratio: unset;
        border-radius: 0;
        grid-column-end: 3;
        grid-column-start: 1;
        margin: 0 -5rem;
        padding: 50px 30px;
        text-align: center
    }
}

@media screen and (max-width:767.98px) {
    .footer-section .page-width .sign-up {
        aspect-ratio: unset;
        border-radius: 0;
        margin: 0 -1.5rem;
        order: 1;
        padding: 50px 30px
    }
}

.footer-section .page-width .sign-up .footer-form-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.footer-section .page-width .sign-up .footer-form-container .text {
    display: flex;
    gap: 20px
}

@media screen and (max-width:767.98px) {
    .footer-section .page-width .sign-up .footer-form-container .text {
        text-align: center
    }
}

.footer-section .page-width .sign-up .footer-form-container .text>div {
    align-items: center;
    display: flex
}

.footer-section .page-width .sign-up .footer-form-container .text p {
    font-size: inherit
}

.footer-section .page-width .sign-up .footer-form-container .text p:first-of-type {
    margin-top: 0
}

.footer-section .page-width .sign-up .footer-form-container .text .image {
    width: 35%
}

@media screen and (max-width:991.98px) {
    .footer-section .page-width .sign-up .footer-form-container .text .image {
        display: none
    }
}

.footer-section .page-width .sign-up .footer-form-container .text .image img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.footer-section .page-width .sign-up .footer-form-container form {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.footer-section .page-width .sign-up .footer-form-container form label {
    height: 0;
    opacity: 0;
    overflow: hidden;
    width: 0
}

.footer-section .page-width .sign-up .footer-form-container form input {
    border: none;
    border-radius: 5px;
    color: #000;
    font-size: 12px;
    padding: var(--button-v-padding) var(--button-h-padding);
    text-align: center;
    width: 100%
}

.footer-section .page-width .sign-up .footer-form-container form input::-moz-placeholder {
    color: grey
}

.footer-section .page-width .sign-up .footer-form-container form input::placeholder {
    color: grey
}

.footer-section .page-width .sign-up .footer-form-container form button {
    font-size: 12px;
    width: 100%
}

.footer-bottom .page-width {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding-bottom: 20px;
    padding-top: 10px
}

@media screen and (max-width:767.98px) {
    .footer-bottom .page-width {
        justify-content: center
    }
}

.footer-bottom .page-width a {
    font-size: 14px
}

.footer-bottom .page-width a:hover {
    text-decoration: underline
}

.footer-bottom .page-width .copyright {
    font-size: 14px
}

.footer-bottom .page-width .copyright span {
    margin: 0 4px
}

@media screen and (max-width:767.98px) {
    .footer-bottom .page-width .policy-menu {
        display: none
    }
}

.footer-bottom .page-width .policy-menu span {
    margin: 0 4px
}

.footer-bottom .page-width .policy-menu span:last-of-type {
    display: none
}

.nav-mega-menu {
    padding: 0 !important
}

.nav-mega-menu a,
.nav-mega-menu span {
    display: block;
    font-family: Assistant !important;
    font-size: 14px;
    font-weight: 400 !important;
    text-transform: lowercase;
}

@media screen and (max-width:767.98px) {
    .nav-mega-menu {
        display: none
    }
}

.mega-menu-top-items {
    display: flex;
    justify-content: space-around
}

.mega-menu-top-items .menu-item {
    cursor: default;
    min-height: 58px;
    padding: 20px 25px;
    text-transform: uppercase;
    transition: all .3s;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.mega-menu-top-items .menu-item a {
    cursor: pointer
}

@media screen and (min-width:769px) and (max-width:1280px) {
    .mega-menu-top-items .menu-item {
        font-size: 1.2vw
    }
}

.menu-item:hover+.mega-menu .mega-menu-banner-image {
    display: block
}

.mega-menu {
    background-color: #fff;
    left: 50%;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content;
    opacity: 0;
    padding: 0 20px !important;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transform: translate(-50%);
    transition: all .3s;
    width: calc(100vw - 17px);
    z-index: 999
}

.mega-menu:hover {
    opacity: 1;
    pointer-events: auto;
    transition: all .3s
}

.mega-menu:hover .mega-menu-banner-image {
    display: block
}

.mega-menu-top-items>div:hover+.mega-menu {
    opacity: 1;
    pointer-events: auto;
    transition: all .3s
}

.mega-menu-container {
    display: flex;
    height: 100%;
    padding: 20px 3vw
}

.mega-menu-menu {
    flex: 2;
    font-size: 13px;
    font-weight: 700;
    padding-right: 20px;
    margin: 20px 0;
}

.mega-menu-menu ul {
    font-weight: 500;
    list-style: none;
    margin: 15px 0 0;
    padding: 0
}

.mega-menu-menu ul li {
    margin: 3px 0;
    padding: 3px 10px 0 0;
    position: relative
}

.mega-menu .menu-chevron {
    display: none;
    position: absolute;
    right: 10px;
    top: 6px;
    width: 8px
}

.mega-menu-menu ul li a:hover {
    color: #ff7170 !important
}

.mega-menu-menu ul li:hover .menu-chevron {
    display: block
}

.mega-menu .menu-chevron svg {
    width: 100%
}

.mega-menu-menu ul li a {
    display: block;
    font-size: 13px;
    width: 100%
}

.mega-menu-banner-wrapper {
    display: flex;
    flex: 4;
    padding-left: 20px
}

.mega-menu-banner {
    cursor: pointer;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    padding: 5px 5px 0;
    transition: all .3s
}

.mega-menu-banner:last-of-type {
    padding-right: 0
}

.mega-menu-banner-title {
    align-items: center;
    padding: 5px 0
}

.mega-menu-banner-title span svg {
    transform: translateY(2px);
    transition: all .3s;
    visibility: hidden;
    width: 10px
}

.mega-menu-banner:hover .mega-menu-banner-title span svg {
    visibility: visible
}

.mega-menu-banner-image {
    aspect-ratio: 20/19;
    display: none;
    flex: 1;
    overflow: hidden;
    position: relative;
    width: 100%
}

.mega-menu-banner-desc {
    color: #fff;
    bottom: 0;
    font-size: 13px;
    padding: 15px;
    position: absolute;
    transition: all .3s;
    width: 100%
}

.mega-menu-banner:hover .mega-menu-banner-desc {
    bottom: 0
}

.mega-menu-banner-desc .desc-title {
    font-size: 20px;
    font-family: 'kessler';
    font-weight: 400;
    text-transform: none;
    margin-bottom: 10px
}

.mega-menu-banner-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition: all .3s;
    width: 100%
}

.mega-menu-banner:hover .mega-menu-banner-image img {
    transform: scale(1.05);
    transition: all .3s
}

.mega-menu-banner-image-hover {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 100%
}

.mega-menu-banner:hover .mega-menu-banner-image-hover {
    opacity: 1;
    transition: all .3s
}

.mega-menu-banner-image-hover img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

#mobile-menu-open svg {
    height: 32px;
    width: 32px
}

.header-icons-mobile {
    display: none
}

.header-icons {
    transition: opacity .5s
}

.header-icons.header-icons--hidden {
    opacity: 0
}

.header-logo {
    margin: 0
}

.header-logo a {
    display: block;
    margin: 0 auto;
    padding: 0
}

.header-logo a img {
    display: block;
    height: auto;
    width: 100%
}

@media screen and (max-width:992px) {
    .header-icons .header-icons--hide-mobile {
        display: none
    }

    .header-content .header-burger {
        justify-content: flex-start
    }

    .header-content .mega-menu-right {
        justify-content: flex-end
    }

    .header-content .mega-menu-right #desktop-header-icons {
        width: 60px
    }

    .header-content .mega-menu-right .header-icons-mobile-show .header-icons-mobile {
        display: flex;
        justify-content: flex-start !important;
        width: 60px !important
    }
}

@media screen and (max-width:767px) {
    #site-header .header-content {
        align-items: center
    }

    #site-header .header-logo {
        margin: 0 auto;
        padding: 0
    }

    #site-header .mega-menu-right {
        flex: initial
    }

    #site-header .header-icons {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    #site-header .header-icons .store-selector-wrapper {
        flex: 1
    }

    #site-header .header-icons .store-selector-wrapper button {
        background-size: cover;
        height: 19px;
        margin: 0;
        padding: 0;
        width: 25px
    }

    #site-header .header-icons div:not(.store-selector-wrapper, .location-submenu) a,
    #site-header .header-icons div:not(.store-selector-wrapper, .location-submenu) button,
    #site-header .header-icons div:not(.store-selector-wrapper, .location-submenu) div,
    #site-header .header-icons div:not(.store-selector-wrapper, .location-submenu) span:not(.cart-count, .topbadge),
    #site-header .header-icons div:not(.store-selector-wrapper, .location-submenu) svg {
        height: 18px;
        width: 18px
    }

    #site-header .header-icons div:not(.store-selector-wrapper, .location-submenu) a svg,
    #site-header .header-icons div:not(.store-selector-wrapper, .location-submenu) button svg,
    #site-header .header-icons div:not(.store-selector-wrapper, .location-submenu) div svg,
    #site-header .header-icons div:not(.store-selector-wrapper, .location-submenu) span:not(.cart-count, .topbadge) svg {
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        width: 100%
    }

    #site-header .header-icons div:not(.store-selector-wrapper, .location-submenu) .cart-count,
    #site-header .header-icons div:not(.store-selector-wrapper, .location-submenu) .topbadge {
        align-items: center;
        aspect-ratio: 1;
        display: flex;
        font-size: 10px;
        justify-content: center;
        padding: 1px 4px !important;
        right: -9px;
        top: -7px
    }

    #site-header .header-icons div:not(.store-selector-wrapper, .location-submenu) .topbadge {
        top: -9px
    }
}

.product-quickview .product-card-qf {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

.product-quickview .product-card-qf .shopify-product-form {
    display: flex;
    flex-direction: column;
    gap: 3px
}

.product-quickview .product-card-qf .qv-submit-buttons {
    margin-top: 10px
}

.product-quickview .product-card-qf .quickview-recommended-wrapper {
    background-color: var(--primary-color);
    border-radius: 5px;
    font-family: kessler;
    font-size: 14px;
    margin-top: 10px;
    padding: 9px 10px;
    text-align: center
}

.product-quickview .product-card-qf .quickview-recommended-wrapper .quickview-recommended-items {
    display: flex;
    justify-content: space-between;
    margin-top: 10px
}

.product-quickview .product-card-qf .quickview-recommended-wrapper .quickview-recommended-items .rec-product {
    position: relative;
    width: 23%
}

.product-quickview .product-card-qf .quickview-recommended-wrapper .quickview-recommended-items .rec-product:hover img {
    transform: scale(1.05)
}

.product-quickview .product-card-qf .quickview-recommended-wrapper .quickview-recommended-items .rec-product .rec-product-price {
    background-color: #ff91b7;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    left: 0;
    padding: 2px 3px;
    position: absolute;
    top: 0
}

.product-quickview .product-card-qf .quickview-recommended-wrapper .quickview-recommended-items .rec-product .rec-product-image {
    aspect-ratio: 4/5;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.product-quickview .product-card-qf .quickview-recommended-wrapper .quickview-recommended-items .rec-product .rec-product-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s;
    width: 100%
}

.product-quickview .product-card-qf .quickview-recommended-wrapper .quickview-recommended-items .rec-product .rec-product-image .rec-product-eye {
    bottom: 1px;
    cursor: pointer;
    position: absolute;
    right: 5px
}

.product-quickview .product-card-qf .quickview-recommended-wrapper .quickview-recommended-items .rec-product .rec-product-image .rec-product-eye svg {
    fill: #000;
    height: 17px;
    width: 17px
}

.product-quickview .product-card-qf .quickview-recommended-wrapper .quickview-recommended-items .rec-product .rec-product-image .rec-product-eye svg #Path_2063,
.product-quickview .product-card-qf .quickview-recommended-wrapper .quickview-recommended-items .rec-product .rec-product-image .rec-product-eye svg #Path_2064 {
    stroke: #000
}

.product-quickview .product-card-qf .quickview-recommended-wrapper .quickview-recommended-items .rec-product .rec-product-title {
    font-size: 12px;
    font-weight: 700
}

.product-quickview .product-card-qf .img-wrap {
    aspect-ratio: 5/6;
    background-position: 50%;
    background-size: cover;
    border-radius: 5px;
    overflow: hidden;
    position: relative
}

.product-quickview .product-card-qf .img-wrap img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: .3s ease;
    width: 100%
}

.product-quickview .product-card-qf .img-wrap[multi-image] img:hover {
    opacity: 0
}

.product-quickview .product-card-qf .img-wrap svg {
    height: auto;
    width: 100%
}

.product-quickview .product-card-qf a,
.product-quickview .product-card-qf p {
    margin: 0
}

.product-quickview .product-card-qf .product-price {
    font-family: assistant;
    font-size: 14px
}

.product-quickview .product-card-qf .product-price.brand {
    font-weight: 400
}

.product-quickview .product-card-qf .product-title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    min-height: 42px;
    overflow: hidden
}

.product-quickview .product-card-qf .product-button button {
    box-sizing: border-box;
    width: 100%
}

.product-quickview #quick-product-id {
    height: 0;
    opacity: 0;
    overflow: hidden !important;
    position: absolute;
    width: 0
}

.product-quickview .variant-radio-wrapper {
    display: flex;
    gap: 4px;
    justify-content: space-between
}

@media only screen and (max-width:767.98px) {
    .product-quickview .variant-radio-wrapper {
        flex-wrap: wrap;
        justify-content: flex-start
    }
}

.product-quickview .variant-radio-wrapper .variant-radio-container {
    flex: 1;
    height: 35px;
    position: relative;
    width: 52px
}

@media only screen and (max-width:767.98px) {
    .product-quickview .variant-radio-wrapper .variant-radio-container {
        flex: unset;
        width: 15.5%
    }
}

.product-quickview .variant-radio-wrapper .variant-radio-container input,
.product-quickview .variant-radio-wrapper .variant-radio-container label {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.product-quickview .variant-radio-wrapper .variant-radio-container input {
    cursor: pointer;
    opacity: 0;
    z-index: 1
}

.product-quickview .variant-radio-wrapper .variant-radio-container input:checked+label {
    background-color: #000;
    color: #fff
}

.product-quickview .variant-radio-wrapper .variant-radio-container input[disabled] {
    cursor: not-allowed
}

.product-quickview .variant-radio-wrapper .variant-radio-container label {
    align-items: center;
    background-color: #fafafa;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    justify-content: center;
    line-height: 1.2;
    text-align: center
}

.product-quickview .variant-radio-wrapper .variant-radio-container label.disabled {
    cursor: not-allowed;
    opacity: .5;
    pointer-events: none
}

.product-quickview .variant-radio-wrapper .variant-radio-container label span {
    font-size: 10px;
    font-weight: 400
}

.product-quickview .submit-button {
    width: 100%
}

.product-quickview .product-title-wrapper h1 {
    margin-bottom: 16px
}

.product-quickview .description {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 12px;
    min-height: 30.5px;
    overflow: hidden
}

.product-quickview .heading-md {
    margin: 0
}

.product-quickview label {
    font-weight: 700
}

.product-quickview h1 {
    display: inline-block
}

.product-quickview .selector-wrapper {
    height: 0;
    margin: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0
}

.product-quickview .selector-wrapper label {
    margin-right: 6px
}

.product-quickview .selector-wrapper select {
    background-color: #fafafa;
    border: none;
    height: 30px;
    min-width: 103px;
    padding: 0 8px
}

.product-quickview .subtotal-wrapper div p,
.product-quickview .subtotal-wrapper div p span,
.product-quickview .variant-prices-container .variant-price-wrapper span {
    font-family: Assistant
}

.product-quickview .quantity-wrapper,
.product-quickview .quantity-wrapper label {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0
}

.product-quickview .quantity-wrapper .quantity-select {
    background-color: #fafafa;
    border-radius: 5px;
    display: flex;
    height: 42px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.product-quickview .quantity-wrapper .quantity-select>* {
    align-items: center;
    border: none;
    display: flex;
    flex: 1;
    height: 42px;
    justify-content: center;
    width: 30px
}

.product-quickview .quantity-wrapper .quantity-select .quantity {
    background-color: #fff;
    border-bottom: 4px solid #fafafa;
    border-top: 4px solid #fafafa;
    flex: 1.5
}

.product-quickview .quantity-wrapper .quantity-select .minus,
.product-quickview .quantity-wrapper .quantity-select .plus {
    cursor: pointer
}

.announcement-bar {
    padding: 10px 0
}

.announcement-bar .ticker-scroll-container {
    display: flex;
    height: 20px;
    margin: auto;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100vw;
    z-index: 1
}

@media screen and (max-width:737.98px) {
    .announcement-bar .ticker-scroll-container {
        height: 12px
    }
}

.announcement-bar .ticker-scroll-container .ticker-scroll-text {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 1s ease;
    white-space: nowrap;
    width: 100%
}

.announcement-bar .ticker-scroll-container .ticker-scroll-text>div {
    -webkit-animation: scrollText 40s linear infinite;
    animation: scrollText 40s linear infinite;
    display: flex;
    gap: 10px;
    translate: 0 2px
}

.announcement-bar .ticker-scroll-container .ticker-scroll-text span {
    color: #000;
    font-family: prestige;
    font-size: 14px;
    margin: 0;
    transition: all 2s ease
}

@media screen and (max-width:737.98px) {
    .announcement-bar .ticker-scroll-container .ticker-scroll-text span {
        font-size: 12px
    }
}

@-webkit-keyframes scrollText {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-33.333%)
    }
}

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

    to {
        transform: translateX(-33.333%)
    }
}

.influencer-card {
    max-width: 400px;
    padding: 20px 0
}

.influencer-card .image-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    width: 130px
}

.influencer-card .image-wrapper .shape {
    background-color: var(--accent-2-color);
    border-radius: 50%;
    display: block;
    height: 95px;
    position: absolute;
    transform: translate(-15%, -25%);
    width: 95px
}

.influencer-card .image-wrapper img {
    aspect-ratio: 1;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    z-index: 1
}

.influencer-card .content {
    flex: 1;
    padding-left: 10px
}

.influencer-card .content span {
    font-weight: 700
}

.product-card-qf {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
    width: 100%
}

.product-card-qf#collection-advert {
    grid-column-end: span 2
}

.product-card-qf#collection-advert .img-wrap {
    aspect-ratio: 8.27/5
}

.product-card-qf .product-tag {
    border-radius: 5px;
    font-family: prestige;
    font-size: 12px;
    padding: 10px 10.5px 8px;
    position: absolute;
    right: 9px;
    text-transform: uppercase;
    top: 7px;
    z-index: 1
}

.product-card-qf .product-tag.new {
    background-color: #fcfcfa
}

.product-card-qf .product-tag.bestseller {
    background-color: #004dee;
    color: #fff
}

.product-card-qf .img-wrap {
    aspect-ratio: 4/5;
    background-position: 50%;
    background-size: cover;
    border-radius: 5px;
    overflow: hidden;
    position: relative
}

.product-card-qf .img-wrap .img-2 {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: all .4s;
    visibility: hidden;
    width: 100%
}

.product-card-qf .img-wrap:hover .img-2 {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1.05);
    transition: all .8s;
    visibility: visible
}

.product-card-qf .img-wrap .quickview-container {
    bottom: 50px;
    cursor: pointer;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
    transition: all .3s;
    width: 50%
}

@media only screen and (max-width:767.98px) {
    .product-card-qf .img-wrap .quickview-container {
        display: none
    }
}

.product-card-qf .img-wrap .quickview-container .quickview-button {
    background-color: #fff;
    border-radius: 5px;
    font-size: 12px;
    padding: 10px 0;
    text-align: center;
    transition: inherit;
    width: -webkit-fill-available
}

.product-card-qf .img-wrap .quickview-container .quickview-button:hover {
    background-color: var(--primary-color);
    color: #000
}

.product-card-qf .img-wrap .quickview-container-mobile {
    bottom: 8px;
    cursor: pointer;
    left: 8px;
    position: absolute;
    transition: all .3s;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media only screen and (min-width:768px) {
    .product-card-qf .img-wrap .quickview-container-mobile {
        display: none
    }
}

.product-card-qf .img-wrap .quickview-container-mobile svg {
    fill: #000;
    height: 20px;
    width: 20px
}

.product-card-qf .img-wrap img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: .3s ease;
    width: 100%
}

.product-card-qf .img-wrap[multi-image] img:hover {
    opacity: 0
}

.product-card-qf .img-wrap svg {
    height: auto;
    width: 100%
}

.product-card-qf a,
.product-card-qf p {
    margin: 0
}

.product-card-qf .product-price {
    font-family: assistant;
    font-size: 14px
}

.product-card-qf .product-price.brand {
    font-weight: 400
}

.product-card-qf .product-review .yotpo-icon-half-star:before,
.product-card-qf .product-review .yotpo-icon-star:before {
    color: #000
}

.product-card-qf .product-review .standalone-bottomline .star-clickable {
    width: unset
}

.product-card-qf .product-button button {
    box-sizing: border-box;
    width: 100%
}

.product-card-qf:hover .quickview-container {
    opacity: 1;
    pointer-events: auto
}

.blog-card .container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0
}

.blog-card .container:hover img {
    transform: scale(1.05)
}

.blog-card .container .blog-image-clip {
    align-items: center;
    aspect-ratio: 378/213;
    background: #fff0f5;
    color: transparent;
    display: flex;
    height: auto;
    justify-content: center;
    overflow: hidden;
    width: 100%
}

.blog-card .container .blog-image-clip .blog-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s;
    width: 100%
}

.blog-card .container .blog-content .blog-info,
.blog-card .container .blog-content .blog-url {
    font-size: 14px;
    margin: 0
}

.blog-card .container .blog-content h3 {
    font-family: kessler;
    margin: 12.5px 0 8px
}

.blog-card .container .blog-content h3:hover {
    color: var(--secondary-color)
}

.blog-card .container .blog-content .blog-url,
.blog-card .container .blog-content .blog-url:link,
.blog-card .container .blog-content .blog-url:visited {
    color: inherit;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline
}

.space-card {
    align-items: flex-end;
    aspect-ratio: 1;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative
}

@media screen and (max-width:850px) {
    .space-card {
        width: 75vw
    }
}

.space-card.hidden {
    display: none
}

.space-card img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: .3s ease;
    width: 100%
}

.space-card:hover img {
    transform: scale(1.1)
}

.space-card .content {
    fill: #fff;
    align-items: flex-end;
    background: linear-gradient(180deg, rgba(16, 87, 60, 0) 65%, #10573c);
    bottom: 0;
    color: #fff;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: space-between;
    padding: 15px 30px;
    position: absolute;
    width: 100%
}

.space-card .content .title {
    font-family: Assistant;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    margin: 0;
    word-break: break-word
}

.space-card .content .icon {
    align-items: center;
    display: flex;
    font-style: normal;
    justify-content: center;
    margin-left: auto;
    word-break: break-word
}

.space-card .content .icon svg {
    height: 35px;
    width: 35px
}

.team-member-qf {
    color: #343434;
    letter-spacing: 0
}

.team-member-qf img {
    line-height: 1;
    max-width: 100%;
    width: 100%
}

.team-member-qf h3 {
    font-size: 14px;
    line-height: 1;
    margin: 15px 0
}

.team-member-qf h4 {
    font-family: Assistant !important;
    font-size: 14px;
    margin: 15px 0
}

.team-member-qf p {
    font-size: 12px;
    margin: 15px 0
}

.awards-card-qf {
    align-items: center;
    background-color: #fff;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    padding: 20px
}

.awards-card-qf .img-wrap {
    aspect-ratio: 1;
    margin-bottom: 15px
}

.awards-card-qf .img-wrap img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.awards-card-qf a,
.awards-card-qf p {
    color: var(--text-primary-color);
    font-size: 14px;
    font-weight: 700;
    margin: 0
}

.breadcrumbs-snippet {
    font-size: 12px !important;
    margin: 20px 0 !important;
    justify-content: start !important;
}

.breadcrumbs-snippet .divider {
    font-size: 12px
}

.breadcrumbs-snippet a,
.breadcrumbs-snippet a:link,
.breadcrumbs-snippet a:visited {
    color: inherit;
    font-size: 12px
}

.breadcrumbs-snippet a:hover,
.breadcrumbs-snippet a:link:hover,
.breadcrumbs-snippet a:visited:hover {
    text-decoration: underline
}

.full-image-for-header {
    height: auto;
    max-height: 70vh;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media (min-width:900px) {
    .full-image-for-header {
        display: none
    }
}

.full-image-for-header img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.full-image-for-header img.logo {
    bottom: 0;
    height: 110px;
    margin: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    right: 0;
    width: 110px
}

@media (max-width:900px) {
    .image-page-header-qf .page-width {
        flex-direction: column
    }
}

.image-page-header-qf .page-width .content {
    flex: 1;
    padding-bottom: 40px;
    padding-right: 8%;
    padding-top: 26px
}

@media (max-width:900px) {
    .image-page-header-qf .page-width .content {
        order: 1;
        padding-right: 0
    }
}

.image-page-header-qf .page-width .img-wrap {
    flex: 2;
    height: 461px;
    position: relative
}

@media (max-width:900px) {
    .image-page-header-qf .page-width .img-wrap {
        order: 0
    }
}

.image-page-header-qf .page-width .img-wrap .main-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.image-page-header-qf .page-width .img-wrap .logo {
    bottom: 8%;
    position: absolute;
    right: 10%
}

.page-header-section.product_type .body-wrapper,
.page-header-section.product_type .img-wrapper {
    flex-basis: 50%
}

.page-header-section.product_type button {
    margin-top: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.page-header-section.product_type .why-swap {
    color: #343434;
    margin: 30px 0
}

.page-header-section.product_type .why-swap h2 {
    font-size: 18px
}

.page-header-section.product_type .why-swap ul {
    margin-left: 20px;
    padding: 0
}

.page-header-section.product_type .why-swap li {
    margin-bottom: 15px
}

.page-header-section .img-wrapper {
    display: flex;
    position: relative
}

.page-header-section .primary-img {
    aspect-ratio: 1/.65;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.page-header-section .logo {
    bottom: 6%;
    height: 80px;
    position: absolute;
    right: 6%;
    width: 80px
}

.page-header-section .breadcrumbs {
    color: #c59dcc;
    display: block;
    font-size: 12px;
    line-height: 1;
    margin: 10px 0
}

.page-header-section h1 {
    color: #343434;
    letter-spacing: 0;
    line-height: 1;
    margin: 20px 0 15px
}

.page-header-section p {
    font-size: 14px;
    margin-top: 0
}

.page-header-section button {
    margin: 20px 0;
    width: 100%
}

.page-header-section .stat-container {
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.page-header-section .stat-container .stat {
    background: var(--accent-2-color);
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    padding: 20px
}

.page-header-section .stat-container .stat:first-of-type {
    margin-left: 0
}

.page-header-section .stat-container .stat:nth-of-type(2) {
    background-color: var(--secondary-color)
}

.page-header-section .stat-container .stat:nth-of-type(3) {
    background-color: var(--accent-1-color)
}

.page-header-section .stat-container .stat:nth-of-type(4) {
    background-color: var(--primary-color);
    margin-right: 0
}

@media screen and (min-width:500px) {
    .page-header-section .logo {
        height: 100px;
        width: 100px
    }
}

@media screen and (min-width:900px) {
    .page-header-section {
        display: flex;
        gap: 40px
    }

    .page-header-section .img-wrapper {
        flex-basis: 66%;
        order: 1
    }

    .page-header-section .body-wrapper {
        flex-basis: 33%
    }

    .page-header-section .breadcrumbs {
        margin-top: 0
    }
}

@media (max-width:899px) {
    .page-header-section .img-wrapper {
        display: none
    }
}

.custom-checkbox {
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-bottom: 12px;
    min-height: 36px;
    padding-left: 35px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.custom-checkbox p {
    font-size: 13px;
    margin: 0 0 0 10px;
    width: 100%
}

.custom-checkbox input {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.custom-checkbox .checkmark {
    background-color: #fff;
    border-radius: 50%;
    height: 36px;
    left: 0;
    position: absolute;
    top: 0;
    width: 36px
}

.custom-checkbox .checkmark:after {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    content: "";
    display: none;
    height: 15px;
    left: 15px;
    position: absolute;
    top: 9px;
    transform: rotate(45deg);
    width: 8px
}

.custom-checkbox:hover input~.checkmark {
    background-color: #eee
}

.custom-checkbox input:checked~.checkmark {
    background-color: var(--secondary-color)
}

.custom-checkbox input:checked~.checkmark:after {
    display: block
}

.search-bar-qf {
    position: relative
}

.search-bar-qf input[type=text] {
    background: #10573b;
    color: #decce2;
    font-weight: regular;
    position: relative
}

.search-bar-qf input[type=text]::-moz-placeholder {
    font-weight: bolder
}

.search-bar-qf input[type=text]::placeholder {
    font-weight: bolder
}

.search-bar-qf .submit-group {
    position: absolute;
    right: 0;
    top: 0;
    width: 55px
}

.search-bar-qf .submit-group,
.search-bar-qf .submit-group label {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center
}

.search-bar-qf .submit-group label {
    margin: 0;
    padding-right: 10px;
    width: 40px
}

.search-bar-qf .submit-group label svg {
    height: 25px;
    width: 25px
}

.search-bar-qf .submit-group label svg path {
    fill: #decce2
}

.search-bar-qf .submit-group label input[type=submit] {
    background: none;
    border-radius: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.custom-search-qf-section .wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
    max-width: 750px
}

.custom-search-qf-section .wrapper p {
    font-weight: bolder;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.custom-search-qf-section .wrapper .search-bar-qf input {
    color: rgba(0, 0, 0, .65);
    padding-right: 50px
}

.custom-search-qf-section .wrapper .search-bar-qf input::-moz-placeholder {
    color: rgba(0, 0, 0, .65);
    font-weight: 500
}

.custom-search-qf-section .wrapper .search-bar-qf input::placeholder {
    color: rgba(0, 0, 0, .65);
    font-weight: 500
}

.custom-search-qf-section .wrapper .search-bar-qf .submit-group label svg path {
    fill: #10573b
}

.swaps-card-qf .img-wrap {
    aspect-ratio: 1;
    overflow: hidden;
    width: 100%
}

.swaps-card-qf img {
    height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.swaps-card-qf .swaps-card-content h4 {
    font-family: Assistant;
    margin: 12px 0
}

.swaps-card-qf .swaps-card-content p {
    font-size: 12px
}

.swaps-card-qf .swaps-buttons {
    display: flex;
    justify-content: space-between
}

@media (max-width:390px) {
    .swaps-card-qf .swaps-buttons {
        flex-direction: column;
        gap: 5px
    }
}

.swaps-card-qf .swaps-buttons a {
    border-radius: 21px;
    flex-basis: 49%;
    font-size: 14px;
    padding: 11px 22px;
    text-align: center
}

.button-wishlist {
    left: 8px;
    padding: unset;
    position: absolute !important;
    bottom: 5px;
    z-index: 1 !important
}

.button-wishlist,
.button-wishlist button,
.button-wishlist button:hover,
.button-wishlist:hover {
    background-color: unset
}

.button-wishlist .fa {
    color: #000;
    font-size: 23px
}

.active-wishlist path {
    fill: var(--button-1-color)
}

.alternative-card {
    display: grid;
    gap: 0 30px;
    grid-template-columns: 1fr 2fr 2fr;
    grid-template-rows: 1fr
}

.alternative-card .alternative-card,
.alternative-card:not(.alternative-card:last-of-type) {
    border-bottom: 1px solid #707070;
    padding-bottom: 50px
}

@media screen and (max-width:1176px) {
    .alternative-card {
        gap: 30px;
        grid-template-columns: 220px 2fr;
        grid-template-rows: 227px 1fr
    }
}

@media screen and (max-width:950px) {
    .alternative-card {
        border-bottom: 1px solid #000;
        gap: 20px;
        grid-template-columns: 100%;
        grid-template-rows: auto auto auto;
        padding-bottom: 20px
    }
}

@media screen and (max-width:450px) {
    .alternative-card {
        grid-template-rows: auto
    }
}

.alternative-card .info-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 230px
}

@media screen and (max-width:950px) {
    .alternative-card .info-wrapper {
        max-width: 100%;
        width: 100%
    }
}

.alternative-card .info-wrapper h3 {
    font-family: Assistant;
    font-size: 18px;
    margin-top: 0
}

.alternative-card .info-wrapper p {
    margin-top: 0
}

.alternative-card .info-wrapper a {
    margin-top: auto;
    text-align: center;
    width: 100%
}

@media screen and (max-width:950px) {
    .alternative-card .info-wrapper a {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media screen and (max-width:500px) {
    .alternative-card .info-wrapper a {
        width: 100%
    }
}

.alternative-card .stats-wrapper {
    align-items: center;
    background: #d4f0f4;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

@media screen and (min-width:1176px) {
    .alternative-card .stats-wrapper {
        min-height: 269px
    }
}

@media screen and (max-width:1176px) {
    .alternative-card .stats-wrapper {
        aspect-ratio: auto;
        height: 100%
    }
}

@media screen and (max-width:450px) {
    .alternative-card .stats-wrapper {
        flex-direction: column;
        gap: 25px;
        padding: 20px 0
    }
}

@media (min-width:450px) and (max-width:950px) {
    .alternative-card .stats-wrapper {
        padding: 30px 0
    }
}

.alternative-card .stats-wrapper div[class^=option] {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: calc(100% - 60px);
    justify-content: center;
    margin: 0;
    min-height: 121px;
    min-width: 130px;
    text-align: center;
    width: 30%
}

@media screen and (max-width:1176px) {
    .alternative-card .stats-wrapper div[class^=option] {
        height: 80%
    }
}

@media screen and (max-width:500px) {
    .alternative-card .stats-wrapper div[class^=option] {
        min-width: 100px
    }
}

@media screen and (max-width:450px) {
    .alternative-card .stats-wrapper div[class^=option] {
        aspect-ratio: auto;
        margin: 0
    }
}

.alternative-card .stats-wrapper div[class^=option]:nth-child(2) {
    border-color: #10573b;
    border-style: solid;
    border-width: 0 1px
}

@media screen and (max-width:450px) {
    .alternative-card .stats-wrapper div[class^=option]:nth-child(2) {
        border-width: 1px 0;
        padding: 20px 0;
        width: 80%
    }
}

.alternative-card .stats-wrapper div[class^=option] .stat-check {
    align-items: center;
    background: #fff;
    border-radius: 50%;
    display: flex;
    height: 41px;
    justify-content: center;
    position: relative;
    width: 41px
}

.alternative-card .stats-wrapper div[class^=option] .stat-check .check,
.alternative-card .stats-wrapper div[class^=option] .stat-check .xmark {
    height: 25px;
    width: 25px
}

.alternative-card .stats-wrapper div[class^=option] .stat-check .check {
    fill: #fff;
    display: none
}

.alternative-card .stats-wrapper div[class^=option] .stat-check .xmark {
    fill: #10573b;
    display: inline-flex
}

.alternative-card .stats-wrapper div[class^=option] .stat-check-true {
    background: #10573b
}

.alternative-card .stats-wrapper div[class^=option] .stat-check-true .xmark {
    display: none
}

.alternative-card .stats-wrapper div[class^=option] .stat-check-true .check {
    display: inline-flex
}

.alternative-card .stats-wrapper div[class^=option] p {
    font-weight: 700;
    margin-bottom: 0
}

@media screen and (max-width:550px) {
    .alternative-card .stats-wrapper div[class^=option] p {
        font-size: 12px
    }
}

.alternative-card .collection-wrapper {
    align-items: center;
    display: flex;
    flex: 1;
    height: 100%;
    justify-content: center;
    max-width: 400px
}

@media screen and (max-width:1176px) {
    .alternative-card .collection-wrapper {
        grid-column: 1/-1;
        max-width: 100%;
        width: 100%
    }
}

.alternative-card .collection-wrapper .alt-collection-swiper {
    background-image: url(//cdn.shopify.com/s/files/1/0638/5156/1188/files/ffffff.png?v=1649947577);
    background-size: 40%;
    height: 100%;
    padding: 20px;
    width: 100%
}

@media screen and (max-width:1176px) {
    .alternative-card .collection-wrapper .alt-collection-swiper {
        background-size: 20%
    }
}

.alternative-card .collection-wrapper .alt-collection-swiper .swiper-button-next:after,
.alternative-card .collection-wrapper .alt-collection-swiper .swiper-button-prev:after {
    color: #10573b;
    font-size: 1.5rem;
    font-weight: 700
}

.alt-product-card-qf,
.alternative-card .collection-wrapper .alt-collection-swiper .swiper-slide {
    align-items: center;
    display: flex;
    justify-content: center
}

.alt-product-card-qf {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 5px;
    height: 187px
}

@media screen and (max-width:500px) {
    .alt-product-card-qf {
        flex-direction: column;
        height: auto;
        margin: 0 40px;
        width: 100%
    }
}

.alt-product-card-qf .img-wrap {
    height: 187px;
    min-height: 187px;
    min-width: 180px;
    overflow: hidden;
    position: relative;
    width: 180px
}

@media screen and (max-width:500px) {
    .alt-product-card-qf .img-wrap {
        aspect-ratio: 1/1;
        height: auto;
        width: 100%
    }
}

.alt-product-card-qf .img-wrap img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.alt-product-card-qf .product-info-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    max-width: 155px
}

.alt-product-card-qf .product-info-wrapper .product-brand,
.alt-product-card-qf .product-info-wrapper .product-price,
.alt-product-card-qf .product-info-wrapper .product-title {
    color: inherit;
    font-weight: 700
}

.alt-product-card-qf .product-info-wrapper .product-brand,
.alt-product-card-qf .product-info-wrapper .product-desc,
.alt-product-card-qf .product-info-wrapper .product-price,
.alt-product-card-qf .product-info-wrapper .product-title {
    margin: 0
}

.alt-product-card-qf .product-info-wrapper .product-title {
    font-size: 14px;
    margin-bottom: 10px
}

.alt-product-card-qf .product-info-wrapper .product-brand,
.alt-product-card-qf .product-info-wrapper .product-desc {
    font-size: 12px;
    margin-bottom: 10px
}

.alt-product-card-qf .product-info-wrapper .product-price {
    font-size: 14px;
    margin-bottom: auto
}

.alt-product-card-qf .product-info-wrapper .product-url {
    white-space: nowrap
}

@media screen and (max-width:500px) {
    .alt-product-card-qf .product-info-wrapper {
        max-width: 100%;
        width: 100%
    }

    .alt-product-card-qf .product-info-wrapper .product-url {
        margin-top: 20px
    }
}

.variant-prices-container .variant-price-wrapper {
    align-items: flex-end;
    display: flex
}

.variant-prices-container .variant-price-wrapper span {
    font-size: 14px
}

.variant-prices-container .variant-price-wrapper span.product-price {
    line-height: 39px
}

.variant-prices-container .variant-price-wrapper span.product-sale-price {
    margin-right: 10px
}

.variant-prices-container .variant-price-wrapper span.product-price-on-sale {
    color: #ff7170
}

.variant-prices-container .variant-price-wrapper.hidden {
    display: none
}

.lightbox-trigger {
    padding: 12px
}

.lightbox-trigger svg {
    height: 20px;
    max-height: 20px;
    max-width: 20px;
    width: 20px
}

.lightbox-trigger svg path {
    fill: #fff
}

.product-images {
    display: flex;
    gap: 20px;
    height: 498px;
    opacity: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 87px;
    transition: all .5s
}

@supports selector(:nth-child(1 of x)) {
    .product-images {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content
    }
}

.product-images .gallery-thumbs-swiper {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

@supports selector(:nth-child(1 of x)) {
    .product-images .gallery-thumbs-swiper {
        flex: 1;
        min-width: unset !important
    }
}

.product-images .gallery-thumbs-swiper .swiper-slide {
    aspect-ratio: 2/3;
    border-radius: 0px;
    cursor: pointer;
    overflow: hidden;
    width: 100%
}

.product-images .gallery-thumbs-swiper .swiper-slide img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.product-images .gallery-thumbs-swiper .swiper-slide:hover img {
    transform: scale(1.1)
}

@media screen and (max-width:767.98px) {
    .gallery-thumbs-swiper {
        display: none
    }
}

.gallery-swiper {
    border-radius: 0;
    height: 100%;
    max-height: 100%;
    position: relative
}

@supports selector(:nth-child(1 of x)) {
    .gallery-swiper {
        flex: 4
    }
}

.gallery-swiper .gallery-tag {
    background-color: #000;
    color: #fff;
    left: 0;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    z-index: 1
}

.gallery-swiper .gallery-wishlist-icon {
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    height: 45px;
    justify-content: center;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 45px;
    z-index: 1
}

.gallery-swiper .gallery-wishlist-icon button {
    background-color: unset
}

.gallery-swiper .gallery-wishlist-icon button .fa {
    color: #000;
    font-size: 23px
}

.gallery-swiper .gallery-wishlist-icon button:hover {
    background-color: unset
}

@media only screen and (max-width:767.98px) {
    .gallery-swiper .gallery-wishlist-icon {
        height: 39px;
        left: 8vw;
        top: 7px;
        width: 39px
    }
}

.gallery-swiper .swiper-slide {
    width: 100%
}

.gallery-swiper .swiper-slide .product-img {
    aspect-ratio: 4/5;
    border-radius: 0;
    overflow: hidden
}

.gallery-swiper .swiper-slide .product-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.gallery-swiper .swiper-button-next,
.gallery-swiper .swiper-button-prev {
    border-radius: 5px;
    color: #000;
    cursor: pointer;
    font-weight: 700;
    height: 30px;
    text-align: center;
    transition: background-color .3s ease;
    width: 30px
}

.gallery-swiper .swiper-button-next:hover,
.gallery-swiper .swiper-button-prev:hover {
    background-color: var(--accent-1-color);
    color: #000
}

.gallery-swiper .swiper-button-next:after,
.gallery-swiper .swiper-button-prev:after {
    font-size: 16px
}

.gallery-swiper .swiper-button-next.swiper-button-disabled,
.gallery-swiper .swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

.product-description-container .full {
    display: none
}

.product-description-container.active .full {
    display: block
}

.product-description-container.active .excerpt {
    display: none
}

.product-description-container .read-more {
    cursor: pointer;
    font-size: 14px;
    text-decoration: underline;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.predictive-search-wrapper {
    align-items: flex-start !important;
    background-color: #fff;
    height: 0;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    position: fixed;
    transition: all .3s;
    width: 100vw;
    z-index: 99
}

.predictive-search-wrapper .empty_cart_page,
.predictive-search-wrapper .results_article_blog {
    display: none
}

.predictive-search-wrapper .container_cat {
    margin-bottom: 150px
}

.predictive-search-wrapper .field__label {
    height: 0;
    left: -99999px;
    position: absolute;
    visibility: hidden;
    width: 0
}

.predictive-search-wrapper .predictive-search-input {
    background-color: var(--primary-color);
    border: none;
    border-radius: 5px;
    color: #000;
    min-width: 100%;
    padding: 10px 20px !important
}

.predictive-search-wrapper .predictive-search-input::-moz-placeholder {
    color: rgba(0, 0, 0, .749)
}

.predictive-search-wrapper .predictive-search-input::placeholder {
    color: rgba(0, 0, 0, .749)
}

.predictive-search-wrapper .predictive-search-input:focus {
    outline: none
}

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

.predictive-search-wrapper .col-title {
    border-bottom: 1px solid #eee;
    margin-bottom: 30px
}

.predictive-search-wrapper .pages-title,
.predictive-search-wrapper .product-title {
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    margin-top: 40px
}

.predictive-search-wrapper .col-container .col-content {
    display: flex
}

.predictive-search-wrapper .col-container .col-content>div {
    width: 33%
}

.predictive-search-wrapper.active {
    border: 1px solid #eee;
    height: 100vh;
    padding-bottom: 30px;
    padding-top: 30px;
    transition: all .3s
}

.predictive-search-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 0;
    width: 100%
}

.predictive-search-header {
    padding-bottom: 20px !important
}

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

.predictive-search-header .predictive-search-title .close-button {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 33px;
    height: 40px;
    justify-content: center;
    transition: all .3s;
    width: 40px
}

.predictive-search-header .predictive-search-title .close-button svg {
    stroke: #000;
    height: 40px;
    transition: all .3s;
    width: 40px
}

.predictive-search-header .predictive-search-title .close-button svg:hover {
    transform: rotate(-90deg)
}

.predictive-search-results-wrapper {
    flex: 1;
    position: relative;
    width: 100%
}

.predictive-search-results {
    -ms-overflow-style: none;
    height: 100%;
    overflow-y: auto;
    position: absolute;
    scrollbar-width: none;
    top: 0;
    width: 100%
}

.predictive-search-results::-webkit-scrollbar {
    display: none
}

.predictive-search-results.scroll {
    -ms-overflow-style: none;
    overflow-y: scroll;
    scrollbar-width: none
}

.predictive-search-results.scroll::-webkit-scrollbar {
    display: none
}

#col-container {
    display: none
}

#col-container a {
    display: block;
    width: 100%
}

#product-container {
    display: none
}

#product-container a {
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%
}

#product-container a .search-title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 16px;
    min-height: 42px;
    overflow: hidden
}

#product-container a .search-price {
    font-family: Assistant;
    font-size: 14px
}

#product-container a .search-button button {
    font-size: 12px;
    width: 100%
}

#pages-container {
    display: none
}

#pages-container a {
    display: block;
    width: 100%
}

#pages-container a:hover {
    color: var(--secondary-color)
}

#col-content {
    grid-gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

#col-content a:hover {
    color: var(--secondary-color)
}

#col-content a:nth-of-type(n+10) {
    display: none
}

#product-content {
    grid-gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.product-content img {
    aspect-ratio: 4/5;
    border-radius: 5px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media screen and (max-width:767.98px) {
    #col-content {
        grid-gap: 20px;
        display: grid;
        grid-template-columns: 1fr
    }

    #product-content {
        grid-gap: 20px;
        display: grid;
        grid-template-columns: 1fr 1fr
    }
}

.quick-view-container {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    display: none;
    height: 100vh;
    left: 0;
    max-height: 100%;
    max-width: 100%;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 9999999999 !important
}

.quick-view-container.active {
    display: flex;
    opacity: 1
}

.quick-view-container .quick-view-modal {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, .18);
    margin: auto;
    position: relative;
    transform: translateY(3vh);
    width: clamp(350px, 24vw, 1024px)
}

.quick-view-container .quick-view-modal .inner {
    -ms-overflow-style: none;
    border-radius: 5px;
    height: 100%;
    max-height: calc(95vh - 75px);
    overflow: scroll;
    padding: 10px;
    scrollbar-width: none;
    width: 100%
}

.quick-view-container .quick-view-modal .inner::-webkit-scrollbar {
    display: none
}

@media (min-width:769px) {
    .quick-view-container .quick-view-modal .inner #main-product-container {
        padding-top: 60px
    }
}

.quick-view-container .quick-view-modal .inner #main-product-container .brand-logo,
.quick-view-container .quick-view-modal .inner #main-product-container .breadcrumbs-snippet,
.quick-view-container .quick-view-modal .inner #main-product-container .button-wishlist,
.quick-view-container .quick-view-modal .inner #main-product-container .desktop-breadcrumbs,
.quick-view-container .quick-view-modal .inner #main-product-container .lightbox-trigger {
    display: none !important
}

.quick-view-container .quick-view-modal .close {
    background-color: #fff;
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 37px;
    position: absolute;
    right: -33px;
    top: -33px;
    transform: translate(-50%, 50%);
    width: 37px;
    z-index: 99
}

.quick-view-container .quick-view-modal .close svg {
    stroke: #000;
    height: 30px;
    margin: auto;
    transition: all .3s;
    width: 30px
}

.quick-view-container .quick-view-modal .close svg:hover {
    transform: rotate(-90deg)
}

.quick-view-container-cart {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99
}

.quick-view-container-cart.active {
    display: flex;
    opacity: 1;
    pointer-events: auto
}

.quick-view-container-cart .quick-view-modal {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, .18);
    margin: auto;
    position: relative;
    width: clamp(320px, 20vw, 1024px)
}

.quick-view-container-cart .quick-view-modal .inner {
    -ms-overflow-style: none;
    border-radius: 5px;
    height: 100%;
    max-height: calc(90vh - 100px);
    overflow: scroll;
    padding: 10px;
    scrollbar-width: none;
    width: 100%
}

.quick-view-container-cart .quick-view-modal .inner::-webkit-scrollbar {
    display: none
}

@media (min-width:769px) {
    .quick-view-container-cart .quick-view-modal .inner #main-product-container {
        padding-top: 60px
    }
}

.quick-view-container-cart .quick-view-modal .inner #main-product-container .brand-logo,
.quick-view-container-cart .quick-view-modal .inner #main-product-container .breadcrumbs-snippet,
.quick-view-container-cart .quick-view-modal .inner #main-product-container .button-wishlist,
.quick-view-container-cart .quick-view-modal .inner #main-product-container .desktop-breadcrumbs,
.quick-view-container-cart .quick-view-modal .inner #main-product-container .lightbox-trigger {
    display: none !important
}

.quick-view-container-cart .quick-view-modal .close {
    background-color: #fff;
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 37px;
    position: absolute;
    right: -2px;
    top: -2px;
    transform: translate(-50%, 50%);
    width: 37px;
    z-index: 99
}

.quick-view-container-cart .quick-view-modal .close svg {
    stroke: #000;
    height: 30px;
    margin: auto;
    transition: all .3s;
    width: 30px
}

.quick-view-container-cart .quick-view-modal .close svg:hover {
    transform: rotate(-90deg)
}

.quick-view-container-cart .quickview-recommended-wrapper,
.quick-view-container-cart .variant-radio-container span {
    display: none
}

.collection-card-qf {
    font-family: kessler;
    font-size: 20px
}

.collection-card-qf .img-wrap {
    border-radius: 5px;
    overflow: hidden;
    padding-top: 100%;
    position: relative
}

.collection-card-qf .img-wrap img,
.collection-card-qf .img-wrap svg {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.press-card .container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0
}

.press-card .container:hover img {
    transform: scale(1.05)
}

.press-card .container .blog-image-clip {
    align-items: center;
    aspect-ratio: 1;
    background: #fff0f5;
    color: transparent;
    display: flex;
    height: auto;
    justify-content: center;
    overflow: hidden;
    width: 100%
}

.press-card .container .blog-image-clip .blog-image {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transition: all .3s;
    width: 100%
}

.press-card .container .blog-content {
    margin-bottom: 8px;
    margin-top: 12.5px
}

.press-card .container .blog-content .blog-info,
.press-card .container .blog-content .blog-url {
    font-size: 14px;
    margin: 0
}

.press-card .container .blog-content span {
    font-family: kessler
}

.press-card .container .blog-content span:hover {
    color: var(--secondary-color)
}

.press-card .container .blog-content .blog-url,
.press-card .container .blog-content .blog-url:link,
.press-card .container .blog-content .blog-url:visited {
    color: inherit;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline
}

.cart-icon-dynamic .cart-count {
    font-size: 12px
}

.mobile-menu-container {
    display: flex;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: transparent;
    font-size: 18px;
    height: 100%;
    left: 0;
    position: fixed;
    top: 86px;
    transform: translateX(-100%);
    width: 100vw;
    z-index: 1000
}

.mobile-menu-container #close-mobile-menu {
    display: block;
    margin-left: 8px;
    margin-bottom: 15px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #EA6672;
}

.mobile-menu-container #close-mobile-menu svg {
    stroke: #fff;
    height: 30px;
    width: 30px
}

.mobile-menu-container.active {
    background: rgba(0, 0, 0, .6);
    transform: translateX(0)
}

.mobile-menu-container .menu-toolbox,
.mobile-menu-container .mobile-menu-qf {
    position: relative;
    width: clamp(320px, 90%, 90%)
}

.mobile-menu-container .mobile-menu-qf {
    background: #fff;
    height: calc(100% - env(safe-area-inset-bottom) - 60px);
    overflow-y: scroll;
    text-transform: lowercase
}

.mobile-menu-container .mobile-menu-qf p {
    margin: 0
}

.mobile-menu-container .mobile-menu-qf .top {
    display: flex;
    padding: 10px 0 0 15px;
    width: 100%;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.19em;
    font-weight: 600;
}

.mobile-menu-container .mobile-menu-qf .mobile-menu-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    list-style-type: none;
    margin: 0;
    padding: 10px 0 15px;
    width: 100%
}

.mobile-menu-container .mobile-menu-qf .mobile-menu-buttons .mobile-menu-button {
    border-radius: var(--button-3-radius);
    color: #000;
    overflow: hidden;
    padding: 6px 12px
}

.mobile-menu-container .mobile-menu-qf .mobile-menu-buttons .mobile-menu-button.mobile-menu-button-selected {
    background-color: #ff7170
}

.mobile-menu-container .mobile-menu-qf .menu-container {
    background: #fff;
    left: 0;
    min-height: calc(100% - 100px);
    padding: 0 20px 40px;
    position: absolute;
    top: 0px;
    transition: opacity .5s;
    width: 100%
}

.mobile-menu-container .mobile-menu-qf .menu-container svg {
    display: inline-block;
    height: 14px;
    width: auto
}

.mobile-menu-container .mobile-menu-qf .menu-container svg path {
    fill: #222 !important
}

.mobile-menu-container .mobile-menu-qf .menu-container .menu-block {
    border-bottom: 1px solid #ADADAE
}

.mobile-menu-container .mobile-menu-qf .menu-container .menu-block .menu-block-heading {
    display: flex;
    height: 55px;
    justify-content: space-between;
    padding: 18px 0;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.19em;
    font-weight: 600
}

.mobile-menu-container .mobile-menu-qf .menu-container .menu-block .menu-block-heading span {
    transition: .3s ease;
    padding-top: 2px;
}

.mobile-menu-container .mobile-menu-qf .menu-container .menu-block .menu-block-heading.menu-block-heading-children * {
    pointer-events: none
}

.mobile-menu-container .mobile-menu-qf .menu-container .menu-block.active .menu-block-heading span {
    transform: rotateX(180deg)
}

.mobile-menu-container .mobile-menu-qf .menu-container .menu-block.active .sub-menu-container {
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
    padding: 20px 25px 0;
    transition: .8s ease
}

.mobile-menu-container .mobile-menu-qf .menu-container.top-menu-container {
    z-index: 50
}

.mobile-menu-container .mobile-menu-qf .menu-container.sub-menu-container {
    height: 0;
    opacity: 0;
    overflow: hidden;
    z-index: 0
}

.mobile-menu-container .mobile-menu-qf .menu-container.sub-menu-container .menu-block>p {
    border-bottom: 2px solid hsla(0, 0%, 84%, .318);
    padding-bottom: 10px
}

.mobile-menu-container .mobile-menu-qf .menu-container.sub-menu-container .menu-links {
    display: flex;
    flex-direction: column;
    padding: 10px
}

.mobile-menu-container .mobile-menu-qf .menu-container.sub-menu-container .menu-links a {
    font-family: Assistant;
    margin-bottom: 10px
}

.mobile-menu-container .mobile-menu-qf .menu-container.sub-menu-container.sub-menu-container-show {
    height: auto;
    opacity: 1;
    z-index: 100
}

.mobile-menu-container .mobile-menu-qf .menu-container.sub-menu-about .menu-links {
    padding: 0
}

.mobile-menu-container .mobile-menu-qf .menu-container.sub-menu-about .menu-links a {
    font-family: kessler;
    text-transform: capitalize
}

.mobile-menu-container .mobile-menu-qf .menu-container.sub-menu-about .mobile-menu-about-tiles {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 80%
}

.mobile-menu-container .mobile-menu-qf .menu-container.sub-menu-about .mobile-menu-about-tiles .mobile-menu-about-tile {
    height: 0;
    padding-bottom: 50%;
    position: relative;
    width: 50%
}

.mobile-menu-container .mobile-menu-qf .menu-container.sub-menu-about .mobile-menu-about-tiles .mobile-menu-about-tile .mobile-menu-about-tile-link {
    align-items: center;
    border-radius: var(--button-3-radius);
    display: flex;
    flex-direction: column;
    height: 90%;
    justify-content: center;
    left: 5%;
    padding: 10%;
    position: absolute;
    text-align: center;
    top: 5%;
    transition: opacity .5s;
    width: 90%
}

.mobile-menu-container .mobile-menu-qf .menu-container.sub-menu-about .mobile-menu-about-tiles .mobile-menu-about-tile .mobile-menu-about-tile-link:active,
.mobile-menu-container .mobile-menu-qf .menu-container.sub-menu-about .mobile-menu-about-tiles .mobile-menu-about-tile .mobile-menu-about-tile-link:focus,
.mobile-menu-container .mobile-menu-qf .menu-container.sub-menu-about .mobile-menu-about-tiles .mobile-menu-about-tile .mobile-menu-about-tile-link:hover {
    opacity: .6
}

.mobile-menu-container .mobile-menu-qf .menu-container.sub-menu-about .mobile-menu-about-tiles .mobile-menu-about-tile .mobile-menu-about-tile-link img {
    height: auto;
    margin-bottom: 4px;
    width: 41px
}

.mobile-menu-container .mobile-menu-qf .menu-container.sub-menu-about .mobile-menu-about-tiles .mobile-menu-about-tile .mobile-menu-about-tile-link span {
    display: block;
    text-transform: capitalize
}

.mobile-menu-container .mobile-menu-qf .menu-container.sub-menu-explore .mobile-menu-explore-tiles .mobile-menu-explore-tile {
    background-position: 50% 50%;
    background-size: cover;
    border-radius: var(--button-3-radius);
    margin-top: 25px;
    overflow: hidden;
    transition: opacity .5s
}

.mobile-menu-container .mobile-menu-qf .menu-container.sub-menu-explore .mobile-menu-explore-tiles .mobile-menu-explore-tile .mobile-menu-explore-link {
    background-color: rgba(0, 0, 0, .3);
    color: #fff;
    display: block;
    font-size: 40px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    text-transform: capitalize;
    width: 100%
}

.mobile-menu-container .mobile-menu-qf .menu-container.sub-menu-explore .mobile-menu-explore-tiles .mobile-menu-explore-tile:active,
.mobile-menu-container .mobile-menu-qf .menu-container.sub-menu-explore .mobile-menu-explore-tiles .mobile-menu-explore-tile:focus,
.mobile-menu-container .mobile-menu-qf .menu-container.sub-menu-explore .mobile-menu-explore-tiles .mobile-menu-explore-tile:hover {
    opacity: .6
}

.mobile-menu-container .menu-toolbox {
    width: 50px;
    height: auto;
    background-color: #f6f6f6;
    line-height: 40px;
    padding: 20px 0px 0 2px
}

.mobile-menu-container .menu-toolbox #sub-menu-close,
.mobile-menu-container .menu-toolbox .header-icons {
    display: flex;
    flex-direction: column;
    transition: opacity .5s;
    width: 250px
}

.mobile-menu-container .menu-toolbox .header-icons {
    justify-content: space-between !important;
    z-index: 1
}

.mobile-menu-container .menu-toolbox .header-icons .header-icons--icon {
    margin: 0
}

.mobile-menu-container .menu-toolbox .header-icons .header-icons--icon svg {
    vertical-align: middle;
    width: 24px
}

.mobile-menu-container .menu-toolbox .header-icons .cart-count {
    right: -8px;
    top: 14px
}

.mobile-menu-container .menu-toolbox #sub-menu-close {
    opacity: 0
}

.mobile-menu-container .menu-toolbox #sub-menu-close svg {
    height: 14px;
    margin: 0 16px 3px 0;
    vertical-align: middle
}

.mobile-menu-container.mobile-menu-container--submenu .menu-toolbox #sub-menu-close {
    opacity: 1;
    z-index: 1
}

@media screen and (min-height:720px) {
    .mobile-menu-container .mobile-menu-qf {
        height: calc(100% - env(safe-area-inset-bottom) - 96px)
    }

    .mobile-menu-container .mobile-menu-qf .menu-container.sub-menu-about .mobile-menu-about-tiles {
        width: 100%
    }

    .mobile-menu-container .mobile-menu-qf .menu-container.sub-menu-explore .mobile-menu-explore-tiles .mobile-menu-explore-tile .mobile-menu-explore-link {
        height: 150px;
        line-height: 150px
    }

    .mobile-menu-container .menu-toolbox .header-icons .header-icons--icon svg {
        width: 32px
    }

    .mobile-menu-container .menu-toolbox .header-icons .cart-count {
        top: 32px
    }

    .mobile-menu-container .menu-toolbox #sub-menu-close svg {
        height: 20px
    }
}

@media screen and (min-width:768px) {
    .mobile-menu-container #close-mobile-menu {
        height: 45px;
        width: 45px
    }
}

.accordion {
    border: none;
    color: #000;
    cursor: pointer;
    font-size: 14px;
    outline: none;
    padding: 18px;
    text-align: left;
    transition: all .3s;
    width: 100%
}

.accordion:hover {
    color: #000 !important
}

.panel {
    max-height: 0;
    overflow: hidden;
    padding: 0 18px;
    transition: max-height .2s ease-out
}

.open-sidecart {
    cursor: pointer
}

#cart-drawer-container {
    background: transparent;
    height: 100vh;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: .3s ease;
    width: 100vw;
    z-index: 999999999999999 !important
}

#cart-drawer-container #side-cart-close {
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

#cart-drawer-container .sidecart-header {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    border-bottom: 1px solid #0E1311;
    margin: 0 16px;
}

#cart-drawer-container .sidecart-header>div {
    align-items: center;
    display: flex;
    font-family: kessler !important;
    font-size: 20px;
    gap: 6px;
}

#cart-drawer-container .sidecart-header>div span {
    font-family: assistant;
    font-size: 14px;
}

#cart-drawer-container .sidecart-header .icon-trolley {
    stroke: #000;
    height: 28px;
    margin-right: 10px;
    width: 28px
}

#cart-drawer-container .sidecart-header .closeSideCart svg {
    stroke: #000;
    cursor: pointer;
    height: 47px;
    transition: all .3s;
    width: 47px
}

#cart-drawer-container .sidecart-header .closeSideCart svg:hover {
    transform: rotate(90deg)
}

#cart-drawer-container #cart-drawer {
    background-color: #fff;
    float: right;
    height: 100vh;
    pointer-events: auto;
    position: relative;
    transform: translateX(100%);
    transition: .3s ease;
    width: clamp(400px, 25vw, 430px)
}

#cart-drawer-container #cart-drawer span.closeSideCart svg {
    fill: #000;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

#cart-drawer-container #cart-drawer .inner {
    display: flex;
    flex: 1;
    flex-direction: column;
    width: 100%
}

#cart-drawer-container #cart-drawer .inner>div {
    height: 100%
}

#cart-drawer-container #cart-drawer .top {
    align-items: center;
    background-color: #fff;
    box-shadow: 0 3px 10px 29 #000;
    display: flex;
    justify-content: space-between;
    width: 100%
}

#cart-drawer-container #cart-drawer .top>div {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    width: 100%;
    align-items: start;
}

#cart-drawer-container #cart-drawer .top>div .icon-shopping-bag {
    height: 22px;
    width: 22px
}

#cart-drawer-container #cart-drawer .top>div .cart-count {
    font-size: 16px
}

#cart-drawer-container #cart-drawer .top .closeSideCart {
    cursor: pointer
}

#cart-drawer-container #cart-drawer .top .closeSideCart .icon {
    height: 26px;
    width: 26px
}

#cart-drawer-container #cart-drawer .top p {
    color: #000;
    font-family: "Kessler";
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

#cart-drawer-container #cart-drawer .bottom {
    align-items: center;
    background-color: #fff;
    box-shadow: 0 3px 10px 29 #000;
    display: flex;
    justify-content: space-between;
    width: 100%
}

#cart-drawer-container #cart-drawer form {
    display: flex;
    flex: 1
}

#cart-drawer-container #cart-drawer .cart .items-wrapper .items {
    -ms-overflow-style: none;
    height: 100%;
    overflow: hidden;
    position: absolute;
    scrollbar-width: thin;
    width: 100%
}

#cart-drawer-container #cart-drawer .buttons {
    padding: 5px 18px
}

#cart-drawer-container #cart-drawer .buttons a,
#cart-drawer-container #cart-drawer .buttons button,
#cart-drawer-container #cart-drawer .buttons input[type=submit] {
    border-radius: 5px;
    margin-bottom: 16.5px;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.keep_shopping {
    color: #0E1311;
    text-align: center;
    font-family: Assistant;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-transform: uppercase;
    padding-bottom: 16px;
    display: block;
    cursor: pointer;
}

#cart-drawer-container.open {
    -webkit-backdrop-filter: blur(.5px);
    backdrop-filter: blur(.5px);
    background: rgba(0, 0, 0, .7);
    pointer-events: auto
}

#cart-drawer-container.open #side-cart-close {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#cart-drawer-container.open #cart-drawer {
    display: flex;
    flex-direction: column;
    transform: translateX(0)
}

.cart {
    display: flex;
    flex-direction: column;
    height: 100%
}

.cart {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 57px);
    overflow: hidden;
}

.cart .cart-items-inner {
    display: flex !important;
    flex-direction: column !important;
    /* height: auto !important; */
    overflow-x: hidden !important;
    scrollbar-width: none;
}

#cart-drawer-container .cart-details {
    max-height: unset !important;
    flex: 1 !important;
    /* position: relative !important;
    display: flex;
    flex-direction: column;
    justify-content: end; */
}

#cart-drawer-container #cart-drawer .buttons a {
    margin-bottom: 12px;
}

.cart .items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    position: relative !important;
    height: auto !important;
    /* overflow-y: hidden !important; */
    padding-bottom: 0 !important;
}

#cart-drawer-container #cart-drawer .cart .items-wrapper .items {
    min-height: 250px !important;
}


.cart .qualify-slider-container {
    background-color: #fff;
    color: #000;
    font-family: kessler !important;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 34px 25px;
    text-align: center
}

.cart .qualify-slider-container #qualify-text {
    font-family: Assistant !important;
    font-size: 14px
}

.cart .qualify-slider-container .qualify-slider {
    display: none;
    background-color: #fff;
    border-radius: 3px;
    height: 10px;
    margin: 10px 0 15px;
    position: relative;
    width: 100%
}

.cart .qualify-slider-container .qualify-slider .qualify-slider-bar {
    background-color: #ff7170;
    border-radius: 5px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    max-width: 100%
}

.cart .qualify-slider-container .qualify-slider .qualify-slider-icon {
    display: none !important;
    align-items: center;
    background-color: #000;
    border-radius: 50%;
    display: flex;
    height: 34px;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 34px
}

.cart .qualify-slider-container .qualify-slider .qualify-slider-icon svg {
    fill: #fff;
    height: 26px;
    width: 26px
}

.cart .items-wrapper {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative
}

.cart .items-wrapper .nothing-in-cart {
    font-family: kessler !important;
    font-size: 22px;
    padding: 20px;
    text-align: center;
    width: 100%
}

.cart .items-wrapper .item {
    display: flex;
    flex-direction: row;
    margin-bottom: 0;
    padding: 0;
    width: 100%
}

.cart .items-wrapper .item:last-of-type {
    border-bottom: none;
    margin-bottom: 0
}

.cart .items-wrapper .item .info-wrapper {
    font-size: 14px;
    padding-left: 15px
}

.cart .items-wrapper .item .img-wrapper {
    aspect-ratio: 1;
    overflow: hidden;
    width: 80px;
    height: 100px;
}

.cart .items-wrapper .item .img-wrapper img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    border-radius: 4px;
}

.cart .items-wrapper .items {
    padding: 18px
}

.cart .items-wrapper .items::-webkit-scrollbar {
    background: transparent;
    width: 0;
    width: 8px
}

.cart .items-wrapper .items::-webkit-scrollbar-track {
    border-radius: 5px;
    box-shadow: inset 0 0 5px #f8f8f8
}

.cart .items-wrapper .items::-webkit-scrollbar-thumb {
    background: #d3d3d3;
    border-radius: 5px;
    -webkit-transition: 1.2s ease-in;
    transition: 1.2s ease-in
}

.cart .items-wrapper .items::-webkit-scrollbar-thumb:hover {
    background: #000;
    cursor: pointer
}

.cart .cart-recommended {
    background-color: #ffecdf;
    color: #000;
    padding: 0 18px 15px
}

.cart .cart-recommended .cart-recommended-title {
    font-family: kessler !important;
    font-size: 16px;
    font-weight: 700;
    font-weight: 300;
    padding: 10px 0;
    text-align: center;
    width: 100%
}

.cart .cart-recommended .cart-recommended-title a {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    font-weight: 300;
    text-decoration: underline
}

.cart .cart-recommended .cart-recommended-title a:hover {
    color: #000
}

.cart .cart-recommended .cart-recommended-title .knickers-collection-subtitle {
    font-family: assistant;
    font-size: 14px
}

.cart .cart-recommended .recommended-items {
    display: flex;
    justify-content: space-between
}

.cart .cart-recommended .recommended-items .rec-product {
    cursor: pointer;
    position: relative;
    width: 23%
}

.cart .cart-recommended .recommended-items .rec-product:hover img {
    transform: scale(1.05)
}

.cart .cart-recommended .recommended-items .rec-product .rec-product-price {
    background-color: #ff91b7;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    left: 0;
    padding: 2px 3px;
    position: absolute;
    top: 0
}

.cart .cart-recommended .recommended-items .rec-product .rec-product-image {
    aspect-ratio: 1;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.cart .cart-recommended .recommended-items .rec-product .rec-product-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s;
    width: 100%
}

.cart .cart-recommended .recommended-items .rec-product .rec-product-image .rec-product-eye {
    bottom: 0;
    cursor: pointer;
    position: absolute;
    right: 5px
}

.cart .cart-recommended .recommended-items .rec-product .rec-product-image .rec-product-eye svg {
    fill: #000;
    height: 17px;
    width: 17px
}

.cart .cart-recommended .recommended-items .rec-product .rec-product-image .rec-product-eye svg #Path_2063,
.cart .cart-recommended .recommended-items .rec-product .rec-product-image .rec-product-eye svg #Path_2064 {
    stroke: #000
}

.cart .cart-recommended .recommended-items .rec-product .rec-product-title {
    font-size: 12px;
    font-weight: 700
}

.cart .sub-total-wrapper {
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    padding: 16px;
    border-top: 1px solid #0E1311;
}

.frequently-bought-products {
    padding-top: 16px;
}

.cart .sub-total-wrapper .sub-total {
    font-family: assistant !important
}

.cart .sub-total-wrapper .sub-total-discount {
    font-size: 16px;
    font-size: 14px;
    margin-right: 5px;
    text-decoration: line-through
}

.cart .sub-total-wrapper p:first-of-type {
    font-size: 22px
}

.cart .info-wrapper .item-price {
    font-size: 14px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    align-items: center;
}


.item-price.item-price-discounted {
    display: flex;
    align-items: center;
}
.cart .cart-details {
    background-color: #fff
}

.cart .cart-details .buttons.loop {
    margin-bottom: 82px
}

.cart .cart-details a {
    display: block;
    text-align: center;
    width: 100%
}

.cart .cart-details .checkout-btn {
    font-size: 16px;
    font-weight: 400
}

.cart .first-items .items {
    padding: 18px
}

#cart-drawer .additional-checkout-options {
    background-color: #f8f8f8;
    border: 5px solid #fff;
    border-top: none;
    padding: 0 42px 19.5px
}

#cart-drawer .additional-checkout-options ul {
    border: none !important
}

.remove-item .icon-remove {
    cursor: pointer;
    height: 20px;
    transform: translateY(4px);
    width: 20px
}

.item .quantity-wrapper .plus {
    background-color: #eee;
    border-radius: 0;
    font-weight: 700;
    cursor: pointer;
    transition: .3s ease
}

.item .quantity-wrapper .plus:hover {
    background: #d3d3d3
}

.item .quantity-wrapper .minus {
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    transition: .3s ease
}

.item .quantity-wrapper .minus:hover {
    background: #d3d3d3
}

.item .quantity-wrapper .minus[data-pending=true],
.item .quantity-wrapper .plus[data-pending=true] {
    cursor: not-allowed
}

.item .quantity-wrapper .quantity {
    border: none;
}

.ymal-container {
    background-color: #fff;
    border-radius: 5px;
    margin-left: 5vw;
    max-width: 1300px;
    opacity: 0;
    padding: 20px 30px 35px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-100%, -50%);
    transition: all 1s ease;
    width: calc(100% - clamp(370px, 25vw + 50px, 520px) - 5vw)
}

.ymal-container .section-title {
    font-size: 24px;
    letter-spacing: 0;
    margin-bottom: 15px;
    margin-top: 0;
    padding: 0 25px;
    position: relative;
    text-align: center
}

.ymal-container .swiper {
    padding: 0 25px
}

.ymal-container .swiper-button-prev {
    color: #000;
    left: -8px !important
}

.ymal-container .swiper-button-prev:after {
    font-size: 21px
}

.ymal-container .swiper-button-next {
    color: #000;
    right: -8px !important
}

.ymal-container .swiper-button-next:after {
    font-size: 21px
}

.ymal-container .ymal-close {
    cursor: pointer;
    position: absolute;
    right: 25px;
    top: 0;
    transition: all .3s ease
}

.ymal-container .ymal-close:hover {
    transform: rotate(90deg)
}

.ymal-container .swiper-button-next.swiper-button-disabled,
.ymal-container .swiper-button-prev.swiper-button-disabled {
    color: transparent
}

.ymal-container .ymal-product-card {
    position: relative
}

.ymal-container .ymal-product-card .ymal-product-info {
    display: flex;
    justify-content: space-between;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 15px;
    min-height: 46px
}

.ymal-container .ymal-product-card .ymal-product-info .ymal-product-price span {
    color: #000;
    font-size: 14px;
    margin-right: 5px;
    text-decoration: line-through
}

.ymal-container .ymal-product-card .ymal-product-img {
    aspect-ratio: 3/4;
    border-radius: 5px;
    margin-bottom: 5px;
    overflow: hidden;
    position: relative
}

.ymal-container .ymal-product-card .ymal-product-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.ymal-container .ymal-product-card .ymal-product-img .quickview-container {
    bottom: 20px;
    cursor: pointer;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
    transition: all .3s;
    width: 50%
}

@media only screen and (max-width:767.98px) {
    .ymal-container .ymal-product-card .ymal-product-img .quickview-container {
        display: none
    }
}

.ymal-container .ymal-product-card .ymal-product-img .quickview-container .quickview-button {
    background-color: #fff;
    border-radius: 5px;
    font-size: 12px;
    padding: 10px 0;
    text-align: center;
    transition: inherit;
    width: -webkit-fill-available
}

.ymal-container .ymal-product-card .ymal-product-img .quickview-container .quickview-button:hover {
    background-color: var(--primary-color);
    color: #000
}

.ymal-container .ymal-product-card .ymal-product-button a {
    box-sizing: border-box;
    display: block;
    text-align: center;
    width: 100%
}

.ymal-container .ymal-product-card:hover .quickview-container,
.ymal-container.open {
    opacity: 1;
    pointer-events: auto
}

.ymal-container.open {
    transform: translateY(-50%)
}

@media (max-width:1024px) {

    .cart .first-items .items,
    .cart .items-wrapper .items {
        padding: 18px 14px
    }

    .ymal-container {
        display: none !important
    }
}

@media (max-width:768px) {

    .cart .first-items .items,
    .cart .items-wrapper .items {
        padding: 18px 22px
    }
}


.cart .items-wrapper .item .img-wrapper img {
    min-height: 0;
    min-width: 0
}

.cart .items-wrapper .item .img-wrapper svg {
    width: 94px
}

.cart .items-wrapper .item .info-wrapper {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px;
    padding: 0 0 0 20px
}

.cart .items-wrapper .item .info-wrapper .top>div {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.cart .items-wrapper .item .info-wrapper .top p {
    font-size: 16px;
    margin: 0
}

.cart .items-wrapper .item .info-wrapper .top svg {
    cursor: pointer;
    height: 15px;
    width: 15px
}

.cart .items-wrapper .item .info-wrapper .top span {
    font-size: 12px;
    margin-bottom: 0
}

.cart .items-wrapper .item .info-wrapper .bottom {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin-top: 0
}

.cart .items-wrapper .item .info-wrapper .bottom span {
    vertical-align: top;
    font-family: Assistant;
    font-size: 12px;
}

.cart .cart-item {
    border-bottom: 1px solid #707070;
    padding: 10px 0 20px;
    position: relative;
    width: 100%
}

.cart .cart-item .img-wrap {
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    height: 110px;
    margin-right: 25px;
    width: 110px
}

@media screen and (max-width:425px) {
    .cart .cart-item .img-wrap {
        aspect-ratio: 1/1;
        height: 65px;
        margin-left: 10px;
        margin-right: 10px;
        min-height: auto;
        min-width: auto;
        width: 65px
    }
}

.cart .cart-item .img-wrap img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.cart .cart-item .content-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

@media screen and (max-width:425px) {
    .cart .cart-item .content-wrapper {
        margin-right: 10px
    }
}

.cart .cart-item .content-wrapper .product-info {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0;
    width: 100%
}

.cart .cart-item .content-wrapper .product-info .p-var {
    font-size: 13px;
    margin: 0
}

.cart .cart-item .content-wrapper .product-info .p-title {
    margin: 0;
    width: 80%
}

.cart .cart-item .content-wrapper .product-info .p-brand,
.cart .cart-item .content-wrapper .product-info .p-title,
.cart .cart-item .content-wrapper .product-info .p-title span {
    color: inherit;
    font-size: 16px;
    font-weight: 700
}

@media screen and (max-width:425px) {

    .cart .cart-item .content-wrapper .product-info .p-brand,
    .cart .cart-item .content-wrapper .product-info .p-title,
    .cart .cart-item .content-wrapper .product-info .p-title span {
        font-size: 14px
    }
}

.cart .cart-item .content-wrapper .product-info .p-brand {
    margin: 0
}

.cart .cart-item .content-wrapper .product-info:nth-of-type(2) {
    margin-bottom: 10px;
    margin-top: 2.5px
}

.cart .cart-item .content-wrapper .cart-info {
    align-items: flex-end;
    border-top: 1px solid #f0f0f0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px 25px;
    justify-content: flex-start;
    margin-top: auto;
    padding-top: 10px;
    width: 100%
}

@media screen and (max-width:425px) {
    .cart .cart-item .content-wrapper .cart-info {
        gap: 10px;
        justify-content: space-between
    }
}

.cart .cart-item .content-wrapper .cart-info .row-break {
    border-bottom: 1px solid #f0f0f0;
    flex-basis: 100%;
    height: 0;
    margin: 10px 0
}

.cart .cart-item .content-wrapper .cart-info .p-price,
.cart .cart-item .content-wrapper .cart-info .p-quantity,
.cart .cart-item .content-wrapper .cart-info .p-subtotal,
.cart .cart-item .content-wrapper .cart-info .p-variant {
    height: 42px;
    text-align: left
}

.cart .cart-item .content-wrapper .cart-info .p-price p,
.cart .cart-item .content-wrapper .cart-info .p-quantity p,
.cart .cart-item .content-wrapper .cart-info .p-subtotal p,
.cart .cart-item .content-wrapper .cart-info .p-variant p {
    font-size: 14px;
    font-weight: 700;
    margin: 6.5px 0 auto
}

.cart .cart-item .content-wrapper .cart-info .p-price .label,
.cart .cart-item .content-wrapper .cart-info .p-quantity .label,
.cart .cart-item .content-wrapper .cart-info .p-subtotal .label,
.cart .cart-item .content-wrapper .cart-info .p-variant .label {
    font-size: 12px;
    font-weight: 500;
    margin: 0 0 3px
}

.cart .cart-item .content-wrapper .cart-info .p-subtotal {
    margin-left: auto
}

.cart .cart-item .content-wrapper .cart-info .p-quantity .quantity-wrapper .quantity {
    flex-basis: 50%
}

.cart .cart-item .content-wrapper .cart-info .remove-item {
    display: none
}

.cart .cart-item .content-wrapper .cart-info .remove-item svg {
    cursor: pointer;
    height: 20px;
    width: 20px
}

.cart .cart-item .content-wrapper .cart-info .remove-item svg path {
    fill: var(--primary-color)
}

@media screen and (max-width:768px) {
    .cart .cart-item .content-wrapper .cart-info .p-variant {
        display: none
    }
}

.cart .cart-item .content-wrapper .policy-link,
.cart .cart-item .content-wrapper .remove-control {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    order: 1
}

.cart .cart-item .content-wrapper .policy-link .policy,
.cart .cart-item .content-wrapper .remove-control .policy {
    color: #000;
    font-size: 12px;
    font-weight: regular;
    margin-left: auto;
    margin-top: auto;
    white-space: nowrap
}

.cart .cart-item .content-wrapper .policy-link .policy:hover,
.cart .cart-item .content-wrapper .remove-control .policy:hover {
    text-decoration: underline
}

.cart .cart-item .content-wrapper .policy-link .remove-item,
.cart .cart-item .content-wrapper .remove-control .remove-item {
    height: 20px;
    margin: 0;
    padding: 0;
    width: 20px
}

.cart .cart-item .content-wrapper .policy-link .remove-item svg,
.cart .cart-item .content-wrapper .remove-control .remove-item svg {
    cursor: pointer;
    height: 20px;
    width: 20px
}

.cart .cart-item .content-wrapper .policy-link .remove-item svg path,
.cart .cart-item .content-wrapper .remove-control .remove-item svg path {
    fill: #000
}

.blog-page-heading {
    padding: 30px 0
}

.blog-page-heading p {
    margin-bottom: 0
}

.item .quantity-wrapper {
    display: flex
}

.item .quantity-wrapper>* {
    align-items: center;
    display: flex;
    height: 25px;
    justify-content: center;
    text-align: center;
    width: 25px
}

.item .quantity-wrapper .minus,
.item .quantity-wrapper .plus {
    background: transparent !important;
    border: none;
    cursor: pointer;
    transition: .3s ease;
    font-size: 18px;
    font-family: system-ui;
    font-weight: 100;
    line-height: 1;
}

.item .quantity-wrapper .minus:hover,
.item .quantity-wrapper .plus:hover {
    background: #d3d3d3
}

.item .quantity-wrapper .minus[data-pending=true],
.item .quantity-wrapper .plus[data-pending=true] {
    cursor: not-allowed
}

.item .quantity-wrapper .quantity {
    border-left: none;
    border-right: none
}

.item .oos,
.item .quantity-wrapper .quantity span {
    font-size: 12px
}

.item .oos {
    margin: 0;
    text-align: right;
    width: 50%
}

.item .oos span {
    cursor: pointer;
    font-size: 12px;
    text-decoration: underline
}

/* Buttons */
button.button-5 {
    background: none;
    background-color: transparent !important;
    border: 1px solid #fff;
    color: #fff !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    border-radius: 10px;
    margin-right: 7px !important;
    font-size: 16px !important;
    min-width: 0 !important;
}

button.button-5:hover {
    background-color: #fff !important;
    color: #000 !important;
    border-radius: 10px !important;
}

button.button-6 {
    background: none;
    background-color: transparent !important;
    border: 1px solid #000;
    color: #000 !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    border-radius: 10px;
    margin-right: 7px !important;
    font-size: 16px !important;
    min-width: 0 !important;
}

button.button-6:hover {
    background-color: #000 !important;
    color: #fff !important;
    border-radius: 10px !important;
}

@media screen and (max-width:767.98px) {
    button.button-5 {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
        font-size: 13px !important;
    }
}

/* Top Nav */
#desktop-header-icons .header-icons {
    gap: 1px;
}

#desktop-header-icons .cart-icon-dynamic {
    margin-left: -4px;
}

#mobile-header-icons {
    padding-left: 11px;
}

#mobile-header-icons .header-icons--icon-cart {
    display: none;
}

#mobile-header-icons #header-icons {
    gap: 15px;
}

#sub-menu-close svg {
    max-height: 9px;
}

.mobile-menu-container.mobile-menu-container--submenu .mobile-menu-qf .menu-container {
    top: 30px;
}

@media only screen and (max-width: 767.98px) {
    body.no-scroll {
        position: static !important;
    }
}

#site-header .page-width {
    padding: 0 1rem;
}

.mega-menu-top-items .menu-item span {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.mega-menu-top-items .mega-menu {
    padding: 0 0 0 15px !important;
}

.mega-menu-banner-title {
    display: inline-block;
    border-bottom: 1px solid #fff;
    padding-bottom: 3px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.17em;
}

.mega-menu-container.page-width {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-right: 0;
}

.mega-menu-banner-desc .desc-title {}

.header-content {
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    #site-header .header-logo {
        margin: 0;
    }

    #main-product-container #main-product .product-form {
        padding: 0 16px !important;
    }
}

.menu-item:hover span {
    position: relative;
}

.menu-item:hover span:after {
    content: "";
    position: absolute;
    bottom: -3px;
    width: 100%;
    border-bottom: 1px solid;
    left: -1px;
}

.mega-menu-menu .mega-menu-title {
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.17em;
}

.mega-menu-submenu {
    position: relative;
    margin-top: 5px !important;
    padding-left: 15px !important;
}

.mega-menu-submenu:after {
    content: "";
    width: 1px;
    height: calc(100% - 10px);
    position: absolute;
    left: 0;
    top: 0;
    margin: 7px 0px;
    border-left: 1px solid;
}

@media screen and (max-width: 1200px) {
    .mega-menu-top-items .menu-item {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* Categry list */
.category-list-title {
    text-align: center;
    margin-bottom: 20px;
}

.category-list-title>* {
    margin: 0;
}

.category-list-items {
    margin-bottom: 30px;
}

.category-list-item {
    border-radius: 5px;
    overflow: hidden;
    border-radius: 0;
}

.category-list-item img {
    max-width: 100%;
}

.category-list-item .category-list-image-rollover {
    display: none;
}

.category-list-item:hover .category-list-image-rollover {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.category-list-item-link {
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.17em;
    font-weight: 500;
    border-bottom: 1px solid;
    padding: 0 0 5px;
    width: auto;
    min-width: 0;
    border-radius: 0;
}

.category-list-actions {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 25px;
}

.category-list-cta {
    min-width: 180px;
    padding: 10px;
    text-align: center;
}

.category-list-item-content {
    display: block;
    font-family: kessler;
    padding: 25px 0 10px;
    font-size: 24px;
}

.category-list-item-content>* {
    margin: 0;
}

@media screen and (min-width: 768px) {
    .category-list-item {
        flex: 1 1 0;
    }
}

@media screen and (max-width: 900px) {
    .category-list-item {
        margin-bottom: 10px;
        border-radius: 0;
    }

    .category-list-items {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .category-list-cta {
        width: 50%;
        padding: 10px 0;
        font-size: 13px;
        min-width: 0;
    }

    .category-list-item-content {
        font-size: 20px;
        padding: 10px 0 5px 0;
    }

    .category-list-item-link {
        font-size: 11px;
        font-weight: 600;
    }
}

/* Bestsellers */
.bestsellers-container .product-title {
    letter-spacing: 0.17em;
    font-size: 13px;
}

.bestsellers-container .product-collection-title {
    font-size: 16px;
}

.bestsellers-container .product-card-qf .product-price {
    font-size: 12px;
    letter-spacing: 0.05em;
}

@media screen and (max-width: 768px) {
    .bestsellers-container .product-title {
        font-size: 10px;
    }

    .bestsellers .bestsellers-container .product-card-wrapper .product-card-qf .product-title {
        min-height: 0 !important;
    }
}

/* Footer */
.footer-section .page-width .footer-section-heading .heading-sm {
    text-transform: uppercase;
    font-family: Assistant;
    letter-spacing: 0.17em;
    color: #000;
    font-size: 16px;
}

.footer-section .page-width .footer-section-heading {
    margin-bottom: 30px;
}

.footer-middle {
    padding: 40px 0;
}

.footer-middle .page-width {
    display: flex;
    justify-content: space-around;
}

.footer-middle span {
    display: block;
    padding-bottom: 20px;
    letter-spacing: 0.17em;
    font-size: 16px;
    text-transform: uppercase;
}

.footer-logos img {
    display: inline-block;
    vertical-align: top;
    max-width: 100px;
}

.socials .social-link {
    margin-right: 10px;
}

.footer-form-text-mobile {
    display: none !important;
}

@media screen and (max-width: 992px) {
    .footer-form-text-desktop {
        display: none !important;
    }

    .footer-form-text-mobile {
        display: block !important;
    }

    .footer-form-text-mobile strong {
        display: block;
        font-size: 15px;
        display: block;
        font-family: 'Assistant';
        font-weight: 500;
    }

    .socials .social-link {
        width: 18px !important;
        height: 18px !important;
        margin-right: 5px;
    }

    .footer-logos img {
        max-width: 60px;
    }

    .footer-section {
        padding: 25px 0 !important;
    }

    .footer-section .page-width .menus-mobile {
        margin-bottom: 0 !important;
    }

    .footer-middle {
        padding: 20px 0;
    }

    .footer-section .page-width .menus-mobile .accordion {
        border-radius: 0;
        border-bottom: 1px solid #daddbe;
        padding: 22px 0;
        font-size: 12px;
        letter-spacing: 0.22em;
        text-transform: uppercase;
        font-family: Assistant;
        font-weight: 600;
    }

    .footer-section .page-width p {
        font-size: 15px;
        font-family: Assistant;
    }

    .footer-middle span {
        font-size: 12px;
    }

    .footer-section .custom-arrow-opened {
        display: none;
    }

    .footer-section .custom-arrow {
        transform: rotate(90deg) !important;
        margin-top: -8px;
        right: 5px !important;
    }

    .footer-section .custom-arrow svg {
        width: 8px !important;
        margin: 0 !important;
        height: auto !important;
    }

    .footer-section .accordion.active .custom-arrow {
        transform: rotate(-90deg) !important;
    }

    .footer-section .accordion.active .custom-arrow-opened {
        display: block !important;
    }
}

/* Header */
@media screen and (max-width: 992px) {
    .header-icons-mobile {
        display: flex;
    }
}


/* PDP. Make a set */
#makeSetWrapper.make-set-no-discount .makeset-label {
    display: none;
}

#makeSetWrapper.is-other-countries .makeset-label {
    display: none !important;
}

#makeSetWrapper .freq-product-button .button {
    background: #ffecdf !important;
}

#makeSetWrapper .freq-product-button .button:hover {
    color: #000;
}

#makeSetWrapper .swiper-button-prev,
#makeSetWrapper .swiper-button-next {
    margin-top: -110px;
    padding: 20px;
}

#makeSetWrapper .swiper-button-next {
    right: 10px;
}

#makeSetWrapper .swiper-button-prev {
    left: 0px;
}

#makeSetWrapper {
    margin-top: -10px;
}

#makeSetWrapper .frequently-bought-heading p {
    margin-top: 0;
}

#main-product-container #main-product .pdp-blocks .frequently-bought-wrapper .frequently-bought-products .freq-product-card {
    max-width: 100%;
}

#main-product-container #main-product .pdp-blocks .frequently-bought-wrapper .frequently-bought-products {
    max-width: 490px !important;
    white-space: nowrap;
}

.freq-product-img img {
    border-radius: 5px;
}

#main-product-container #main-product .pdp-blocks .frequently-bought-wrapper .upgrade-desktop,
#main-product-container #main-product .pdp-blocks .frequently-bought-wrapper .frequently-bought-desktop {
    max-height: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

#main-product-container #main-product .pdp-blocks .frequently-bought-wrapper .upgrade-desktop .swiper-slide,
#main-product-container #main-product .pdp-blocks .frequently-bought-wrapper .frequently-bought-desktop .swiper-slide {
    width: auto;
    flex-shrink: 0;
    display: inline-block !important;
    height: 100%;
    max-height: 100%;
    /* max-width: 237px; */
    width: 100% !important;
    margin-right: 0 !important;
}

.swiper-button-prev-makeset {
    position: absolute;
    left: 0;
    top: 0;
    background: red;
    z-index: 1;
}


.swiper-button-next-makeset {
    position: absolute;
    right: 0;
    top: 0;
    background: yellow;
    z-index: 1;
}

.makeset-product-card .button-wishlist,
.makeset-product-card .samita-container {
    display: none !important;
}

.makeset-label {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 7px 10px 6px 10px;
    top: 10px;
    font-family: Assistant;
    background: #fcfcfa;
}

#upgradeSetWrapper .makeset-label,
#makeSetWrapper .makeset-label {
    display: inline-block;
    border-bottom: 1px solid;
    position: static;
    font-size: 13px;
    padding: 5px 0 0 0;
    background: none;
    align-self: flex-start;
    border-bottom: 1px solid;
}

.makeset-label div {
    padding: 0.5rem 0.5rem;
    font-family: 'Assistant', sans-serif;
    font-size: 12px;
    background: linear-gradient(to right, rgba(240, 250, 200, 1), rgba(240, 250, 200, 1));
    color: rgba(51, 51, 51, 1);
    border-color: rgba(51, 51, 51, 1);
    border-radius: 5px;
}

.frequently-bought-products.freq-desktop .swiper-slide {
    width: 50%;
}

@media screen and (max-width:768px) {
    .frequently-bought.swiper-wrapper .swiper-slide {
        width: 50%;
    }

    #main-product-container #main-product .pdp-blocks .frequently-bought-wrapper .frequently-bought-products .freq-product-card {
        max-width: 100%;
    }

    .cart .items-wrapper .nothing-in-cart {
        margin: 70px 0;
    }
}

/* Kiwi size fix duplicated chart */
.product-details+.ks-chart-container {
    display: none;
}

/* PDP Swatches */
#main-product-container #main-product .swatch_wrapper.is-no-stock {
    display: none !important;
}

/* Klarna logos */
.klarna-payments img {
    max-width: 250px;
}

.klarna-payments-mobile {
    display: none;
}

.klarna-payments-pdp span,
.klarna-payments-pdp img {
    display: inline-block;
    vertical-align: middle;
    margin: 15px 10px 0 0;
    text-transform: lowercase;
}

@media screen and (max-width:768px) {
    .klarna-payments-desktop {
        display: none;
    }

    .klarna-payments-mobile {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    .klarna-payments-mobile img {
        max-width: 200px;
    }
}

klarna-placement::part(osm-container) {
    border: 0;
    font-size: 12px;
    padding-left: 0;
    padding-bottom: 0;
}

klarna-placement::part(osm-cta),
klarna-placement::part(osm-legal) {
    font-size: 12px;
    margin-top: 0;
}

#main-product-container #main-product .product-form .variant-radio-wrapper .variant-radio-container label>div>b {
    font-weight: 400;
}

#main-product-container #main-product .product-form .variant-radio-wrapper .variant-radio-container label>div>div {
    margin-top: 5px;
}

#sizeLabelContainer {
    display: flex;
    justify-content: space-between;
}

#sizeLabelContainer .sizing-chart-container {
    text-align: right;
}

#sizeLabelContainer ._ks_text {
    font-size: 12px;
    border-bottom: 1px solid;
    font-weight: 600;
    text-transform: uppercase;
}

#sizeLabelContainer .ks-chart-modal-link {
    margin-bottom: 0;
    margin-top: 0;
}

/* Minicart */


#cart-drawer .item-option {
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
}

.item-discount {
    font-size: 12px !important;
    color: rgba(0, 0, 0, 0.50);
    text-decoration: line-through
}

.cart .info-wrapper .item-price .item-discount {
    margin-right: 5px;
    margin-left: 5px;
}

.cart .info-wrapper .item-price.item-price-discounted {
    color: #000;
    font-size: 14px;
    font-weight: 400;
}

.minicart-messages {
    color: #fff;
    background-color: #ff7170;
    text-align: center;
    overflow: hidden;
}

.minicart-messages p {
    margin: 5px 20px;
    font-size: 12px;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.minicart-messages a {
    color: #000;
}

#minicartUpsellMakeASet {
    padding: 0;
}

#minicartUpsellMakeASet .frequently-bought-heading {
    padding: 16px;
    text-align: left;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-top: none;
}

#minicartUpsellMakeASet .seperator {
    width: calc(100% - 32px);
    margin: 0 auto;
    height: 1px;
    background-color: #0E1311;
    display: block;
}

.product-recommendations-qf.swiper {
    padding-bottom:16px;
}

#minicartUpsellMakeASet .freq-product-img img {
    max-width: 100%;
    height: 128px;
    width: 100%;
}

.freq-desktop-cart {
    width: 75%;
    margin: 0 auto;
}

.cart-recommended,
.frequently-bought-products-mobile {
    display: none !important;
}

#minicartUpsellMakeASet .freq-product-variants {
    display: flex;
    gap: 5px;
    margin: 10px 0;
}

#minicartUpsellMakeASet .freq-variant-radio-container {
    position: relative;
    flex: 1;
    height: 24px;
    overflow: hidden;
}

#minicartUpsellMakeASet .freq-variant-radio-container label,
#minicartUpsellMakeASet .freq-variant-radio-container input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#minicartUpsellMakeASet .freq-variant-radio-container input {
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}

#minicartUpsellMakeASet .freq-variant-radio-container input:checked+label {
    background-color: #000000;
    color: #FFFFFF;
}

#minicartUpsellMakeASet .freq-variant-radio-container label {
    border-radius: 5px;
    background-color: #FAFAFA;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    font-size: 10px;
}

#minicartUpsellMakeASet .makeset-label {
    font-size: 11px;
    padding: 5px 7px 6px 7px;
}

#minicartUpsellMakeASet .freq-product-info {
    font-size: 12px;
}

#minicartUpsellMakeASet .swiper-button-next {
    top: 30%;
    right: 0;
    display: none;
}

#minicartUpsellMakeASet .swiper-button-prev {
    top: 30%;
    left: 0;
    display: none;
}

#cart-drawer-container #cart-drawer .cart .items-wrapper .items {
    position: relative;
    padding: 16px;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#cart-drawer-container .cart-details {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1;
    /* border-top: 1px solid #e3e3e3; */
}

.cart .sub-total-wrapper {
    color: #000;
    font-family: "Kessler";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.cart .sub-total-wrapper .sub-total-discount {
    color: rgba(0, 0, 0, 0.50);
    font-size: 14px;
    font-weight: 400;
}

.cart .sub-total-wrapper .sub-total-discounted {
    color: #000;
    font-size: 20px;
    font-weight: 400;
}

#minicartMessages {
    max-height: 26px;
}

#cart-drawer-container .cart-details {
    max-height: 102px;
}

#qualify-slider-container {
    max-height: 130px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 15px;
}

.sidecart-header {
    max-height: 57px;
}

.cart-items-inner {
    display: flex;
    flex-direction: column;
    /*justify-content: space-around;*/
    height: calc(100% - 147px);
    overflow: scroll;
}

.cart.is-shippingbar-disabled .cart-items-inner {
    height: calc(100vh - 230px);
}

.discount-allocations {
    color: #ff7170;
    font-size: 12px;
}

#minicartUpsellMakeASet .freq-product-button button {
    width: 100%;
    box-sizing: border-box;
    color: #fff !important;
}

#cart-buttons .checkout-btn {
    color: #fff !important;
}

.minicart-upsell-sizes {
    -webkit-appearance: none;
    appearance: none;
    display: block;
    margin: 0;
    outline: none;
    border-width: 1px;
    border-style: solid;
    padding: 8px 12px;
    width: 100%;
    line-height: 1.5;
    font-size: 14px;
    color: #000;
    background-color: #ffecdf;
    border-color: #fff0;
    border-radius: 5px;
    background-image: url("/cdn/shop/files/icon-down-arrow.png?v=1692031881");
    background-position: 95% 50%;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    font-size: 14px;
    font-family: assistant;
    line-height: 1.15;
    margin-bottom: 10px;
}

#minicartUpsellMakeASet .freq-product-img img {
    border-radius: 0;
}

.quailify-slider-images {
    display: flex;
    justify-content: space-around;
    display: none;
}

.quailify-slider-image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-family: Assistant;
}

.quailify-slider-image img {
    max-width: 30px;
}

.quailify-slider-image span {
    font-family: Assistant !important;
    font-size: 12px;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.cart .qualify-slider-container #qualify-text-new,
.cart .qualify-slider-container #qualify-text {
    font-family: Assistant !important;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.17em;
}

.cart .qualify-slider-container #qualify-text-new b,
.cart .qualify-slider-container #qualify-text b {
    font-weight: 400;
}

#minicartUpsellMakeASet .freq-product-title {
    color: #000;
    font-family: "Kessler";
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 6px;
}

.cart  .freq-product-title a {
    text-align: left;
}

@media screen and (max-width:768px) {
    #minicartUpsellMakeASet .freq-product-title {
    }
}

.cart .items-wrapper .nothing-in-cart .button {
    display: inline-block;
    margin-top: 15px;
    color: #fff !important;
}

@media screen and (max-width: 768px) {
    #cart-drawer-container #cart-drawer {
        width: 100%;
    }

    .cart .qualify-slider-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .cart .qualify-slider-container #qualify-text-new {
        font-size: 12px;
    }

    #qualify-slider-container {
        max-height: 115px;
        padding: 10px;
    }

    .cart .qualify-slider-container .qualify-slider {
        margin-bottom: 10px;
    }

    #minicartUpsellMakeASet {
        padding-bottom: 70px;
    }

    /* Mobile IOS */
    @supports (-webkit-touch-callout: none) {
        #minicartUpsellMakeASet {
            padding-bottom: 160px;
        }
    }

    .cart .cart-items-inner {
        display: block;
    }

    #cart-drawer-container #cart-drawer .cart .items-wrapper .items {
        overflow: auto;
    }

    .cart .items-wrapper .item .img-wrapper img {
        min-width: 0;
        min-height: 0;
    }

    body.no-scroll {
        position: fixed !important;
    }
}

.swiper.freq-desktop-cart {
    width: 93%;
    padding: 0 0 16px;
}

/* Yotpo */
.write-review-wrapper.visible .write-review {
    max-height: 100%;
    overflow: auto;
}

/* Minicart fixes */
.minicart-upsell-sizes,
#minicartUpsellMakeASet {
    background-color: #fff;
}

#minicartUpsellMakeASet {
    /* flex: 1;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end; */
}

.cart.is-shippingbar-disabled .cart-items-inner {
    height: calc(100vh - 120px);
}

#minicartUpsellMakeASet .freq-product-button button {
    display: flex;
    width: 100%;
    height: 34px;
    padding: 8px 12px;
    justify-content: space-between;
    align-items: center;
    background: #EA6673 !important;
    border: 0;
    color: #FFF;
    text-align: center;
    font-family: Assistant;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    justify-content: center;
}

.cart .items-wrapper.items-wrapper-empty {
    justify-content: center;
    flex-direction: column;
}

.cart .items-wrapper {
    padding-bottom: 80px;
}

@media screen and (max-width: 799px) {
    #minicartUpsellMakeASet .freq-product-button button {
        padding: 10px;
    }

    .cart .items-wrapper.items-wrapper-empty {
        padding-bottom: 30px;
    }
}

/* CLP FIX */
@media only screen and (min-width: 769px) {
    section#collection-grid .collection-heading {
        margin: 0 !important;
        width: auto !important;
        text-align: left !important;
        padding-left: 8px !important;
    }
}

#collection-grid .collection-heading {
    height: 3em;
    max-height: 3em;
    overflow: hidden;
    cursor: pointer;
}

.depict.plp .listing-page {
    padding-top: 5px;
}

#collection-grid .img-wrapper img {
    max-width: 160px;
}

section#collection-grid .all-knickers-filter-container {
    margin: 20px 0 !important;
}

@media screen and (max-width: 768px) {
    .collection-heading h1 {
        text-align: left;
        padding-left: 5px;
        font-size: 26px;
    }

    section#collection-grid .collection-heading p {
        text-align: left;
        padding-left: 6px;
        font-size: 14px;
    }

    section#collection-grid .all-knickers-filter-container {
        margin: 10px 0 !important;
    }
}

.product-tag.backinstock {
    z-index: 2;
}

.product-card-qf .product-tag.new {
    font-size: 11px;
    padding: 7px 10px 6px 10px;
    right: 10px;
    top: 10px;
    font-family: Assistant;
    letter-spacing: 0.2em;
}

.product-card-qf .product-tag.new.product-tag-offer {
    background: #272526;
    color: #efecde;
    top: 74.5%;
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
    width: 67%;
    max-width: 170px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .product-card-qf .product-tag.new.product-tag-offer {
        bottom: auto;
        top: 180px;
        left: auto;
        right: 10px;
        width: 68%;
    }
}

/* PREORDER FIX */
.gPreorderBtn {
    max-height: 40px;
    line-height: 1;
    margin-top: 3px;
}

.gPreorderBottomMessage {
    padding: 5px 10px !important;
}

.singleProductPreOrderForm.gPreorderHiddenPaymentOptions .submit-buttons {
    flex-direction: column;
}

.singleProductPreOrderForm .gPreorderSellingPlanWrapper .gPreorderSellingPlanGroup .gPreorderSellingPlanOptions {
    padding: 5px !important;
}

#main-product-container #main-product .product-form .submit-buttons input[name="selling_plan"] {
    width: 35px;
}

/* HP Fix */
@media screen and (max-width: 799px) {
    .links-align-left.links-align-left {
        padding-left: 19px !important;
        padding-right: 20px !important;
        box-sizing: border-box;
    }

    .links-align-left button {
        margin-right: 0 !important;
    }
}

#flagSelector {
    width: 55px;
}

#flagSelector>span {
    position: absolute;
    right: 0;
    top: 5px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.045em;
}

@media screen and (max-width: 799px) {
    #flagSelector>span {
        display: none;
    }

    #chatbase-bubble-button.is-active {
        margin-left: -5px;
    }

    #header-icons {
        display: none;
    }

    #mobile-menu-container.active #header-icons {
        display: flex;
    }

    .hero-image .hero-image-inner .hero-image-content.hero-image-content-mobilealign-left .links {
        padding-left: 15px !important;
    }
}

.header-icons .header-icons--icon-account,
.header-icons .header-icons--icon-wishlist {
    margin-top: 2px;
}

/* Minicart safari fix */
.is-browser-safari .cart.is-shippingbar-disabled .cart-items-inner {
    display: block;
    height: 75vh;
}

.is-browser-safari .cart .items-wrapper {
    padding-bottom: 0;
}

.is-browser-safari #cart-drawer-container #cart-drawer .cart .items-wrapper .items {
    overflow: auto;
}

/* PDP. Tabs */
#colourwaysTabs {
    display: flex;
    margin-top: 15px;
    gap: 32px;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    position: relative;
    z-index: 0;
    top: 0px;
    margin-bottom: 5px;
}

div#colourwaysTabs:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    background: #D8D8D8;
}

#colourwaysTabs .swatches-tabs {
    font-size: 12px;
    padding: 10px 12px 0 2px;
    background: #fff;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
}

#colourwaysTabs .swatches-tabs:not(#colourwaysTabs .swatches-tabs:first-child) {
    padding-left: 12px;
}

@media screen and (max-width: 799px) {
    #colourwaysTabs .swatches-tabs {
        font-size: 12px;
    }

    #colourwaysTabs {
        margin-right: -16px;
        gap: 12px;
    }
}

#colourwaysTabs .swatches-tabs.is-active {
    border-bottom: 2px solid #F56974;
    cursor: default;
    color: #F56974;
    position: relative;
    top: 0;
    z-index: 67;
    padding-bottom: 3px;
}

/* #colourwaysTabs .swatches-tabs.is-active:after {
    content: '';
    width: 100%;
    height: 2px;
    background: red;
    z-index: 999;
    position: absolute;
    bottom: 0px;
    left: 0;
} */

#colorwaysType {
    margin-top: 20px;
    gap: 13px;
}

.submit-buttons input[type=submit]:disabled {
    opacity: 1;
}

.depict.recommendations {
    position: relative;
    padding-top: 15px;
}

/* Subscriptions */
#subscriptionchooser .optionchooser.opt-boxers {
    display: none !important
}

/* Product features */
.product-features {
    padding: 0;
}

.product-features img {
    display: block;
    margin: 0 auto 5px;
    max-width: 30px;
}

.product-features span {
    font-size: 12px;
    letter-spacing: 2px;
}

.product-features li {
    display: inline-block;
    vertical-align: top;
    width: 32.5%;
    line-height: 1;
    margin-bottom: 20px;
    text-transform: uppercase;
    list-style: none;
    text-align: center;
}

.gallery-swiper .gallery-wishlist-icon {
    top: auto;
    bottom: 5px;
}

.clp-wishlist-icon {
    width: 31px !important;
    height: 29px !important;
}

.clp-wishlist-icon:before {
    left: 8px !important;
    top: 8px !important;
}

#main-product-container #main-product .pdp-blocks .frequently-bought-wrapper .frequently-bought-products .freq-product-card .freq-product-info {
    max-width: 320px;
}

.depict-recommendations.product-page {
    margin-top: 0 !important;
}

@media screen and (max-width: 768px) {
    .gallery-swiper .gallery-wishlist-icon {
        top: auto;
        bottom: 5px;
        left: 4vw;
    }

    .product-features {
        margin-top: 0;
        margin-bottom: 0;
    }

    .product-features img {
        max-width: 25px;
        margin-bottom: 3px;
    }

    .product-features span {
        font-size: 11px !important;
    }

}

.depict.recommendations:before {
    display: none;
}


#main-product-container #main-product .product-form .variant-radio-wrapper {
    gap: 2px !important;
}

#main-product-container #main-product .pdp-blocks .frequently-bought-wrapper .frequently-bought-products.freq-swiper {
    flex-direction: column;
}

#upgradeSetWrapper .makeset-label,
#makeSetWrapper .makeset-label {
    border: 0;
    padding-top: 0;
    position: relative;
    left: 0;
    top: 0;
    align-self: flex-start;
    border-bottom: 1px solid;
}
}

#upgradeSetWrapper .freq-product-variants,
#makeSetWrapper .freq-product-variants {
    flex-direction: column;
}

#main-product-container #main-product .pdp-blocks .frequently-bought-wrapper .frequently-bought-products .freq-product-card .freq-product-variants .freq-variant-radio-container {
    flex: auto !important;
}

#main-product-container #main-product .pdp-blocks .frequently-bought-wrapper .frequently-bought-products .freq-product-card .freq-product-variants {
    display: block !important;
    overflow: hidden;
}

#main-product-container #main-product .pdp-blocks .frequently-bought-wrapper .frequently-bought-products .freq-product-card .freq-product-info .freq-product-title {
    text-align: left;
    font-family: kessler;
    font-weight: 400;
    padding-right: 40px;
    white-space: normal;
    line-height: 1.3;
}

.freq-product-variants-wrapper {
    position: relative;
    min-height: 35px;
}

@media screen and (max-width: 768px) {
    .freq-product-info .freq-product-title {
        white-space: normal !important;
        padding-right: 40px;
    }
}


.freq-product-variants.is-expanded {
    height: 315px !important;
    z-index: 1;
}

#upgradeSetWrapper .freq-product-variants,
#makeSetWrapper .freq-product-variants {
    position: absolute;
    height: 35px;
    width: 100%;
}

.freq-product-variants-initial {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 8px 15px;
    cursor: pointer;
    font-size: 12px;
}

.freq-product-variants-initial svg {
    float: right;
    max-width: 8px;
    margin-top: -3px;
    transform: rotate(90deg);
}

#buyButton.buy-now-button {
    color: #000 !important;
    background: #ffecdf !important;
}

.freq-product-button button {
    background: #ffecdf !important;
}

/* PDP Carousel Captions */
.product-img-caption {
    background: rgba(255, 255, 255, .7);
    color: #000;
    text-align: center;
    padding: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.1em;
}

/* PDP. USP */
.productsUspList {
    display: flex;
    gap: 15px;
    margin: 0 0 15px 0;
}

.productUspItem {
    display: flex;
    flex-direction: column;
    flex: 33%;
    overflow: hidden;
    background: #E8E8E8;
}

.productUspItem img {
    max-width: 100%;
    transition: transform .2s ease-in-out;
}

.productUspContent {
    display: flex;
    font-size: 12px;
    text-align: center;
    background: #E8E8E8;
    padding: 5px 10px;
    z-index: 1;
    min-height: 5em;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .productUspContent {
        padding: 5px;
        font-size: 11px;
    }
}

/* Collection by types */
.collection-types-grid {
    display: flex;
}

.collection-types-products {
    flex-flow: wrap;
    display: flex;
    flex-grow: 1;
    align-content: flex-start;
    margin-bottom: 50px;
}

.collection-types-products .product-card-qf {
    margin-right: 2%;
    margin-bottom: 2%;
    width: 18%;
    gap: 0;
}

.collection-types-subtitle {
    margin: 20px 0 30px;
}

.collection-types-products .product-card-qf .img-wrap {
    border-radius: 0;
}

.collection-types-products .clp-wishlist-icon {
    display: none;
}

.collection-types-products .product-collection-title {
    font-family: kessler;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin: 5px 0 0 0;
    font-size: 19px;
    word-break: normal;
}

.collection-types-products .product-title {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .1em;
    margin-top: 15px;
}

.collection-types-products .product-price {
    float: right;
    font-family: kessler;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 0 5px !important;
    font-size: 19px;
    word-break: normal;
}

.collection-types-products .product-collection-title span {
    max-width: 75%;
    display: inline-block;
}

@media screen and (max-width: 1000px) {
    .collection-types-products .product-card-qf {
        width: 45%;
        margin-right: 5%;
        margin-bottom: 6%;
    }

    .collection-types-products .product-price,
    .collection-types-products .product-collection-title {
        font-size: 17px;
    }
}

#main-product-container #main-product .product-review {
    height: 20px;
}

/* HP Banner additional styles */
.hero-image-content h5 {
    text-transform: uppercase;
    font-family: Assistant;
    letter-spacing: 0.17em;
    font-size: 16px;
}

.hero-image .hero-image-inner .hero-image-content .links a button.button-7 {
    transition: none;
    box-sizing: content-box;
    min-width: 170px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border-radius: 5px !important;
    background-color: rgba(255, 255, 255, .85) !important;
}

.hero-image .hero-image-inner .hero-image-content .links a button.button-7:hover {
    background-color: rgba(255, 255, 255) !important;
}


.hero-image .hero-image-inner .hero-image-content .links a button.button-8 {
    transition: none;
    box-sizing: content-box;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    border-radius: 20px !important;
    background-color: #E7E5D0 !important;
    color: #191b1b;
    text-transform: none;
    letter-spacing: 0.13em;
    font-size: 13px;
    font-weight: 500;
}

.hero-image .hero-image-inner .hero-image-content .links a button.button-9 {
    transition: none;
    box-sizing: content-box;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    border-radius: 20px !important;
    background-color: #FFFFFF !important;
    color: #191b1b;
    text-transform: none;
    letter-spacing: 0.13em;
    font-size: 13px;
    font-weight: 500;
}

.hero-image .hero-image-inner .hero-image-content .links a button.button-10 {
    position: relative;
    transition: none;
    box-sizing: content-box;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding: 0;
    border-radius: 20px !important;
    background: none !important;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 6px;
    font-size: 30px;
    font-weight: 400;
}

.hero-image .hero-image-inner .hero-image-content .links a button.button-10:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #fff;
}

@media screen and (max-width:768px) {
    .hero-image .hero-image-inner .hero-image-content .links a button.button-10 {
        font-size: 18px;
    }
}

.product-quickview.is-product-bra .product-size-conversion,
#main-product-container.is-product-bra .product-size-conversion {
    display: none;
}

@media screen and (min-width: 768px) {
    .hero-image .hero-image-inner.hero-image-desktopalignvertical-top {
        bottom: auto;
        top: 7% !important;
        transform: none
    }
}

@media screen and (max-width: 768px) {
    .links-two-in-row a button {
        width: 40% !important;
        min-width: 135px !important;
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
}

/* Product video */
.product-video-play {
    padding: 5px;
    text-align: center;
    background: #e8e8e8;
    font-weight: 600;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .product-video-play {
        margin-bottom: 20px;
    }
}

.product-video-play span {
    vertical-align: middle;
}

.product-video-play img {
    max-width: 16px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle
}

.product-video-wrapper {
    position: relative;
    cursor: pointer !important;
}

.product-video-wrapper video {
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .product-video-wrapper:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        background: url('/cdn/shop/files/icon-play-5.png?v=1725527403') no-repeat center center;
        width: 50px;
        height: 50px;
        margin-top: -25px;
        margin-left: -25px;
        background-size: 100%;
    }
}

/* Mobile nav images */
.menu-images-content {
    padding-bottom: 10px;
}

.menu-images-content img {
    max-width: 100%;
    height: auto;
}

.menu_image_title {
    font-family: kessler;
    font-size: 24px;
    margin-bottom: 5px;
    text-transform: none;
}

.menu_image_cta {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.17em;
    font-weight: 500;
    border-bottom: 1px solid;
    padding: 0 0 5px;
    width: auto;
    min-width: 0;
    border-radius: 0;
}

#upgradeSetWrapper {
    margin-bottom: 15px;
}

.makeset-label.is-sale-product {
    display: none !important;
}

#main-product-container #main-product .product-form {
    flex: 0 0 40%;
}

#main-product-container #main-product .product-form .variant-radio-wrapper.variant-radio-small {
    justify-content: flex-start;
    gap: 10px;
}


/* Contact US */
.page-contact-us #MainContent {
    background: #ffecde;
}

.page-contact-us .section--header-with-richtext h1 {
    text-transform: uppercase;
    font-family: Assistant;
    font-size: 14px;
    letter-spacing: 8px;
}

.page-contact-us .section--header-with-richtext h2 p {
    font-size: 45px;
    margin-top: 20px;
}

.text-grid-contact .text {
    flex-direction: column;
    text-align: center;
}


.text-grid-contact img {
    max-width: 35px;
    margin-right: 10px;
}

.page-contact-us .image-text-grid-sustainability .grid .image img {
    position: static;
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

.page-contact-us .image-text-grid-sustainability .grid .image ul {
    display: inline-block;
    list-style: none;
    vertical-align: top;
    padding-left: 0;
    line-height: 20px;
}

.page-contact-us .image-text-grid-sustainability .grid .text h3 {
    margin-top: 0;
    margin-bottom: 20px;
}

.page-contact-us .image-text-grid-sustainability .grid .image h2 {
    text-align: center;
    margin-bottom: 20px;
}

.page-contact-us .contact-wrapper {
    width: 100%;
}

.page-contact-us .contact-wrapper .form-message--success+fieldset {
    display: none;
}

.page-contact-us .contact-wrapper .form-message--success {
    margin: 20px 0;
}

.page-contact-us .contact-wrapper .form-message--success span {
    font-size: 45px;
    font-family: kessler;
}

.text-grid-contact-success .text-text p,
.text-grid-contact-success .text h3 {
    display: none;
}

.page-contact-us .contact-wrapper fieldset {
    border: 0;
    outline: none;
}

.page-contact-us .contact-wrapper textarea,
.page-contact-us .contact-wrapper input[type="tel"],
.page-contact-us .contact-wrapper input[type="email"],
.page-contact-us .contact-wrapper input[type="text"] {
    width: 100%;
    min-height: 35px;
    border-radius: 10px;
    border: 1px solid #a6a6a6;
    padding: 15px;
}

.page-contact-us .contact-wrapper textarea::placeholder,
.page-contact-us .contact-wrapper input[type="tel"]::placeholder,
.page-contact-us .contact-wrapper input[type="email"]::placeholder,
.page-contact-us .contact-wrapper input[type="text"]::placeholder {
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .2em;
}

.page-contact-us .image-text-grid-sustainability {
    padding-top: 0;
    gap: 50px;
}

.page-contact-us .text-grid-contact .contact-address,
.page-contact-us .text-grid-contact .contact-phone,
.page-contact-us .text-grid-contact .contact-email {
    text-transform: uppercase;
    font-family: Assistant;
    font-size: 12px;
    letter-spacing: .2em;
    margin-bottom: 20px;
}

.page-contact-us .contact-wrapper input[type="submit"] {
    background: #ff7170;
    color: #fff;
    width: 100%;
}

@media (max-width: 767.98px) {
    .page-contact-us .image-text-grid-sustainability .grid {
        flex-direction: column !important;
    }

    .page-contact-us .image-text-grid-sustainability .grid .text {
        padding: 0 20px;
    }

    .page-contact-us .image-text-grid-sustainability .grid .text h3 {
        display: none;
    }

    .page-contact-us .section--header-with-richtext h2 p {
        margin-bottom: 20px;
    }

    .image-text-grid-sustainability .grid .image {
        padding: 0 20px;
    }

    .page-contact-us .image-text-grid-sustainability .grid .image h2 {
        margin: 20px 0;
    }
}


/* CLP */
#collection-grid .collection-heading.is-description-available .heading-lg:after {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    content: "";
    background: url("/cdn/shop/files/icon-arrow-down.svg?v=1727841948") no-repeat center;
    width: 20px;
    height: 20px;
    background-size: 100%;
}

.freq-desktop-is-pack .makeset-label {
    display: none !important;
}

/* Collection dynamic SEO description */
#collection-grid .collection-heading {
    height: 3em;
    max-height: 3em;
    overflow: hidden;
    cursor: pointer;
    transition: max-height 0.5s ease-out;
    -webkit-transition: max-height 0.5s ease-out;
}

#collection-grid .collection-heading.is-description-available.is-active {
    height: auto;
    max-height: 500px;
    overflow: visible;
}

#collection-grid .collection-heading.is-description-available.is-active {
    max-width: 100%;
}

#collection-grid .collection-heading.is-description-available .heading-lg:after {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    content: "";
    background: url("/cdn/shop/files/icon-arrow-down.svg?v=1727841948") no-repeat center;
    width: 20px;
    height: 20px;
    background-size: 100%;
}

/* Homepage CLS fixed */
#homepageCarouselWrapper .swiper-slide+.swiper-slide {
    display: none;
}

#homepageCarouselWrapper.swiper-initialized .swiper-slide+.swiper-slide {
    display: block;
}

@media only screen and (min-width: 768px) {
    .hero-image .hero-image-inner {
        top: 25% !important;
        transform: none !important;
    }

    .hero-image .hero-image-inner.hero-image-desktopalignvertical-center {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }
}

/* Bestsellers slider wrapper */
.bestsellers-container.bestsellers-slider-wrapper {
    display: block !important;
}

.page-width-bestsellers-scroll {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

@media screen and (max-width: 768px) {
    .bestsellers .bestsellers-container.is-mobile-scroll .product-card-wrapper {
        display: inline-flex;
        min-width: 40%;
    }

    .bestsellers .bestsellers-container.is-mobile-scroll {
        display: flex;
        overflow: auto;
    }
}


/* PDP. Multiple products */
#main-product-container #main-product .product-form .submit-buttons .submit-button {
    position: relative;
    z-index: 2;

}

#main-product-container #main-product .product-form .submit-buttons .submit-button:disabled {
    opacity: 1;
}

#main-product-container #main-product .product-form .submit-buttons [data-active="true"] .qty-adjust {
    display: block;
}

#main-product-container #main-product .product-form .submit-buttons .submit-button:disabled {
    cursor: default;
}

.submit-button-container {
    width: 48%;
    position: relative;
}

#main-product-container #main-product .product-form .submit-button-container input[type="submit"] {
    width: 100% !important;
}

@media screen and (max-width:768px) {
    .submit-button-container input[type="submit"] {
        width: 100% !important;
    }
}

.product-multiple-add {
    display: none;
    position: absolute;
    z-index: 1;
    background: #fff;
    width: 100%;
}

.product-multiple-add ul {
    list-style: none;
    padding: 0;
    border: 1px solid #000;
    border-width: 0 1px 1px 1px;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    margin-top: -8px;
}

.product-multiple-add li {
    padding: 10px 8px;
    border-top: 1px solid;
    font-size: 13px;
    cursor: pointer;
}

.submit-button-container[data-active="true"]:hover .product-multiple-add {
    display: block;
}

.product-multiple-add li:first-child {
    padding-top: 14px;
}

.product-multiple-add li:nth-child(odd) {
    background: #f4f4f4;
}

.product-multiple-add li:hover {
    background: #eee;
}

.product-multiple-add-prices {
    float: right;
}

.product-multiple-add-prices span+span {
    color: #f56974;
}

.freq-desktop-is-pack .makeset-label {
    display: none !important;
}

/* Coming soon button */
#main-product-container #main-product .product-form .submit-buttons .oos-notification.is-coming-soon {
    width: 100% !important;
    color: #fff !important;
    background: #000 !important;
}

.product-img-label {
    display: none;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 11px;
    padding: 7px 10px 6px 10px;
    font-family: Assistant;
    letter-spacing: 0.2em;
    background-color: #fcfcfa;
    border-radius: 5px;
    text-transform: uppercase;
}

.product-img-label.is-active {
    display: block;
}

.product-img-label.is-active.is-black {
    background: #272526;
    color: #efecde;
}

@media screen and (max-width:768px) {
    .product-card-qf .product-tag.new.new {
        font-size: 9px;
        padding: 4px 7px 4px 7px;
        letter-spacing: 0.1em;
    }

    .hero-image .hero-image-inner .hero-image-content.hero-image-content-mobilealignvertical-bottom .links {
        padding-bottom: 60px !important;
    }
}

/* Chatbase styling */
#chatbase-bubble-button {
    background: url("/cdn/shop/files/chat-3.png?v=1684473493") no-repeat center center;
    background-size: 65%;
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    box-shadow: none !important;
}

#chatbase-bubble-button svg,
#chatbase-bubble-button img {
    display: none;
}

@media screen and (max-width: 768px) {
    #chatbase-bubble-button {
        display: none;
        width: 35px !important;
        height: 35px !important;
        margin-top: 7px;
        margin-left: -5px;
        position: static !important;
        background-size: 100%;
        background-color: transparent !important;
    }

    #chatbase-bubble-button.is-active {
        display: block;
    }
}

.product-review .yotpo-widget-instance {
    min-height: 20px;
}


/* BFCM labels remove */
.is-labels-disabled #makeSetWrapper .makeset-label,
.is-labels-disabled .samita_productLabel.samita_productLabel,
.is-labels-disabled #pickMixLabel {
    display: none !important;
}

/* Minicart Upsell */
#shopify-section-product-recommendations-qf {
    padding: 0;
}

@media screen and (max-width: 768px) {
    #product-recommendations-qf .freq-product-info .freq-product-title {
        padding-right: 0;
    }

    #product-recommendations-qf .swiper-wrapper {
        align-items: start;
    }
}


#minicartUpsellMakeASet .freq-desktop-cart.is-invisible {
    visibility: hidden;
}

.is-labels-disabled .pick-n-mix-banner .body-text-wrapper,
.is-labels-disabled .knicker-picker-cart,
.upgrade-desktop.is-offers-hidden .makeset-label {
    display: none !important;
}


.footer-payments {
    padding: 10px 0;
    text-align: center;
    margin: 0 auto;
}

.footer-payments img {
    max-width: 600px;
}

@media screen and (max-width: 768px) {
    .footer-payments img {
        max-width: 90%;
    }
}

/* Mobile menu custom image */
.mobile-menu-asset {
    margin-top: 25px
}

.mobile-menu-asset img {
    max-width: 100%;
}

/* Text slider */
.text-slider-wrapper {
    margin: 0 auto !important;
    width: 80% !important;
    max-width: 700px !important;
}

.text-slider-wrapper .heading-lg {
    font-size: 45px;
}

.text-slider-wrapper .card-slider-card {
    margin: 0 100px;
    text-align: center;
}

.text-slider-wrapper .card-slider-card p {
    text-align: center;
    margin-bottom: 50px;
    font-size: 16px;
}

.text-slider-wrapper .swiper-pagination-bullet {
    border: 1px solid #fff;
    outline: 1px solid #000;
    background: none;
    opacity: 1 !important;
    margin: 0 6px !important;
}

.text-slider-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #000;
    border: 1px solid #fff;
    outline: 1px solid #000;
}

.text-slider-wrapper .swiper-button-next,
.text-slider-wrapper .swiper-button-prev {
    top: 35%;
}

.text-slider-wrapper .card-slider-card img {
    max-width: 100px;
    margin-bottom: 40px;
}

.text-slider-wrapper .swiper-slide-with-image .text p {
    margin-bottom: 15px;
}

.text-slider-wrapper .text-font-kessler {
    font-family: kessler;
}

.text-slider-wrapper .text-font-kessler p {
    font-size: 18px;
}

@media screen and (max-width: 768px) {
    .text-slider-wrapper {
        margin: 0 auto !important;
        width: 100% !important;
        max-width: 700px !important;
    }

    .text-slider-wrapper .card-slider-card {
        margin: 0 50px;
        text-align: center;
    }

    .text-slider-wrapper .heading-lg {
        font-size: 35px;
    }
}

#circle {
    width: 200px;
    height: 200px;
    line-height: 180px;
    margin: 0 auto;
    font-size: 60px;
    text-align: center;
    font-family: kessler;
    color: #455ca8;
    background: url("/cdn/shop/files/giving-back-circle.png?v=1735039315") no-repeat center center;
    background-size: 100%;
}

/* Large text */
.large-text-mobile-image {
    display: none;
}

@media screen and (max-width: 768px) {
    .large-text .large-text-container.large-text-with-image {
        max-width: 74%;
        display: inline-block;
    }

    .large-text-mobile-image {
        width: 20%;
        display: inline-block;
        vertical-align: top;
        margin-top: 10px;
    }

    .large-text-mobile-image img {
        max-width: 100%;
    }
}


/* Tabs */
.tabs-content {
    display: none;
    max-width: 1400px;
    margin: 0 auto;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-radius: 0 0 20px 20px;
    margin-bottom: 40px;
}

.tabs-content-active {
    display: block;
}

.tabs-content-richtext h2 {
    font-size: 45px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 0;
    padding-top: 40px;
}

.tabs-content-richtext p {
    font-family: kessler;
    font-size: 20px;
    margin: 0 auto 40px;
    padding-top: 30px;
    max-width: 800px;
    text-align: center;
}

.tabs-content-richtext a {
    text-transform: uppercase;
    font-family: Assistant;
    letter-spacing: 4px;
    font-size: 16px;
    border-bottom: 1px solid;
}

.tabs-content-fullimage {
    position: relative;
    margin: 0 auto 20px auto;
    text-align: center;
    max-width: 1600px;
}

.tabs-content-fullimage img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.tabs-content-fullimage .tabs-content-inner {
    color: #fff;
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 45px;
    max-width: 800px;
    font-family: kessler;
    transform: translateY(-50%);
}

.tabs-content-fullimage .tabs-content-inner p {
    margin-bottom: 0;
}

.tabs-content-fullimage .tabs-content-inner p+p {
    margin-top: 0;
}

.tabs-content-fullimage .tabs-content-inner a {
    color: #fff;
    text-transform: uppercase;
    font-family: Assistant;
    letter-spacing: 4px;
    font-size: 16px;
    border-bottom: 1px solid #fff;
}

.tabs-content-doubleimage {
    display: flex;
    gap: 20px;
    max-width: 1400px;
    margin: 0 auto;
}

.tabs-content-button {
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 10px;
    padding: 10px 20px;
    max-width: 200px;
    margin: auto;
}

.tabs-content-features {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 50px 0;
}

.tabs-content-feature {
    width: 180px;
    border-radius: 30px;
    text-align: center;
    padding: 20px;
    font-family: kessler;
    font-size: 16px;
}

.tabs-content-feature img {
    max-width: 50px;
}

.tabs-heading-wrapper {
    display: flex;
    justify-content: space-around;
    max-width: 1400px;
    margin: 0 auto;
}

.tabs-heading-wrapper .tabs-heading {
    background: #000;
    color: #fff;
    width: 33.3%;
    text-align: center;
    padding: 20px 0;
    font-size: 16px;
    transition: all .3s ease;
}

.tabs-heading-wrapper>div:last-child {
    border-radius: 0 20px 0 0;
}

.tabs-heading-wrapper>div:first-child {
    border-radius: 20px 0 0 0;
}

.tabs-heading {
    cursor: pointer;
}

.tabs-heading-wrapper .tabs-heading.is-active {
    color: #000;
    background: #fff;
    cursor: default;
    border-color: #000;
    border-width: 1px 1px 0 1px;
    border-style: solid;
}


@media screen and (max-width: 768px) {
    .tabs-content-richtext h2 {
        font-size: 35px;
        text-align: left;
    }

    .tabs-content-richtext p {
        font-size: 18px;
        padding-top: 0;
        text-align: left;
    }

    .tabs-content,
    .tabs-heading-wrapper {
        width: 90%;
    }

    .tabs-content-richtext {
        padding: 0 20px;
        text-align: left;
    }

    .tabs-heading-wrapper .tabs-heading {
        padding: 15px 0;
        font-size: 14px;
    }

    .tabs-content-fullimage .tabs-content-inner {
        font-size: 20px;
    }

    .tabs-content-button {
        bottom: 10px;
    }

    .tabs-content-fullimage .tabs-content-inner p {
        margin-top: 0;
        font-size: 45px;
    }

    .tabs-content-doubleimage {
        flex-direction: column;
        gap: 0;
    }

    .tabs-content-fullimage {
        margin-bottom: 5px;
    }

    .tabs-content-fullimage img {
        min-height: 140px;
    }

    .tabs-content-feature {
        width: 27%;
        padding: 10px;
        min-height: 100px;
    }

    .tabs-content-fullimage .tabs-content-inner p {
        font-size: 18px;
    }

    .tabs-content-button {
        padding: 5px 10px;
        max-width: 180px;
    }
}

/* Features highlighted */
.features-highlighted-wrapper {
    display: flex;
    max-width: 1400px;
    margin: 0 auto 60px;
    justify-content: space-between;
    gap: 20px;
}

.features-highlighted-item {
    flex: 100%;
    padding: 70px 40px;
}

.features-highlighted-item .text {
    font-size: 45px;
    font-family: kessler;
    text-align: center;
}

.features-highlighted-item .heading {
    text-align: center;
    width: 40%;
    margin: 0 auto 20px;
}

.features-highlighted-item .text p {
    margin: 0;
}

.features-highlighted-item .text strong {
    color: #1e4ce5;
}

@media screen and (max-width: 768px) {
    .features-highlighted-wrapper {
        flex-wrap: wrap;
        padding: 0 20px;
    }

    .features-highlighted-item {
        flex: 45%;
        padding: 20px;
    }

    #main-product-container #main-product .product-form .variant-radio-wrapper .variant-radio-container label div {
        display: flex;
        gap: 4px;
    }

    #main-product-container #main-product .product-form .variant-radio-wrapper .variant-radio-container label>div>div {
        margin: 0 !important;
    }
}

#main-product-container #main-product .product-form .variant-radio-wrapper .variant-radio-container label {
    background: transparent !important;
    border: 1px solid #000 !important;
}

#main-product-container #main-product .product-form .variant-radio-wrapper .variant-radio-container {
    border: 0;
}

#main-product-container #main-product .product-form .variant-radio-wrapper .variant-radio-container label>div>b {
    font-weight: 400;
}


#main-product-container #main-product .product-form .variant-radio-wrapper .variant-radio-container input {
    margin: 0 !important;
}

#main-product-container #main-product .product-form .variant-radio-wrapper .variant-radio-container input:checked+label {
    background-color: rgba(245, 105, 116, 0.10) !important;
    border: 1px solid #F56974 !important;
    color: #000 !important;
}

#buyButton {
    display: none !important;
}

@media screen and (max-width:768px) {
    .submit-button-container {
        width: 100%;
    }
}

.label-hidden {
    visibility: hidden !important;
}

/* CLP Fix spacing */
@media screen and (max-width:768px) {
    .product-card-qf {
        gap: 0;
    }

    .product-card-qf .product-title {
        margin-top: 10px;
    }

    .product-card-qf .product-price {
        margin-top: 2px;
        margin-bottom: 7px;
    }
}

/* CLP change crop ratio */
.product-card-qf .img-wrap {
    aspect-ratio: 3 / 4;
}

.product-card-qf .img-wrap .s-image-container {
    height: 100%;
}

/* CLP Fix spaces */
.depict.category .listing-page .quicklinks:empty,
.depict.category .listing-page .crumbs:empty {
    display: none;
}

.depict.category .listing-page .quicklinks {
    margin-bottom: 0;
}

.depict.category .quicklinks .quicklink {
    margin-bottom: 12px;
}

.depict .depict-slider .d-navbutton {
    top: 40%;
}

/* PDP CORNERS */
.sign-up-footer .page-width .sign-up .footer-form-container.footer-form-container form input,
.sign-up-footer .page-width .sign-up .footer-form-container.footer-form-container form button,
.hero-image .hero-image-inner .hero-image-content .links a button.button-7.button-7,
.freq-product-variants-initial {
    border-radius: 5px !important;
}

.quickview-button {
    display: none !important;
}

/* Reivew.io */
#ReviewsWidget {
    margin: 0 auto;
    max-width: 1400px;
    padding: 0 1.5rem;
    width: 100%;
}

@media screen and (min-width: 750px) {
    .page-width {
        padding: 0 5rem;
    }
}

.subheader__group--tabs,
.footer__reviewsLogo-container {
    display: none !important;
}

.ruk-rating-snippet-count {
    cursor: pointer;
}

#reviews_fade {
    display: none !important;
}

body.reviews-popup.reviews-popup,
html.reviews-popup.reviews-popup {
    height: auto !important;
    overflow: visible !important;
}

.shopify-product-form {
    margin-bottom: 0;
}

#upgradeSetWrapper .frequently-bought-heading p {
    margin-top: 0;
}

.pdp-blocks #upgradeSetWrapper {
    margin-top: -15px !important;
}

.cart .qualify-slider-container #qualify-text-new b {
    display: block;
    font-weight: 700;
}

/* PDP Layout shifting */
#main-product-container #yotpo-reviews-container {
    max-width: 0;
}

/* PDP v2 restylng */
.product-form .product-subtitle-wrapper h2 {
    margin-top: 0;
    font-size: 20px;
    letter-spacing: 0.015em;
    text-align: right;
}

.product-form .product-title-wrapper h1 {
    margin-bottom: 0 !important;
    font-size: 28px;
    line-height: 27.6px;
}

.product-form .product-review .yotpo {
    margin-top: 12px !important;
}

.product-form .product-review .yotpo .yotpo.bottomLine .yotpo-icon-star {
    font-size: 18px !important;
}

#main-product .product-details .price {
    top: 0;
    right: 0;
}

#main-product .product-details {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#main-product-container #main-product .product-form .variant-prices-container .variant-price-wrapper span {
    font-family: kessler;
    font-size: 20px;
    line-height: 1;
}

#main-product-container #main-product .product-form .variant-prices-container .variant-price-wrapper span.strikethrough {
    color: #00000080;
    font-size: 16px;
    font-weight: 300;
}

#main-product-container #main-product .product-form .pickmix-label {
    position: absolute;
    top: 40px;
    right: 0;
    display: none;
}

#main-product-container #main-product .swatch_wrapper {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid #DCDCDC;
    margin: 0;
}

#main-product-container #main-product .color_way_swatch {
    width: 30px;
    height: 30px;
}

#main-product-container #main-product .swatch_wrapper:hover,
#main-product-container #main-product .swatch_wrapper.current {
    outline: 1px solid #000;
}

#main-product-container #main-product .swatch_wrapper.is-low-stock {
    position: relative;
}

#main-product-container #main-product .swatch_wrapper.is-low-stock:hover:after {
    position: absolute;
    content: 'Low stock';
    text-transform: lowercase;
    padding: 3px 5px;
    top: -22px;
    left: -17px;
    font-size: 10px;
    width: 60px;
    background: #ffeddf;
    text-align: center;
}

#main-product-container #main-product .swatch_wrapper.is-low-stock:hover:before {
    display: none;
}

#main-product-container #main-product .swatch_wrapper.is-low-stock:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 18px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ff7170;
}

#main-product-container #main-product .swatch_wrapper.is-no-stock {
    position: relative;
    opacity: 0.5;
}

#main-product-container #main-product .swatch_wrapper.is-no-stock:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    transform: rotate(-45deg);
}

#main-product-container #main-product .product-form .variant-radio-wrapper .variant-radio-container {
    border-radius: 0;
    overflow: hidden;
    width: 53px;
    height: 61px;
    margin-right: 7px;
    min-width: 64px;
    min-height: 48px;
}

#main-product-container #main-product .product-form .variant-radio-wrapper .variant-radio-container:last-child {
    margin-right: 0;
}

#main-product-container #main-product .product-form .variant-radio-wrapper .variant-radio-container label {
    background: #fff;
}

@media screen and (max-width: 768px) {
    #main-product-container #main-product .product-form .variant-radio-wrapper .variant-radio-container label {
        font-size: 11px;
    }

    #main-product-container #main-product .product-form .pickmix-label {
        top: 30px;
    }
}

#main-product-container #main-product .product-form .variant-sizes {
    position: relative;
}

#main-product-container #main-product .product-form .ks-calculator-container {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

#main-product-container #main-product .product-form span.ks-calculator-modal-link {
    margin-top: 0;
}

#main-product-container #main-product .product-form span.ks-calculator-modal-link {
    font-size: 13px;
    border-bottom: 1px solid;
}


#main-product-container #main-product .product-form .submit-buttons .submit-button, #main-product-container #main-product .product-form .submit-buttons .submit-button .atc-wrapper {
    font-size: 14px !important;
    text-transform: uppercase;
    font-family: Assistant;
    letter-spacing: 2px !important;

}

#buyButton {
    font-size: 14px !important;
    background: #f56974 !important;
    border-radius: 10px !important;
}

#main-product-container #main-product .product-form .submit-buttons {
    display: flex;
    width: 100%;
    vertical-align: top;
    margin-top: 16px;
}

#main-product-container #main-product .product-form .submit-buttons input {
    width: 48%;
}

#sizeLabelContainer {
    font-size: 12px !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 600;

}

.variant-selector-wrapper {
    margin-top: 16px;
}

#main-product-container #main-product .quantity-wrapper .quantity-select {
    display: none !important;
}

#main-product-container #main-product .colour-label-container {
    display: block;
    font-size: 13px;
    margin: 25px 0 15px;
}

.product-title-wrapper {
    gap: 16px;
}

.shopify-product-form {
    margin-bottom: 20px;
}

#notifyMeSuccess {
    padding: 10px;
    border: 1px solid #d5d5d5;
    border-radius: 10px;
}

.yotpo-bottomline .text-m {
    text-transform: capitalize;
}

#main-product .product-title-wrapper {
    align-items: end;
}

@media screen and (max-width: 768px) {
    #main-product-container #main-product .product-form .product-subtitle-wrapper {}

    #main-product-container #main-product .swatch_wrapper {}

    #main-product-container #main-product .colour-label-container {
        margin-top: 20px;
    }

    #main-product-container #main-product .product-form .variant-radio-wrapper .variant-radio-container {
        margin-right: 0;
        width: calc(25% - 8px);
        height: 43px;
    }

    #main-product-container #main-product .product-form .variant-radio-wrapper {
        justify-content: space-between;
        gap: 8px !important;
        width: 100% !important;
        padding-bottom: 10px;
    }

    #notifyMeEmail {
        width: 55%;
    }

    #notifyMeSuccess {
        font-size: 13px;
    }

    #main-product-container #main-product .product-form .submit-buttons {
        width: 100%;
    }

    #main-product .product-details {
        margin-top: 32px;
    }
}

/* PDP Upsell */
.product-upsell-container {
    display: flex;
    background: #ffeddf;
    padding: 20px;
    border-radius: 5px;
    gap: 20px;
    margin-top: 10px;
}

.product-upsell-image {
    width: 235px;
    border-radius: 5px;
    background-size: cover !important;
}

.product-upsell-image img {
    max-width: 100%;
}

.product-upsell-title {
    margin-top: 10px;
    font-size: 21px;
}

.product-upsell-description {
    margin: 10px 0;
}

.product-upsell-cta {
    background: #ff7170;
    color: #fff;
}

@media screen and (max-width: 1000px) {
    .product-upsell-container {
        padding: 10px;
    }

    .product-upsell-image {
        width: 200px;

    }

    .product-upsell-title {
        margin-top: 0;
        font-size: 17px;
    }

    .product-upsell-description {
        font-size: 13px;
        margin: 5px 0;
    }

    .product-upsell-cta {
        font-size: 13px;
        padding: 5px 15px;
        margin-top: 5px;
    }
}

.loginForm #rc_login {
    display: none !important;
}

#main-product-container #main-product .color_way_swatch {
    width: 29px;
    height: 29px;
    border: 1px solid #fff;
}

#main-product-container #main-product .swatch_wrapper {
    width: 33px;
    height: 33px;
}

@media screen and (max-width: 768px) {
    #main-product-container #main-product .swatch_wrapper {}
}

/* Layout shifting PDP fix */
.product-images {
    opacity: 1;
}

#product-images .gallery-swiper {
    max-width: 525px;
}

#product-images:not(.is-initialized) .gallery-swiper img {
    max-width: 100%;
}

#product-images .gallery-swiper:not(.swiper-initialized) .swiper-slide {
    display: none;
}

#product-images .gallery-swiper:not(.swiper-initialized) .swiper-slide:first-child {
    display: block;
}

#product-images:not(.is-initialized) {
    overflow: hidden;
}

.product-images:not(.is-initialized) .gallery-thumbs-swiper .swiper-slide {
    display: none;
}

.product-images:not(.is-initialized) .gallery-thumbs-swiper .swiper-slide:nth-child(4),
.product-images:not(.is-initialized) .gallery-thumbs-swiper .swiper-slide:nth-child(3),
.product-images:not(.is-initialized) .gallery-thumbs-swiper .swiper-slide:nth-child(2),
.product-images:not(.is-initialized) .gallery-thumbs-swiper .swiper-slide:first-child {
    display: block;
}

.product-images .gallery-thumbs-swiper:not(.swiper-initialized) .swiper-slide {
    margin-bottom: 20px;
    max-height: 145px;
}

@media screen and (max-width:768px) {
    #product-images:not(.is-initialized) .product-img {
        max-height: 650px;
        text-align: center;
        margin: 0 auto;
    }

}

.product-images .gallery-thumbs-swiper .swiper-slide img {
    transition: transform .3s ease;
}

.product-images:not(.is-initialized) .gallery-thumbs-swiper .swiper-slide {
    max-height: 145px;
    max-width: 128px;
}

.product-images:not(.is-initialized) .swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.product-images:not(.is-initialized) .swiper-button-next,
.product-images:not(.is-initialized) .swiper-rtl .swiper-button-prev {
    left: auto;
    right: 10px;
}


.product-images:not(.is-initialized) .swiper-button-next,
.product-images:not(.is-initialized) .swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44* 27);
    z-index: 10;
}


.arrow-new-accordion {
    position: absolute;
    right: 15px;
    top: 42%;
    width: 25px;
    height: 14px;
    margin-top: -5px;
    transition: transform .3s ease;
    background-size: 22px;
}

.arrow-new-accordion svg {
    transform: rotate(0deg);
    transition: transform .3s ease;
}

.accordion.active .arrow-new-accordion svg {
    transform: rotate(46deg);
}

.bestsellers-slider-wrapper {
    max-height: 500px;
    visibility: hidden;
}

.bestsellers-slider-wrapper.swiper-initialized {
    max-height: 100%;
    visibility: visible
}

/* Minicart wishlist */
.smartwishlist.sw_tooltip {
    font-size: 11px;
    !important;
}

.cart-items-inner .button-wishlist {
    position: static !important;
    display: inline-flex;
    vertical-align: middle;
    align-self: center;
    align-items: center;
}

.cart-items-inner .item .quantity-wrapper {
    display: inline-flex;
    align-self: center;
    align-items: center;
    border: 1px solid #0E131154;
    width: 100px;
    border-radius: 4px;
    justify-content: space-between;
}

.cart .items-wrapper .item .info-wrapper .bottom .clp-wishlist-icon:before {
    top: 5px !important;
}

.cart .items-wrapper .item .info-wrapper .bottom .clp-wishlist-icon {
    width: 30px !important;
    font-size: 12px;
    color: #000;
    text-transform: none;
    text-decoration: underline;
}

/* CLP Banners */
section#collection-grid>.page-width.padding--standard:first-child {
    max-width: 100%;
    padding: 1rem 8rem;
    background: #fdeae3;
    margin-top: 0 !important;
}

section#collection-grid .all-knickers-filter-container .size-label:hover {
    transform: none !important;
}


section#collection-grid .all-knickers-filter-container.all-knickers-filter-container {
    margin-bottom: 0 !important;
}

section#collection-grid .all-knickers-filter-container .size-label .img-wrapper {
    overflow: visible;
    width: unset;
    display: flex;
    justify-content: center;
    min-height: 160px; /* needed for Safari */
    /* aspect-ratio: 4/6; */
}

section#collection-grid .all-knickers-filter-container .size-label {
    background: #fdeae3 !important;
}


@media screen and (max-width: 768px) {
    section#collection-grid .all-knickers-filter-container {
        white-space: nowrap;
        overflow: auto;
    }
}

@media screen and (max-width: 768px) {
    section#collection-grid .all-knickers-filter-container .size-label {
        width: 37% !important;
    }

    section#collection-grid .all-knickers-filter-container .size-label .title-wrapper {
        padding: 5px 0;
        font-size: 19px;
    }

    #collection-grid.collection-grid-header-above-depict .page-width.padding--standard {
        padding: 0 !important;
    }
}

.desktop-images-wrapper {
    display: block;
}

.desktop-images-leftside {
    display: inline-block;
    width: 68%;
    margin-left: 3%;
}

.desktop-images-leftside img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.desktop-images-rightside {
    display: inline-flex;
    vertical-align: top;
    flex-direction: column;
    width: 27%;
    aspect-ratio: auto;
    gap: 4%;
}

.desktop-images-rightside .desktop-images-slide {
    margin-bottom: 3%;
}

.desktop-images-rightside .desktop-images-slide img {
    height: 49.5%;
}

.desktop-images-rightside .desktop-images-slide {
    height: 49.5%;
}

.desktop-images-rightside img {
    max-width: 100%;
    height: 49.5%;
}

.desktop-images-rightside {}

.desktop-images-bottomside {}

.desktop-images-bottomside .desktop-images-slide {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.desktop-images-bottomside img {
    max-width: 100%;
    height: auto;
}

.desktop-images-leftside img {
    max-width: 100%;
}

.thumbs-container {
    display: flex;
    width: 100%;
    gap: 20px;
    margin-bottom: 20px;
    align-items: stretch;
    /* ensure equal height */
}

/* Left container: 70% width, image fills container height */
.thumbs-container-left {
    width: 70%;
    display: flex;
    position: relative;
}

.thumbs-container-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Right container: 30% width, vertical stack fills container height */
.thumbs-container-right {
    width: 30%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-height: 0;
    /* allow children to stretch */
}

.thumbs-container-right .js-zoom-container {
    flex: 1;
    overflow: hidden;
    position: relative;
}

.thumbs-container-right .js-zoom-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.js-zoom-container {
    cursor: url("https://stripeandstare.com/cdn/shop/t/167/assets/icon-zoom.svg?v=14780342832639050441677057804"), auto;
}

/* bottom row: also 70/30 split with 20px gap */
.thumbs-bottom-container {
    display: flex;
    width: 100%;
    gap: 20px;
    flex-wrap: wrap;
}

.thumbs-bottom-left {
    width: calc(50% - 10px);
    position: relative;
}

.thumbs-bottom-right {
    width: 50%;
}

.thumbs-bottom-container img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    .desktop-images-wrapper {
        display: none;
    }

    section#collection-grid .all-knickers-filter-container {
        padding-left: 15px;
        padding-right: 20px;
        padding-top: 25px;
        margin-top: 0 !important;
    }

    section#collection-grid .all-knickers-filter-container .size-label .title-wrapper p {
        font-size: 12px !important;
    }

    section#collection-grid .all-knickers-filter-container .size-label {
        padding: 0 7px !important;
    }

    section#collection-grid .all-knickers-filter-container .size-label {
        width: 30% !important;
    }
}

.hero-image .hero-image-inner .hero-image-content .heading.heading-assitant {
    padding-left: 21px;
}

@media screen and (min-width: 769px) {
    .js-collection-grid-carousel.all-knickers-filter-container {
        display: block;
        max-height: 250px;
        white-space: nowrap;
    }

    .js-collection-grid-carousel:not(.swiper-initialized) {
        justify-content: center;
    }

    .js-collection-grid-carousel:not(.swiper-initialized) .swiper-wrapper {
        display: flex;
        overflow: hidden;
        gap: 25px;
        justify-content: center;
    }

    .js-collection-grid-carousel:not(.swiper-initialized) .swiper-slide {
        display: none;
    }

    .js-collection-grid-carousel:not(.swiper-initialized) .swiper-slide:nth-child(7),
    .js-collection-grid-carousel:not(.swiper-initialized) .swiper-slide:nth-child(6),
    .js-collection-grid-carousel:not(.swiper-initialized) .swiper-slide:nth-child(5),
    .js-collection-grid-carousel:not(.swiper-initialized) .swiper-slide:nth-child(4),
    .js-collection-grid-carousel:not(.swiper-initialized) .swiper-slide:nth-child(3),
    .js-collection-grid-carousel:not(.swiper-initialized) .swiper-slide:nth-child(2),
    .js-collection-grid-carousel:not(.swiper-initialized) .swiper-slide:nth-child(1) {
        align-items: center;
        background: #fdeae3;
        border-radius: 5px 5px 0 0;
        cursor: pointer;
        display: flex;
        flex: 1;
        flex-direction: column;
        height: 100%;
        justify-content: flex-end;
        overflow: hidden;
        position: relative;
        transform: scale(100%) translateY(0);
        transition: transform .2s cubic-bezier(.16, .3, 0, 1.33);
        width: auto;
    }
}

.js-collection-grid-carousel .swiper-wrapper {
    gap: 10px;
}

.js-collection-grid-carousel .swiper-wrapper .swiper-slide img{
    width: 100%;
}

@media screen and (max-width: 768px) {
    .js-collection-grid-carousel .swiper-slide {
        display: inline;
    }

    .js-collection-grid-carousel .swiper-wrapper {
        display: block;
    }
}

#collection-grid {
    overflow: hidden;
}

section#collection-grid.is-carousel-initialized>.page-width.padding--standard:first-child {
    padding-left: 3rem;
}

#homepageCarousel.swiper-wrapper {
    transform: translateZ(0);
}

/* PDP New Images */
/* Zoom modal styles */
#zoom-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

#zoom-modal .zoom-content {
    width: 90%;
    height: 90%;
    overflow: hidden;
    position: relative;
    background: none;
}

#zoom-modal .close-btn {
    position: absolute;
    top: 10px;
    right: 30px;
    font-size: 2rem;
    color: #fff;
    cursor: pointer;
    z-index: 1002;
}

#zoom-modal .nav-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5rem;
    color: #fff;
    cursor: pointer;
    z-index: 1002;
    user-select: none;
}

#zoom-modal .nav-arrow.prev {
    left: 30px;
}

#zoom-modal .nav-arrow.next {
    right: 30px;
}

#zoom-modal img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

@media screen and (min-width: 768px) {
    #product-images {
        flex-direction: column-reverse;
        height: auto !important;
    }

    #main-product.page-width {
        max-width: var(--page-width);
        padding: 0 1rem;
    }

    #main-product #yotpo-reviews-container {
        display: none
    }

    #product-images .gallery-swiper {
        max-width: 675px;
    }

    #main-product-container #main-product .product-form {
        position: sticky;
        height: 100%;
        top: 80px;
    }

    #product-images .gallery-thumbs-swiper {
        width: 100%;
        display: none !important;
    }

    .product-images .gallery-thumbs-swiper .swiper-slide {
        width: 48.5%;
        height: auto !important;
    }

    #product-images .swiper-vertical>.swiper-wrapper {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 2.5%;
    }

    .product-images .gallery-thumbs-swiper .swiper-slide {
        aspect-ratio: auto;
    }

    #product-images .swiper-button-prev,
    #product-images .swiper-button-next {
        display: none;
    }

    #product-images .gallery-swiper {
        display: none;
    }

    #main-product-container>.page-width.page-width-condensed {
        padding: 0 1rem;
        max-width: var(--page-width);
    }

    /* #main-product-container #main-product {
      padding-right: 0;
      gap: 20px !important;
    } */
    .gallery-thumbs-swiper .swiper-slide:nth-child(1) {
        width: 70%
    }

    .gallery-thumbs-swiper .swiper-slide:nth-child(2) {
        width: 27%;
    }

    .gallery-thumbs-swiper .swiper-slide:nth-child(2) img {
        height: 49.5%;
    }

    .gallery-thumbs-swiper .swiper-slide:nth-child(2) img+img {
        margin-top: 7.5%;
    }

    .product-images .gallery-thumbs-swiper .swiper-slide:hover img {
        transform: scale(1) !important;
    }

    section#collection-grid .all-knickers-filter-container .size-label img {
        width: 100% !important;
    }
}

@media screen and (min-width: 768px) {
    section#collection-grid .all-knickers-filter-container .size-label img {
        width: auto !important;
    }
}

@media screen and (max-width: 768px) {
    section#collection-grid .all-knickers-filter-container .size-label img {
        height: 142px !important;
    }
}

.js-category-slider-wrapper .swiper-wrapper {
    display: flex;
    flex-wrap: nowrap;
}

.js-category-slider-wrapper .swiper-slide {
    width: 17.5%;
}

#homepageCarousel.swiper-wrapper {
    transform: translateZ(0);
}

/* Shop the look */
.shop-the-look__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 20px;
}

.shop-the-look__item img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    cursor: pointer;
}

.section__header {
    margin-bottom: 40px;
    text-align: center;
    font-size: 44px;
}

/* Modal Styles */
.shop-the-look__modal {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.shop-the-look__modal-body {
    display: flex;
    background: #fff;
    max-width: 95%;
    max-height: 95%;
    overflow: auto;
    padding: 40px;
}

.shop-the-look__modal-content {
    flex: 1 1 50%;
    align-self: center;
    max-width: 100%;
    height: auto;
    margin: 0;
}

.shop-the-look__modal-products {
    flex: 1 1 50%;
    padding: 0 0 0 40px;
}

.shop-the-look__modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    border: none;
    background: #fcfcfa;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    transition: background-color 0.3s ease;
}

.shop-the-look__modal-close:hover {
    background: #e8e8e8;
}

.shop-the-look__modal-close svg {
    width: 24px;
    height: 24px;
}

.shop-the-look__group {
    margin-bottom: 20px;
}

.shop-the-look__group-title {
    margin-bottom: 10px;
    font-size: 24px;
    margin-top: 0;
}

.shop-the-look__links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.shop-the-look__links a {
    width: 160px;
    display: block;
    text-align: left;
    text-decoration: none;
    color: #111;
    position: relative;
}

.shop-the-look__image-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

.shop-the-look__links img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 0;
}

.shop-the-look__links .button-wishlist {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 2;
}

.shop-the-look__links .smartwishlist {
    width: 32px;
    height: 32px;
    border: none;
    background: #fcfcfa;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

.shop-the-look__tags {
    position: absolute;
    top: 5px;
    left: 10px;
    margin: 5px 0;
}

.shop-the-look__tags .product-tag {
    display: inline-block;
    font-size: 10px;
    padding: 7px 10px 6px 10px;
    right: 10px;
    top: 10px;
    font-family: Assistant;
    letter-spacing: 0.15em;
    border-radius: 5px;
    text-transform: uppercase;
    z-index: 1;
}

.shop-the-look__tags .product-tag.new {
    background: #fcfcfa;
}

#shop-the-look-modal-img {
    max-width: 630px;
    object-fit: cover;
    align-self: auto;
}

.shop-the-look__modal-body {
    display: block;
}

#shop-the-look-modal-img {
    display: inline-block;
    max-width: calc(60% - 40px);
    vertical-align: top;
    height: 100%;
    object-fit: contain;
    width: auto;
    margin-right: 40px;
}

.shop-the-look__modal-body {
    overflow: visible;
    height: 120vh;
}

.shop-the-look__modal-products {
    display: inline-block;
    vertical-align: top;
    width: 38%;
    padding-left: 0;
}

.shop-the-look__links {
 font-size: 12px;
  gap: 0;
}

.shop-the-look__links a {
    width: 50%;
    margin-right: 20px;
    max-width: 160px;
    display: inline-block;
    vertical-align: top;
}

.shop-the-look__links {
    display: flex;
    flex-wrap: nowrap;
}

/* Mobile: 2 columns at widths up to 768px */
@media (max-width: 820px) {
    .shop-the-look__grid { grid-template-columns: repeat(2, 1fr); }
    .shop-the-look__modal-body {
      flex-direction: column;
      overflow: auto;
    }

    .shop-the-look__modal-body {
        flex-direction: column;
        overflow: auto;
    }

    .shop-the-look__links {
      gap: 20px;
    }
    .shop-the-look__modal-content { flex: none; margin-bottom: 20px; }
    .shop-the-look__modal-products {
      flex: none;
      padding: 15px;
      width: 100%;
    }
    .shop-the-look__links a {
      width: 48%;
      margin-right: 0;
    }

    .shop-the-look__links a {
        width: 48%;
        margin-right: 0;
    }

    .shop-the-look__modal-body {
        padding: 0;
    }

    #shop-the-look-modal-img {
        max-width: 100%;
        margin-top: 15px;
        align-self: center;
        height: auto;
        object-fit: fill;
        margin: 0 auto;
    }

    .shop-the-look__tags .product-tag {
        font-size: 10px;
    }

    .shop-the-look__modal-close {
        top: 10px;
        right: 10px;
        width: 32px;
        height: 32px;
    }

    .shop-the-look__modal-close svg {
        width: 20px;
        height: 20px;
    }

    .shop-the-look__links .button-wishlist {
        bottom: 5px;
        left: 5px;
    }

    .shop-the-look__links .smartwishlist {
        width: 28px;
        height: 28px;
    }
}

@media screen and (min-width: 1600px) {
.shop-the-look__modal-body {
  max-height: 700px;
}
}

@media screen and (max-height: 800px) {
    .shop-the-look__links img {
        max-height: 190px;
        width: auto;
    }
}

@media screen and (max-height: 700px) {
    .shop-the-look__links img {
        max-height: 145px;
        width: auto;
    }

    .shop-the-look__links a {
        margin-right: 5px;
        width: auto;
    }

    .shop-the-look__tags .product-tag {
        font-size: 9px;
        padding: 7px 5px 6px 5px;
    }
}

@media screen and (min-width: 900px) {
    .shop-the-look__modal-products {
        min-width: 263px;
    }
}


/*********************** Custom css for Boost AI Search & Discovery  ************************/

.boost-sd__filter-option-title {
    font-family: kessler;
    font-size: 18px;
}

.boost-sd__filter-option-item-button--with-checkbox:before {
    border: 1px solid #0f0f0f;
    border-radius: 3px;
    padding: 4px;
    transition: border-width 0.2s ease, border-color 0.2s ease;
}

.boost-sd__filter-option-item-button--with-checkbox:hover:before {
    border-width: 2px;
}

.boost-sd-container {
    overflow: visible !important;
    margin-top: -10px;
}

/*.boost-sd__toolbar-content .boost-sd__filter-tree-toggle-button:hover:not(:disabled) {
  color: unset;
  filter: drop-shadow(2px 2px 4px #ffffff40) drop-shadow(-2px -2px 4px #00000026);
  background-color: #e4e4e5;
}*/

.boost-sd__filter-tree-toggle-button-text {
    font-size: inherit;
    margin-right: 5px;
    font-weight: inherit;
    color: #222;
    font-family: inherit;
}

.boost-sd__sorting-value {
    font-size: 14px;
}

.boost-sd__filter-option-box-item {
    border-radius: 6px !important;
}



.boost-sd__sorting-list {
    border-radius: 5px;
    border-color: #272727;
    margin: 16px !important;
    right: -25px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}


.boost-sd__sorting {
    font-size: 16px;
    border: 1px solid rgba(15, 15, 15, 0.5);
    box-sizing: border-box;
    border-radius: 6px;
    padding: 10px 22px 10px 9px;
}


.boost-sd__sorting-button span {
    font-style: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -.04em;
    overflow: visible;
}

@media (max-width: 768px) {
    .boost-sd__sorting-button span {
        font-style: inherit;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        letter-spacing: -.04em;
        overflow: visible;
    }
}

@media only screen and (max-width: 991px) {
    .boost-sd__sorting-option {
        min-width: unset;
        padding: 9px 10px;
        font-size: 12px;
    }
}

.boost-sd__filter-tree-toggle-button-title {
    font-style: normal !important;
}


.boost-sd__filter-tree-toggle-button {
    border: 1px solid rgba(15, 15, 15, 0.5) !important;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 10px 22px 10px 9px;
    flex: unset !important;
}

@media (max-width: 768px) {
    .boost-sd__filter-tree-toggle-button {
        padding: 10px 14px 10px 14px;
    }

    .boost-sd__filter-option-label {
        margin-top: 10px;
    }

    .boost-sd__search-form-wrapper {
        background-color: unset;
        margin-bottom: 30px;
    }
}


.boost-sd__filter-tree-toggle-button:hover {
    color: unset;
    filter: drop-shadow(2px 2px 4px #ffffff40) drop-shadow(-2px -2px 4px #00000026);
    background-color: #e4e4e5;
}

.boost-sd__product-label--custom-label-by-tag {
  background-color: #999;
  color: #fff;
  border-radius: 5px;
}

.boost-sd__product-label-text {
  white-space: nowrap;
  overflow: visible;
  text-overflow: unset;
  display: inline-block;
}

.boost-sd__product-label {
    font-size: 11px;
    padding: 7px 10px 6px 10px;
    right: 10px;
    top: 10px;
    color: #0f0f0f;
    font-family: Assistant;
    letter-spacing: 0.2em;
    background-color: #fcfcfa;
    margin-left: auto;
}

@media (max-width: 375px) {
    .boost-sd__product-label {
        font-size: 11px;
        padding: 3px 5px 3px 5px;
        margin-top: -5px !important;
        margin-right: -5px !important;
        color: #0f0f0f;
        font-family: Assistant;
        letter-spacing: 0.2em;
        background-color: #fcfcfa;
        margin-left: auto;
        position: block;
        margin-bottom: 4px;
    }
}

@media only screen and (max-width: 575px) {
    .boost-sd__sorting-label {
        display: auto;

    }
}

@media (min-width: 1024px) {
    .boost-sd__in-collection-search--horizontal {
        width: 400px;
        margin-bottom: -60px;
        margin-left: 200px;
        margin-top: 40px;
    }
}

@media (min-width: 1230px) {
    .boost-sd__in-collection-search--horizontal {
        margin-bottom: -5%;
        width: initial;
        margin-left: auto;
    }
}

.boost-sd__product-item
.boost-sd__product-image-row--sublayout-6
.boost-sd__button,
.boost-sd__product-item
.boost-sd__product-image-row--sublayout-7
.boost-sd__button {
    border-radius: 20px;
    filter: drop-shadow(2px 2px 4px #ffffff40) drop-shadow(-2px -2px 4px #00000026);
    border: 0px solid #ccc;
    transition: transform 0.3s ease;
    margin-right: 2px;
    scale: 0.93;
    margin-bottom: 2px;
}



.boost-sd__button--select-option .boost-sd__icon,
.boost-sd__button--add-to-cart .boost-sd__icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg%3E%3Cpath d='M5.5 5.5h18L19.739 15.842a1 1 0 01-.939.658H7.383a1 1 0 01-.992-.876L4.5.5H.5' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Ccircle cx='2' cy='2' r='2' transform='translate(16.5 19.5)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Ccircle cx='2' cy='2' r='2' transform='translate(5.5 19.5)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
    scale: 0.7;
}

.boost-sd__button--select-option:hover .boost-sd__icon,
.boost-sd__button--add-to-cart:hover .boost-sd__icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg%3E%3Cpath d='M5.5 5.5h18L19.739 15.842a1 1 0 01-.939.658H7.383a1 1 0 01-.992-.876L4.5.5H.5' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Ccircle cx='2' cy='2' r='2' transform='translate(16.5 19.5)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Ccircle cx='2' cy='2' r='2' transform='translate(5.5 19.5)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
    scale: 0.7;
}


.boost-sd__filter-tree-toggle-button--active{
    background:black !important;
    color: white !important;
}


.boost-sd__filter-tree-toggle-button--active .boost-sd__filter-tree-toggle-button-title {
    color: white
}

/*
#pf_m___collection_filter__colour_grouping {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

#pf_m___collection_filter__colour_grouping > li {
  flex: 0 0 calc(50% - 5px);
  box-sizing: border-box;
}

#pf_m___collection_filter__pattern_grouping {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

#pf_m___collection_filter__pattern_grouping > li {
  flex: 0 0 calc(50% - 5px);
  box-sizing: border-box;
}*/



@media (max-width: 768px) {
    .boost-sd__toolbar-content {
        border: unset;
    }

    .boost-sd__filter-tree-toggle-button--collapse {
        display: none;
    }

    .boost-sd__toolbar-top-mobile {
        display: flex;
        justify-content: space-between;
        flex: 0 0 100%;
        border-top: unset;
        border-bottom: unset;
        align-items: center;
        flex-direction: row-reverse;

    }

    .boost-sd-container {
        overflow: visible !important;
        margin-top: -12px;
    }

    .boost-sd__toolbar {
        flex-wrap: wrap-reverse;
        margin-top: -30px;

    }

    .boost-sd__filter-option:last-of-type {
        border-bottom: 1px solid var(--border-color);
    }

    .boost-sd__toolbar-top-mobile .boost-sd__sorting-list {
        left: unset;
    }

    .boost-sd__toolbar-top-mobile .boost-sd__sorting {
        border-right: 1px solid rgba(15, 15, 15, 0.5) !important;
        flex: unset;
        max-width: unset;
    }
}


.boost-sd__filter-option-item-button--with-checkbox:after {
    filter: invert(1);
}

.boost-sd__filter-option-item-button--with-checkbox.boost-sd__filter-option-item-button--selected:before {
    background-color: black;
}

.boost-sd__filter-option {
    padding: unset;
    border-bottom: unset;
    border-top: 1px solid #C7C7C7;
    padding-top: 12px !important;
    padding-bottom: 12px !important;

}

@media (max-width: 768px) {
    .boost-sd__filter-option {
        padding-top: unset !important;
        padding-bottom: unset !important;
        border-top: unset;
    }
}

.boost-sd__refine-by-vertical-refine-by {
    border-bottom: unset;
    padding-bottom: 10px;
}

.boost-sd-layout {
    margin-top: -15px
}

.boost-sd__filter-tree-toggle-button-icon--close {
    filter: invert(1)
}

@media only screen and (max-width: 991px) {
    .boost-sd__filter-tree-toggle-button {
        width: unset !important;
    }
    .boost-sd__filter-tree-toggle-button-text {
        font-size: 12px;
    }

    .boost-sd__sorting-option {
        min-width: unset;
        padding: 9px 10px;
    }
}

@media only screen and (max-width: 375px) {
    .boost-sd__sorting-list {
        width: 150px;
    }
}

@media only screen and (max-width: 768px) {
    .boost-sd__sorting-list {
        width: 160px;
    }
}

.smartwishlist {
    margin-left: unset !important;
}

.boost-sd__product-labels-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  right: 0;
  gap: 5px;
}

.boost-sd__quick-view-vendor {
    display: none;
}

/* Recommendations Customisation */

.boost-sd__recommendation-title:before,
.boost-sd__recommendation-title:after {
    border-top: unset !important;
}

.boost-sd__recommendation-title{
    font-family: kessler !important;
    font-weight: var(--heading-font-weight) !important;
    font-size: 30px !important;
    color: var(--heading-color) !important;
    transition: color .2s ease-in-out !important;
    line-height: 1.2em !important;
    margin-top: 40px;
    text-transform: unset !important;
}


.boost-sd__product-title,
.boost-sd__recommendation {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 7px;
    font-weight: var(--heading-font-weight);
    font-style: var(--heading-font-style);
}




@media screen and (min-width: 641px) {
    .boost-sd__recommendation-title {
        font-size: 38px !important;
        margin-bottom: 32px !important;
    }
}

.boost-sd__recommendation {
        max-width: unset !important;
    }

@media only screen and (min-width: 768px) {
    .boost-sd__recommendation .boost-sd__slider {
        padding: unset !important;
    }

    .boost-sd__recommendation {
        max-width: unset !important;
    }

    .boost-sd__recommendation .boost-sd__slider-button {
        margin-top: -60px !important;
        background-color: white !important;
        box-shadow: 0 2px 10px #36363626;
        height: 45px;
        width: 45px;
    }
}


.slick-dots{
    margin-top: 30px !important;
}

.boost-sd__toolbar-item--product-count-between {
    position: absolute;
    justify-self: center;
    margin-left: 98px;
    margin-top: -30px;
    width: 30%;
}


@media (max-width: 425px) {
    .boost-sd__toolbar-item--product-count-between {
        position: absolute;
        justify-self: center;
        margin-left: 120px;
        margin-top: -30px;
        width: 30%;
    }
}

@media (max-width: 375px) {
    .boost-sd__toolbar-item--product-count-between {
        position: absolute;
        justify-self: center;
        margin-left: 98px;
        margin-top: -30px;
        width: 30%;
    }
}

.boost-sd__cart--side {
    display: none;
}

#boost-sd__modal-cart {
    display: none !important;
}

body[class*=modal-open] {
    overflow: unset;
}



@media (max-width: 1024px) {
    .boost-sd__toolbar-item--product-count .boost-sd__product-count {
        font-size: inherit;
        font-family: inherit;
        font-style: inherit;
        text-transform: none;
        font-weight: inherit;
        color: #222;
        display: none;
    }
}

@media (max-width: 325px) {
    .boost-sd__toolbar-item--product-count-between {
        display: none;
    }

    .boost-sd__toolbar-item--product-count .boost-sd__product-count {
        display: block;
    }
}

@media (min-width: 1024px) {
    .boost-sd__toolbar-item--product-count-between {
        display: none;
    }
}

/* ISW */

.boost-sd__search-bar-wrapper {
    z-index: 10 !important;
    transition: margin-top 0.3s ease;
}

.boost-sd__search-bar-wrapper.sticky-header-active,
.wrapper-highlight.sticky-header-active {
    margin-top: -45px !important;
    height: 560px !important;
}

@media screen and (min-width: 990px) {
    .boost-sd__search-bar-autocomplete {
        margin-top: 65px;

    }

    .boost-sd__search-bar-autocomplete.sticky-header-active {
        margin-top: 40px;
    }

    .boost-sd__instant-search-results--full-width .boost-sd__instant-search-autocomplete {
        border-top: 1px solid #ebebeb;
    }


    .boost-sd__search-bar-wrapper {
        height: 300px !important;
        margin-top: 100px;

    }


    .boost-sd__suggestion-queries-item-badge {
        font-family: var(--text-font-family);
        display: block;
        font-size: 11px;
        margin: 4px 0;
        padding: 2px 6px;
        background: var(--background) !important;
        color: #6a6a6a !important;
        text-transform: capitalize !important;
    }

    /* Controls Image Sizing */
    .boost-sd__suggestion-queries-item-product--left {
        width: 150px !important;
        border-radius: unset !important;

    }
}

.custom-modal {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);

}

@media (min-width: 990px) {
    .custom-modal:hover {
        cursor: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22' cy='22' r='21.7' fill='white' stroke='%23E1E2E5' stroke-width='0.6'/%3E%3Cpath d='M16.5 16.5L27.5 27.5' stroke='black' stroke-width='1'/%3E%3Cpath d='M16.5 27.5L27.5 16.5' stroke='black' stroke-width='1'/%3E%3C/svg%3E%0A"), auto;
    }

    .boost-sd__instant-search-product-list-items li:nth-child(10) {
        display: none !important;
    }

    .boost-sd__instant-search-product-list-items li:nth-child(9) {
        display: none !important;
    }

}

.boost-sd__search-bar-wrapper,
.boost-sd__search-bar-autocomplete,
.boost-sd__search-bar-wrapper--desktop,
.boost-sd__search-bar-wrapper--desktop-style3 {
    z-index: 11;
}

@media only screen and (min-width: 992px) {
    .boost-sd__search-bar-wrapper--desktop-style3 .boost-sd__search-bar {
        width: calc(100% - 48px);
        height: 88px;
        margin: 24px;
        padding: 20px 24px;
        border-radius: 4px;
        margin-top: 100px;
    }

    .boost-sd__search-bar-wrapper--desktop-style3 .boost-sd__search-bar.sticky-header-active {
        margin-top: 70px;
    }
}

@media only screen and (min-width: 992px) {
    .boost-sd__search-bar-wrapper--desktop-style3 .boost-sd__search-bar-autocomplete {
        width: 100%;
        height: auto;
        position: fixed !important;
        top: 132px !important;
        left: 0 !important;
        padding: 0 24px;
        list-style: none;
        overflow-y: auto;
    }
}




.wrapper-highlight {
    height: 545px !important;
    position: relative;
    margin-top: -10px;
    z-index: 10;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}


.boost-sd__search-form-wrapper {
    background-color: unset;
}

.boost-sd__search-result-toolbar-panel--active {
    display: none;
}

@media (min-width: 720px) {
    .boost-sd__slide .boost-sd__product-label {
        padding: 13px 8px 13px 12px;
    }
}

@media (max-width: 720px) {
    .boost-sd__slide .boost-sd__product-label {
        padding: 10px 6px 10px 6px;
        margin-bottom: 3px;
    }

    .boost-sd__search-result-toolbar-result {
        display: none;
    }
}

@media only screen and (max-width: 325px) {
    .boost-sd__search-result-toolbar-item {
        border-bottom: unset;
    }
}

.boost-sd__search-result-toolbar-item {
    display: none;
}

.boost-sd__search-form-title {
    font-family: kessler;
}

.boost-sd__search-result-toolbar-container {
    margin-top: -60px;
}

.boost-sd__suggestion-queries-item-badge {
    display: none;
}

.boost-sd__header-item {
    color: black;
    font-size: 20px !important;
    font-family: kessler;
    font-weight: 300;
}

@media screen and (min-width: 990px) {
    .boost-sd__search-bar-wrapper {
        margin-top: 100px;
        transition: margin-top 0.3s ease;
    }

    .boost-sd__search-bar-wrapper.sticky-header-active {
        margin-top: 30px !important;
        background-color: black;
    }
}

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

    .boost-sd__search-bar-wrapper,
    .boost-sd__search-bar-autocomplete,
    .boost-sd__search-bar-wrapper--desktop,
    .boost-sd__search-bar-wrapper--desktop-style3 {
        z-index: 1000000 !important;
    }
}

@media (min-width: 768px) {
    .boost-sd__product-image-column>div {
        margin-right: unset;
    }

    .boost-sd__instant-search-results--full-width.boost-sd__instant-search-results--product-type-list .boost-sd__instant-search-product-list-items {
        flex-wrap: unset;
    }

    .boost-sd__instant-search-results--full-width.boost-sd__instant-search-results--product-type-list .boost-sd__suggestion-queries-item-product--right {
        width: 100%;
    }

    .boost-sd__instant-search-results--full-width.boost-sd__instant-search-results--product-type-list.boost-sd__instant-search-results--product-per-row-3 .boost-sd__suggestion-queries-item--product {
        flex: unset;
    }

    .boost-sd__useful-pages {
        display: flex;
        padding-left: 6px;
    }

    .boost-sd__suggestion-queries-item-product--left {
        margin-right: unset;
    }

    .scroll-wrapper {
        overflow-x: auto;
        position: relative;
    }

    .boost-sd__header-item.boost-sd__instant-search-product-list-header {
        position: sticky;
        left: 0;
        background-color: white;
        z-index: 10;
        white-space: nowrap;
    }
}

@media only screen and (min-width: 1200px) {
    .boost-sd__instant-search-results--full-width .boost-sd__instant-search-column--others {
        width: 330px;
    }
}

@media only screen and (min-width: 1200px) {
    .boost-sd__instant-search-results--full-width.boost-sd__instant-search-results--product-position-right .boost-sd__instant-search-autocomplete:not(.boost-sd__instant-search-no-product):not(.boost-sd__instant-search-no-other) .boost-sd__instant-search-column--products {
        width: calc(100% - 60px);
    }
}

/* Desktop-specific styles for Useful Pages */
@media (min-width: 768px) {
  .boost-sd__useful-pages .boost-sd__suggestion-queries-item {
    border: 1px solid black;
    border-radius: 8px;
    margin-bottom: 10px;
    margin-top: 10px;
    transition: border-color 0.3s ease;
    margin-right: 10px;
    white-space: nowrap;
  }

  .boost-sd__useful-pages .boost-sd__suggestion-queries-item:hover {
    border-color: rgb(39, 39, 39);
  }

    .boost-sd__useful-pages .boost-sd__suggestion-queries-link {
        font-weight: 600;
        text-align: center;
    }

    .boost-sd__useful-pages .boost-sd__suggestion-queries-link:hover {
        font-weight: 600;
        border-radius: inherit;
    }
}

@media only screen and (min-width: 992px) {
    .boost-sd__search-bar-wrapper--desktop-style3 {
        background-color: white;
    }
}



.boost-sd__filter-option-title:before {
    all: unset;
    content: "";
    border-right: 1px solid var(--boostsd-toolbar-color);
    border-bottom: 1px solid var(--boostsd-toolbar-color);
    width: 7px;
    height: 7px;
    margin-top: -5px;
    transition: transform .1s ease-in-out;
    transform: rotate(45deg);
    display: none !important;
}


.boost-sd__filter-option-icon {
    width: auto;
    height: auto;
    transition: transform .2s ease-in-out;
    display: unset;
    position: unset;
    top: 4px;
    right: 1px;
    transform: rotate(90deg);
    margin-right: 5px;
}

.boost-sd__filter-option-label--collapsed .boost-sd__filter-option-icon {
    transform: rotate(0deg);
}

@media only screen and (min-width: 768px) {
    .boost-sd__search-result-toolbar {
        border-bottom: unset;
    }
}

.boost-sd__instant-search-results--full-width .boost-sd__spelling-correction {
    padding: 8px 0px 0px 24px;
}

@media only screen and (max-width: 991px) {
    .boost-sd__suggestion-queries-item--mobile-style1 {
        box-shadow: unset;
    }
}

@media only screen and (max-width: 991px) {
    .boost-sd__search-bar-wrapper--mobile-style1 .boost-sd__search-bar-autocomplete {
        width: 100%;
        height: calc(100% - 64px);
        position: fixed !important;
        top: 64px !important;
        left: 0 !important;
        background-color: white;
        list-style: none;
    }
}

.boost-sd__filter-tree-vertical-toolbar-middle {
    font-family: kessler;
    text-transform: capitalize;
    font-size: 18px;
}

.boost-sd__filter-tree-vertical-mobile-toolbar {
    border-bottom: unset;
}

/*********************** End Custom css for Boost AI Search & Discovery  ************************/

#klarnaPaymentsWrapperNew {
    min-height: 55px;
}

/* Expanded filter test */
@media screen and (min-width: 992px) {

    .collection-template-expanded-filter-test .boost-sd__filter-tree-vertical--hidden,
    .template-collection .boost-sd__filter-tree-vertical--hidden {
        z-index: 1;
        height: auto;
        margin: 0;
        padding: 0;
        display: block;
        position: static;
        overflow: visible;
    }

    .collection-template-expanded-filter-test .boost-sd__filter-tree-vertical--hidden,
    .template-collection .boost-sd__filter-tree-vertical--hidden {
        z-index: 1;
        height: auto;
        margin: 0;
        padding: 0;
        display: block;
        position: static;
        overflow: visible;
    }


    .collection-template-expanded-filter-test .boost-sd__filter-tree-vertical--hidden,
    .template-collection .boost-sd__filter-tree-vertical--hidden {
        z-index: 1 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        margin-left: calc(var(--boostsd-filter-tree-vertical-gutter) * -1) !important;
        margin-right: var(--boostsd-filter-tree-vertical-gutter) !important;
        width: var(--boostsd-filter-tree-vertical-width-desktop) !important;
        padding: 0 var(--boostsd-filter-tree-vertical-gutter) var(--boostsd-filter-tree-vertical-padding) !important;
        display: block !important;
        position: static !important;
        overflow: visible;
    }

    .collection-template-expanded-filter-test .boost-sd__filter-tree-vertical--hidden .boost-sd__filter-tree-vertical-content,
    .template-collection .boost-sd__filter-tree-vertical--hidden .boost-sd__filter-tree-vertical-content {
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        display: block !important;
    }

    .collection-template-expanded-filter-test .boost-sd__filter-tree-vertical--hidden.boost-sd__filter-tree-vertical--sticky,
    .template-collection .boost-sd__filter-tree-vertical--hidden.boost-sd__filter-tree-vertical--sticky {
        height: auto !important;
    }

    .collection-template-expanded-filter-test .boost-sd__filter-tree-vertical--hidden.boost-sd__filter-tree-vertical--right,
    .template-collection .boost-sd__filter-tree-vertical--hidden.boost-sd__filter-tree-vertical--right {
        transform: translate(0) !important;
    }

    .collection-template-expanded-filter-test .boost-sd__filter-tree-vertical--hidden.boost-sd__filter-tree-vertical--left,
    .template-collection .boost-sd__filter-tree-vertical--hidden.boost-sd__filter-tree-vertical--left {
        transform: translate(0) !important;
    }

    /* Hidden */
    .collection-template-expanded-filter-test .boost-sd__filter-tree-vertical:not(.boost-sd__filter-tree-vertical--hidden),
    .template-collection .boost-sd__filter-tree-vertical:not(.boost-sd__filter-tree-vertical--hidden) {
        z-index: -1 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: none !important;
        position: absolute !important;
        overflow: hidden !important;
    }

    .collection-template-expanded-filter-test .boost-sd__filter-tree-toggle-button--active:not(.boost-sd__filter-tree-vertical--hidden),
    .template-collection .boost-sd__filter-tree-toggle-button--active:not(.boost-sd__filter-tree-vertical--hidden) {
        background: #fff !important;
    }

    .collection-template-expanded-filter-test .boost-sd__filter-tree-toggle-button--active:not(.boost-sd__filter-tree-vertical--hidden) .boost-sd__filter-tree-toggle-button-title,
    .template-collection .boost-sd__filter-tree-toggle-button--active:not(.boost-sd__filter-tree-vertical--hidden) .boost-sd__filter-tree-toggle-button-title {
        color: #000 !important;
    }

    .collection-template-expanded-filter-test .boost-sd__filter-tree-toggle-button--active:not(.boost-sd__filter-tree-vertical--hidden) .boost-sd__filter-tree-toggle-button-icon--close,
    .template-collection .boost-sd__filter-tree-toggle-button--active:not(.boost-sd__filter-tree-vertical--hidden) .boost-sd__filter-tree-toggle-button-icon--close {
        display: none !important;
    }

    .collection-template-expanded-filter-test .boost-sd__filter-tree-toggle-button--active:not(.boost-sd__filter-tree-vertical--hidden) .boost-sd__filter-tree-toggle-button-icon--open,
    .template-collection .boost-sd__filter-tree-toggle-button--active:not(.boost-sd__filter-tree-vertical--hidden) .boost-sd__filter-tree-toggle-button-icon--open {
        display: block !important;
    }
}

@media screen and (max-width: 799px) {
    #collection-grid .collection-heading.collection-heading-large {
        height: 4.5em;
        max-height: 4.5em;
        padding-bottom: 5px;
    }
}

multi-buy {
    display: block;
    margin-top: 0;
    border: 1px solid #EA6673;
    border-radius: 0 0 4px 4px;
}

.multi-buy-wrapper {
    border-radius: 0 0 4px 4px;
    background: rgba(234, 102, 115, 0.10);
    display: flex;
    width: 100%;
    background-color: #EA66731A;
    flex-wrap: wrap;
    padding: 16px 16px 65px;
    gap: 12px;
}

.multi-buy-header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    border-bottom: 1px solid #EA66734D;
    padding-bottom: 12px;
}

.cart-items-inner .multi-buy-header {
    background-color: #EA66731A;
    border: none;
    padding: 12px;
    font-size: 14px;
    border-radius: 4px;
}

.cart-items-inner .multi-buy-header h4, .custom-atc-toast .multi-buy-header h4 {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px; 
}

.custom-atc-toast .multi-buy-header {
    padding: 12px 16px; 
    background-color: rgba(234, 102, 115, 0.10);
    border-radius: 4px;
    border-bottom: none;
}

.variant-prices-container {
    display: flex;
    align-items: center;
    gap: 16px;
}

.variant-prices-container .multi-buy-header{
    padding: 6px 12px;
    background-color: rgba(234, 102, 115, 0.10);
    border-radius: 4px;
    border-bottom: none;
    width: auto;
    text-transform: uppercase;
    font-size: 12px;
}

.variant-prices-container .multi-buy-header h4 {
    margin: 0;
    font-size: 12px;
    font-family: Assistant;
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.multi-buy-header h4 {
    margin: 0;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 4px;
    text-transform: capitalize;
}

.multi-buy-progress {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
    align-items: center;
}

.multi-buy-progress-pill {
    position: relative;
    z-index: 2;
    display: flex;
    width: 32px;
    height: 32px;
    padding: 6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100%;
    /* border: 2px solid #F7F7F7; */
    /* border: 1px solid rgba(245, 105, 116, 0.66); */
    background: white;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    font-family: kessler;
}

.multi-buy-progress-pill.active {
    /* border: 2px solid #F7F7F7; */
    background: #F56974;
    color: white;
    transition: ease 0.3s;
}

/* .multi-buy-progress:before {
  content: "";
  width: 100%;
  position: absolute;
  height: 2px;
  background-color: #F5697454;
  top: 50%;
  left: 0;
  z-index: 0;
} */

.multi-buy-progress-bar {
    flex: 1;
    height: 2px;
    background-color: #fff;
    z-index: 0; 
    position: relative;
}

.multi-buy-progress-precentage {
    width: 0;
    position: absolute;
    height: 2px;
    background-color: #F56974;
    top: 0;
    left: 0;
    z-index: 0;
    transition: ease 0.3s;
}

.pdp-2-button-container {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #F56974;
    border-radius: 4px 4px 0 0;
    padding: 0;
    justify-content: space-between;
}

.pdp-2-button-container:not(.multibuy-btn) {
    border-radius: 4px;

}

.pdp-2-button-container .submit-button {
    flex: 1;
}

.pdp-2-button-container .qty-adjust {
    font-size: 31px;
    font-weight: 100;
    font-family: 'kessler';
    line-height: 0;
    cursor: pointer;
    width: 44px;
    color: #fff;
    display: none;
    height: 100%;
    position: relative;
}

.minus-qty {
    border-right: 1px #fff solid;
}

.plus-qty {
    border-left: 1px #fff solid;
}
 
.minus-qty.qty-adjust:after {
    content: "-";
    font-size: 28px;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.plus-qty.qty-adjust:after {
    content: "+";
    font-size: 28px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.progress-pill-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.multi-progress-price {
    font-size: 12px;
    color: #000000;
    white-space: nowrap;
    font-family: Assistant;
}

.multi-progress-price b {
    font-weight: 600;
}

.multi-progress-qty {
    color: #000;
    font-family: kessler;
    font-size: 18px;
    font-weight: 400;
    white-space: nowrap;
}
.multi-pill-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 32px);
    color: #000000;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
#main-product-container #main-product .pdp-blocks .product-information-wrapper .accordion {
    font-family: kessler;
    font-size: 24px;
    line-height: 32px;
    padding-left: 0 !important;
}

#cart-drawer-container .sidecart-header>div span {
    font-family: "Kessler";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 120% */
}

#minicartUpsellMakeASet .freq-product-card.makeset-product-card {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 12px;
    border-radius: 4px;
    background: rgba(234, 102, 115, 0.10);
}

.freq-product-card.makeset-product-card>div {
    width: 100%;
}

#minicartUpsellMakeASet .freq-product-img {
    max-height: 128px;
    max-width: 103px;
    width: 100%;
}

#minicartUpsellMakeASet .freq-product-price {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 10px;
}

.freq-product-price > div {
    display: flex;
    align-items: end;
    gap: 8px;
    justify-content: space-between;
    width: 100%;
    text-align: left;
}

.freq-product-price .f-b-price {
    font-size: 14px;
}

.product-recommendations-qf .swiper-slide {
    height: auto;
}

.knicker-picker-promo {
    position: absolute;
    top: 16px;
    left: 16px;
    width: auto;
    text-align: center;
    border-radius: 4px;
    background: #fdf0f2;
    display: flex;
    height: 28px;
    padding: 3px 16px;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.knicker-picker-promo span {
    color: #000;
    font-family: Assistant;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase; 
    display: flex;
    align-items: center;
    gap: 8px; 
}

@media screen and (min-width: 769px) {
    .multi-buy-wrapper {
        padding: 16px 24px 65px; 
    }
} 

@media screen and (max-width: 768px) {
    .multi-buy-wrapper {
        justify-content: center;
    }

    .multi-progress-qty {
        font-size: 16px;
    }

    .multi-buy-progress {
        width: calc(100% - 32px);
    }
    
    .multi-buy-progress-pill {
        width: 24px;
        height: 24px;
    }

}  

.swiper-arrow {
    cursor: pointer;
    width: 30px;
    height: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
  .collection-template-expanded-filter-test .boost-sd__filter-tree-vertical--hidden ,
  .template-collection .boost-sd__filter-tree-vertical--hidden {
    z-index: 1;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    position: static;
    overflow: visible;
  }

  .collection-template-expanded-filter-test .boost-sd__filter-tree-vertical--hidden ,
  .template-collection .boost-sd__filter-tree-vertical--hidden {
    z-index: 1;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    position: static;
    overflow: visible;
  }


  .collection-template-expanded-filter-test .boost-sd__filter-tree-vertical--hidden ,
  .template-collection .boost-sd__filter-tree-vertical--hidden {
      z-index: 1 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-left: calc(var(--boostsd-filter-tree-vertical-gutter) * -1) !important;
    margin-right: var(--boostsd-filter-tree-vertical-gutter) !important;
    width: var(--boostsd-filter-tree-vertical-width-desktop) !important;
    padding: 0 var(--boostsd-filter-tree-vertical-gutter) var(--boostsd-filter-tree-vertical-padding) !important;
    display: block !important;
    position: static !important;
    overflow: visible;
  }

  .collection-template-expanded-filter-test .boost-sd__filter-tree-vertical--hidden .boost-sd__filter-tree-vertical-content ,
  .template-collection .boost-sd__filter-tree-vertical--hidden .boost-sd__filter-tree-vertical-content {
      width: auto !important;
      height: auto !important;
      padding: 0 !important;
      display: block !important;
  }

  .collection-template-expanded-filter-test .boost-sd__filter-tree-vertical--hidden.boost-sd__filter-tree-vertical--sticky ,
  .template-collection .boost-sd__filter-tree-vertical--hidden.boost-sd__filter-tree-vertical--sticky {
      height: auto !important;
  }

  .collection-template-expanded-filter-test .boost-sd__filter-tree-vertical--hidden.boost-sd__filter-tree-vertical--right ,
  .template-collection .boost-sd__filter-tree-vertical--hidden.boost-sd__filter-tree-vertical--right {
      transform: translate(0) !important;
  }

  .collection-template-expanded-filter-test .boost-sd__filter-tree-vertical--hidden.boost-sd__filter-tree-vertical--left ,
  .template-collection .boost-sd__filter-tree-vertical--hidden.boost-sd__filter-tree-vertical--left {
      transform: translate(0) !important;
  }

  /* Hidden */
  .collection-template-expanded-filter-test .boost-sd__filter-tree-vertical:not(.boost-sd__filter-tree-vertical--hidden) ,
  .template-collection .boost-sd__filter-tree-vertical:not(.boost-sd__filter-tree-vertical--hidden) {
    z-index: -1 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: none !important;
    position: absolute !important;
    overflow: hidden !important;
  }

  .collection-template-expanded-filter-test .boost-sd__filter-tree-toggle-button--active:not(.boost-sd__filter-tree-vertical--hidden) ,
  .template-collection .boost-sd__filter-tree-toggle-button--active:not(.boost-sd__filter-tree-vertical--hidden) {
    background: #fff !important;
  }

  .collection-template-expanded-filter-test .boost-sd__filter-tree-toggle-button--active:not(.boost-sd__filter-tree-vertical--hidden) .boost-sd__filter-tree-toggle-button-title ,
  .template-collection .boost-sd__filter-tree-toggle-button--active:not(.boost-sd__filter-tree-vertical--hidden) .boost-sd__filter-tree-toggle-button-title {
    color: #000 !important;
  }

  .collection-template-expanded-filter-test .boost-sd__filter-tree-toggle-button--active:not(.boost-sd__filter-tree-vertical--hidden) .boost-sd__filter-tree-toggle-button-icon--close ,
  .template-collection .boost-sd__filter-tree-toggle-button--active:not(.boost-sd__filter-tree-vertical--hidden) .boost-sd__filter-tree-toggle-button-icon--close{
    display: none !important;
  }

  .collection-template-expanded-filter-test .boost-sd__filter-tree-toggle-button--active:not(.boost-sd__filter-tree-vertical--hidden) .boost-sd__filter-tree-toggle-button-icon--open ,
  .template-collection .boost-sd__filter-tree-toggle-button--active:not(.boost-sd__filter-tree-vertical--hidden) .boost-sd__filter-tree-toggle-button-icon--open{
    display: block !important;
  }
}

@media screen and (max-width: 799px) {
  #collection-grid .collection-heading.collection-heading-large {
    height: 4.5em;
    max-height: 4.5em;
    padding-bottom: 5px;
  }

  @supports (-webkit-touch-callout: none) {
    .hero-image .hero-image-inner .hero-image-content.hero-image-overlay-height-full {
      /* justify-content: space-between !important; */
    }
  }
}

.multi-buy-header svg, .item-price.item-price-discounted svg, .multibuy-icon{
    width: 8px;
    height: 8px;
    display: flex;
    
}

.swiper-arrow svg {
    width: 12px;
    height: 12px;
}

.product-price.f-b-price {
    display: flex;
    align-items: center;
    gap: 8px;
}

.product-price.f-b-price svg {
    width: 8px;
    height: 8px;
}