#zoeva .bundle_prevent_click {
    pointer-events: none;
    cursor: default
}

body#zoeva {
    font-family: var(--fostr-typography-font-body);
    font-style: var(--fostr-typography-font-style-normal);
    font-weight: var(--fostr-typography-font-weight-normal);
    font-size: var(--fostr-typography-text-size-lg);
    letter-spacing: var(--fostr-typography-tracking-wide);
    line-height: var(--fostr-typography-leading-neat)
}

body#zoeva p {
    color: var(--fostr-color-brand-primary);
    line-height: var(--fostr-typography-leading-neat);
    letter-spacing: var(--fostr-typography-tracking-wide);
    font-size: var(--fostr-typography-text-size-base)
}

body#zoeva p a {
    color: var(--fostr-color-brand-primary);
    line-height: var(--fostr-typography-leading-neat);
    letter-spacing: var(--fostr-typography-tracking-wide);
    font-size: var(--fostr-typography-text-size-base);
    text-decoration: underline
}

fostr-welcome-mat {
    display: none
}

.scrolling__container::-webkit-scrollbar {
    transition: all .3s;
    -webkit-appearance: none;
    width: .3rem
}

.scrolling__container:hover::-webkit-scrollbar {
    width: .3rem;
    transition: all .3s
}

.scrolling__container::-webkit-scrollbar-thumb {
    right: 0;
    width: .3rem;
    background: var(--fostr-color-brand-primary);
    transition: all .3s;
    box-shadow: 0 0 1px #ffffff80
}

.scrolling__container::-webkit-scrollbar-track {
    width: .3rem;
    background: var(--fostr-color-gray-300)
}

.scrolling__container {
    scrollbar-color: var(--fostr-color-brand-primary) var(--fostr-color-gray-300);
    scrollbar-width: thin
}

#zoeva .media--portrait {
    padding-bottom: 115%
}

#zoeva .color-background-1, #zoeva .color-background-2 {
    color: var(--fostr-color-brand-primary)
}

#zoeva .color-inverse, #zoeva .color-accent-1, #zoeva .color-accent-2 {
    color: #fff
}

#zoeva .section-loading {
    opacity: 0;
    pointer-events: none
}

#zoeva .new-section-loading {
    display: none;
    pointer-events: none
}

h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5, .brand-header {
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    color: var(--fostr-color-brand-primary);
    font-family: var(--fostr-typography-font-header) !important;
    font-style: var(--fostr-typography-font-style-normal);
    font-weight: var(--fostr-typography-font-weight-light);
    letter-spacing: var(--fostr-typography-tracking-normal);
    line-height: var(--fostr-typography-leading-normal);
    margin-bottom: var(--fostr-typography-heading-margin-bottom);
    font-size: var(--fostr-typography-text-size-4xl)
}

h1, .h1, [font-size-1] {
    font-size: var(--fostr-typography-text-size-5xl)
}

h2, .h2, [font-size-2] {
    font-size: var(--fostr-typography-text-size-4xl)
}

h3, .h3, [font-size-3], .product__title {
    font-size: var(--fostr-typography-text-size-3xl)
}

h4, .h4, [font-size-4] {
    font-size: var(--fostr-typography-text-size-2xl)
}

h5, .h5, [font-size-5] {
    font-size: var(--fostr-typography-text-size-xl)
}

h6, .h6, [font-size-6], .h7, [font-size-7], .h8, [font-size-8] {
    font-size: var(--fostr-typography-text-size-xl)
}

.h9, [font-size-9] {
    font-size: var(--fostr-typography-text-size-lg)
}

.hero, [font-size-hero] {
    font-size: var(--fostr-typography-text-size-6xl)
}

#zoeva .product__title {
    text-transform: capitalize;
    text-transform: none
}

#zoeva .product__title:first-letter {
    text-transform: capitalize
}

span.h0, span.h1, span.h2, span.h3, span.h4, span.h5, span.h6, span.h7, span.h8, span.h9, span.hero, span.product__title {
    display: block
}

.button:not(.swatch), .shopify-challenge__button, .customer button {
    box-sizing: border-box;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: var(--fostr-buttons-font-size-small);
    line-height: var(--fostr-buttons-line-height);
    letter-spacing: var(--fostr-buttons-letter-spacing);
    text-align: var(--fostr-buttons-text-alignment);
    text-transform: var(--fostr-buttons-text-transform);
    height: var(--fostr-buttons-height);
    width: var(--fostr-buttons-width);
    padding: var(--fostr-buttons-padding);
    font-family: var(--fostr-buttons-font-family);
    color: var(--fostr-buttons-default-color);
    border: var(--fostr-buttons-border) !important;
    background: var(--fostr-buttons-background);
    cursor: var(--fostr-buttons-cursor);
    position: var(--fostr-buttons-position);
    z-index: var(--fostr-buttons-zindex);
    min-width: unset;
    min-height: unset;
    overflow: hidden;
    display: flex;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: background-color var(--duration-default) ease
}

.button:not(.swatch) span, .shopify-challenge__button span, .customer button span {
    pointer-events: none;
    background: inherit;
    color: inherit
}

.button:not(.swatch):after, .shopify-challenge__button:after, .customer button:after {
    position: absolute;
    content: "";
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: background-color var(--duration-default) ease;
    background: var(--fostr-buttons-default-background);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--fostr-buttons-angle)), calc(100% - var(--fostr-buttons-angle)) 100%, 0 100%);
    border-top-left-radius: var(--fostr-buttons-border-radius)
}

.button:not(.swatch):hover, .shopify-challenge__button:hover, .customer button:hover {
    background: var(--fostr-buttons-background);
    color: var(--fostr-buttons-default-hover-color)
}

.button:not(.swatch):hover:after, .shopify-challenge__button:hover:after, .customer button:hover:after {
    background: var(--fostr-buttons-default-hover-background)
}

.button:focus-visible, button:focus, .button:focus:not(:focus-visible) {
    box-shadow: none
}

.button::selection, .shopify-challenge__button::selection, .customer button::selection {
    background-color: none
}

.button-label {
    font-size: var(--fostr-typography-text-size-base);
    letter-spacing: var(--fostr-typography-tracking-widest);
    line-height: calc(1 + .2 / var(--font-body-scale))
}

button[second], .button[second], .button--secondary:not(.swatch) {
    color: var(--fostr-buttons-second-color)
}

button[second]:after, .button[second]:after, .button--secondary:not(.swatch):after {
    background: var(--fostr-buttons-second-background)
}

button[second]:hover, .button[second]:hover, .button--secondary:not(.swatch):hover {
    color: var(--fostr-buttons-second-hover-color)
}

button[second]:hover:after, .button[second]:hover:after, .button--secondary:not(.swatch):hover:after {
    background: var(--fostr-buttons-default-hover-background)
}

button[invert], .button[invert] {
    color: var(--fostr-buttons-invert-color)
}

button[invert]:after, .button[invert]:after {
    background: var(--fostr-buttons-invert-background)
}

button[invert]:hover, .button[invert]:hover {
    color: var(--fostr-buttons-invert-hover-color)
}

button[invert]:hover:after, .button[invert]:hover:after {
    background: var(--fostr-buttons-invert-hover-background)
}

button[ghost], .button[ghost] {
    color: var(--fostr-buttons-invert-color)
}

button[ghost] span, .button[ghost] span {
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center
}

button[ghost]:before, .button[ghost]:before {
    position: absolute;
    content: "";
    z-index: 1;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    transition: background-color var(--duration-default) ease;
    background: var(--fostr-buttons-invert-background);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 9.5px), calc(100% - 9.5px) 100%, 0 100%);
    border-top-left-radius: 9px
}

button[ghost]:hover, .button[ghost]:hover {
    color: var(--fostr-buttons-invert-hover-color)
}

button[ghost]:hover:before, .button[ghost]:hover:before {
    background: var(--fostr-buttons-invert-hover-background)
}

button[ghost]:hover:after, .button[ghost]:hover:after {
    background: var(--fostr-buttons-invert-background)
}

button[ghost].loading span, .button[ghost].loading span {
    display: none
}

button[ghost].loading > .loading-overlay__spinner, .button[ghost].loading > .loading-overlay__spinner {
    color: rgb(var(--color-foreground))
}

button[ghost].loading:after, .button[ghost].loading:after {
    background: var(--fostr-buttons-default-background)
}

button[ghost].loading:before, .button[ghost].loading:before {
    background: var(--fostr-buttons-invert-background)
}

button[ghost][disabled], button[ghost]:disabled, button[ghost][aria-disabled=true], button[ghost].disabled {
    color: var(--fostr-buttons-invert-color);
    cursor: var(--fostr-buttons-disabled-cursor);
    opacity: var(--fostr-buttons-disabled-opacity);
    pointer-events: none
}

.button--tertiary {
    font-size: var(--fostr-typography-text-size-sm);
    padding: 1rem 1.5rem;
    min-width: 9rem;
    min-height: 3.5rem
}

button[small], .button[small], .button--small {
    height: var(--fostr-buttons-small-height)
}

button[large], .button[large], .button--large {
    height: var(--fostr-buttons-large-height)
}

.button:not([disabled]):hover, .shopify-challenge__button:hover, .customer button:hover {
    box-shadow: none
}

.button:not([disabled]):hover, .shopify-challenge__button:hover, .customer button:hover {
    background: var(--fostr-buttons-background);
    color: var(--fostr-buttons-default-hover-color)
}

.button:not([disabled]):hover:after, .shopify-challenge__button:hover:after, .customer button:hover:after {
    background: var(--fostr-buttons-default-hover-background)
}

button[disabled], .button:disabled, .button[aria-disabled=true], .button.disabled, .customer button:disabled, .customer button[aria-disabled=true], .customer button.disabled {
    color: var(--fostr-buttons-default-color);
    cursor: var(--fostr-buttons-disabled-cursor);
    opacity: var(--fostr-buttons-disabled-opacity)
}

button[disabled]:after, .button:disabled:after, .button[aria-disabled=true]:after, .button.disabled:after, .customer button:disabled:after, .customer button[aria-disabled=true]:after, .customer button.disabled:after {
    background: var(--fostr-buttons-disabled-background)
}

button[disabled]:hover, .button:disabled:hover, .button[aria-disabled=true]:hover, .button.disabled:hover, .customer button:disabled:hover, .customer button[aria-disabled=true]:hover, .customer button.disabled:hover {
    color: var(--fostr-buttons-default-color)
}

button[disabled]:hover:after, .button:disabled:hover:after, .button[aria-disabled=true]:hover:after, .button.disabled:hover:after, .customer button:disabled:hover:after, .customer button[aria-disabled=true]:hover:after, .customer button.disabled:hover:after {
    background: var(--fostr-buttons-disabled-background)
}

.button--full-width:not(.swatch) {
    display: flex;
    width: 100%
}

.button.loading {
    color: transparent;
    position: relative
}

.button > .loading-overlay__spinner {
    display: none
}

.button.loading > .loading-overlay__spinner {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    height: auto;
    display: block;
    z-index: 2
}

@media screen and (max-width: 749px) {
    #zoeva .button.button.button.button--mobile--full-width {
        display: flex;
        width: 100%
    }
}

button[link], .button[link] {
    color: var(--fostr-color-brand-primary);
    height: unset;
    width: unset;
    min-width: unset;
    padding: 0;
    overflow: visible;
    font-weight: var(--fostr-typography-font-weight-normal);
    text-decoration: underline;
    text-underline-offset: .3rem
}

button[link]:hover, .button[link]:hover {
    color: var(--fostr-color-brand-primary-50)
}

button[link]:after, .button[link]:after, button[link]:hover:after, .button[link]:hover:after {
    display: none
}

.button--faux, .button--faux span {
    pointer-events: none
}

button[link], .button[link] {
    line-height: var(--fostr-typography-leading-neat)
}

@media screen and (max-width: 749px) {
    button[link], .button[link] {
        line-height: var(--fostr-typography-leading-neat)
    }
}

.rte a {
    font-size: var(--fostr-anchors-font-size);
    font-family: var(--fostr-anchors-font-family);
    text-align: var(--fostr-anchors-text-alignment);
    letter-spacing: var(--fostr-anchors-letter-spacing);
    line-height: var(--fostr-anchors-line-height);
    color: var(--fostr-anchors-color);
    text-decoration: var(--fostr-anchors-decoration);
    padding: var(--fostr-anchors-padding);
    border-bottom: var(--fostr-anchors-border)
}

.rte a:hover {
    cursor: var(--fostr-anchors-cursor)
}

.rte a[small] {
    font-size: var(--fostr-anchors-font-size-alt)
}

fostr-menu-slider-component {
    display: flex;
    overflow-y: hidden;
    overflow-x: auto;
    padding: 0;
    height: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    position: relative
}

fostr-menu-slider-component::-webkit-scrollbar {
    display: none
}

fostr-menu-slide-component {
    flex-shrink: 0;
    height: 100%;
    margin-right: 1rem;
    position: relative
}

slide-indicator {
    font-size: 0
}

#zoeva .page-width {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    max-width: var(--fostr-layout-max-width)
}

@media screen and (min-width: 990px) {
    #zoeva .page-width--narrow.page-width--narrow {
        max-width: 72.6rem
    }
}

#zoeva .page-width.narrow {
    max-width: var(--fostr-layout-max-width-narrow)
}

#zoeva .page-width.wide {
    max-width: var(--fostr-layout-max-width-wide)
}

#zoeva .collection.page-width, #zoeva .fostr-collection.collection.page-width {
    padding-left: 0;
    padding-right: 0
}

#zoeva .force-full-screen-width {
    width: 100vw;
    max-width: 100vw;
    margin: 0 calc(-50vw + 50%)
}

#zoeva .section-scroll-margin {
    scroll-margin-top: 6rem
}

@media screen and (min-width: 750px) {
    #zoeva .section-scroll-margin {
        scroll-margin-top: 12rem
    }

    .product-recommendations.fff {
        padding-inline: 2rem;
    }
}

#zoeva .text-left {
    text-align: left
}

#zoeva .text-center {
    text-align: center
}

#zoeva .text-right {
    text-align: right
}

@media screen and (max-width: 749px) {
    #zoeva .text-left--mobile {
        text-align: left
    }

    #zoeva .text-center--mobile {
        text-align: center
    }

    #zoeva .text-right--mobile {
        text-align: right
    }
}

@media screen and (min-width: 750px) {
    #zoeva .text-left--desktop {
        text-align: left
    }

    #zoeva .text-center--desktop {
        text-align: center
    }

    #zoeva .text-right--desktop {
        text-align: right
    }
}

#zoeva .justify-left {
    justify-content: left
}

#zoeva .justify-center {
    justify-content: center
}

#zoeva .justify-right {
    justify-content: right
}

@media screen and (max-width: 749px) {
    #zoeva .justify-left--mobile {
        justify-content: left
    }

    #zoeva .justify-center--mobile {
        justify-content: center
    }

    #zoeva .justify-right--mobile {
        justify-content: right
    }
}

@media screen and (min-width: 750px) {
    #zoeva .justify-left--desktop {
        justify-content: left
    }

    #zoeva .justify-center--desktop {
        justify-content: center
    }

    #zoeva .justify-right--desktop {
        justify-content: right
    }
}

#zoeva .box-shadow {
    box-shadow: 0 .2rem .6rem #0006
}

#zoeva .cursor-zoom-in, #zoeva .cursor-zoom-in img {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg id='Group_1902' data-name='Group 1902' transform='translate(-257.8 242.949) rotate(-45)'%3E%3Cline id='Line' x1='12' y2='12' transform='translate(348 18)' fill='none' stroke='%233d1152' stroke-width='1'/%3E%3Cline id='Line-2' data-name='Line' x2='12' y2='12' transform='translate(348 18)' fill='none' stroke='%233d1152' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E ") 16 16, zoom-in
}

#zoeva .cursor-zoom-out, #zoeva .cursor-zoom-out img, #zoeva .cursor-zoom-in.is-zoomed, #zoeva .cursor-zoom-in.is-zoomed img {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg id='Group_1903' data-name='Group 1903' transform='translate(-257.505 242.949) rotate(-45)'%3E%3Cline id='Line' x2='12' y2='12' transform='translate(348 18)' fill='none' stroke='%233d1152' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A") 16 16, zoom-in
}

#zoeva .select__select, #zoeva .customer select {
    font-size: var(--fostr-inputs-font-size);
    font-family: var(--fostr-inputs-font-family);
    text-align: var(--fostr-inputs-text-alignment);
    letter-spacing: var(--fostr-inputs-letter-spacing);
    line-height: var(--fostr-inputs-line-height);
    color: var(--fostr-inputs-color);
    text-transform: var(--fostr-inputs-text-transform);
    height: var(--fostr-inputs-height);
    min-width: var(--fostr-inputs-width);
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: var(--fostr-inputs-border);
    box-shadow: none;
    padding: var(--fostr-inputs-padding);
    margin: var(--fostr-inputs-margin);
    -webkit-appearance: var(--fostr-inputs-select-appearance);
    -moz-appearance: var(--fostr-inputs-select-appearance);
    appearance: var(--fostr-inputs-select-appearance);
    background-image: var(--fostr-inputs-select-background-image);
    background-repeat: var(--fostr-inputs-select-background-repeat);
    background-position: var(--fostr-inputs-select-background-position);
    background-color: var(--fostr-inputs-select-background-color);
    background-size: var(--fostr-inputs-select-background-size)
}

#zoeva .select__select:focus, #zoeva .select__select:hover, #zoeva .customer select:focus, #zoeva .customer select:hover {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: var(--fostr-inputs-border);
    box-shadow: none;
    outline: none
}

#zoeva .customer select + svg {
    display: none
}

#zoeva .spaced-section:first-child, #zoeva .spaced-section--full-width:first-child {
    margin-top: 0
}

#zoeva .element-margin, #zoeva .spaced-section {
    margin-top: var(--fostr-layout-space-10)
}

#zoeva .spaced-section:last-child {
    margin-bottom: 0
}

#zoeva .video-section.page-width {
    padding: 0
}

#zoeva .video-section:not(.page-width) .deferred-media {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translate(-50%)
}

@media screen and (forced-colors: active) {
    .button.loading {
        color: rgb(var(--color-foreground))
    }
}

@media screen and (max-width: 749px) {
    body#zoeva p {
        font-size: var(--fostr-typography-text-size-base)
    }

    .banner .banner__media {
        margin-left: -1.5rem;
        width: 100%
    }

    #zoeva .video-section.page-width {
        width: 100vw;
        position: relative;
        left: 50%;
        transform: translate(-50%)
    }

    #zoeva .force-full-screen-width--mobile {
        width: 100vw;
        max-width: 100vw;
        margin: 0 calc(-50vw + 50%)
    }

    #zoeva .break-margin-full-width--mobile, #zoeva .break-margin-full-width--tablet {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0
    }

    .button:not(.swatch), .shopify-challenge__button, .customer button {
        font-size: var(--fostr-buttons-font-size-small)
    }
}

/*#zoeva select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' role='presentation' class='icon icon-caret icon--stroke' viewBox='0 0 13.6 7.5' style='enable-background:new 0 0 13.6 7.5' xml:space='preserve' width='1.5rem'%3E%3Cpath id='Path_1013' class='icon-caret-stroke__path' d='M0.8,0.8l6,6l6-6' stroke='%233d1152' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round' style='fill:none;'/%3E%3C/svg%3E");
    background-position: calc(100% - 1.5rem) 2px;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat
}*/

.alcon {
    margin-bottom: 4rem;
}

#zoeva .animate-arrow .icon-caret {
    transform: rotate(270deg) translate(.25rem, -.5rem)
}

#zoeva button:not(.slider-button):not(.bundle-controls button) > .icon-caret {
    transform: rotate(270deg) translate(-.25rem, 1rem)
}

@media (min-width: 1650px) {
    .container {
        width: calc(var(--fostr-layout-max-width) - 20px);
    }
}

.breadcrumb {
    background-color: transparent;
    text-decoration: none;
    font-size: var(--fostr-typography-text-size-sm);
    text-transform: capitalize;
    padding-inline: 0;
}

.breadcrumb a {
    color: var(--fostr-color-brand-primary);
}

.btn-primary:hover,
.btn-primary {
    background-color: #221C35;
    border-radius: 0;
    border-color: #221C35;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
}

a:focus, a:hover {
    color: inherit;
    text-decoration: none;
}

@media screen and (min-width: 750px) {
    h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5, .brand-header {
        height: auto;
        margin: 0;
        padding: 0;
        border: none;
        color: var(--fostr-color-brand-primary);
        font-family: var(--fostr-typography-font-header);
        font-style: var(--fostr-typography-font-style-normal);
        font-weight: var(--fostr-typography-font-weight-light);
        letter-spacing: var(--fostr-typography-tracking-normal);
        line-height: var(--fostr-typography-leading-normal);
        margin-bottom: var(--fostr-typography-heading-margin-bottom);
        font-size: var(--fostr-typography-text-size-4xl)
    }

    h1, .h1, [font-size-1] {
        font-size: var(--fostr-typography-text-size-7xl)
    }

    h2, .h2, [font-size-2] {
        font-size: var(--fostr-typography-text-size-6xl)
    }

    h3, .h3, [font-size-3], .product__title {
        font-size: var(--fostr-typography-text-size-5xl)
    }

    h4, .h4, [font-size-4] {
        font-size: var(--fostr-typography-text-size-4xl)
    }

    h5, .h5, [font-size-5] {
        font-size: var(--fostr-typography-text-size-3xl)
    }

    h6, .h6, [font-size-6] {
        font-size: var(--fostr-typography-text-size-2xl)
    }

    .h7, [font-size-7] {
        font-size: var(--fostr-typography-text-size-xl)
    }

    .h8, [font-size-8], .h9, [font-size-9] {
        font-size: var(--fostr-typography-text-size-lg)
    }

    .hero, [font-size-hero] {
        font-size: var(--fostr-typography-text-size-7xl)
    }

    #zoeva .page-width, #zoeva .collection.page-width, #zoeva .fostr-collection.collection.page-width {
        padding-left: 3rem;
        padding-right: 3rem
    }

    #zoeva .spaced-section:first-child, #zoeva .spaced-section--full-width:first-child {
        margin-top: 0
    }

    #zoeva .element-margin, #zoeva .spaced-section {
        margin-top: var(--fostr-layout-space-20)
    }

    #zoeva .spaced-section:last-child {
        margin-bottom: 0
    }

    .button:not(.swatch):not([link]):not(fostr-welcome-mat-store .button), .shopify-challenge__button, .customer button {
        min-width: var(--fostr-buttons-width-minumum)
    }

    fostr-welcome-mat-store .button {
        width: 100%
    }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
    #zoeva .break-margin-full-width--tablet {
        width: calc(100% + 6rem);
        margin-left: -3rem;
        margin-right: 0
    }
}

@media screen and (min-width: 990px) {
    #zoeva .break-margin-full-width--desktop {
        width: calc(100% + 6rem);
        margin-left: -3rem;
        margin-right: 0
    }
}

#zoeva form .field__input, #zoeva form .field input {
    padding-bottom: 1rem
}

#zoeva form .field__input ~ .field__label, #zoeva form .field input ~ label {
    top: .25rem
}

#zoeva form .field__input:focus ~ .field__label, #zoeva form .field input:focus ~ label, #zoeva form .field__input:not(:placeholder-shown) ~ .field__label, #zoeva form .field input:not(:placeholder-shown) ~ label {
    top: -1.75rem;
    font-size: var(--fostr-inputs-font-size-focus)
}

#zoeva form select, #zoeva .customer select {
    margin-bottom: var(--fostr-layout-space-3)
}

#zoeva form input[type=email] {
    text-transform: lowercase
}

.product-connections .colour.flex-rows {
    background: rgb(200, 200, 200)
}

.yotpo-comments-box {
    grid-column: 1/4
}

.button-squared:after {
    clip-path: none !important;
    border-top-left-radius: unset !important
}

offcanvas-menu#mini-cart {
    z-index: 9999999999
}

.button:not(.swatch):after, .shopify-challenge__button:after, .customer button:after {
    clip-path: none !important;
    border-top-left-radius: unset !important
}

.media {
    margin-top: 0;
}

#form-review .fa-stack {
    font-size: 8px;
}

other-colours .colour:has(input:checked) {
    border-color: rgba(var(--color-foreground),0);
}

fostr-sticky-header + .alert {
    margin: 15px;
}

.cart-count-bubble:has([data-cart-count]:empty) {
    display: none;
}

#ssg {
    display: flex;
    flex-shrink: 1;
    flex-grow: 1;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

/*# sourceMappingURL=/cdn/shop/t/202/assets/zoeva-base.css.map?v=109417107816139347901695124791 */