/** Shopify CDN: Minification failed

Line 171:59 Unexpected "{"

**/
/* =================================
    Video Banner Styles
================================= */
.aoc-video-banner .deferred-media__poster-button{
    display: none !important;
}
.aoc-video-banner .video-section{
    position: relative;
}
.aoc-video-banner .video-section::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    left: 0;
    top: 0;
    z-index: 1;
    pointer-events: none;
}
.aoc-video-banner__content-wrapper{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 32px;
    row-gap: 16px
}
.aoc-video-banner  .video-section__media{
    max-height: 560px;
}
.aoc-video-banner .aoc-video-banner__content{
    position: absolute;
    bottom: 64px;
    width: 100%;
    z-index: 2;
}
.aoc-video-banner .aoc-video-banner__content *{
    position: relative;
}
.aoc-video-banner .title-wrapper{
    margin-bottom: 0;
}
.aoc-video-banner .title{
    font-size: 56px;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -1.1px;
    margin-bottom: 0;
}
.aoc-video-banner .video-banner__button .button{
    padding: 16px 24px;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    border: none;
}
.aoc-video-banner .video-banner__button .button .svg-wrapper{
    width: 16px;
    height: 16px;
    margin-left: 4px;
    position: relative;
}
.aoc-video-banner .video-banner__button .button::after,
.aoc-video-banner .video-banner__button .button::before{
    display: none;
}

.aoc-video-banner .video-section__media.global-media-settings--full-width{
    padding-bottom: 56rem
}

@media screen and (max-width: 1024px){
    .aoc-video-banner .title{
        font-size: 42px;
    }
}

@media screen and (max-width: 1000px){
    .aoc-video-banner .aoc-video-banner__content{
        bottom: 32px
    }

    .aoc-video-banner .aoc-video-banner__content-wrapper{
        flex-direction: column;
    }

    .aoc-video-banner .title-wrapper .title{
        text-align: center;
    }
}

@media screen and (max-width: 749px){
    .aoc-video-banner .video-section__media.global-media-settings--full-width{
        padding-bottom: 34rem
    }
}

@media screen and (max-width: 600px){
    .aoc-video-banner .title{
        font-size: 36px;
    }
    .aoc-video-banner .aoc-video-banner__content{
        bottom: 32px;
    }
}
/* =================================
    End Of Header Video Banner Styles
================================= */

/* =================================
    Rich Text Styles
================================= */
.aoc-richtext .rich-text__blocks{
    max-width: 100%;
}
.aoc-richtext .rich-text__heading{
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -1.0px;
    font-size: 48px;
    margin-top: 12px;
}
.aoc-richtext .rich-text__caption{
    font-weight: 600;
    font-size: 12px;
    line-height: 150%;
}
.aoc-richtext .rich-text__text{
    margin-top: 12px;
    color: rgb(var(--color-foreground));
}

.aoc-richtext .rich-text__text > p{
    line-height: 150%;
    font-size: 20px;
    margin: 0;
}

@media screen and (max-width: 600px){
    .aoc-richtext .rich-text__heading{
        font-size: 36px;
    }
}
/* =================================
    End Of Rich Text Styles
================================= */

/* =================================
    Featured Product Styles
================================= */
.aoc-featured-product .featured-product{
    column-gap: 48px !important;
    row-gap: 24px !important;
    --grid-desktop-horizontal-spacing: 48px !important;
    --grid-mobile-horizontal-spacing: 24px !important;
    --grid-desktop-vertical-spacing: 48px !important;
    --grid-mobile-vertical-spacing: 24px !important;
}

.aoc-featured-product .product-media-container{
    border: none;
}

.aoc-featured-product .product__media-list .product__media,{
    border-radius: 24px;
    overflow: hidden;
}

.aoc-featured-product .product__featured-image{
    border-radius: 24px;
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    aspect-ratio: 1/1;
}

.aoc-featured-product .product__media-list:has(.product__media-item:only-of-type) ~ .slider-buttons {
  display: none !important;
}

.aoc-featured-product .product__info-wrapper{
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}

.aoc-featured-product .product__title{
    font-size: 48px;
    font-weight: 500;
    margin-bottom: 12px;
    margin-top: 0;
    line-height: 120%;
}

.aoc-featured-product .price__regular .price-item{
    font-size: 36px;
    font-weight: 400;
    letter-spacing: -0.7px;
}

.aoc-featured-product .price .badge{
    vertical-align: middle;
}

.aoc-featured-product shopify-payment-terms{
    display: none;
}

.aoc-featured-product .aoc-buy-buttons{
    display: flex;
    align-items: center;
    gap: 12px;
}

.aoc-featured-product .product-form__input{
    flex-basis: auto;
    margin-bottom: 0;
}

.aoc-featured-product .quantity{
    --color-foreground: 63, 74, 46;
    --inputs-border-opacity: 1;
    max-width: 130px;
    min-height: 56px;
}

.aoc-featured-product .quantity__button.disabled{
    opacity: 1;
}

.aoc-featured-product .buy-buttons__group .product-form,
.aoc-featured-product .buy-buttons__group .product-form__submit{
    margin: 0;
}

.aoc-featured-product .buy-buttons__group .product-form__submit{
    text-transform: uppercase;
    font-size: 16px;
    line-height: 150%;
    font-weight: 700;
    min-height: 56px;
}

.aoc-featured-product .buy-buttons__group .product-form__submit .svg-wrapper{
    position: relative;
    top: -2px;
    width: 16px;
    height: 16px;
}

.aoc-featured-product .buy-buttons__group .product-form__submit > span{
    display: flex;
    align-items: center;
    gap: 24px;
}

.aoc-featured-product .product__view-details{
    display: none;
}

.aoc-featured-product .aoc-product-feature{
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0 0 12px;
}

.aoc-featured-product .aoc-product-feature > img{
    position: relative;
    top: 10px;
}

.aoc-featured-product .aoc-product-feature__text{
    font-weight: 400;
    font-size: 20px;
}

@media screen and (max-width: 880px){
    .aoc-featured-product .featured-product{
        flex-direction: column;
    }

    .aoc-featured-product .grid--2-col-tablet .grid__item{
        width: 100%;
    }

    .aoc-featured-product  .product__info-wrapper > section{
        width: 100%;
        max-width: 100%;
    }

    .aoc-featured-product .buy-buttons__group{
        flex: 1;
        width: 100%;
    }

    .aoc-featured-product .product-form__buttons{
        max-width: 100%;
    }
}

@media screen and (max-width: 600px){
    .aoc-featured-product .product__title{
        font-size: 36px;
    }
    .aoc-featured-product .price__regular .price-item{
        font-size: 28px;
    }
}

@media screen and (max-width: 425px){
    .aoc-featured-product .aoc-buy-buttons{
        flex-direction: column;
        align-items: flex-start;
    }
}
/* =================================
    End Of Featured Product Styles
================================= */

/* =================================
    Side By Side Styles
================================= */
.aoc-side-by-side__wrapper{
    display: flex;
    align-items: center;
    column-gap: 48px;
    row-gap: 24px;
}
.aoc-side-by-side__wrapper.reverse{
    flex-direction: row-reverse;
}

.aoc-side-by-side__wrapper .aoc-side-by-side__media{
    width: 100%;
    display: block;
}

.aoc-side-by-side__wrapper .aoc-side-by-side__image{
    border-radius: 24px;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    aspect-ratio: 1/1;
}

.aoc-side-by-side__wrapper > div {
    flex: 1 1 calc(50% - 48px);
    min-width: 0;
}

.aoc-side-by-side__wrapper .aoc-side-by-side__heading{
    font-size: 48px;
    font-weight: 500;
    letter-spacing: -1.0px;
    line-height: 120%;
    margin: 0 0 32px;
}

.aoc-side-by-side__wrapper .aoc-side-by-side__content > p{
    color: rgb(var(--color-foreground));
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 32px;
}

.aoc-side-by-side__wrapper .aoc-side-by-side__details{
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    column-gap: 16px;
    margin: 0 0 32px;
}

.aoc-side-by-side__wrapper .aoc-side-by-side__details-title{
    font-size: 28px;
    margin: 0 0 8px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.6px;
}

.aoc-side-by-side__wrapper .aoc-side-by-side__details-text{
    font-family: "hoss-sharp", sans-serif;
    margin: 0;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -0.4px;
    color: rgb(var(--color-foreground));
}

@media screen and (max-width: 1024px){
    .aoc-side-by-side__wrapper{
        flex-direction: column !important;
    }

    .aoc-side-by-side__wrapper .aoc-side-by-side__image{
        aspect-ratio: 1/1;
        height: auto;
    }
}

@media screen and (max-width: 600px){
    .aoc-side-by-side__wrapper .aoc-side-by-side__heading{
        font-size: 36px;
    }

    .aoc-side-by-side__wrapper .aoc-side-by-side__details-title{
        font-size: 24px;
    }

    .aoc-side-by-side__wrapper .aoc-side-by-side__details-text{
        font-size: 18px;
    }
}
/* =================================
    End Of Side By Side Styles
================================= */

/* =================================
    Bottom banner Styles
================================= */
.aoc-banner .aoc-banner__wrapper{
    text-align: center;
}

.aoc-banner .aoc-banner__heading{
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -1.0px;
    font-size: 48px;
    margin-top: 12px;
}

.aoc-banner .button{
    padding: 16px 24px;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    border: none;
}

.aoc-banner .button .svg-wrapper {
    width: 16px;
    height: 16px;
    margin-left: 4px;
    position: relative;
}
/* =================================
    End Of Bottom banner Styles
================================= */

/* =================================
    Text Banner Styles
================================= */
.aoc-text-banner__wrapper{
    display: flex;
    align-items: center;
    column-gap: 40px;
    row-gap: 20px;
}

.aoc-text-banner__wrapper .aoc-text-banner__heading{
    flex: 0 0 434px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -1.0px;
    font-size: 48px;
    padding-left: 24px;
    margin: 0;
    border-left: 9px solid rgb(var(--color-button));
}

.aoc-text-banner__wrapper .aoc-text-banner__content{
    flex: 1;
    margin: 0;
}

.aoc-text-banner__wrapper .aoc-text-banner__content > p{
    line-height: 150%;
    font-size: 20px;
    margin: 0;
    color: rgb(var(--color-foreground));
}

@media screen and (max-width: 1024px){
    .aoc-text-banner__wrapper{
        column-gap: 20px;
    }
    .aoc-text-banner__wrapper .aoc-text-banner__heading{
        font-size: 36px;
        flex: 0 0 330px;
    }
}

@media screen and (max-width: 800px){
    .aoc-text-banner__wrapper{
        flex-direction: column;
        align-items: flex-start;
    }

    .aoc-text-banner__wrapper .aoc-text-banner__heading{
        flex: 1;
        max-width: 330px;
    }
}
/* =================================
    End Of Text Banner Styles
================================= */

/* =================================
    Accordions Styles
================================= */
.aoc-accordions .aoc-accordions__heading{
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -1.0px;
    font-size: 48px;
    margin: 0 0 24px;
}

.aoc-accordions .aoc-accordions__trigger {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    background: none;
    border: 0;
    cursor: pointer;
    font: inherit;
}

.aoc-accordions .aoc-accordions__trigger .aoc-accordions__trigger-text{
    font-size: 28px;
    font-family: "hoss-sharp", sans-serif;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.6px;
    text-align: left;
    color: var(--deep-ocean-blue) !important;
}

.aoc-accordions .aoc-accordions__content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .35s ease;
}

.aoc-accordions .aoc-accordions__inner {
    overflow: hidden;
    padding-right: 16px;
}

.aoc-accordions .aoc-accordions__spacer{
    padding: 10px 0px 16px 16px;
}

.aoc-accordions .aoc-accordions__spacer > *{
    color: rgb(var(--color-secondary-button-text));
    font-size: 16px;
}

.aoc-accordions .aoc-accordions__item{
    border: 1px solid #ccc;
    border-radius: 8px;
    transition: border-color 0.2s ease;
}

.aoc-accordions .aoc-accordions__item  + .aoc-accordions__item{
    margin: 8px 0 0;
}

.aoc-accordions .aoc-accordions__item.is-open,
.aoc-accordions .aoc-accordions__item:hover,
.aoc-accordions .aoc-accordions__item:focus-visible{
    border-color: rgb(var(--color-foreground));
}

.aoc-accordions .aoc-accordions__item.is-open .aoc-accordions__content {
    grid-template-rows: 1fr;
}

.aoc-accordions .aoc-accordions__content p{
    margin: 0 0 16px;
    line-height: 150%;
}

.aoc-accordions .aoc-accordions__content ul{
    list-style-type: square;
    padding-left: 25px;
}

.aoc-accordions .aoc-accordions__content ul:first-child{
    margin-top: 0;
}

.aoc-accordions .aoc-accordions__content ul:last-child{
    margin-bottom: 0;
}

.aoc-accordions .aoc-accordions__icon {
    transition: transform .35s ease;
    font-size: 24px;
    font-weight: 700;
    color: var(--olive-med);
}

.aoc-accordions .aoc-accordions__item.is-open .aoc-accordions__icon {
    transform: rotate(45deg);
}

@media screen and (max-width: 1024px){
    .aoc-accordions .aoc-accordions__trigger .aoc-accordions__trigger-text{
        font-size: 24px;
    }
}

@media screen and (max-width: 600px){
    .aoc-accordions .aoc-accordions__heading{
        font-size: 36px;
    }

    .aoc-accordions .aoc-accordions__trigger .aoc-accordions__trigger-text{
        font-size: 20px;
    }
}
/* =================================
    End Of Accordions Styles
================================= */

/* =================================
    FAQs Styles
================================= */
.aoc-faqs .aoc-faqs__wrapper{
    position: relative;
    display: flex;
    align-items: flex-start;
    column-gap: 32px;
    row-gap: 16px;
}

.aoc-faqs .aoc-faqs__left{
    flex: 0 0 calc(50% - 32px);
}

.aoc-faqs .aoc-faqs__right{
    flex: 1;
}

.aoc-faqs .aoc-faqs__heading{
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -1.0px;
    font-size: 48px;
    margin: 0 0 16px;
    max-width: 400px;
}

.aoc-faqs .aoc-faqs__content > *{
    font-size: 16px;
    line-height: 150%;
    color: rgb(var(--color-foreground));
}

.aoc-faqs .aoc-faqs__content a{
    color: rgb(var(--color-foreground));
    text-underline-offset: 3px;
}

.aoc-faqs .aoc-faqs__trigger {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    background: none;
    border: 0;
    cursor: pointer;
}

.aoc-faqs .aoc-faqs__trigger .aoc-faqs__trigger-text{
    font-size: 18px;
    font-family: "hoss-sharp", sans-serif;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.4px;
    text-align: left;
    color: rgb(var(--color-foreground));
}

.aoc-faqs .aoc-faqs__content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .35s ease;
}

.aoc-faqs .aoc-faqs__inner {
    overflow: hidden;
    padding-right: 16px;
}

.aoc-faqs .aoc-faqs__spacer{
    padding: 10px 0px 16px 16px;
}

.aoc-faqs .aoc-faqs__spacer > *{
    color: rgb(var(--color-secondary-button-text));
    font-size: 16px;
}

.aoc-faqs .aoc-faqs__item{
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 8px;
    transition: border-color 0.2s ease;
}

.aoc-faqs .aoc-faqs__item  + .aoc-faqs__item{
    margin: 8px 0 0;
}

.aoc-faqs .aoc-faqs__item.is-open,
.aoc-faqs .aoc-faqs__item:hover,
.aoc-faqs .aoc-faqs__item:focus-visible{
    border-color: rgb(var(--color-foreground));
}

.aoc-faqs .aoc-faqs__item.is-open .aoc-faqs__content {
    grid-template-rows: 1fr;
}

.aoc-faqs .aoc-faqs__content p{
    margin: 0 0 16px;
    line-height: 150%;
}

.aoc-faqs .aoc-faqs__content ul{
    list-style-type: square;
    padding-left: 25px;
}

.aoc-faqs .aoc-faqs__content ul:last-child{
    margin-bottom: 0;
}

.aoc-faqs .aoc-faqs__icon {
    transition: transform .35s ease;
    font-size: 20px;
    font-weight: 500;
    color: rgb(var(--color-foreground));
}

.aoc-faqs .aoc-faqs__item.is-open .aoc-faqs__icon {
    transform: rotate(45deg);
}

@media screen and (max-width: 768px){
    .aoc-faqs .aoc-faqs__wrapper{
        flex-direction: column;
    }
}

@media screen and (max-width: 600px){
    .aoc-faqs .aoc-faqs__heading{
        font-size: 36px;
    }
}
/* =================================
    End Of FAQs Styles
================================= */