/** Shopify CDN: Minification failed

Line 515:12 Expected ":"

**/
.card,
.card-wrapper {
    text-decoration: none
}

.card--standard.card--media .card__inner .card__information,
.card--standard.card--text.article-card>.card__content .card__information,
.card--standard.card--text:not(.card--horizontal)>.card__content .card__heading:not(.card__heading--placeholder),
.card--standard:not(.card--horizontal)>.card__content .card__badge,
.card--standard>.card__content .card__caption,
.card-information span.product-stock-status,
.card-wrapper .card__badge.bottom.left,
.collection__view-all a.button::after,
.collection__view-all a.button::before,
.quick-add button.quick-add__submit::after,
.quick-add button.quick-add__submit::before {
    display: none
}

.card,
.card-information {
    text-align: var(--text-alignment)
}

:root {
    --primary : #0967B3;
    --primary2: #00C9F5;
    --primary3: #1E3A8A
}

a,
body,
button,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p {
    letter-spacing: 0 !important
}

.quick-add button.quick-add__submit {
    background     : var(--primary);
    width          : 40px;
    height         : 40px;
    min-width      : unset;
    border-radius  : 50%;
    padding        : 5px;
    align-items    : center;
    min-height     : 40px;
    justify-content: center
}

.grid.product-grid.contains-card {
    gap: 35px 34px
}

.quick-add button.quick-add__submit span {
    display: flex
}

.card_product_btn {
    display    : flex;
    align-items: center;
    gap        : 10px
}

a.view_btn {
    background     : var(--primary2);
    width          : 40px;
    height         : 40px;
    border-radius  : 50%;
    display        : inline-flex;
    align-items    : center;
    justify-content: center
}

.product_card_footer {
    display: flex;
    margin-top: auto;
    align-items: center;
    justify-content: space-between;
}

.card--standard .card__media,
.card__media {
    margin: var(--image-padding)
}
.card--standard>.card__content .card__information {
    display: flex;
    flex-direction: column;
}
.card-wrapper.product-card-wrapper .card__information {
    margin-bottom: auto;
    padding: 30px 0 0;
    width: 100%;
    height: 100%;
}
.price__regular span.price-item.price-item--regular {
    color: #1e3a8a !important;
    font-weight: 400;
    font-size: 18px
}
.product_card_footer .price {
    margin: 0;
}
.price--on-sale .price__sale .price-item {
    color         : var(--primary3);
    letter-spacing: 0;
    font-size     : 20px
}

.price--on-sale .price__sale s.price-item.price-item--regular {
    font-size   : 12px;
    margin-right: 0
}

.card-information .caption-with-letter-spacing.light::before {
    content     : '';
    width       : 9px;
    height      : 9px;
    position    : absolute;
    bottom      : -14px;
    left        : 0;
    border-left : 0 solid transparent;
    border-top  : 15px solid transparent;
    border-right: 15px solid #074f89;
    rotate      : -90deg
}
.card-information .caption-with-letter-spacing.light {
    position: absolute;
    top: 14px;
    left: -14px;
    text-transform: capitalize;
    margin: 0;
    opacity: 1;
        z-index: 1;
}

.card-information .caption-with-letter-spacing.light a {
    color: #fff;
    text-decoration: none;
    padding: 7px 20px;
    background: var(--primary);
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    text-transform: capitalize;
}

.grid.product-grid.contains-card li.grid__item {
    width    : calc(25% - 35px * 3 / 4);
    max-width: calc(25% - 35px * 3 / 4)
}

.card-wrapper.product-card-wrapper {
    border       : 1px solid #d7e0f3;
    background   : #f0f6fb;
    border-radius: 12px;
    padding      : 20px 25px 28px
}

.card.card--media .card__inner {
    background  : 0 0;
    aspect-ratio: 1
}

h3.card__heading.h5 {
    font-size: 18px;
    color: #565656;
    font-weight: 600;
    line-height: 1.45;
    margin-bottom: 10px;
}

.quick-add button.quick-add__submit {
    background: #0967b3;
    color     : #fff
}

.card-wrapper {
    color   : inherit;
    height  : 100%;
    position: relative
}

.card:not(.ratio) {
    display       : flex;
    flex-direction: column;
    height        : 100%
}

.card.card--horizontal {
    --text-alignment: left;
    --image-padding : 0rem;
    flex-direction  : row;
    align-items     : flex-start;
    gap             : 1.5rem
}

.card--horizontal.ratio:before {
    padding-bottom: 0
}

.card--card.card--horizontal {
    padding: 1.2rem
}

.card--card.card--horizontal.card--text {
    column-gap: 0
}

.card--card {
    height: 100%
}

.card--card,
.card--standard .card__inner {
    position     : relative;
    box-sizing   : border-box;
    border-radius: var(--border-radius);
    border       : var(--border-width) solid rgba(var(--color-foreground), var(--border-opacity))
}

.card--card:after,
.card--standard .card__inner:after {
    content      : '';
    position     : absolute;
    z-index      : -1;
    width        : calc(var(--border-width) * 2 + 100%);
    height       : calc(var(--border-width) * 2 + 100%);
    top          : calc(var(--border-width) * -1);
    left         : calc(var(--border-width) * -1);
    border-radius: var(--border-radius);
    box-shadow   : var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))
}

.card--extend-height,
.card__inner:not(.ratio)>.card__content {
    height: 100%
}

.card .media,
.card__heading a::after,
.card__media {
    bottom  : 0;
    position: absolute;
    top     : 0
}

.card--card.gradient,
.card__inner.gradient {
    transform: perspective(0)
}

.card__inner.color-scheme-1 {
    background: 0 0
}

.card .card__inner .card__media {
    overflow     : hidden;
    z-index      : 0;
    border-radius: calc(var(--border-radius) - var(--border-width) - var(--image-padding))
}

.card--card .card__inner .card__media {
    border-bottom-right-radius: 0;
    border-bottom-left-radius : 0
}

.card--standard.card--text {
    background-color: transparent
}

.card .media,
.card--standard:not(.card--horizontal) .placeholder-svg,
.card__inner {
    width: 100%
}

.card__media {
    width: calc(100% - 2 * var(--image-padding))
}

span.heading_icon {
    margin-right: 15px
}

div .collection__view-all a.button {
    background     : #0967b3;
    color          : #fff;
    text-decoration: none;
    font-size      : 20px;
    border-radius  : 50px;
    padding        : 8px 8px 8px 30px;
    display        : inline-flex;
    overflow       : hidden;
    align-items    : center;
    margin-top     : 55px
}

.collection__view-all a.button span.icon-wrap {
    display        : flex;
    background     : #00c9f5;
    width          : 44px;
    height         : 44px;
    border-radius  : 50%;
    min-width      : 44px;
    align-items    : center;
    justify-content: center;
    margin-left    : 31px;
    position       : relative
}

.collection__view-all a.button:Hover span.icon-wrap::After {
    transform: scale(10)
}

.collection__view-all a.button span.icon-wrap svg {
    position: relative;
    z-index : 1
}

.collection__view-all a.button span.icon-wrap::After {
    content      : "";
    position     : absolute;
    width        : 100%;
    height       : 100%;
    background   : #00c9f5;
    border-radius: 50%;
    transition   : .2s linear
}

.collection__description {
    max-width: 727px;
    margin   : auto
}

.card--horizontal .card-information>:not(.visually-hidden:first-child)+:not(.rating):not(.card__information-volume-pricing-note),
.card-information quantity-popover volume-pricing,
.card__heading {
    margin-top: 0
}

.card__heading,
.card__heading:last-child {
    margin-bottom: 0
}

.card--media .card__inner .card__content {
    position: relative
}

.card__content {
    display           : grid;
    grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr);
    width             : 100%;
    flex-grow         : 1
}

.card__content--auto-margins {
    grid-template-rows: minmax(0, auto) max-content minmax(0, auto)
}

.card__information {
    padding: 1.3rem 1rem
}

.card:not(.ratio)>.card__content {
    grid-template-rows: max-content minmax(0, 1fr) max-content auto
}

.card-information .card__information-volume-pricing-note {
    margin-top : .6rem;
    line-height: calc(.5 + .4 / var(--font-body-scale));
    color      : rgba(var(--color-foreground), .75)
}

.card__information-volume-pricing-note--button,
.card__information-volume-pricing-note--button.quantity-popover__info-button--icon-with-label {
    position  : relative;
    z-index   : 1;
    cursor    : pointer;
    padding   : 0;
    margin    : 0;
    text-align: var(--text-alignment);
    min-width : auto
}

.card__information-volume-pricing-note--button:hover {
    text-decoration: underline
}

.card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info {
    transform: initial;
    top      : auto;
    bottom   : 4rem;
    max-width: 20rem;
    width    : calc(95% + 2rem)
}

.card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info span:first-of-type {
    padding-right: .3rem
}

.card__information-volume-pricing-note--button-right+.global-settings-popup.quantity-popover__info {
    right: 0;
    left : auto
}

.card__information-volume-pricing-note--button-center+.global-settings-popup.quantity-popover__info {
    left     : 50%;
    transform: translate(-50%)
}

.card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info .quantity__rules {
    text-align: left
}
span.greenlabel {
    position: absolute;
    right:0;
    top: 0;
    background: #4bac3f;
    color: #fff;
    font-family: Inter;
    font-weight: 600;
    font-size: 12.91px;
    line-height: 12.91px;
    clip-path: polygon(100% 0, 0 0, 105% 100%);
    width: 50px;
    height: 50px;
    z-index: 1;
    border-radius: 0px 10px;
}
.card--standard>.card__content {
    flex-direction: column;
        align-items: end;
    justify-content: end;
}
.card-wrapper:has(.greenlabel) button.wishlist-btn {
    position: unset;
    margin-bottom: -25px;
    margin-top: 20px;
}
.greenlabel .text {
    transform: rotate(45deg);
    position: absolute;
    left: 20px;
    top: 11px;
}

.product-labels {
    position: absolute;
    right: 0;
    width: max-content;
    display: flex
;
    flex-direction: column;
    z-index: 2;
    top: 11%;
    gap: 5px;
    align-items: end;
}
.product-labels .product-label {
    color: #fff;
    font-family: Inter;
    font-weight: 600;
    font-size: 11px;
    line-height: 14.91px;
    padding: 2px 8px 2px 2px;
    z-index: 4;
    position: relative;
    overflow-y: clip;
}

.product-labels .product-label .supporter{
    position: absolute;
    left: -7px;
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    background: var(--primary);
    top: 3px;
    z-index: -1;
}
.card-wrapper:has(span.discount) .caption-with-letter-spacing {
    top: 60px;
}
span.discount {
    position: absolute;
    background: url(/cdn/shop/files/Rectangle_7483.svg?v=1756448960) no-repeat center / cover;
    color: #fff;
    width: 59px;
    height: 50px;
    display: flex
;
    align-items: start;
    justify-content: start;
    padding: 0 6px;
    top: -6px;
    left: -11px;
    flex-direction: column;
    gap: 4px;
    z-index: 1;
}
span.discount:after {
    absolute;
    content: "";
    width: 1px;
    height: 2px;
    position: absolute;
    bottom: -9px;
    left: 0px;
    border-left: 0 solid transparent;
    border-top: 10px solid transparent;
    border-right: 10px solid #022645;
    rotate: -90deg;
}
span.discount span.supporter {
    font-family: Inter;
    font-weight: 400;
    font-size: 10.96px;
    line-height: 7.96px;
}

@media screen and (min-width:990px) {
    .grid--6-col-desktop .card__content quick-add-bulk .quantity {
        width: auto
    }

    .grid--6-col-desktop .card__content quick-add-bulk .quantity__button {
        width: calc(3rem / var(--font-body-scale))
    }

    .grid--6-col-desktop .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info {
        left     : 50%;
        transform: translate(-50%);
        width    : calc(100% + var(--border-width) + 3.5rem)
    }

    .grid--6-col-desktop .card--standard .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info {
        width: calc(100% + var(--border-width) + 1rem)
    }

    .card .media.media--hover-effect>img:only-child,
    .card-wrapper .media.media--hover-effect>img:only-child {
        transition: transform var(--duration-long) ease
    }

    .card-wrapper:hover .media.media--hover-effect>img:first-child:only-child,
    .card:hover .media.media--hover-effect>img:first-child:only-child {
        transform: scale(1.03)
    }

    .card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child) {
        opacity: 0
    }

    .card-wrapper:hover .media.media--hover-effect>img+img {
        opacity   : 1;
        transition: transform var(--duration-long) ease;
        transform : scale(1.03)
    }

    .underline-links-hover:hover a {
        text-decoration      : underline;
        text-underline-offset: 0.3rem
    }
}

@media screen and (max-width:749px) {
    .grid--2-col-tablet-down .card__content quick-add-bulk .quantity__button {
        width: calc(3.5rem / var(--font-body-scale))
    }

    .grid--2-col-tablet-down .card--card .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info,
    .grid--2-col-tablet-down .card--standard .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info {
        left     : 50%;
        transform: translate(-50%)
    }

    .grid--2-col-tablet-down .card--standard .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info {
        width: 100%
    }

    .grid--2-col-tablet-down .card--card .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info {
        width: calc(100% + var(--border-width) + 4rem)
    }

    .grid--2-col-tablet-down .card__content quick-add-bulk .quantity {
        width: auto
    }
 
}

@media screen and (max-width:989px) {
    .card-information quantity-popover .quantity__rules~volume-pricing {
        margin-top: 0
    }

    .card-information quantity-popover volume-pricing {
        margin-top: 4.2rem
    }
}

@media screen and (min-width:750px) {
    .card__information {
        padding-bottom: 1.7rem;
        padding-top   : 1.7rem
    }
}

.card__badge {
    align-self    : flex-end;
    grid-row-start: 3;
    justify-self  : flex-start
}

.card__badge.top {
    align-self    : flex-start;
    grid-row-start: 1
}

.card__badge.right {
    justify-self: flex-end
}

.card:not(.card--horizontal)>.card__content>.card__badge {
    margin: 1.3rem
}

.card__media .media img {
    height         : 100%;
    object-fit     : contain;
    background: #fff;
    object-position: center center;
    width          : 100%
}

.card--horizontal .card__heading,
.card--horizontal .price__container .price-item,
.card--horizontal__quick-add {
    font-size: calc(var(--font-heading-scale) * 1.2rem)
}

.card--horizontal__quick-add:before {
    box-shadow: none
}

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

    .card--horizontal .card__heading,
    .card--horizontal .price__container .price-item,
    .card--horizontal__quick-add {
        font-size: calc(var(--font-heading-scale) * 1.3rem)
    }
}

.card--card.card--media>.card__content {
    margin-top: calc(0rem - var(--image-padding))
}

.card--card .card__heading a::after,
.card--standard.card--text a::after {
    bottom: calc(var(--border-width) * -1);
    left  : calc(var(--border-width) * -1);
    right : calc(var(--border-width) * -1);
    top   : calc(var(--border-width) * -1)
}

.card__heading a::after {
    content: '';
    left   : 0;
    right  : 0;
    z-index: 1
}

.card__heading a:after {
    outline-offset: 0.3rem
}

.card__heading a:focus:after {
    box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);
    outline   : .2rem solid rgba(var(--color-foreground), .5)
}

.card__heading a:focus-visible:after {
    box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);
    outline   : .2rem solid rgba(var(--color-foreground), .5)
}

.card__heading a:focus,
.card__heading a:focus:not(:focus-visible):after {
    box-shadow: none;
    outline   : 0
}

.card--standard>.card__content {
    padding: 0;
    display: flex
}

.card--card.card--media .card__inner .card__information,
.card--card.card--media>.card__content .card__badge,
.card--card.card--text .card__inner,
.card--horizontal .card__badge,
.card--horizontal.card--text .card__inner,
.card--shape.card--standard:not(.card--text) .card__inner:after {
    display: none
}

.card--standard>.card__content .card__information {
    padding-left : 0;
    padding-right: 0
}

.card--extend-height.card--media,
.card--extend-height.card--standard.card--text {
    display       : flex;
    flex-direction: column
}

.card--extend-height.card--media .card__inner,
.card--extend-height.card--standard.card--text .card__inner {
    flex-grow: 1
}

.card .icon-wrap {
    margin-left: .8rem;
    white-space: nowrap;
    transition : transform var(--duration-short) ease;
    overflow   : hidden
}

.card-information>*+* {
    margin-top: .5rem
}

.card-information {
    width: 100%
}

.card-information>* {
    line-height: calc(1 + .4 / var(--font-body-scale));
    color      : rgb(var(--color-foreground))
}

.card-information>.price {
    color      : rgb(var(--color-foreground));
    font-family: var(--font-heading-family);
    font-weight: 400
}

.card--horizontal .card-information>.price {
    color: rgba(var(--color-foreground), .75)
}

.card-information>.rating {
    margin-top: .4rem
}

.card-information .card__information-volume-pricing-note.card__information-volume-pricing-note--button,
.card-information>:not(.visually-hidden:first-child)+quantity-popover:not(.rating):not(.card__information-volume-pricing-note) {
    margin-top: 0
}

.card-information .caption {
    letter-spacing: .07rem
}

.card-article-info {
    margin-top: 1rem
}

.card--shape .card__content {
    padding-top: 0
}

.card--shape.card--standard:not(.card--text) .card__inner {
    border          : 0;
    background-color: transparent;
    filter          : drop-shadow(var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity)))
}

.grid__item:nth-child(2n) .shape--blob {
    clip-path: polygon(var(--shape--blob-2))
}

.grid__item:nth-child(3n) .shape--blob {
    clip-path: polygon(var(--shape--blob-3))
}

.grid__item:nth-child(4n) .shape--blob {
    clip-path: polygon(var(--shape--blob-4))
}

.grid__item:nth-child(5n) .shape--blob {
    clip-path: polygon(var(--shape--blob-5))
}

.grid__item:nth-child(7n) .shape--blob {
    clip-path: polygon(var(--shape--blob-6))
}

.grid__item:nth-child(8n) .shape--blob {
    clip-path: polygon(var(--shape--blob-1))
}

button#checkout, .cart_page_main .title-wrapper-with-link a {
    transition: .1s linear;
}
button#checkout:hover , .cart_page_main .title-wrapper-with-link a:hover {
    background: #00c9f5;
}

@media (prefers-reduced-motion:no-preference) {
    .product-card-wrapper .shape--round {
        transition: clip-path var(--duration-long) ease
    }

    .product-card-wrapper:hover .shape--round {
        clip-path: ellipse(47% 47% at 50% 50%)
    }

    .product-card-wrapper .shape--blob {
        transition: clip-path var(--duration-long) ease-in-out
    }

    .product-card-wrapper:hover .shape--blob {
        clip-path: polygon(var(--shape--blob-5))
    }

    .grid__item:nth-child(2n) .product-card-wrapper:hover .shape--blob {
        clip-path: polygon(var(--shape--blob-6))
    }

    .grid__item:nth-child(3n) .product-card-wrapper:hover .shape--blob {
        clip-path: polygon(var(--shape--blob-1))
    }

    .grid__item:nth-child(4n) .product-card-wrapper:hover .shape--blob {
        clip-path: polygon(var(--shape--blob-2))
    }

    .grid__item:nth-child(5n) .product-card-wrapper:hover .shape--blob {
        clip-path: polygon(var(--shape--blob-3))
    }

    .grid__item:nth-child(7n) .product-card-wrapper:hover .shape--blob {
        clip-path: polygon(var(--shape--blob-4))
    }

    .grid__item:nth-child(8n) .product-card-wrapper:hover .shape--blob {
        clip-path: polygon(var(--shape--blob-5))
    }
}

@media(max-width:1600px) {
    div .collection__view-all a.button {
        font-size: 18px
    }

    .collection__view-all a.button span.icon-wrap {
        margin-left: 20px
    }
}

@media(max-width:1440px) {
    div .collection__view-all a.button {
        font-size: 16px
    }
    h3.card__heading.h5 {
        font-size: 15px;
    }
    .price--on-sale .price__sale .price-item {
    font-size: 15.15px;
    }
    .quick-add button.quick-add__submit,a.view_btn {
        width: 35px;
        height: 35px;
        padding: 0;
        min-height: unset;
    }
    .card-wrapper.product-card-wrapper {
        padding: 20px 19px 21px;
    }
    .price__regular span.price-item.price-item--regular {
        font-size: 15.8px;
    }
    .card-information .caption-with-letter-spacing.light a {
    font-size: 12px;
}
}

@media(max-width:1200px) {
    .grid.product-grid.contains-card li.grid__item {
        width    : calc(33% - 20px);
        max-width: calc(33% - 20px)
    }
}

@media(max-width:991px) {
    .grid.product-grid.contains-card li.grid__item {
        width    : calc(50% - 20px);
        max-width: calc(50% - 20px)
    }

    div .collection__view-all a.button {
        padding: 8px 8px 8px 15px
    }

    .collection__view-all a.button span.icon-wrap {
        width      : 35px;
        height     : 35px;
        min-width  : 35px;
        margin-left: 10px
    }
}

@media(max-width:600px) {
    .card-wrapper.product-card-wrapper .card__information {
        padding: 20px 0 0;
    }
   button.wishlist-btn ,
    .card-wrapper:has(.greenlabel) button.wishlist-btn {
        margin: 0;
        position: absolute;
        bottom: 10px;
        top: auto;
    }
    .grid.product-grid.contains-card {
        gap            : 17px 18px;
        justify-content: space-between
    }
    .card-information .caption-with-letter-spacing.light a {
             padding: 5px 15px;
        font-size: 14px;
    }
    .card-information .caption-with-letter-spacing.light {
        left     : -8px;
    }

    .card-information .caption-with-letter-spacing.light:before {
        bottom      : -7px;
        border-top  : 9px solid transparent;
        border-right: 9px solid #074f89
    }

    .grid.product-grid.contains-card li.grid__item {
        width    : calc(50% - 10px);
        max-width: calc(50% - 10px)
    }

      .product_card_footer {
        flex-direction: column;
        align-items: self-start;
        margin-top: 0px;
        gap: 14px;
        margin-top: auto;
    }

    .card-wrapper.product-card-wrapper {
        padding: 9px
    }

    h3.card__heading.h5 {
        font-size  : 15.3px;
        font-weight: 500;
        line-height: 1.45
    }

    .price--on-sale .price__sale .price-item {
        font-size: 17px
    }

    div .collection__view-all a.button {
        margin-top: 25px
    }
    span.discount {
        gap: 9px; 
    }

    a.view_btn {
        width : 34px;
        height: 34px
    }

    a.view_btn svg {
        width: 18px
    }

    .quick-add button.quick-add__submit {
        width     : 34px;
        height    : 34px;
        min-height: 34px
    }

    .card_product_btn {
        gap: 8.5px
    }
.product-labels {
    position: unset;
    flex-direction: row;
    gap: 6px;
    flex-wrap: wrap;
            width: 100%;
}

.card--standard>.card__content {
    flex-direction: column;
}

.product-labels .product-label .supporter {
    display: none;
}
.product-labels .product-label{
        padding: 2px 4px 2px 4px;

}
  
}

@media(max-width:380px) {
    .grid.product-grid.contains-card li.grid__item {
        width    : 100%;
        max-width: 100%
    }
}