.card-wrapper {
    overflow: hidden
}

.card-wrapper .quick-buy__wrapper.product-connections {
    position: relative
}

.card-wrapper .quick-buy__wrapper.product-connections .quick-buy__above {
    position: absolute;
    top: -3.5rem;
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.card-wrapper .quick-buy__wrapper.product-connections .quick-buy__above .other-colours-preview {
    position: relative;
    left: 1rem;
    bottom: .5rem;
    display: flex
}

.card-wrapper .quick-buy__wrapper.product-connections .quick-buy__above .hero_badge {
    width: 100%
}

.card-wrapper .quick-buy__wrapper.product-connections .quick-buy__above .hero_badge:last-child:not(:first-child) {
    margin-right: 0;
    padding-left: .5rem
}

fostr-product-card .quick-buy__above .card__badges {
    flex-grow: 1
}

.card-wrapper .quick-buy__wrapper.product-connections .quick-buy__above {
    margin-right: 0
}

.card-wrapper .quick-buy__wrapper.product-connections .quick-buy__static {
    position: relative;
    z-index: 3
}

.card-wrapper .quick-buy__wrapper.product-connections .quick-buy__hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: rgb(var(--color-background));
    padding: 2.5rem 0 0;
    transition: transform var(--duration-long) ease;
    z-index: 2
}

.card-wrapper .quick-buy__wrapper.product-connections.always-show {
    position: relative;
    border: none;
    bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.card-wrapper .quick-buy__wrapper .mobile-facets__close {
    align-items: center;
    justify-content: center;
    top: .7rem;
    right: 1rem;
    width: 4.4rem;
    height: 4.4rem;
    z-index: 101;
    transition: opacity var(--duration-short) ease;
    display: flex;
    position: absolute;
    opacity: 1
}

.card-wrapper .quick-buy__wrapper .mobile-facets__close svg {
    width: 1.8rem
}

.card-wrapper .quick-buy__wrapper .card-information__text {
    margin-bottom: 1.5rem
}

.card-wrapper .quick-buy__wrapper .card-information__text a {
    display: block;
    text-decoration: none
}

.card-wrapper .quick-buy__wrapper.product-connections.open {
    bottom: 0
}

.card-wrapper .button.mobile-trigger {
    display: block;
    z-index: 2;
    position: relative;
    text-align: center;
    font-size: var(--fostr-buttons-font-size-small)
}

.card-wrapper .mobile-trigger span {
    pointer-events: none
}

.product-connections {
    font-size: var(--fostr-typography-text-size-sm);
    z-index: 2;
    display: block;
    position: relative;
    width: 100%
}

.product-connections.loading {
    position: unset
}

.product-connections label, .product-connections legend, .product-connections .form__label {
    color: var(--fostr-color-brand-primary);
    text-transform: capitalize;
    margin-bottom: 1.5rem
}

.product-connections label span, .product-connections legend span, .product-connections .form__label span {
    display: block
}

.product-connections label span.h8, .product-connections legend span.h8, .product-connections .form__label span.h8 {
    margin-bottom: .5rem
}

.product-connections .colours {
    margin-top: 0;
    display: flex;
    width: 100%
}

.product-connections .colour.unavailable {
    cursor: default;
    pointer-events: none;
    position: relative;
    opacity: 1
}

.product-connections fostr-page-reload .colour.unavailable {
    cursor: pointer;
    pointer-events: initial
}

.product-connections .colour.unavailable span.swatch-unavailable {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    cursor: default;
    pointer-events: none
}

.product-connections .colour.unavailable span.swatch-unavailable:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    opacity: 1;
    content: "";
    cursor: default;
    pointer-events: none
}

.product-connections .colour.unavailable span.swatch {
    opacity: 1
}

.product-connections .colour.unavailable span.swatch-unavailable svg {
    width: 100%;
    height: 100%;
    opacity: .8;
    transform: scaleX(2) scaleY(1.3);
    margin: 0;
    overflow: hidden;
    z-index: 3;
    cursor: default;
    pointer-events: none
}

.product-connections .colour.unavailable span.swatch-unavailable svg g {
    transform: unset;
    transform-origin: center;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden
}

.product-connections .colour.unavailable span.swatch-unavailable svg line {
    stroke: var(--fostr-color-white);
    transform: unset;
    transform-origin: center;
    stroke-width: .5
}

.product-connections .colour.unavailable span.swatch-unavailable svg line#Line-2 {
    display: none
}

.product-connections .btn {
    border: 1px solid rgba(var(--color-foreground), 0);
    background-color: rgba(var(--color-foreground), .02);
    margin-right: .6rem;
    overflow: hidden;
    display: inline-block;
    cursor: pointer
}

.product-connections .filter-group-header {
    width: 100%;
    min-width: 100%;
    flex-grow: 1;
    order: 0;
    text-transform: capitalize;
    margin-bottom: .2rem;
    color: var(--fostr-color-brand-primary);
    font-size: var(--fostr-typography-text-size-sm)
}

.product-connections .filter-toggle-wrap {
    width: 100%;
    min-width: 100%;
    flex-grow: 1;
    order: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: center
}

.product-connections .filter-toggle-wrap .filter-toggle {
    width: 100%;
    min-width: 60%;
    order: 1;
    margin-bottom: 1.5rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    border: none;
    background: var(--fostr-color-gray-200);
    border-radius: 500px;
    padding: 0 .5rem;
    position: relative;
    cursor: pointer;
    height: 3rem;
    font-family: var(--fostr-typography-font-body);
    line-height: var(--fostr-buttons-line-height);
    letter-spacing: var(--fostr-buttons-letter-spacing)
}

.product-connections .filter-toggle-wrap .filter-toggle:after {
    width: calc(50% - .25rem);
    height: 2.6rem;
    position: absolute;
    left: .25rem;
    top: .2rem;
    background: var(--fostr-color-white);
    border-radius: 500px;
    z-index: 1;
    display: block;
    content: ""
}

.product-connections .filter-toggle-wrap .filter-toggle.filtered:after {
    left: calc(50% + .1rem)
}

.product-connections .filter-toggle-wrap .filter-toggle span {
    width: calc(50% - .25rem);
    height: 2.6rem;
    color: var(--fostr-color-brand-primary);
    font-size: var(--fostr-typography-text-size-sm);
    z-index: 2;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    line-height: var(--fostr-typography-leading-normal)
}

.product-connections .filter-group-header:not(:first-of-type) {
    margin-top: .8rem
}

.product-connections .colour {
    border: none;
    background-color: transparent;
    margin-right: 0;
    border-radius: 0;
    overflow: hidden;
    display: flex;
    cursor: pointer;
    padding: 0 !important;
    order: 2;
    height: 2rem;
    width: calc(25% - .4rem);
    max-width: 4rem;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
    margin-right: .4rem
}

.product-connections .colour:last-of-type:not(.current) {
    margin-right: 0
}

.product-connections .colour.flex-rows {
    margin-bottom: .4rem
}

.product-form__input label.colour, .product-form__input input[type=radio]:checked + label.colour {
    background-color: rgba(var(--color-foreground), .02)
}

.product-connections .colour.current, .product-connections .colour:hover {
    border-color: rgba(var(--color-foreground), 0)
}

.product-connections .swatch {
    width: 40px;
    height: 25px;
    display: flex;
    min-width: unset;
    min-height: unset;
    padding: 0;
    box-shadow: none;
    /*pointer-events: none;*/
    position: relative
}

.card-information__wrapper .product-connections .swatch {
    width: 100%;
    height: 100%;
    pointer-events: none
}

.quick-buy__wrapper .product-connections .swatch {
    width: 100%;
    height: 100%
}

.product-connections .product-form__input {
    padding: 0;
    margin: 0;
    max-width: 37rem;
    min-width: fit-content;
    border: none;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: center;
    flex-wrap: wrap;
    width: 100%
}

.quick-buy__wrapper .product-connections .product-form__input {
    margin-bottom: 1.5rem
}

.product-connections .product-form__input span.plus-more {
    margin-right: 0;
    justify-content: center;
    order: 3;
    color: var(--fostr-color-brand-primary)
}

.product-connections .product-form__input span.plus-more.show-mobile {
    display: flex
}

.product-connections .product-form__input span.plus-more.show-desktop {
    display: none
}

@media screen and (max-width: 750px) {
    .product-connections .colour.flex-rows {
        display: flex
    }

    .product-connections .colour.flex-rows.hidden-mobile {
        display: none
    }
}

@media screen and (min-width: 750px) {
    .product-connections .product-form__input span.plus-more.show-mobile {
        display: none
    }

    .product-connections .product-form__input span.plus-more.show-desktop {
        display: flex
    }

    .product-connections .colour.flex-rows.hidden-desktop {
        display: none
    }
}

.product-connections variant-radios, .product-connections variant-selects {
    display: block
}

.product-connections .product-form__input--dropdown {
    margin-bottom: 1.6rem
}

.product-connections .product-form__input .form__label {
    padding-left: 0
}

.product-connections fieldset.product-form__input .form__label {
    margin-bottom: .2rem;
    width: 100%
}

.product-connections .product-form__input input[type=radio] {
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    position: absolute;
    height: 1px;
    width: 1px
}

.product-form__input input[type=radio] + label:not(.colour) {
    border: .1rem solid var(--fostr-color-brand-primary);
    border-radius: 0;
    color: var(--fostr-color-brand-primary);
    display: inline-block;
    margin: .7rem .5rem .2rem 0;
    padding: 1rem;
    font-size: var(--fostr-typography-text-size-sm);
    letter-spacing: var(--fostr-typography-tracking-widest);
    line-height: var(--fostr-typography-leading-normal);
    text-align: center;
    transition: border var(--duration-short) ease;
    cursor: pointer;
    text-transform: capitalize;
    min-width: 3.4rem;
    position: relative
}

.product-form__input input[type=radio] + label:hover {
    border: .1rem solid var(--fostr-color-brand-primary)
}

.product-form__input input[type=radio]:checked + label {
    background-color: var(--fostr-color-brand-primary);
    color: var(--fostr-color-white)
}

.product-form__input input[type=radio]:checked + label::selection {
    background-color: var(--fostr-color-brand-primary-50)
}

.product-form__input input[type=radio]:disabled + label {
    border-color: var(--fostr-color-brand-primary-50);
    color: var(--fostr-color-brand-primary-50);
    text-decoration: none
}

.product-form__input input[type=radio]:disabled + label:before {
    position: absolute;
    content: "";
    left: -.1rem;
    top: 50%;
    right: -.1rem;
    border-top: 1px solid;
    border-color: var(--fostr-color-brand-primary);
    opacity: .2
}

.product-form__input input[type=radio]:focus-visible + label {
    box-shadow: none
}

.product-form__input input[type=radio].focused + label, .no-js .shopify-payment-button__button [role=button]:focus + label {
    box-shadow: none
}

.no-js .product-form__input input[type=radio]:focus:not(:focus-visible) + label {
    box-shadow: none
}

.product-form__input .select {
    max-width: 100%
}

.product-connections .product-form__submit {
    margin-bottom: 1rem
}

.product-connections .no-js .product-form__submit.button--secondary {
    --color-button: var(--color-base-accent-1);
    --color-button-text: var(--color-base-solid-button-labels);
    --alpha-button-background: 1
}

.product-connections .product-form__submit[aria-disabled=true] + .shopify-payment-button, .product-connections .product-form__submit[disabled] + .shopify-payment-button {
    display: none
}

.product-connections .loading-overlay__spinner svg .path {
    stroke: var(--fostr-color-brand-primary)
}

.product-quickbuy__error-message-wrapper:not([hidden]) {
    display: flex;
    align-items: flex-start;
    font-size: var(--fostr-typography-text-size-sm);
    margin-top: 1.5rem
}

.product-quickbuy__error-message-wrapper svg {
    flex-shrink: 0;
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .7rem;
    margin-top: .5rem
}

.loading-overlay.product-loading.hidden {
    z-index: -1
}

.collection.loading .loading-overlay.product-loading:not(.hidden) {
    z-index: 50;
    background: rgba(var(--color-background), 1);
    padding: 0;
    box-shadow: 0 0 0 .1rem rgba(var(--color-background), 1);
    display: flex;
    justify-content: center;
    align-items: center
}

.product-connections .loading-overlay.product-loading .loading-overlay__spinner svg .path {
    stroke: rgb(var(--color-foreground))
}

@media screen and (forced-colors: active) {
    .product-connections .product-form__submit[aria-disabled=true] {
        color: Window
    }

    .product-form__input input[type=radio]:checked + label {
        text-decoration: underline
    }
}

@media screen and (min-width: 750px) {
    .product-connections .filter-toggle-wrap .filter-toggle {
        width: 30rem
    }

    .card-wrapper .quick-buy__wrapper.product-connections {
        z-index: 100
    }

/*    .card-wrapper .quick-buy__wrapper .card-information__text, .card-wrapper .quick-buy__wrapper .mobile-facets__close {
        display: none
    }*/

    .card-wrapper .quick-buy__wrapper.product-connections {
        position: absolute;
        border: none
    }

    @media (hover: hover) {
        fostr-product-card.card-wrapper:hover .quick-buy__wrapper.product-connections .quick-buy__hover, fostr-product-card-gwp.card-wrapper:hover .quick-buy__wrapper.product-connections .quick-buy__hover {
            top: 0;
            transform: translateY(-100%)
        }
    }fostr-product-card.card-wrapper:hover .quick-buy__wrapper.product-connections .quick-buy__hover.is-active, fostr-product-card-gwp.card-wrapper:hover .quick-buy__wrapper.product-connections .quick-buy__hover.is-active {
         top: 0;
         transform: translateY(-100%)
     }

    .card-wrapper .button.mobile-trigger {
        display: none
    }

    .product-connections .colour {
        height: 1.6rem;
        width: 3.6rem
    }
}

#zoeva .product-main-section .product-connections .colour {
    height: 25px;
    margin-right: .4rem;
    width: calc(16.66% - .4rem);
    position: relative;
    overflow: hidden
}

.colour.flex-rows.act {
    outline: 2px solid #000;
}

#zoeva .product-main-section .product-connections .colour:has(.is-te) {
    justify-content: center;
    min-width: 65px;
}

#zoeva .product-connections .colour.current {
    opacity: 1
}

#zoeva .product-connections .colour span.swatch {
    box-shadow: none
}

#zoeva .product-connections .colour.current span.swatch {
    -webkit-box-shadow: inset 0px 0px 0px 2px var(--fostr-color-brand-primary);
    box-shadow: inset 0 0 0 2px var(--fostr-color-brand-primary)
}

#zoeva .product-form__input input[type=radio] + label:hover {
    border: .1rem solid var(--fostr-color-brand-primary)
}

#zoeva .product-form__input input[type=radio]:checked + label {
    background-color: var(--fostr-color-brand-primary);
    color: var(--fostr-color-white)
}

#zoeva .product-form__input input[type=radio]:checked + label::selection {
    background-color: var(--fostr-color-brand-primary-50)
}

#zoeva .product-form__input input[type=radio]:disabled + label {
    border-color: var(--fostr-color-brand-primary-50);
    color: var(--fostr-color-brand-primary-50);
    text-decoration: none
}

#zoeva .product-form__input input[type=radio]:disabled + label:before {
    border-color: var(--fostr-color-brand-primary)
}

#zoeva .loading-overlay.product-loading:not(.hidden) {
    display: flex;
    z-index: 3;
    padding: 0;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center
}

@media screen and (max-width: 749px) {
    #zoeva .card-wrapper .quick-buy__wrapper.product-connections .button:not(.swatch) {
        height: var(--fostr-buttons-small-height)
    }
}

@media screen and (min-width: 750px) {
    #zoeva .product-main-section .product-connections .colour {
        height: 25px;
        margin-right: .4rem;
        width: calc(12.5% - .4rem)
    }
}

#zoeva #shopify-section-fostr-header, #shopify-section-fostr-announcement-bar {
    z-index: 101
}

#zoeva fostr-product-card.card-wrapper, #zoeva fostr-product-card-gwp.card-wrapper {
    text-align: left
}

fostr-product-card.card-wrapper .quick-buy__static, fostr-product-card-gwp.card-wrapper .quick-buy__static {
    background: rgb(var(--color-background))
}

#zoeva fostr-product-card.card-wrapper .card-information__text a, #zoeva fostr-product-card-gwp.card-wrapper .card-information__text a {
    flex-basis: 100%
}

#zoeva fostr-product-card.card-wrapper .quick-buy__hover-head, #zoeva fostr-product-card-gwp.card-wrapper .quick-buy__hover-head {
    padding-bottom: var(--fostr-layout-space-4)
}

#zoeva fostr-product-card.card-wrapper .quick-buy__hover-head span, #zoeva fostr-product-card-gwp.card-wrapper .quick-buy__hover-head span {
    display: block
}

#zoeva fostr-product-card.card-wrapper .quick-buy__hover-head .product-variant, #zoeva fostr-product-card-gwp.card-wrapper .quick-buy__hover-head .product-variant {
    font-size: var(--fostr-typography-text-size-base);
    margin-bottom: var(--fostr-layout-space-2)
}

#zoeva#zoeva fostr-product-card.card-wrapper:not(.product-card--bundle-item) .card-information__text .price, #zoeva#zoeva fostr-product-card-gwp.card-wrapper:not(.product-card--bundle-item) .card-information__text .price {
    display: none
}

#zoeva fostr-product-card.card-wrapper .card-information__wrapper .product-additional-detail, #zoeva fostr-product-card-gwp.card-wrapper .card-information__wrapper .product-additional-detail {
    display: block
}

#zoeva quick-buy .other-colours-preview {
    display: flex
}

#zoeva fostr-product-card.card-wrapper .button--shades-select, #zoeva fostr-product-card-gwp.card-wrapper .button--shades-select {
    display: none
}

#zoeva fostr-product-card.card-wrapper .button__price, #zoeva fostr-product-card-gwp.card-wrapper .button__price {
    display: inline
}

#zoeva fostr-product-card.card-wrapper .button--price span, #zoeva fostr-product-card-gwp.card-wrapper .button--price span {
    position: relative;
    display: inline;
    height: unset;
    width: unset
}

#zoeva fostr-product-card.card-wrapper .button .button__price:before, #zoeva fostr-product-card-gwp.card-wrapper .button .button__price:before {
    content: "|";
    margin: 0 var(--fostr-layout-space-2)
}

#zoeva fostr-product-card.card-wrapper .button__price.product-price, #zoeva fostr-product-card.card-wrapper .button .button__text-with-price, #zoeva fostr-product-card.card-wrapper .button__text-with-price .button__price.product-price, #zoeva fostr-product-card-gwp.card-wrapper .button__price.product-price, #zoeva fostr-product-card-gwp.card-wrapper .button .button__text-with-price, #zoeva fostr-product-card-gwp.card-wrapper .button__text-with-price .button__price.product-price {
    display: flex
}

#zoeva fostr-product-card.card-wrapper .card-information .product-additional-detail, #zoeva fostr-product-card-gwp.card-wrapper .card-information .product-additional-detail {
    font-size: var(--fostr-typography-text-size-sm)
}

#zoeva fostr-product-card.card-wrapper .quick-buy__hover .colour-swatch, #zoeva fostr-product-card-gwp.card-wrapper .quick-buy__hover .colour-swatch {
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(3.6rem, 1fr));
    grid-gap: .4rem;
    max-width: none
}

#zoeva fostr-product-card.card-wrapper .quick-buy__hover .colour-swatch .colour, #zoeva fostr-product-card-gwp.card-wrapper .quick-buy__hover .colour-swatch .colour {
    width: 100%;
    max-width: unset
}

#zoeva fostr-product-card.card-wrapper .colour.plus-more, #zoeva fostr-product-card-gwp.card-wrapper .colour.plus-more {
    margin-left: var(--fostr-layout-space-2)
}

#zoeva fostr-product-card.card-wrapper .quick-buy__hover .colour.plus-more, #zoeva fostr-product-card-gwp.card-wrapper .quick-buy__hover .colour.plus-more {
    display: none
}

#zoeva fostr-product-card.card-wrapper .quick-buy__hover .quick-buy__product-details, #zoeva fostr-product-card-gwp.card-wrapper .quick-buy__hover .quick-buy__product-details {
    width: 100%
}

#zoeva fostr-product-card.card-wrapper quick-buy .quick-buy__product-details .card-information__text, #zoeva fostr-product-card-gwp.card-wrapper quick-buy .quick-buy__product-details .card-information__text {
    min-height: unset;
    margin-bottom: var(--fostr-layout-space-2)
}

#zoeva fostr-product-card.card-wrapper quick-buy .quick-buy__product-details .desc, #zoeva fostr-product-card-gwp.card-wrapper quick-buy .quick-buy__product-details .desc {
    margin-bottom: var(--fostr-layout-space-3);
    max-width: none;
    line-height: var(--fostr-layout-space-4)
}

#zoeva fostr-product-card.card-wrapper quick-buy .quick-buy__product-details .product-additional-detail, #zoeva fostr-product-card-gwp.card-wrapper quick-buy .quick-buy__product-details .product-additional-detail {
    margin-bottom: var(--fostr-layout-space-2)
}

#zoeva fostr-product-card.card-wrapper quick-buy .mobile-price, #zoeva fostr-product-card-gwp.card-wrapper quick-buy .mobile-price {
    margin-bottom: var(--fostr-layout-space-2)
}

#zoeva fostr-product-card.card-wrapper quick-buy .card-information__text, #zoeva fostr-product-card-gwp.card-wrapper quick-buy .card-information__text {
    min-height: unset
}

#zoeva#zoeva fostr-product-card.card-wrapper quick-buy .card-information__text a, #zoeva#zoeva fostr-product-card-gwp.card-wrapper quick-buy .card-information__text a {
    flex-basis: 100%
}

.card-wrapper .quick-buy__wrapper.product-connections .quick-buy__above .other-colours-preview .colour.plus-more {
    margin-right: 1rem
}

@media screen and (max-width: 749px) {
    #zoeva fostr-product-card.card-wrapper .hover-head__mobile, #zoeva fostr-product-card-gwp.card-wrapper .hover-head__mobile {
        display: flex;
        margin: var(--fostr-layout-space-3) 0 var(--fostr-layout-space-4)
    }

    #zoeva#zoeva fostr-product-card.card-wrapper .button--atc-mobile, #zoeva#zoeva fostr-product-card-gwp.card-wrapper .button--atc-mobile {
        height: var(--fostr-buttons-height)
    }

    #zoeva fostr-product-card.card-wrapper .hover-head__mobile img, #zoeva fostr-product-card-gwp.card-wrapper .hover-head__mobile img {
        width: 30vw;
        height: auto;
        object-fit: cover;
        margin-right: 1.5rem
    }

    #zoeva fostr-product-card.card-wrapper .button--atc-desktop.button--shades-atc, #zoeva fostr-product-card.card-wrapper .button--atc-desktop .button__text-with-price .button__price, #zoeva fostr-product-card.card-wrapper .button--shades-modal .button__price, #zoeva fostr-product-card-gwp.card-wrapper .button--atc-desktop.button--shades-atc, #zoeva fostr-product-card-gwp.card-wrapper .button--atc-desktop .button__text-with-price .button__price, #zoeva fostr-product-card-gwp.card-wrapper .button--shades-modal .button__price {
        display: none
    }

    #zoeva fostr-product-card.card-wrapper .quick-buy__wrapper.product-connections.always-show, #zoeva fostr-product-card-gwp.card-wrapper .quick-buy__wrapper.product-connections.always-show {
        position: initial
    }

    #zoeva fostr-product-card.card-wrapper .quick-buy__hover, #zoeva fostr-product-card-gwp.card-wrapper .quick-buy__hover {
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        margin-top: 100vh;
        padding: var(--fostr-layout-space-8) var(--fostr-layout-space-6) var(--fostr-layout-space-6);
        background: rgb(var(--color-background));
        transition: transform var(--duration-long) ease, opacity 0s ease var(--duration-long);
        opacity: 0
    }

    #zoeva fostr-product-card.card-wrapper .quick-buy__hover .quick-buy__product-details .card-information__text, #zoeva fostr-product-card-gwp.card-wrapper .quick-buy__hover .quick-buy__product-details .card-information__text {
        min-height: unset;
        margin-bottom: var(--fostr-layout-space-3)
    }

    #zoeva fostr-product-card.card-wrapper .quick-buy__hover .quick-buy__product-details .desc, #zoeva fostr-product-card-gwp.card-wrapper .quick-buy__hover .quick-buy__product-details .desc {
        margin-bottom: var(--fostr-layout-space-4)
    }

    #zoeva fostr-product-card.card-wrapper .quick-buy__hover.is-active, #zoeva fostr-product-card-gwp.card-wrapper .quick-buy__hover.is-active {
        transition: transform var(--duration-long) ease, opacity var(--duration-long) ease 0s;
        transform: translateY(-100%);
        opacity: 1
    }

    #zoeva fostr-product-card.card-wrapper .quick-buy__hover .modal__close-button, #zoeva fostr-product-card-gwp.card-wrapper .quick-buy__hover .modal__close-button {
        position: absolute;
        top: var(--fostr-layout-space-3);
        right: var(--fostr-layout-space-3);
        z-index: 1
    }

    fostr-product-card.card-wrapper .quick-buy__wrapper.product-connections .quick-buy__above, fostr-product-card-gwp.card-wrapper .quick-buy__wrapper.product-connections .quick-buy__above {
        top: calc(57vw - 3.4rem);
        left: 0
    }

    fostr-product-card-gwp.card-wrapper .quick-buy__wrapper.product-connections .quick-buy__above {
        top: calc(73vw - 3.4rem);
        left: 0
    }

    .bundle_product fostr-product-card.card-wrapper .quick-buy__wrapper.product-connections .quick-buy__above, .bundle_product fostr-product-card-gwp.card-wrapper .quick-buy__wrapper.product-connections .quick-buy__above {
        top: calc(57vw - 4.3rem);
        left: 0
    }

    .bundle_product fostr-product-card-gwp.card-wrapper .quick-buy__wrapper.product-connections .quick-buy__above {
        top: calc(73vw - 4.3rem);
        left: 0
    }

    .card-wrapper .quick-buy__wrapper.product-connections .quick-buy__above .colour {
        width: 3rem
    }

    .card-wrapper .quick-buy__wrapper.product-connections .quick-buy__above .other-colours-preview {
        left: 1rem;
        bottom: 1rem
    }

    #zoeva fostr-product-card.card-wrapper .button .button__compare-price, #zoeva fostr-product-card.card-wrapper .button .button__compare-reader-text, #zoeva fostr-product-card-gwp.card-wrapper .button .button__compare-price, #zoeva fostr-product-card-gwp.card-wrapper .button .button__compare-reader-text {
        display: none
    }

    fostr-product-card-gwp.card-wrapper .quick-buy__static {
        padding-top: 1rem;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (max-width: 530px) {
    .product-recommendations fostr-product-card.card-wrapper .quick-buy__wrapper.product-connections .quick-buy__above, .product-recommendations fostr-product-card-gwp.card-wrapper .quick-buy__wrapper.product-connections .quick-buy__above {
        top: calc(49vw - 3rem)
    }

    .product-recommendations .card-wrapper .quick-buy__wrapper.product-connections .quick-buy__above .other-colours-preview {
        bottom: 0rem
    }
}

@media (min-width: 531px) and (max-width: 749px) {
    .product-recommendations fostr-product-card.card-wrapper .quick-buy__wrapper.product-connections .quick-buy__above, .product-recommendations fostr-product-card-gwp.card-wrapper .quick-buy__wrapper.product-connections .quick-buy__above {
        top: 242px
    }
}

@media screen and (min-width: 750px) {
    #zoeva fostr-product-card.card-wrapper .quick-buy__hover .modal__close-button, #zoeva fostr-product-card.card-wrapper .hover-head__mobile, #zoeva fostr-product-card.card-wrapper .button--atc-mobile, #zoeva fostr-product-card.card-wrapper .mobile-price, #zoeva fostr-product-card-gwp.card-wrapper .quick-buy__hover .modal__close-button, #zoeva fostr-product-card-gwp.card-wrapper .hover-head__mobile, #zoeva fostr-product-card-gwp.card-wrapper .button--atc-mobile, #zoeva fostr-product-card-gwp.card-wrapper .mobile-price {
        display: none
    }

    #zoeva fostr-product-card.card-wrapper .card-information, #zoeva fostr-product-card-gwp.card-wrapper .card-information {
        flex-grow: 1
    }

    #zoeva#zoeva#zoeva fostr-product-card.card-wrapper .card-information__wrapper, #zoeva#zoeva#zoeva fostr-product-card.card-wrapper .quick-buy__wrapper, #zoeva fostr-product-card.card-wrapper .quick-buy__static, #zoeva#zoeva#zoeva fostr-product-card-gwp.card-wrapper .card-information__wrapper, #zoeva#zoeva#zoeva fostr-product-card-gwp.card-wrapper .quick-buy__wrapper, #zoeva fostr-product-card-gwp.card-wrapper .quick-buy__static {
        height: 100%
    }

    #zoeva#zoeva#zoeva fostr-product-card-gwp.card-wrapper .card-information__wrapper {
        padding-top: 1rem
    }

    #zoeva fostr-product-card.card-wrapper .button__price, #zoeva fostr-product-card-gwp.card-wrapper .button__price {
        display: inline
    }

    #zoeva fostr-product-card.card-wrapper .button--price span, #zoeva fostr-product-card-gwp.card-wrapper .button--price span {
        position: relative;
        display: inline;
        height: unset;
        width: unset
    }

    #zoeva fostr-product-card-gwp.card-wrapper .button--price span {
        width: 100%
    }

    #zoeva fostr-product-card.card-wrapper .button .button__price:before, #zoeva fostr-product-card-gwp.card-wrapper .button .button__price:before {
        content: "|";
        margin: 0 var(--fostr-layout-space-2)
    }

    #zoeva fostr-product-card.card-wrapper .button .button__compare-price, #zoeva fostr-product-card-gwp.card-wrapper .button .button__compare-price {
        text-decoration: line-through;
        opacity: .7;
        margin-left: var(--fostr-layout-space-2)
    }

    #zoeva fostr-product-card.card-wrapper .button__price.product-price, #zoeva fostr-product-card.card-wrapper .button .button__text-with-price, #zoeva fostr-product-card.card-wrapper .button__text-with-price .button__price.product-price, #zoeva fostr-product-card-gwp.card-wrapper .button__price.product-price, #zoeva fostr-product-card-gwp.card-wrapper .button .button__text-with-price, #zoeva fostr-product-card-gwp.card-wrapper .button__text-with-price .button__price.product-price {
        display: flex
    }

    #zoeva fostr-product-card.card-wrapper .button--shades-atc, #zoeva fostr-product-card-gwp.card-wrapper .button--shades-atc {
        display: none
    }

    #zoeva fostr-product-card.card-wrapper .card-information .product-additional-detail, #zoeva fostr-product-card-gwp.card-wrapper .card-information .product-additional-detail {
        font-size: var(--fostr-typography-text-size-base)
    }

    #zoeva fostr-product-card.card-wrapper .product-additional-detail .yotpo.bottomLine, #zoeva fostr-product-card-gwp.card-wrapper .product-additional-detail .yotpo.bottomLine {
        margin-bottom: var(--fostr-layout-space-3)
    }

    #zoeva fostr-product-card.card-wrapper .quick-buy__hover, #zoeva fostr-product-card-gwp.card-wrapper .quick-buy__hover {
        padding-bottom: var(--fostr-layout-space-1)
    }

    @media (hover: hover) {
        #zoeva fostr-product-card:not(.product-card--bundle-item):hover .button--atc-desktop, #zoeva fostr-product-card-gwp:not(.product-card--bundle-item):hover .button--atc-desktop {
            display: block
        }

        #zoeva fostr-product-card.card-wrapper:hover .button--shades-modal, #zoeva fostr-product-card-gwp.card-wrapper:hover .button--shades-modal {
            display: none
        }
    }.card-wrapper:not(.product-card--bundle-item):hover .quick-buy__hover.is-active ~ .quick-buy__static .button--atc-desktop {
         display: block !important
     }

    .card-wrapper:not(.product-card--bundle-item):hover .quick-buy__hover.is-active ~ .quick-buy__static .button--shades-modal {
        display: none !important
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    #zoeva fostr-product-card.card-wrapper .button--price span, #zoeva fostr-product-card-gwp.card-wrapper .button--price span {
        font-size: var(--fostr-typography-text-size-sm)
    }
}

@media (min-width: 750px) and (max-width: 1100px) {
    :lang(de) #zoeva .product-main-section .product-form__submit {
        padding: 0 var(--fostr-layout-space-1)
    }

    :lang(de) #zoeva .product-main-section .product-form__submit .button__separator {
        margin: 0 var(--fostr-layout-space-1)
    }
}

@media (min-width: 750px) {
    :lang(de) #zoeva fostr-product-card.card-wrapper .button--price, :lang(de) #zoeva fostr-product-card-gwp.card-wrapper .button--price {
        padding: 0 var(--fostr-layout-space-1)
    }
}

@media (min-width: 1200px) {
    :lang(de) #zoeva fostr-product-card.card-wrapper .button--price span, :lang(de) #zoeva fostr-product-card-gwp.card-wrapper .button--price span {
        font-size: var(--fostr-typography-text-size-xs)
    }
}

#zoeva#zoeva .product-card--bundle-item.card-wrapper .quick-buy--has-swatches .button[data-bundle-option-remove]:not(.hidden) ~ .button {
    display: none !important
}

#zoeva .product-card--bundle-item.card-wrapper .quick-buy--has-swatches .button--shades-modal {
    display: block !important;
    width: 100%;
    margin: 0
}

#zoeva .product-card--bundle-item.card-wrapper .quick-buy--has-swatches .bundle-select--desktop {
    display: none
}

@media screen and (min-width: 750px) {
    #zoeva .product-card--bundle-item.card-wrapper:hover .quick-buy--has-swatches .button--shades-modal, #zoeva .product-card--bundle-item.card-wrapper:hover .quick-buy--has-swatches .bundle-select--mobile {
        display: none !important
    }

    #zoeva .product-card--bundle-item.card-wrapper:hover .quick-buy--has-swatches .bundle-select--desktop {
        display: block !important
    }
}

#zoeva#zoeva fostr-product-card.card-wrapper .quick-buy--perfect-pair .card-information__text .price, #zoeva#zoeva fostr-product-card-gwp.card-wrapper .quick-buy--perfect-pair .card-information__text .price {
    display: block
}

#zoeva fostr-product-card.card-wrapper .quick-buy--perfect-pair .product-connections .colour.flex-rows:not(.hidden-mobile) + .plus-more, #zoeva fostr-product-card.card-wrapper .quick-buy--perfect-pair .product-connections .colour.flex-rows:not(.desktop-mobile) + .plus-more + .plus-more, #zoeva fostr-product-card-gwp.card-wrapper .quick-buy--perfect-pair .product-connections .colour.flex-rows:not(.hidden-mobile) + .plus-more, #zoeva fostr-product-card-gwp.card-wrapper .quick-buy--perfect-pair .product-connections .colour.flex-rows:not(.desktop-mobile) + .plus-more + .plus-more {
    display: none
}

/*# sourceMappingURL=/cdn/shop/t/202/assets/fostr-swatches.css.map?v=111197345273751174891685961982 */