/** Shopify CDN: Minification failed

Line 681:2 Unexpected "@"
Line 682:8 Unexpected "0%"
Line 686:4 Unexpected "100%"
Line 737:2 Unexpected "@"

**/
main {
    opacity: 1;
}

/* component-grid */
.grid {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    margin-left: -0.5rem;
    padding: 0;
    list-style: none;
}

@media screen and (min-width: 577px) {
    .grid {
        margin-left: -1rem;
    }
}

.grid__item {
    padding-left: 0.5rem;
    padding-bottom: 0.5rem;
    width: calc(25% - 0.375rem);
    max-width: 50%;
    flex-grow: 1;
    flex-shrink: 0;
}

@media screen and (min-width: 577px) {
    .grid__item {
        padding-left: 1rem;
        padding-bottom: 1rem;
        width: calc(25% - 0.75rem);
        max-width: 50%;
    }
}

.grid--gapless .grid__item {
    padding-left: 0;
    padding-bottom: 0;
}

@media screen and (max-width: 576px) {
    .grid__item.slider__slide--full-width {
        width: 100%;
        max-width: none;
    }
}

@media screen and (min-width: 577px) and (max-width: 992px) {
    .grid--one-third-max.grid--3-col-tablet .grid__item {
        max-width: 33.33%;
    }
}

@media screen and (min-width: 993px) {
    .grid--quarter-max.grid--4-col-desktop .grid__item {
        max-width: 25%;
    }
}

@media screen and (min-width: 993px) {
    .grid--one-sixth-max-desktop .grid__item {
        max-width: 16.66%;
    }
}

.grid--1-col .grid__item {
    max-width: 100%;
    width: 100%;
}

.grid--3-col .grid__item {
    width: calc(33.33% - 0.3333333333rem);
}

@media screen and (min-width: 577px) {
    .grid--3-col .grid__item {
        width: calc(33.33% - 0.6666666667rem);
    }
}

.grid--2-col .grid__item {
    width: calc(50% - 0.25rem);
}

@media screen and (min-width: 577px) {
    .grid--2-col .grid__item {
        width: calc(50% - 0.5rem);
    }

    .grid--6-col-tablet .grid__item {
        width: calc(16.66% - 0.8333333333rem);
    }

    .grid--4-col-tablet .grid__item {
        width: calc(25% - 0.75rem);
    }

    .grid--3-col-tablet .grid__item {
        width: calc(33.33% - 0.6666666667rem);
    }

    .grid--2-col-tablet .grid__item {
        width: calc(50% - 0.5rem);
    }
}

@media screen and (min-width: 993px) {
    .grid--4-col-desktop .grid__item {
        width: calc(25% - 0.75rem);
    }

    .grid--3-col-desktop .grid__item {
        width: calc(33.33% - 0.6666666667rem);
    }

    .grid--2-col-desktop .grid__item {
        width: calc(50% - 0.5rem);
    }

    .grid--4-col-desktop .grid__item--in-grid-heading {
        width: 50% !important;
        max-width: 50% !important;
    }
}

.grid__item--vertical-align {
    align-self: center;
}

.grid__item--full-width {
    flex: 0 0 100%;
    max-width: 100%;
}

@media screen and (max-width: 576px) {
    .grid--peek.slider--mobile {
        margin: 0;
        width: 100%;
    }

    .grid--peek.slider--mobile .grid__item {
        box-sizing: content-box;
        margin: 0;
    }

    .grid--peek .grid__item {
        width: calc(50% - 1.875rem);
    }

    .grid--peek .grid__item:first-of-type {
        padding-left: 1.5rem;
    }

    .grid--peek .grid__item:last-of-type {
        padding-right: 1.5rem;
    }
}

.grid .grid__item.grid__item--1-col {
    width: calc(100% - 1rem);
    max-width: initial;
}

@media screen and (min-width: 993px) {
    .grid .grid__item.grid__item--2-col {
        width: calc(50% - 0.5rem);
        max-width: initial;
    }

    .grid .grid__item.grid__item--4-col-desktop {
        width: calc(25% - 0.75rem);
        max-width: initial;
    }

    .grid .grid__item.grid__item--3-col-desktop {
        width: calc(33.33% - 0.6666666667rem);
        max-width: initial;
    }

    .grid .grid__item.grid__item--2-col-desktop {
        width: calc(50% - 0.5rem);
        max-width: initial;
    }
}

.search-modal {
    opacity: 0;
    height: 100%;
}

@media screen and (min-width: 993px) {
    .search-modal--default_input {
        border-bottom: 0.1rem solid rgba(var(--clr-line), var(--clr-line-alpha));
    }

    .search-modal--clear_style {
        --negative-margin-top: calc(var(--announcement-bar-height) + var(--additional-bar-height));
        padding: 1.6rem 0;
        top: calc(var(--negative-margin-top) * -1);
        height: calc(100% + var(--negative-margin-top));
    }

    .sticky-header__content--sticky .search-modal--clear_style {
        top: 0;
        height: 100%;
    }

    .search-modal__field--clear_style {
        min-width: 35rem;
        width: calc((100% + 8rem) / 3);
        margin: 0 auto;
    }

    .search-modal__field--clear_style .search__input {
        padding: 1.6rem 2rem;
        background-color: transparent;
        border: none;
    }

    .search-modal__field--clear_style .field__button {
        left: -3rem;
    }

    .search-modal__field--clear_style .search__input,
.search-modal__field--clear_style .field__label {
        font-size: calc(var(--font-heading-scale) * 2.4rem);
        line-height: calc(1 + 0.2916666667 / max(1, var(--font-heading-scale)));
        font-family: var(--font-heading-family);
        font-style: var(--font-heading-style);
        font-weight: var(--font-heading-weight);
    }

    .search-modal__field--clear_style .field__label {
        top: 1rem;
        left: 2rem;
    }

    .search-modal__field--clear_style .field__input:focus ~ .field__label,
.search-modal__field--clear_style .field__input:not(:placeholder-shown) ~ .field__label,
.search-modal__field--clear_style .field__input:-webkit-autofill ~ .field__label {
        top: -0.3rem;
    }

    .search-modal__field--clear_style .search__button {
        color: rgb(var(--clr-input-text));
    }

    .search-modal--clear_style .search-modal__close-button {
        position: absolute;
        top: 1rem;
        right: 4rem;
    }
}

.search-modal__content-wrapper {
    width: 100%;
}

.search-modal__content {
    height: 100%;
    padding: 1rem 0;
    line-height: calc(1 + 0.3125 / var(--font-body-scale));
}

.search-modal__form {
    width: 100%;
}

.search-modal__field {
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-modal__close-button {
    position: absolute;
    right: 0.3rem;
}

@media screen and (min-width: 577px) {
    .search-modal__close-button {
        right: 1rem;
    }
}

@media screen and (min-width: 993px) {
    .search-modal__close-button {
        position: initial;
        margin-left: 2.5rem;
    }
}

.header__submenu {
    border-radius: var(--buttons-border-radius);
    text-transform: none;
    font-weight: var(--font-body-weight);
    transition: opacity var(--duration-default) ease, transform var(--duration-default) ease;
}

.header__submenu::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: var(--buttons-border-radius);
    background-color: rgba(var(--substrate-color), var(--substrate-transparency));
}

.header__submenu .header__submenu::before {
    background-color: rgba(var(--substrate-color), calc(var(--substrate-transparency) / 3 * 4));
}

.header__submenu .header__submenu .header__submenu::before {
    background-color: rgba(var(--substrate-color), calc(var(--substrate-transparency) / 3 * 5));
}

.header__submenu.list-menu > *:first-child {
    padding-top: 1.6rem;
}

.header__submenu.list-menu > *:last-child {
    padding-bottom: 1.6rem;
}

.header__submenu li:hover {
    color: rgb(var(--clr-icon));
}

html:not(.no-js) .header__submenu li {
    position: relative;
}

html:not(.no-js) .header__submenu .header__submenu {
    display: none;
    position: absolute;
    top: 0;
    left: calc(100% - 1.3rem);
    min-width: 100%;
    width: 21rem;
    box-shadow: 0 4px 10px rgba(var(--shadow-color), var(--shadow-transparency));
    background-color: rgb(var(--clr-theme-background));
}

html:not(.no-js) .header__submenu .header__submenu > * {
    opacity: 0;
}

html:not(.no-js) .header__submenu .header__submenu.header__submenu--right {
    left: auto;
    right: calc(100% - 1.3rem);
}

html:not(.no-js) dropdown-menu details-disclosure details > .header__submenu--right {
    right: 0;
}

.header__submenu--visible {
    display: block !important;
    transition-property: opacity;
    transition-timing-function: var(--dropdown-menu-transition-timing);
    transition-duration: var(--dropdown-menu-transition-duration);
}

.header__submenu--active > * {
    opacity: 1 !important;
}

.header__submenu .header__menu-item:after {
    right: 2rem;
}

.header__submenu .header__menu-item {
    --link-color: var(--color-foreground);
    padding: 0.4rem 3.5rem 0.4rem 2rem;
    color: rgb(var(--link-color));
}

.header__submenu .header__menu-item:hover {
    --link-color: var(--clr-theme-accent);
}

.header__menu-item .icon-caret {
    right: 1rem;
}

.header__submenu .icon-caret {
    right: 2rem;
    transform: rotate(-90deg);
}

.header__text-menu-item + .header__submenu {
    left: 1rem;
    top: calc(100% - 0.55rem);
}

.sticky-header__spacer {
    display: none;
}

.sticky-header__spacer--visible:empty {
    display: block;
}

.sticky-header__spacer--visible {
    position: relative;
    width: 100%;
}

.sticky-header__content--sticky {
    position: fixed !important;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 3;
    will-change: opacity;
    transition-property: opacity;
}

.sticky-header__content--sticky:hover {
    opacity: 1 !important;
}

@media screen and (min-width: 993px) {
    body.layout-boxed .sticky-header__content--sticky {
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
}

.sticky-header__sticky-logo {
    z-index: 2;
}

@media (min-width: 1380px) {
    .sticky-header__content--sticky .sticky-header__sticky-logo * {
        height: 100%;
    }
}

@media (min-width: 1380px) {
    .sticky-header__content--sticky .sticky-header__sticky-logo img {
        width: auto;
    }
}

@media (min-width: 1380px) {
    .sticky-header__content--sticky .sticky-header__sticky-logo--displaced {
        display: flex !important;
    }
}

@media (min-width: 1540px) {
    .sticky-header__sticky-sidebar {
        display: flex !important;
    }
}

.sticky-header__content--sticky .sticky-header__logo--sticky-hidden {
    display: none !important;
}

.sticky-header__content--sticky .sticky-header__logo--sticky-hidden + .sticky-header__sticky-logo-replace {
    display: flex !important;
}

.sticky-header__content--sticky .sticky-header__sticky-logo--containerized {
    display: flex !important;
}

.badge {
    --color-badge-background: var(--color-background);
    --color-badge-foreground: var(--color-foreground);
    font-family: var(--font-button-family);
    border-radius: var(--buttons-border-radius);
    display: inline-block;
    font-size: 1.4rem;
    line-height: calc(1 + 0.4 / var(--font-body-scale));
    font-weight: 400;
    padding: 0.6rem 1rem;
    text-align: center;
    background-color: rgb(var(--color-badge-background));
    color: rgb(var(--color-badge-foreground));
    text-transform: var(--headings-case);
    text-decoration: none;
}

.badge--small {
    font-size: 1rem;
    line-height: calc(1 + 0.3 / var(--font-body-scale));
    padding: 0.2rem 0.4rem;
}

.badge--on-sale {
    background: rgb(var(--clr-sale-tags));
    color: rgb(var(--clr-sale-tags-text));
}

.badge--sold-out {
    background-color: rgb(var(--color-foreground));
    color: rgb(var(--clr-theme-background));
}

.article-data-author {
    font-size: 1.2rem;
    line-height: calc(1 + 0.33333333 / var(--font-body-scale));
    font-weight: 300;
    color: rgb(var(--clr-theme-accent));
}

.article-data-author + .article-data-author {
    margin-left: 1.5rem;
}

.icon-star {
    width: 1.4rem;
    height: 1.3rem;
    flex-shrink: 0;
}

.theme-rating {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.theme-rating__stars-wrapper,
.theme-rating__stars {
    display: inline-flex;
}

.theme-rating__stars-wrapper {
    position: relative;
    --percent: calc((var(--rating) + var(--rating-decimal)) / var(--rating-max) * 100%);
}

.theme-rating__stars {
    gap: 0.3rem;
}

.theme-rating__stars-base {
    color: rgba(var(--color-foreground), 0.15);
}

.theme-rating__stars-current {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--percent);
    height: 100%;
    overflow: hidden;
    color: rgb(var(--clr-theme-base));
}

.product-option {
    font-size: 1.2rem;
    word-break: break-all;
    line-height: calc(1 + 0.33333333 / var(--font-body-scale));
}

.product-option * {
    display: inline;
    margin: 0;
}

/* Animations */
.media-overlay {
    --media-overlay-color-value: rgb(0, 0, 0);
    --opacity-default: 0;
    position: relative;
}

.media-overlay::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--media-overlay-color-value);
    opacity: var(--opacity-default);
    z-index: 1;
    pointer-events: none;
}

@media screen and (min-width: 993px) {
    .hover-animation,
.hover-animation-global,
.media--hover-effect,
parallax-image {
        --hover-animation-duration: 1.5s;
        --hover-animation-zoom-ratio: 0.05;
        --hover-animation-opacity-duration: calc(var(--hover-animation-duration) * 0.7272727272727273);
        --hover-animation-opacity-ratio: 0.2;
        --hover-animation-opacity-end: clamp(0, calc(var(--opacity-default, 0) + var(--hover-animation-opacity-ratio)), 1);
        --zoom-transition: transform var(--hover-animation-duration) cubic-bezier(0.15, 0.75, 0.5, 1);
    }

    .hover-animation-body--zoom-in .hover-animation-global,
.hover-animation-body--zoom-in-opacity-add .hover-animation-global,
.hover-animation--zoom-in,
.hover-animation--zoom-in-opacity-add,
.media--hover-effect {
        --hover-animation-zoom-start: 1;
        --hover-animation-zoom-end: calc(1 + var(--hover-animation-zoom-ratio));
    }

    .hover-animation-body--zoom-out .hover-animation-global,
.hover-animation-body--zoom-out-opacity-add .hover-animation-global,
.hover-animation--zoom-out,
.hover-animation--zoom-out-opacity-add {
        --hover-animation-zoom-start: calc(1 + var(--hover-animation-zoom-ratio));
        --hover-animation-zoom-end: 1;
    }

    .hover-animation-global .media > img,
.hover-animation img,
.hover-animation__image {
        backface-visibility: hidden;
        transform: scale3d(var(--hover-animation-zoom-start), var(--hover-animation-zoom-start), var(--hover-animation-zoom-start)) translateZ(0);
        transition: var(--zoom-transition);
        will-change: transform;
    }

    .hover-animation .image-loading-fade {
        transition: var(--fade-transition), var(--zoom-transition);
    }

    .hover-animation-global:hover :is(.media > img),
.hover-animation:hover :is(img, .hover-animation__image),
.hover-animation-trigger:hover :is(.hover-animation img, .hover-animation__image) {
        transform: scale3d(var(--hover-animation-zoom-end), var(--hover-animation-zoom-end), var(--hover-animation-zoom-end)) translateZ(0);
    }

    .media-overlay:is(.hover-animation--zoom-in-opacity-add, .hover-animation--zoom-out-opacity-add, .hover-animation--opacity-add)::after {
        transition: opacity var(--hover-animation-opacity-duration) ease;
    }

    .media-overlay:is(.hover-animation--zoom-in-opacity-add, .hover-animation--zoom-out-opacity-add, .hover-animation--opacity-add):hover::after,
.hover-animation-trigger:hover .media-overlay:is(.hover-animation--zoom-in-opacity-add, .hover-animation--zoom-out-opacity-add, .hover-animation--opacity-add)::after {
        opacity: var(--hover-animation-opacity-end);
    }

    .hover-animation:not(.hover-animation--none) > img {
        animation: none !important;
    }
}

@media (prefers-reduced-motion: no-preference) {
    [class*=animate--] {
        --zoom-animation-duration: 60s;
    }

    .animate--ambient > :is(img, svg) {
        animation: animateAmbient 30s linear infinite;
    }

    .animate--zoom-in-out > :is(img, svg),
.slideshow__slide:not(:nth-child(even)) .animate--zoom-random > :is(img, svg) {
        animation: animateZoomInOut var(--zoom-animation-duration) linear infinite;
    }

    .animate--zoom-out-in > :is(img, svg),
.slideshow__slide:nth-child(even) .animate--zoom-random > :is(img, svg) {
        animation: animateZoomOutIn var(--zoom-animation-duration) linear infinite;
    }

  @    keyframes animateAmbient {
        0% {
      transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2);
    }

    100% {
        transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2);
    }
}

@keyframes animateZoomInOut {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

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

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.2);
    }
}
}

@media screen and (min-width: 993px) {
    sticky-sidebar {
        --sticky-top: var(--sticky-offset-top, 2rem);
        position: sticky;
        top: var(--sticky-top);
    }

    .sticky-top-spacing--enable sticky-sidebar {
        --sticky-top: calc(var(--sticky-offset-top, 2rem) + var(--sticky-top-spacing));
    }

    .sticky-sidebar--dynamic-offset {
        --sticky-current-height: 0rem;
        --sticky-dynamic-top: calc(100vh - var(--sticky-offset-bottom, 2rem) + var(--sticky-current-height));
        top: var(--sticky-dynamic-top);
    }

  @    -moz-document url-prefix() {
        sticky-sidebar {
      position: static !important;
    }
}
}

parallax-image {
    overflow: hidden;
}

parallax-image:not(.parallax-image--init) img {
    opacity: 0;
}

.parallax-image--init img {
    height: auto !important;
    object-fit: initial !important;
}

.parallax-image--delay.parallax-image--animate img {
    transition: transform calc(var(--hover-animation-duration) * 0.7) cubic-bezier(0.15, 0.75, 0.5, 1);
}

.parallax-static-image {
    display: block !important;
    background-size: cover;
    background-attachment: fixed;
}

@supports (-webkit-overflow-scrolling: touch) {
    .parallax-static-image {
        background-attachment: scroll;
    }
}

.featured-collection {
    display: block;
}

.featured-collection__grid {
    row-gap: 4rem;
}

.featured-collections > .grid-bs {
    row-gap: 6rem;
}

@media screen and (min-width: 577px) and (max-width: 992px) {
    .featured-collections .g-col-sm-12 .card-wrapper--horizontal .card-wrapper__inner .card,
.featured-collections .g-col-sm-12 .card-wrapper--horizontal .card-wrapper__placeholder {
        width: 25%;
        min-width: 25%;
    }
}

@media screen and (min-width: 993px) {
    .featured-collections .card-wrapper--horizontal .card-wrapper__inner .card,
.featured-collections .card-wrapper--horizontal .card-wrapper__placeholder {
        width: 50%;
        min-width: 50%;
    }
}

.featured-collections__column-title {
    margin-top: 0;
    margin-bottom: 4rem;
}

.featured-collections__view-all {
    margin-top: 4rem;
}

.featured-collections__content {
    display: flex;
    width: 100%;
    gap: 2rem;
}

@media screen and (max-width: 576px) {
    .featured-collections__content {
        flex-direction: column;
        gap: 4rem;
    }
}

.featured-collections__banner,
.featured-collections__products {
    width: 100%;
}

@media screen and (min-width: 577px) {
    .featured-collections__banner {
        width: 33.33%;
    }

    .featured-collections__products {
        width: 66.66%;
    }
}

@media screen and (min-width: 577px) {
    .featured-collection--collection-left .featured-collections__products {
        order: -1;
    }
}

@media screen and (min-width: 993px) {
    .featured-collections__banner {
        position: relative;
        width: 40%;
    }

    .featured-collections__products {
        width: 60%;
    }

    .featured-collection--size-4 .featured-collections__banner {
        width: 33.33%;
    }

    .featured-collection--size-4 .featured-collections__products {
        width: 66.66%;
    }

    .featured-collection--size-6 .featured-collections__banner {
        width: 41.66%;
    }

    .featured-collection--size-6 .featured-collections__products {
        width: 58.33%;
    }

    .featured-collections__featured-promotion,
.featured-collections__featured-promotion .featured-promotion-wrapper,
.featured-collections__featured-promotion .featured-promotion,
.featured-promotion__media.placeholder {
        height: 100% !important;
        min-height: 10rem;
    }

    .featured-collections__product,
.featured-collections__product :is(.card-wrapper, product-form, form, .card-wrapper__inner, .card, .card__inner, .card__inner > div:first-child, .card__media, .media) {
        height: 100%;
    }

    .featured-collections__product product-form {
        display: block;
    }

    .featured-collections__product {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .featured-collections__product .card-wrapper > product-form .media {
        padding: 0 !important;
    }
}

recently-viewed:not(.recently-viewed--loaded) {
    visibility: hidden;
}

.recently-viewed__product:empty {
    display: none !important;
}

.custom-badges {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem;
    z-index: 1;
    pointer-events: none;
}

.custom-badges--top_left {
    left: 0;
}

.custom-badges--top_right {
    right: 0;
}

.custom-badges--bottom_right {
    right: 0;
    justify-content: flex-end;
}

.custom-badges--bottom_left {
    left: 0;
    justify-content: flex-end;
}

.custom-badges__badge {
    max-width: 100%;
    height: auto;
}

.card__custom-badge .custom-badges__badge {
    width: var(--card-custom-badges-width);
}

@media screen and (min-width: 993px) {
    .product__custom-badge .custom-badges__badge {
        width: var(--product-custom-badges-width);
    }
}

@media screen and (max-width: 992px) {
    :is(.card__custom-badge, .product__custom-badge).custom-badges {
        max-width: 33.33%;
    }
}

.countdown-timer__grid {
    row-gap: 4rem;
}

@media screen and (min-width: 993px) {
    .countdown-timer__grid {
        align-items: center;
    }

    .countdown-timer .g-col-md-4 .heading-wrapper {
        max-width: 100%;
    }
}

.countdown-timer__content {
    gap: 3rem;
}

@media screen and (max-width: 992px) {
    .countdown-timer__content {
        order: 2;
    }
}

.countdown-timer__image .media {
    border-radius: var(--images-border-radius);
}

@media screen and (min-width: 993px) and (max-width: 1188px) {
    .countdown-timer__image.g-col-md-4 {
        grid-column: auto/span 3;
    }

    .countdown-timer__content.g-col-md-4 {
        grid-column: auto/span 6;
    }
}

@media screen and (min-width: 993px) {
    .tags-section {
        min-width: 71rem;
        width: calc(50% + 4rem);
    }
}

.tags-section:not(.center) {
    margin: 0;
}

.tags-section.center {
    text-align: center;
    margin: 0 auto;
}

.tags-section .heading-wrapper.center {
    max-width: 100%;
}

.tags-section > .grid-bs {
    gap: 3rem;
}

.tags-section__tags {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

.tags-section.center .tags-section__tags {
    justify-content: center;
}

.price {
    font-family: var(--font-heading-family);
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);
    letter-spacing: 0;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: calc(var(--font-heading-scale) * 2.4rem);
    line-height: calc(1 + 0.2916666667 / max(1, var(--font-heading-scale)));
    text-transform: uppercase;
    color: rgb(var(--clr-cost));
}

.visibility-hidden > .price {
    height: 0;
    overflow: hidden;
}

.price .visually-hidden {
    display: none;
}

.card-information .price {
    font-size: calc(var(--font-heading-scale) * 1.8rem);
    line-height: calc(1 + 0.2777777778 / max(1, var(--font-heading-scale)));
}

.price.price--unavailable {
    visibility: hidden;
}

.price--end {
    justify-content: flex-end;
}

.price .price-item {
    margin: 0 1rem 0 0;
}

.price:not(.price--show-badge) .price-item--last:last-of-type {
    margin: 0;
}

@media screen and (min-width: 577px) {
    .price {
        margin-bottom: 0;
    }
}

.price--large {
    text-transform: uppercase;
}

.price--large .price-item--sale.price-item--last {
    font-size: calc(var(--font-heading-scale) * 2.4rem);
    line-height: calc(1 + 0.2916666667 / max(1, var(--font-heading-scale)));
    color: rgb(var(--clr-sale-cost));
}

.price--sold-out .price__availability,
.price__regular {
    display: block;
}

.price__sale,
.price__availability,
.price .price__badge-sale,
.price .price__badge-sold-out,
.price--on-sale .price__regular,
.price--on-sale .price__availability {
    display: none;
}

.price--sold-out .price__badge-sold-out,
.price--on-sale .price__badge-sale {
    display: inline-flex;
}

.price--on-sale .price__sale {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.price:not(.price--no-compare):not(.price--show-badge) .price-item--sale.price-item--last:last-of-type {
    margin-top: 0.5rem;
    color: rgb(var(--clr-sale-cost));
}

.price--center {
    display: flex;
    justify-content: center;
}

.price--on-sale .price-item--regular {
    text-decoration: line-through;
    color: rgb(var(--clr-cost));
    font-size: calc(var(--font-heading-scale) * 1.4rem);
    line-height: calc(1 + 0.2857142857 / var(--font-heading-scale));
}

.unit-price {
    display: block;
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    font-size: 1.4rem;
    line-height: calc(1 + 0.2857142857 / var(--font-body-scale));
    text-transform: none;
}

.product.center .price {
    align-items: center;
}

.product.center .price-item {
    margin: 0;
}

@media screen and (max-width: 576px) {
    .product.mobile-center .price {
        align-items: center;
    }

    .product.mobile-center .price-item {
        margin: 0;
    }
}
/* slider */
/* Scrollbar */
.slider {
    scrollbar-color: rgb(var(--color-foreground)) rgba(var(--color-foreground), 0.04);
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.slider::-webkit-scrollbar {
    height: 0.4rem;
    width: 0.4rem;
    display: none;
}

.no-js .slider {
    -ms-overflow-style: auto;
    scrollbar-width: auto;
}

.no-js .slider::-webkit-scrollbar {
    display: initial;
}

.slider::-webkit-scrollbar-thumb {
    background-color: rgb(var(--color-foreground));
    border-radius: 0.4rem;
    border: 0;
}

.slider::-webkit-scrollbar-track {
    background: rgba(var(--color-foreground), 0.04);
    border-radius: 0.4rem;
}

/* Control */
.slider-counter {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 4.4rem;
    font-size: 1.4rem;
    line-height: calc(1 + 0.2857142857 / var(--font-body-scale));
    white-space: pre;
}

.slider-counter--current {
    font-size: calc(var(--font-heading-scale) * 2.4rem);
    line-height: calc(1 + 0.2916666667 / max(1, var(--font-heading-scale)));
    color: rgb(var(--clr-icon));
}

/* .slider-counter--current + span[aria-hidden]::before,
.slider-counter--total::before {
  content: ' ';
} */
@media screen and (min-width: 577px) {
    .slider-counter--dots {
        margin: 0 1.2rem;
    }
}

.slider-counter__link {
    padding: 2.1rem;
}

.slider-counter__link--dots .dot {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: 0.1rem solid rgba(var(--color-foreground), 0.5);
    padding: 0;
    display: block;
}

.slider-counter__link--active.slider-counter__link--dots .dot {
    background-color: rgb(var(--color-foreground));
}

@media screen and (forced-colors: active) {
    .slider-counter__link--active.slider-counter__link--dots .dot {
        background-color: UnicornText;
    }
}

.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot {
    border-color: rgb(var(--color-foreground));
}

.slider-counter__link--dots .dot,
.slider-counter__link--numbers {
    transition: transform 0.2s ease-in-out;
}

/* .slider-counter__link--active.slider-counter__link--numbers,
.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot,
.slider-counter__link--numbers:hover {
  transform: scale(1.1);
} */
.slider-counter__link--numbers {
    color: rgb(var(--color-foreground));
    text-decoration: none;
}

.slider-counter__link--numbers:hover {
    color: rgba(var(--color-foreground), 0.5);
}

.slider-counter__link--active.slider-counter__link--numbers {
    color: rgb(var(--clr-theme-accent));
}

.slider-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.3rem;
}

.slider-buttons--negative-margins {
    margin-left: -1.2rem;
    margin-right: -1.2rem;
}

@media screen and (min-width: 993px) {
    .slider:not(.slider--everywhere):not(.slider--desktop) + .slider-buttons {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .slider--desktop:not(.slider--tablet) + .slider-buttons {
        display: none;
    }
}

@media screen and (min-width: 577px) {
    .slider--mobile + .slider-buttons {
        display: none;
    }
}

.slider-button {
    color: rgba(var(--color-foreground), 0.75);
    background: transparent;
    border: none;
    cursor: pointer;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-button:not([disabled]):hover {
    color: rgb(var(--color-foreground));
}

.slider-button[disabled] .icon {
    color: rgba(var(--color-foreground), 0.3);
    cursor: not-allowed;
}

.slider-button--prev .icon-arrow {
    transform: rotate(180deg);
}

.slider-button--prev .icon-caret {
    transform: rotate(90deg);
}

.slider-button--next .icon-caret {
    transform: rotate(-90deg);
}

.slider-button:not([disabled]):hover .icon {
    color: rgb(var(--clr-icon));
}

.slider-button--next:not([disabled]):hover .icon-arrow {
    transform: scale(1.1);
}

.slider-button--prev:not([disabled]):hover .icon-arrow {
    transform: rotate(180deg) scale(1.1);
}

.slider-bullets {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    row-gap: 2rem;
}

.slider-bullets--wrap {
    flex-wrap: wrap;
}

.slider-bullet {
    position: relative;
    min-width: calc(10% - 0.9rem);
    width: 100%;
    height: 0.1rem;
    border: none;
    background-color: rgba(var(--clr-line), var(--clr-line-alpha));
    cursor: pointer;
}

.slider-bullets--wrap .slider-bullet {
    width: auto;
}

.slider-bullets--sized .slider-bullet {
    min-width: 2.6rem;
}

.slider-bullet::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1rem;
    height: 2.5rem;
}

.slider-bullet.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0.4rem;
    background-color: rgba(var(--color-foreground));
}

.slider--infinite-to-first .slideshow__slide:last-child {
    order: -1;
}

.slider--infinite-to-last .slideshow__slide:first-child {
    order: 1;
}

.disclosure .disclosure__link {
    color: rgba(var(--color-foreground), 0.75);
}

.disclosure .disclosure__link:hover {
    color: rgb(var(--color-foreground));
}

.disclosure .disclosure__link--active {
    text-decoration: underline;
}

.accordion summary {
    display: flex;
    align-items: center;
    padding: 1rem 0;
}

.accordion .summary__title + .icon-caret {
    visibility: hidden;
}

.accordion__title {
    margin: 0;
}

.trim-margins-y *:first-child {
    margin-top: 0;
}

.trim-margins-y *:last-child {
    margin-bottom: 0;
}

#scroll-offset-example {
    display: block !important;
    position: fixed;
    width: 5rem;
    height: 5rem;
    overflow-y: scroll;
    visibility: hidden;
    pointer-events: none;
    left: 0;
    bottom: -100%;
}

.freeze-scroll {
    overflow: hidden !important;
    width: 100%;
    top: 0;
    left: 0;
}

body.freeze-scroll:not(.is-safari) {
    position: fixed !important;
}

@media screen and (max-width: 992px) {
    .freeze-scroll-mobile {
        overflow: hidden !important;
        position: fixed !important;
        width: 100%;
        top: 0;
        left: 0;
    }
}

.freeze-scroll,
.freeze-scroll .freeze-scroll-padding,
.freeze-scroll .sticky-header__content--sticky,
.freeze-scroll #preview-bar-iframe {
    padding-right: var(--scrollbar-width) !important;
}

.freeze-scroll .freeze-scroll-margin,
.freeze-scroll .popup-section__body {
    margin-right: var(--scrollbar-width) !important;
}

.freeze-scroll .freeze-scroll-center {
    left: calc(50% - var(--scrollbar-width) / 2);
    max-width: calc(100% - var(--scrollbar-width)) !important;
}

body:not(.freeze-scroll):not(.overflow-hidden) .additional-bar {
    z-index: 11;
}

body.overflow-hidden .additional-bar .disclosure__list,
body.freeze-scroll .additional-bar .disclosure__list {
    display: none !important;
}

popup-module {
    --z-index: 999;
    opacity: 0;
    z-index: -99;
    will-change: transform, opacity;
    contain: layout;
}

.popup-module--open,
.popup-module--visible {
    display: block;
    opacity: 1;
    z-index: var(--z-index);
}

.popup-module--flex.popup-module--open,
.popup-module--flex.popup-module--visible {
    display: flex;
}

.popup-module--open {
    animation: animatePopupModuleOpen var(--popups-transition-duration) ease;
}

.popup-module--close {
    animation: animatePopupModuleClose var(--popups-transition-duration) ease forwards;
    pointer-events: none;
}

slideshow-component {
    display: flex;
    flex-direction: column;
}

slideshow-component .slideshow {
    display: flex;
    overflow-y: hidden;
    flex-wrap: nowrap;
    margin: 0;
}

@media screen and (min-width: 993px) {
    slideshow-component .slideshow {
        overflow: hidden;
    }
}

slideshow-component .slideshow__controls--top {
    order: 2;
}

slideshow-component .slideshow__slide {
    padding: 0;
}

@-webkit-keyframes showContactBg {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes showContactBg {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes animateMenuOpen {
    0%, 10% {
        opacity: 0;
        transform: translateY(-1.5rem);
    }

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

@keyframes animatePopupModuleOpen {
    0%, 10% {
        opacity: 0;
        transform: translateY(1.5rem);
    }

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

@keyframes animatePopupModuleClose {
    0%, 10% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(1.5rem);
    }
}
.product-badge-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
.collection .card__badge {
  position: unset;
}
.collection .badge {
  font-size: 10px;
  padding: 4px 10px;
}
.collection .card__badge>* {
  margin-right: 5px;
}