/** Shopify CDN: Minification failed

Line 1183:0 Unexpected "}"

**/
/* Section - banner */
.banner {
    display: flex;
    position: relative;
    flex-direction: column;
}

.banner__block {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.banner-content>* {
    z-index: 1;
    position: relative;
}

.section-banner {
    display: flex;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.section-banner::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.section-banner video.banner-video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.banner__image-link {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block !important;
}

.two-buttons {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.3rem;
    text-align: center;
}

/* Section - blog post */
.main-article__return-button {
    margin: 3rem 0;
    text-align: center;
}

.main-article__banner {
    display: flex;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.main-article__banner::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.main-article__banner-inner {
    padding: 3rem;
    z-index: 1;
}

.main-article__title {
    text-align: center;
}

.main-article__divider {
    padding: 0 0.5rem;
}

.main-article__share-icons .list-social {
    justify-content: center;
    padding: 1rem 0;
}

.article-template__comment-wrapper {
    margin-top: 3.5rem;
}

.article-template__comments-fields .field {
    background-color: var(--color-contrast);
}

.article-template__comment-submit {
    cursor: pointer;
    border-radius: 0;
    margin-top: 1rem !important;
}

.main-article__share-icons {
    margin: 3rem 0;
}

.article-template__comments-comment footer span {
    margin: 0 0.5rem;
}

.article-template__comments-comment {
    border-bottom: var(--line-width-divider) solid var(--color-accent);
    padding-bottom: 2rem;
}

.main-article__author-bio {
    display: flex;
    gap: 2rem;
    text-align: left;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.main-article__author-bio-text-name h4 {
    margin-top: 0;
    margin-bottom: 1rem;
}

.main-article__author-bio-photo {
    width: 150px;
}

.main-article__author-bio-text {
    max-width: calc(100% - 150px - 2rem)
}

/* Section - accordion */
.collapsible-content {
    position: relative;
    z-index: 0;
}

.collapsible-section-layout {
    padding-bottom: 5rem;
    padding-top: 5rem;
}

@media screen and (min-width: 750px) {
    .collapsible-section-layout {
        padding-bottom: 7rem;
        padding-top: 7rem;
    }
}

.collapsible-content__media--small {
    height: 19.4rem;
}

.collapsible-content__media--large {
    height: 43.5rem;
}

@media screen and (min-width: 750px) {
    .collapsible-content__media--small {
        height: 31.4rem;
    }

    .collapsible-content__media--large {
        height: 69.5rem;
    }
}

@media screen and (min-width: 750px) {
    .collapsible-content__grid--reverse {
        flex-direction: row-reverse;
    }
}

.collapsible-content-wrapper-narrow {
    margin: 0 auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    max-width: 73.4rem;
}

.collapsible-content__header {
    word-break: break-word;
}

.collapsible-content__heading {
    margin-bottom: 2rem;
    margin-top: 0;
}

@media screen and (min-width: 750px) {
    .collapsible-content__heading {
        margin-bottom: 3rem;
    }
}

.collapsible-none-layout .accordion+.accordion {
    border-top: 0;
}

.collapsible-row-layout .accordion:not(:first-child) {
    margin-top: 1rem;
}

.caption-with-letter-spacing+h2 {
    margin-top: 1rem;
}

@media screen and (min-width: 750px) {
    .collapsible-content .accordion {
        margin-top: 0;
    }
}

.collapsible-row-layout .accordion {
    margin-bottom: 1.5rem;
}

.collapsible-row-layout .accordion summary,
.collapsible-row-layout .accordion .accordion__content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.collapsible-content summary:hover {
    background: rgba(var(--color-accent), 0.04);
}

.collapsible-content summary:hover .accordion__title {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
}

/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
    @media screen and (min-width: 750px) {

        .collapsible-content__grid:not(.collapsible-content__grid--reverse) .grid__item:last-child,
        .collapsible-content__grid--reverse .collapsible-content__grid-item {
            padding-left: 5rem;
            padding-right: 0;
        }
    }

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

        .collapsible-content__grid:not(.collapsible-content__grid--reverse) .grid__item:last-child,
        .collapsible-content__grid--reverse .collapsible-content__grid-item {
            padding-left: 7rem;
        }
    }
}

/* Section - collection list */
.collection-list {
    margin-top: 0;
    margin-bottom: 0;
}

.collection-list-title {
    margin: 0;
}

.collection-list__item:only-child {
    max-width: 100%;
    width: 100%;
}

@media screen and (min-width: 750px) {
    .collection-list__item a:hover {
        box-shadow: none;
    }
}

.collection-list-view-all {
    margin-top: 2rem;
}

/* Section - columns */
.columns-card__image-container img,
.columns-card__image-container svg {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.columns-card__image-container {
    margin: 0;
    padding: 1rem;
}

.columns-card__image {
    width: 100%;
    height: auto;
    display: block;
}

.columns-card__image-link {
    display: flex;
}

@media screen and (max-width: 749px) {
    .columns-content:not(.swiper-wrapper) {
        gap: 2rem;
    }
}

/* Section - contact form */
.contact img {
    max-width: 100%;
}

.contact-form .form__message {
    align-items: flex-start;
}

.contact-form .icon-tick {
    margin-top: 0.2rem;
}

.contact-form .field {
    margin: 0;
}

@media screen and (min-width: 750px) {
    .contact .field {
        margin-bottom: 2rem;
    }
}

.contact__button {
    margin-top: 2rem;
}

.contact-form__fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.contact-form .field {
    grid-column: span 2;
}

@media screen and (min-width: 750px) {
    .contact-form .field--one-half {
        grid-column: span 1;
    }
}

.grecaptcha-badge {
    visibility: hidden;
}

.field.field--select,
.field.field--radio,
.field.field--options {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: start;
}

.field.field--options {
    gap: 0;
}

.field--select div, .field--options div {
    width: 100%;
    display: block;
}

.field--select .field__input, .field--options .field__input {
    padding: 0 1.5rem 0 2rem;
    font-family: var(--font-body-family);
    font-size: 1.4rem;
}

.field--radio-option, .field--multiselect-option {
    text-align: left;
}

.field--select-container {
    position: relative;
}

.field--select-container svg {
    position: absolute;
    right: 0.5rem;
    height: 2rem;
    width: 3rem;
    transform: translateY(-50%);
    top: 50%;
    z-index: 1;
}

.field--radio-options label {
    margin-right: 2rem;
    display: flex;
    gap: 0.5rem;
}

/* Section - content */
.content {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    z-index: 1;
}

.content.content--full-width {
    max-width: initial;
    width: 100%;
}

.content__blocks {
    margin: auto;
    /* 2.5rem margin on left & right */
    width: calc(100% - 5rem / var(--font-body-scale));
}

.content__blocks * {
    overflow-wrap: break-word;
}

.content--full-width .content__blocks {
    /* 4rem (1.5rem + 2.5rem) margin on left & right */
    width: calc(100% - 8rem / var(--font-body-scale));
}

@media screen and (min-width: 750px) {
    .content__blocks {
        max-width: 50rem;
    }

    .content--full-width .content__blocks {
        /* 7.5rem (5rem + 2.5rem) margin on left & right */
        width: calc(100% - 15rem);
    }
}

@media screen and (min-width: 990px) {
    .content__blocks {
        max-width: 78rem;
    }
}

/* Blocks */

.content__blocks>* {
    margin-top: 0;
    margin-bottom: 0;
}

.content__blocks>*+* {
    margin-top: 2rem;
}

.content__blocks>*+a {
    margin-top: 3rem;
}

.section--content .countdown {
    justify-content: center;
}

.section--content .sticker {
    justify-content: center;
}

/* Section - FAQ */
.sticky-sidebar--wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 50px;
}

.sticky-sidebar {
    align-self: flex-start;
    position: sticky;
    top: 0;
    max-width: 50%;
    flex-shrink: 0;
}

.faq--details-link-list {
    list-style: none;
    padding: 0;
    margin: 2.75rem 0 0;
}

.faq--details-link-list_item {
    margin-bottom: 1rem;
}

li.faq--group-heading {
    height: 44px;
}

.faq-content {
    flex: 1;
}

.faq-content h3 {
    margin-top: 3.5rem;
}

.faq-content .accordion {
    margin-top: 0;
}

/* Section - featured article */
.featured-article {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

@media screen and (max-width: 749px) {
    .featured-article {
        flex-direction: column !important;
        gap: unset;
    }
}

.featured-article-image,
.featured-article-text {
    width: 100%;
}

.featured-article-image img {
    max-width: 100%;
    height: auto;
}

.featured-article__post_excerpt,
.featured-post__comments,
.featured-post__author,
.featured-post__date {
    margin: 1.5rem 0;
}

/* Section - featured blog */
.blog-placeholder {
    margin: 0 1.5rem;
    background: rgb(var(--color-background));
}

@media screen and (min-width: 750px) {
    .blog-placeholder {
        text-align: center;
        width: 50%;
        margin: 0;
    }
}

.blog-placeholder__content {
    padding: 3rem;
    background: rgba(var(--color-accent), 0.04);
}

.blog-placeholder .placeholder {
    position: relative;
}

.blog-placeholder h2 {
    margin: 0;
}

.blog__title {
    margin: 0;
}

.blog__posts.articles-wrapper {
    margin-bottom: 1rem;
}

@media screen and (min-width: 990px) {
    .blog__posts.articles-wrapper {
        margin-bottom: 0;
    }
}

.blog__posts.articles-wrapper .article {
    scroll-snap-align: start;
}

@media screen and (max-width: 749px) {
    .blog__post.article {
        width: calc(100% - 3rem);
    }
}

.background-secondary .blog-placeholder__content {
    background-color: rgb(var(--color-background));
}

.blog__posts .card-wrapper {
    width: 100%;
}

.blog__button {
    margin-top: 3rem;
}

@media screen and (min-width: 750px) {
    .blog__button {
        margin-top: 5rem;
    }
}

.featured-blog__article a {
    display: block;
}

/* Section - grid with content */
.grid-with-content__container>div {
    padding: 0;
}

.grid-with-content__grid-item>div {
    display: flex;
    justify-content: safe center;
    align-items: center;
    aspect-ratio: 1 / 1;
    overflow-y: hidden;
    flex-direction: column;
    text-align: center;
}

.grid-with-content__grid-content {
    overflow-y: auto !important;
    padding: 1.5rem;
}

.grid-with-content__grid-item img {
    max-width: 100%;
    height: auto;
}

.grid-with-content__grid-icon img {
    width: 50%;
}

/* Section - horizontally scrolling content */

:root {
    --horizontally-scrolling-content-gap: 1rem;
}

.horizontally-scrolling-content--wrapper {
    display: flex;
    overflow: clip;
    user-select: none;
    min-width: 100%;
    flex-direction: row;
}

scrolling-content[data-direction="reverse"] {
    flex-direction: row-reverse;
}

.horizontally-scrolling-content {
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    min-width: 100%;
}

.horizontally-scrolling-content-block {
    align-content: center;
}

.horizontally-scrolling-content-block .placeholder-svg {
    height: 100px;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-100% - var(--horizontally-scrolling-content-gap)));
    }
}

/* Pause on hover */
.horizontally-scrolling-content--wrapper.hover-pause:hover .horizontally-scrolling-content {
    animation-play-state: paused!important;
}

/* Pause animation when reduced-motion is set */
@media (prefers-reduced-motion) {
    .horizontally-scrolling-content {
        animation-play-state: paused !important;
    }
}

/* Section - Media content and wave */

.section:has(.wave-component.align-top) .media-with-content-text {
    align-self: flex-end;
}

.section:has(.wave-component.align-bottom) .media-with-content-text {
    align-self: flex-start;
}

/* Section - product features */

.product-features__features-right,
.product-features__features-left {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.product-features__image {
    display: flex;
    justify-content: center;
    align-self: center;
}

.product-features__features-left {
    text-align: right;
}

.product-features__features-right {
    text-align: left;
}

.product-features__feature h4 {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.product-features__image img {
    max-width: 100%;
    height: auto;
    align-self: flex-start; /* for compatability with older versions of Safari*/
}

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

    .product-features__features-right,
    .product-features__features-left {
        text-align: center;
    }

    .product-features__container {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* Section - product recommendations */

.product-recommendations {
    display: block;
}

.product-recommendations:not(.product-recommendations--loaded) {
    padding: 0;
    margin: 0;
}

.product-recommendations__heading {
    margin: 0;
    margin-bottom: 3rem;
}

/* Section - reviews */
.quote p {
    font-size: calc(1.8rem + var(--override-font-size, 0px));
}

.stars-characters {
    font-size: calc(2rem + var(--override-font-size, 0px));
}

.stars-inline-text {
    margin-left: 1rem;
    font-size: calc(2rem + var(--override-font-size, 0px));
}

/* Section - video */

.video-section__media {
    position: relative;
    padding-bottom: 56.25%;
}

.video-section__media.deferred-media:after {
    content: none;
}

.video-section__poster.deferred-media__poster:focus {
    outline-offset: 0.3rem;
}

.video-section__media iframe {
    background-color: rgba(var(--color-accent-rgb), 0.03);
    border: 0;
}

.video-section__poster,
.video-section__media iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

/* Section - media with content */

.media-with-content {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

@media screen and (max-width: 749px) {
    .media-with-content {
        flex-direction: column !important;
        gap: unset;
    }
}

.media-with-content-media {
    width: 100%;
    z-index: 2;
}

.media-with-content-text {
    width: 100%;
}

.media-with-content-media img,
.media-with-content-media video,
.media-with-content-media svg {
    display: block;
}


.media-with-content-media img {
    max-width: 100%;
    height: auto;
}

.media-with-content-media video {
    width: 100%;
    height: auto;
}

.media-with-content-media__image-dt,
.media-with-content-media__image-mob {
    overflow: hidden;
}

.media-with-content-media__image-dt {
    aspect-ratio: var(--image-aspect-ratio-dt);
}

.media-with-content-media__image-mob {
    aspect-ratio: var(--image-aspect-ratio-mob);
}

.media-with-content-media__image-dt img,
.media-with-content-media__image-mob img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: none;
}

/* Section - image */
.image-section__image {
    display: flex;
    justify-content: center;
}

.image-section__image img,
.image-section__image svg {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Section - main - search */
.search__input.field__input {
    padding-right: 5rem;
}

.search__button {
    padding-right: 1.5rem;
}

.search__button:focus-visible {
    background-color: rgb(var(--color-background));
    z-index: 2;
}

.search__button:focus {
    background-color: rgb(var(--color-background));
    z-index: 2;
}

.search__button:not(:focus-visible):not(.focused) {
    box-shadow: inherit;
    background-color: inherit;
}

/* Remove extra spacing for search inputs in Safari */
input::-webkit-search-decoration {
    -webkit-appearance: none;
}

.main--search h2 {
    text-align: center;
}

.main-search__header {
    margin-bottom: 3rem;
}

.main-search__search {
    margin: 0 auto 3.5rem;
    max-width: 47.8rem;
}

.main-search__search .search {
    margin-top: 3rem;
}

.main-search--empty {
    padding-bottom: 18rem;
}

@media screen and (min-width: 750px) {
    .main-search__header {
        margin-bottom: 5rem;
    }
}

.predictive-search {
    border: 1px solid var(--color-contrast);
}

button.predictive-search__item {
    border: none;
    transition: 0.3s;
    cursor: pointer;
}

a.card__page-link {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -3rem;
}

/* Section - collage banner */
.section--collage-banner {
    position: relative;
    overflow: hidden;
    display: flex;
}

.section--collage-banner .contained-inner-section {
    position: relative;
    z-index: 1;
}

.collage-banner__image {
    position: absolute;
    left: var(--image-left-dt);
    top: var(--image-top-dt);
    width: var(--image-width-dt);
}

@media screen and (max-width: 749px) {
    .collage-banner__image,
    .collage-banner__image svg {
        visibility: var(--image-hidden-on-mobile);
        left: var(--image-left-mob);
        top: var(--image-top-mob);
        width: var(--image-width-mob);
    }
}

.collage-banner__image img,
.collage-banner__image svg {
    object-fit: cover;
    height: 100%;
    width: 100%;
    aspect-ratio: var(--image-aspect-ratio);
}

/* Section - comparison table */
.comparison-table__table {
    overflow-x: auto;
    display: flex;
    justify-content: center;
}

.comparison-table__table td svg {
    padding: 0.75rem;
}

.comparison-table__table h4 {
    margin-top: 0;
    margin-bottom: 0;
}

.comparison-table__table p {
    margin-top: 0;
    margin-bottom: 0;
    overflow-wrap: anywhere;
}

.comparison-table__table th,
.comparison-table__table td {
    width: 20%;
}

.comparison-table__table th:first-child,
.comparison-table__table td:first-child {
    min-width: 100px;
    max-width: 150px;
}

.comparison-table__header-image {
    display: block;
    margin: 0 auto 1rem auto;
    max-width: 150px;
    height: auto;
}

/* Quick Add to Cart Styles */
.card__information--product.quick-add-icon {
    display: grid;
    grid-template-columns: 8fr 2fr;
}

.card__information--product.quick-add-icon .card-information {
    text-align: left;
}

.card__product-button {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.card__product-button .button--full-width {
    width: 100%;
    box-sizing: border-box;
}

/* Section - Build Your Own */
.section--build-your-own {
    position: relative;
}

.block-container {
    display: flex;
    padding-top: calc(2rem + var(--override-padding-top, 0px) * 0.5);
    padding-bottom: calc(2rem + var(--override-padding-bottom, 0px) * 0.5);
    padding-left: calc(1.3rem + var(--override-padding-left, 0px) * 0.5);
    padding-right: calc(1.3rem + var(--override-padding-right, 0px) * 0.5);
    flex: 1 1 0%; /* Default: auto width (flex-grow) */
    min-width: 0; /* Prevent overflow */
    box-sizing: border-box;
}

.block-container[style*="--container-width-desktop"] {
    flex-basis: var(--container-width-desktop);
    flex-grow: 0;
}

.block-container--horizontal.allow-wrap > .block-container[style*="--container-width-desktop"] {
    flex-basis: calc(var(--container-width-desktop) - var(--container-gap, 0rem));
    max-width: calc(var(--container-width-desktop) - var(--container-gap, 0rem));
    flex-shrink: 0;
}

.block-container--horizontal.no-wrap > .block-container[style*="--container-width-desktop"] {
    flex-basis: var(--container-width-desktop);
    flex-shrink: 1;
}

.block-container--horizontal {
    flex-direction: row;
}

.block-container--horizontal.allow-wrap {
    flex-wrap: wrap;
}

.block-container--horizontal.no-wrap {
    flex-wrap: nowrap;
}

.block-container--vertical {
    flex-direction: column;
}

/* Blocks inside containers should take full width by default */
.block-container--vertical > *:not(.block-container) {
    width: 100%;
}

.block-container--horizontal > *:not(.block-container) {
    flex: 0 0 100%;
    width: 100%;
}

/* Reduce default spacing between blocks to account for gap, except for container blocks */
.block-container > [class*="block-"]:not(.block-container) {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.block-image img {
    display: block;
    max-width: 100%;
    height: auto;
}

.block-image .placeholder-svg {
    max-width: 100px;
}

.block-video {
    position: relative;
}

.block-video .video-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.block-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.block-divider {
    margin: 1rem 0;
}
@media screen and (min-width: 750px) {
  h2.banner__block {
    font-size: 30px !important;
  }
}
@media screen and (max-width: 749px) {
  h2.banner__block {
    font-size: 18px !important;
  }
}

}
}