/** Shopify CDN: Minification failed

Line 10:0 Unexpected "}"

**/

html, body{
    overflow-x: auto;
}
}
.section-blocks__anchor svg{
    margin-top: 10px;
}
/*Navbar*/
html:not(.no-js) body:not([mobile-menu-open="true"]):not([data-quick-search-open="true"])
    header.header--transparent:not(.is-sticky):not(:hover):not(
      :focus-within
    ):not(.dropdown-active).header--transparent-is-tinted{
        background: url('./header_bg.png');
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: cover;
    }


.announcement-bar{
    background: url('./header_bg3.png');
    background-position: top;
    background-size: cover;
}

.header{
    background: url('./header_bg.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    transition: all 0.3s ease-in;
}

.header:hover{
    background: url('./header_bg3.png');
    background-position: bottom;
    background-size: cover;
}

.header:hover .quick-search__bar-inner, .quick-search__bar-inner:active{
    opacity: 1;
}

.header__links .navigation__links-list{
    background: rgba(247, 240, 232, 0.2);
    padding: 0;
    border-radius: 30px;
    column-gap: 0.8rem;
}

.header__nav-bar-inner{
    padding: 2px 1.6rem 100px;
}

@media screen and (max-width: 719px){
    .header__nav-bar-inner{
        padding: 2px 1.6rem 50px;
    }
}

/* .header__links{
    padding-bottom: 100px;
}
.header:hover .header__links{
    padding-bottom: 20px;
} */

.navigation__links-list li a.active, .navigation__links-list li:hover{
    background: rgba(247, 240, 232, 0.6);
}


.navigation__links-list li a, .navigation__links-list li{
    border-radius: 30px;
    transition: all 0.3s ease-in;
}

.header__nav-bar .header__links>ul>li>[data-link]{
    padding: 5px 10px;
    font-weight: 700;
}

.header__links>ul>li>[data-link] .link-hover:before{
    content: none !important;
}

.header__icon-with-label-touch{
    background: rgba(40, 38, 40, 0.2);
    border-radius: 30px;
    padding: 0 0.6rem;
    height: 32px;
}

html:not(.no-js) body:not([mobile-menu-open="true"]):not([data-quick-search-open="true"])
    header.header--transparent:not(.is-sticky):not(:hover):not(
      :focus-within
    ):not(.dropdown-active) .header__nav-bar{
    color:var(--color-text-main-menu);
}


/*end of NavBar*/

/*btn*/
.btn, .btn.btn--primary, .btn.btn--secondary{
    border-radius: 43px;
    text-transform: capitalize;
    font-family: var(--font-body);
    border-radius: 43px;
}
/*end of btn*/


/*Newsletter*/
.newsletter-compact__signup.newsletter-compact__block-item .newsletter-compact__signup-inner{
    flex-direction: column;
}

.newsletter-compact__signup.newsletter-compact__block-item .newsletter-compact__signup-button{
    margin-left:0;
}

.newsletter-compact__signup.newsletter-compact__block-item input.newsletter-compact__signup-input{
    border-radius: 90px;
    margin-bottom: 16px;
}

/*end of Newsletter*/

/*Footer*/
.footer__newsletter .input[type=email]{
    flex-basis: auto !important;
}

.footer__newsletter .footer__newsletter-button.btn.btn--primary {
    flex-basis: auto !important;
    flex-grow: 1 !important;
}

.footer__bottom-right__image{
    max-width: 110px;
}

.footer__bottom-right__link{
    margin-right: 100px;
}

.footer__bottom-right{
    align-items: flex-end !important;
}

@media (min-width: 960px){
    .footer__newsletter .footer__newsletter-inner{
        flex-direction: column;
    }
}

@media (max-width: 719px){
    .footer__credits{
        text-align: center;
    }

    .footer__bottom-right{
        justify-content: space-between;
    }
}


/*end of Footer*/



/*New form section*/
.new-form-section .contact-form__inner{
    padding: 49px 130px;
}

.new-form-section .contact-form__inner .input{
    border: 1px solid #E9B947;
    border-radius: 50px;
}

.new-form-section .contact-form__inner textarea{
    border-radius: 11px !important;
}

.new-form-section .contact-form__inner .contact-form__button{
    max-width: 300px;
    margin: auto;
}


.order-form-section .section-inner{
    display: flex;
}

.order-form-section .section-inner .contact-form__left, .order-form-section .section-inner .contact-form__right{
    width: 50%;
    padding: 5rem 3rem;
}

.order-form-section .section-inner .contact-form__right{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.order-form-section .section-inner .contact-form__right h2{
    font-family: var(--font-heading);
    font-size: 28px;
    font-weight: bolder;
}

.order-form-section .section-inner .contact-form__left{
    text-align: center;
}

.order-form-section .contact-form__button{
    margin: auto;
    max-width: max-content;
    display: flex;
}


@media (max-width: 719px){
    .new-form-section .contact-form__inner{
        padding: 24px 20px;
    }

    .order-form-section .section-inner{
        flex-direction: column;
    }

    .order-form-section .section-inner .contact-form__left, .order-form-section .section-inner .contact-form__right{
        width: 100%;
        padding: 3rem 2rem;
    }
}


/*Rich text section */
.rich-text{
    margin-left: var(--section-style-spacing-left);
    margin-right: var(--section-style-spacing-right);
}
/*end of Rich text section */


/*Icon with text columns section*/
.icon-with-text-columns{
    margin-left: var(--section-style-spacing-left);
    margin-right: var(--section-style-spacing-right);
}

.icon-with-text-column{
    border: var(--items-border-weight) solid var(--items-border-color);
    border-radius: var(--items-border-radius);
    padding: 1rem;
}

/*End of Icon with text columns section*/

/* collection item section */
.collection-item__wrapper{
    position: relative;
}

.collection-list-slider .collection-item .collection-item__image img, .collection-item.active .collection-item__image img {
    background: linear-gradient(to right, #f2e3be, #eceacc, #33cee7);
    padding: 5px;
    border-radius: 100%;
}

.collection-list-slider .collection-item .collection-item__image-hover img{
    padding: 12px;
}

.collection-item__image-hover img{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: cover;
    opacity: 0;
    transition: opacity .2s;
    /* width: 100%; */
    background: linear-gradient(to right, #f2e3be, #eceacc, #33cee7);
    padding: 12px;
    border-radius: 100%;
}

/* .collection-list:not(.collection-list-slider) .collection-item:not(.active) .collection-item__image img{
    background: none;
} */

.collection-list-slider .collection-list:not(.collection-list-slider) .collection-item:not(.active):hover .collection-item__image img{
    background: linear-gradient(to right, #f2e3be, #eceacc, #33cee7);
    padding: 5px;
}


/* .swiper-slide .collection-item__wrapper:hover .collection-item__image img{
    opacity: 0;
} */

.swiper-slide .collection-item__wrapper:hover .collection-item__image-hover img{
    opacity: 1;
}

.collection-item__wrapper:hover .collection-item__image-hover img{
    opacity: 1;
}

.collection-list:not(.collection-list-slider) .collection-item__image-hover img{
    left: 0px;
    width: 100%;
}

.collection-list:not(.collection-list-slider) .scroll-all-sizes .scroll-slider__slider{
    gap: 10px;
}
/*end of collection item section*/


/*two column collapsible section*/
.two-column-collapsible .collapsible-row-list__items {
    display: flex;
}
.two-column-collapsible .collapsible-row-list__items-wrapper{
    width: 50%;
}
@media (max-width: 719px){
    .two-column-collapsible .collapsible-row-list__items {
        flex-direction: column;
    }
    .two-column-collapsible .collapsible-row-list__items-wrapper{
        width: 100%;
    }
}
/*end of two column collapsible section*/


/* team section*/

.team-item {
    display: flex;
    flex-direction: column;
}

.collection-list__collections[data-standard-grid-spacing-type=collection-list][data-collection-item-style=filled] .team-item{
    background: #F7F0E8;
}

@media (min-width: 720px){
    [data-slider-desktop="false"] .collection-list__collections[data-standard-grid-spacing-type="collection-list"][data-collection-item-style="outlined"] .team-item{
      box-shadow:0px 0px 0px 1px var(--color-border);
    }
  }

/* end of team section */


/*blogs section*/
.article-item{
    border-radius: 11px;
}

.article-item .image.aspect-ratio--landscape{
    border-radius: 11px 11px 0 0;
}

.blog-posts__wrapper{
    display: flex;
    flex-direction: row;
    gap: 24px;
}

@media (max-width: 719px){
    .blog-posts__wrapper{
        flex-direction: column;
        gap: 24px;
    }
}


@media (min-width: 720px){
    .blog__article-item:first-child{
        grid-column: span 2;
    }

    .blog__article-item:first-child .article-item{
        display: flex;
        flex-direction: row !important;
    }

    .blog__article-item:first-child .article-item__image-wrapper .image__img{
        aspect-ratio: 2/3;
    }

    .blog__article-item:first-child .article-item__content-inner{
        justify-content: center;
    }

    .blog__article-item:first-child .article-item .article-item__image-wrapper{
        aspect-ratio: 2 / 3;
        object-fit: cover;
    }


    .text-box .article-item__read-button{
        flex-grow: 0;
    }

    .blog__article-item:first-child .article-item .image.aspect-ratio--landscape{
        border-radius: 11px 0 0 11px;
    }

}


/*collection grid*/
.collection__products[data-grid-style=bordered_grid].standard-grid-spacing[data-standard-grid-spacing-type=product-list]:not([data-item-layout=list]){
    column-gap: 20px;
    row-gap: 20px
}

@media (min-width: 720px){
    [data-collection-columns="2"] .collection__products{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    [data-collection-columns="3"] .collection__products{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }

    [data-collection-columns="4"] .collection__products{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }

    [data-collection-columns="5"] .collection__products{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }

    @media (min-width: 1024px){
        [data-collection-columns="5"] .collection__products{
            grid-template-columns:repeat(3, minmax(0, 1fr));
        }
    }


    @media (min-width: 1280px){

        [data-collection-columns="5"] .collection__products{
            grid-template-columns:repeat(5, minmax(0, 1fr));
        }
    }
}

@media (max-width: 719px){
    .collection__products{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        padding: 0 var(--space-outer);
        column-gap: 8px !important;
        row-gap: 8px !important;
    }
}


      


/*product*/
.product-item__inner{
    padding: 20px;
}

.featured-collection{
    background: var(--featured-col-background);
}

.product[data-gallery-size="xlarge"] .product__primary{
    grid-template-columns:62% 38%;
}

@media screen and (max-width: 719px){
    .product-item__inner{
        padding: 10px;
    }
}


/*tabbed collection*/
.tabbed-collections{
    background: var(--section-background);
}

/*promotion grid*/
.promotion-grid-item__inner[data-text-position=over-image] .promotion-grid-item__promotion{
    right: 0;
    max-width: 100%;
}

.promotion-grid-item__image{
    padding: 20px;
}



/*product list*/
.products-list .product-item .button-wrapper .buy-now{
    background: var(--accent);
    color: #000;
}

.products-list .product-item .product-badge .product-badge__inner{
    background: var(--accent); 
}
.products-list .product-item__quick-add-beneath .product-item__quick-add-wrapper[data-quick-add-style=text]{
    margin-top: 0;
}
.products-list .product-item .button-wrapper .product-item__quick-add{
    padding: var(--button-padding);
    height: auto !important;
    background: #000;
    color: #fff;
    font-family: var(--font-body);
}

@media screen and (max-width: 719px){
    
    .products-list .product-item .button-wrapper {
        flex-direction: column;
    }

    .products-list .product-item .button-wrapper .buy-now{
        margin-bottom: 10px;
    }

    .product-item__meta{
        margin: 0;
    }

    .products-list .product-item .button-wrapper .product-item__quick-add, .products-list .product-item .buy-now{
        padding: var(--button-padding-x-small);
    }
}
/*product list grid*/

@media screen and (min-width: 720px){
    .products-list .product-item .button-wrapper>*{
        /* flex-grow: 1; */
        width: 190px;
        height: 42px;
    }
    .products-list .product-item .button-wrapper{
        column-gap: 20px;
        margin-top: 16px;
        justify-content: center;
    }
    
    .products-list .product-item .button-wrapper .buy-now{
        padding: 0 20px;
    }
    
    .products-list .product-item .product-item__quick-add-wrapper[data-quick-add-style=text] .btn.btn--small.btn--full.product-item__quick-add{
        width: max-content;
        padding: 0 20px !important;
        height: 42px !important;
    }


    .products-list-grid .product-item.wide{
        grid-column: span 2;
    }
    
    .products-list-grid .product-item.big{
        grid-column: span 2;
        grid-row: span 2;
    }

    .products-list-grid .product-item.wide .product-item__inner{
        flex-direction: row;
    }

    .products-list-grid .product-item.wide .product-item__inner > *{
        width: 50%;
    }
    
    .products-list-grid .product-item.wide .image.aspect-ratio--square>*{
        aspect-ratio: 2 / 3;
        object-fit: cover;
    }
}


/*image hero section*/
.image-hero__breadcrumbs{
    position: absolute;
    top: 200px;
    left: 22px;
    color: #fff;
    z-index: 10;
}

.image-hero__breadcrumbs .breadcrumbs__link{
    color: #fff;
}

@media (max-width: 719px){
    .image-hero__breadcrumbs{
        top: 170px;
        left: 10px;
    }
}


#updateForm {
    display: none;
  }

  .alert {
    padding: 20px;
    background-color: #f44336;
    color: white;
    margin-bottom: 15px;
    display: none;
}


.product-form__cart-submit{
    background: #000;
    color: #fff;
}



/* bundle apps */
.bndlr-products-container{
    border: 1px solid #282628;
    padding: 40px !important;
    border-radius: 11px !important;
    display: flex !important;
    flex-wrap: wrap !important;
}

.bndlr-container h2.bndlr-bundle-title{
    text-align: left !important;
    font-family: var(--font-heading);
    font-weight: 900;
}

.bndlr-bundle-description{
    text-align: left !important;
    margin: 0 !important;
}

.bndlr-product{
    padding: 20px !important;
    max-width: 300px !important;
    width: 300px !important;
    background: #F7F0E8;
}

.bndlr-inner-products-container > div:first-child{
    flex-wrap: nowrap !important;
}

.bndlr-product:not(:last-of-type)::after{
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 20px 0 rgba(0, 0, 0, 0.19);
}

.bndlr-bundle-checkout-warning{
    display: none;
}

.bndlr-bundle-title, .bndlr-bundle-description, .bndlr-add-to-cart, .bndlr-total-price{
    max-width: 50%;
    width: 50% !important;
}

.bndlr-bundle-title{
    order: 1;
}

.bndlr-total-price{
    order: 2;
    justify-content: flex-end;
    display: flex;
    align-items: center;
}

.bndlr-add-to-cart{
    order: 4;
    margin: 0 0 10px auto !important;
    max-width: fit-content !important;
    padding: 5px 15px !important;
    background: #F7F0E8 !important;
    border-radius: 11px !important;
}

.bndlr-bundle-description{
    order: 3;
}

.bndlr-inner-products-container{
    order: 5;
    width: 100%;
}

@media screen and (max-width: 749px){
    .bundle-wrapper{
        flex-direction: column;
    }
    .bndlr-products-container{
        padding: 20px !important;
    }
    
    .bndlr-inner-products-container > div:first-child{
        flex-wrap: wrap !important;
    }
    
    .bndlr-product{
        padding: 10px!important;
        max-width: 100% !important;
        width: 100%!important;
    }

    .bndlr-bundle-title, .bndlr-bundle-description{
        max-width: 100%;
        width: 100% !important;
    }

    .bndlr-total-price {
        order: 3;
        justify-content: flex-start;
    }

    .bndlr-add-to-cart{
        margin: 10px 0 10px auto!important;
    }
}

/*Collection list slider*/
.collection-list-slider{
    padding: 0 1rem;
}

/*slider*/
.button-next, .button-prev{
    width: 30px !important;
    height: 30px !important;
}

.button-prev:after, .button-next:after{
    color: #000;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    font-size: 25px !important;
    font-weight: bolder;
    padding: 13px 20px;
}

@media screen and (max-width: 719px){
    .button-prev:after, .button-next:after{
      padding: 10px 15px;
      font-size: 20px !important;
    }
    .button-next, .button-prev{
      width: 15px !important;
      height: 15px !important;
    }
}
/*end of slider*/

/*components*/
.btn:hover, .btn.btn--secondary, .btn.btn--primary, .btn.btn--tertiary, .bndlr-add-to-cart{
    transition: all .3s ease !important;
}

.btn:hover, .btn.btn--secondary:hover, .btn.btn--primary:hover, .btn.btn--tertiary:hover, .bndlr-add-to-cart:hover{
    transform: scale(1.1) !important;
}

.btn.btn--tertiary:hover:not([disabled]){
    box-shadow: unset;
}

.scroll-slider-nav-button{
    opacity: 1;
}

.scroll-slider-nav-button-wrapper button[disabled], .scroll-slider .scroll-slider-nav-button-wrapper button[disabled]{
    opacity: 0.8;
    cursor: default;
}

.scroll-slider-nav-button-wrapper:hover button[disabled], .scroll-slider:hover~.scroll-slider-nav-button-wrapper button[disabled]{
    opacity: 1;
}

.media-with-content__media-wrapper:hover .media-with-content__image img, .grid-item:hover .background-image-container:not(.banner-image-container) .image img,
.featured-collection-with-media__media-block:hover .background-image-container:not(.banner-image-container) .image img,
.article-item__wrapper:hover .article-item__image img{
    transform: scale(1.05);
}

.media-with-content__media-wrapper .media-with-content__image img, .grid-item .background-image-container:not(.banner-image-container) .image img,
.featured-collection-with-media__media-block .background-image-container:not(.banner-image-container) .image img,
.article-item__wrapper .article-item__image img{
    transition: transform 0.5s ease;
}

.grid-item__text-container, .overlay-content__text-container{
    margin-top: calc(var(--content-top) - 3rem);
    margin-left: var(--content-left);
    margin-right: var(--content-right);
    margin-bottom: calc(var(--content-bottom) - 3rem);
}

.image-hero__text-container{
    margin-top: calc(var(--content-top) - 5rem);
    margin-left: calc(var(--content-left) - 4rem);
    margin-right: calc(var(--content-right) - 4rem);
    margin-bottom: calc(var(--content-bottom) - 5rem);
}

.grid-item__text-container{
    margin: var(--content-top) var(--content-right) var(--content-bottom) var(--content-left);
}

@media (min-width: 1700px){
    .overlay-content__text-container, .image-hero__text-container{
        margin: var(--content-top) var(--content-right) var(--content-bottom) var(--content-left);
    }
}

@media (max-width: 720px){
    .grid-item__text-container, .overlay-content__text-container, .image-hero__text-container{
        margin: var(--content-mobile-top) var(--content-mobile-right) var(--content-mobile-bottom) var(--content-mobile-left);
    }
    
    .btn{
        padding: 5px 20px;
        font-size: 12px;
    }
}

.icon-arrow-short svg{
    width: 40px;
    height: 28px;
}

.account-details__info p, .account-detail-form p{
    font-weight: 700;
    margin-bottom: 10px;
}

.account-detail-field input{
    width: 100%;
    padding: var(--spacing-2) var(--spacing-3);
    margin-bottom: 1rem;
}

.account-details__info, .account-detail-form{
    margin-top: 1rem;
}

.account-detail-form .btn, .account-details__info .btn{
    margin-bottom: 2rem;
    margin-top: 2rem;
}

@media (min-width: 480px){
    .account__top{
        max-width: 800px;
        margin: auto;
    }
}

.shopify-policy__container{
    max-width: (var(--max-width) + calc(var(--space-outer) * 2)) !important;
    padding: var(--section-style-spacing-top, 0) var(--space-outer) var(--section-style-spacing-bottom, 0) !important;
}

#link-About a::before{
    content:""; 
    background: #000;
    position: absolute;
    bottom: 0; 
    left: -7px; 
    height: 60%; 
    width: 1.5px;
    top: 20%;
}

/* grid animation section*/
.grid__animation{
    display: grid;
	grid-gap: var(--grid-spacing);
	grid-template-columns: repeat(4, minmax(250px, 1fr));
	grid-auto-rows: 250px;
	grid-auto-flow: dense;
    max-width: calc((var(--content-width)) + (var(--grid-spacing)) * 3);
    margin-left: auto;
    margin-right: auto;
}


.grid__animation .grid-animation-wrapper, .grid__animation .grid-animation-wrapper img, .grid__animation .placeholder-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.grid__animation .grid-animation-item{
    padding: 0;
    display: flex;
	justify-content: center;
	align-items: center;
    position: relative;
    background: red;
}

.grid-animation__title{
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 700;
    font-size: 1.7rem;
    color: #fff;
    z-index: 2;
    transition: opacity 1s ease-in-out;
}

.grid-animation__info{
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    transition: all 1s ease-in-out;
}

.grid__animation .grid-animation-item .grid-animation-wrapper{
    transition: all 1s ease-in-out;
}

.grid__animation .grid-animation-item:hover .grid-animation__title, .grid__animation .grid-animation-item:hover .grid-animation-wrapper {
    opacity: 0;
}

@keyframes appears{
    90% {
        opacity: 0;
        visibility: hidden;
    }
    100% {
        visibility: visible;
        opacity: 1;
    }
}

.grid__animation .grid-animation-item:hover .grid-animation__info{
    animation: appears 0.75s forwards;
}

@media (min-width: 960px) {
.grid__animation .grid-animation-item.left-right .grid-animation-wrapper img{
    width: calc(500px + var(--grid-spacing));
    transition: width 0.8s ease-in-out;
}


.grid__animation .grid-animation-item.left-right{
    transition: width 0.8s ease-in-out;
    width: 100%;
}


.grid__animation .grid-animation-item.left-right:hover{
    width: calc(500px + var(--grid-spacing));
    z-index: 4;
}

.grid__animation .grid-animation-item.right-left .grid-animation-wrapper img{
    width: calc(500px + var(--grid-spacing));
    transition: all 0.8s ease-in-out;
}


.grid__animation .grid-animation-item.right-left{
    transition: all 0.8s ease-in-out;
    width: 100%;
}


.grid__animation .grid-animation-item.right-left:hover{
    width: calc(500px + var(--grid-spacing));
    margin-left: -260px;
    z-index: 3;
}

.grid__animation .grid-animation-item.bottom-top .grid-animation-wrapper img, .grid__animation .grid-animation-item.top-bottom .grid-animation-wrapper img{
    height: calc(500px + var(--grid-spacing));
    transition: all 0.8s ease-in-out;
}


.grid__animation .grid-animation-item.bottom-top, .grid__animation .grid-animation-item.top-bottom{
    transition: all 0.8s ease-in-out;
    height: 100%;
}


.grid__animation .grid-animation-item.bottom-top:hover{
    height: calc(500px + var(--grid-spacing));
    margin-top: -260px;
    z-index: 3;
}

.grid__animation .grid-animation-item.top-bottom:hover{
    height: calc(500px + var(--grid-spacing));
    z-index: 3;
}

.grid__animation .grid-animation-item.no-content:hover .grid-animation__title{
    opacity: 1;
}
.grid__animation .grid-animation-item.no-content{
    border-radius: 100%;
}
.grid-animation-item.rotate{
    transition: all 0.25s ease-in-out;
}

.grid-animation-item.rotate:hover{
    transform: scale(1.1) rotate(12deg);
}

.grid__animation .grid-animation-item.diagonal .grid-animation-wrapper img{
    width: calc(500px + var(--grid-spacing) * 2);
    height: calc(500px + var(--grid-spacing) * 2);
    transition: all 0.8s ease-in-out;
}


.grid__animation .grid-animation-item.diagonal{
    transition: all 0.8s ease-in-out;
    width: 100%;
}


.grid__animation .grid-animation-item.diagonal:hover{
    width: calc(500px + var(--grid-spacing));
    height: calc(500px + var(--grid-spacing));

    z-index: 3;
}

.grid__animation .grid-item--width-wide {
	grid-column: span 2;
}
.grid__animation .grid-item--width-tall {
	grid-row: span 2;
}
.grid__animation .grid-item--width-big {
	grid-column: span 2;
	grid-row: span 2;
}

.grid__animation .grid-item--width-small {
	grid-column: span 1;
	grid-row: span 1;
}
}

@media (max-width: 719px){
    .grid__animation{
        display: flex;
        grid-gap: calc(var(--grid-spacing)/2);
        flex-wrap: wrap;
    }

    .grid-animation-item{
        width: calc(50% - (var(--grid-spacing)/4));
    }
}
/* end of grid animation*/

/* store stat section */
.store-stat-wrapper{
    display: flex;
    justify-content: center;
    gap: 100px;
    text-align: center;
    font-family: var(--font-heading);
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    background: url('./bg-stat.png');
    padding: 25px 0;
    background-size: cover;
}

.total-value{
    font-size: 64px;
}

@media (max-width: 719px){
    .store-stat-wrapper{
        font-size: 10px;
        gap: 20px;
        padding: 18px 0;
    }

    .total-value {
        font-size: 20px;
    }
}

@font-face { font-family: NAME OF FONT; src: url(/cdn/shop/files/Archivo_Expanded-Black.ttf?v=1705026541); } 


NAME OF BODY FONTS {
  font-family: myFont !important;
}