/** Shopify CDN: Minification failed

Line 487:0 Expected "}" to go with "{"

**/
/*==================================================
WG CATEGORY GRID
==================================================*/

.wg-category-grid{

    background:var(--wg-bg-soft);

    padding-block:var(--wg-section-desktop);

}

/*==================================================
HEADER
==================================================*/

.wg-category-grid__header{

    display:flex;

    justify-content:space-between;

    align-items:flex-end;

    gap:80px;

    margin-bottom:72px;

}

.wg-category-grid__intro{

    max-width:720px;

}

.wg-category-grid__title{

    margin:0;

    color:var(--wg-text);

    font-size:clamp(2.75rem,4vw,3.5rem);

    line-height:1;

    letter-spacing:-.03em;

}

.wg-category-grid__text{

    margin-top:26px;

    max-width:640px;

    color:var(--wg-text-light);

    font-size:var(--wg-body-lg);

    line-height:1.8;

}

/*==================================================
HEADER LINK
==================================================*/

.wg-category-grid__link{

    display:inline-flex;

    align-items:center;

    gap:12px;

    color:var(--wg-text);

    font-weight:600;

    transition:var(--wg-transition);

}

.wg-category-grid__link svg{

    transition:var(--wg-transition);

}

.wg-category-grid__link:hover{

    color:var(--wg-primary);

}

.wg-category-grid__link:hover svg{

    transform:translateX(5px);

}

/*==================================================
CATEGORY GRID
==================================================*/

.wg-category-grid__cards{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:28px;

}

/*==================================================
CATEGORY CARD
==================================================*/

.wg-category-card{

    transition:var(--wg-transition);

}

.wg-category-card:hover{

    transform:translateY(-8px);

}

.wg-category-card__inner{

    display:flex;

    flex-direction:column;

    height:100%;

    overflow:hidden;

    text-decoration:none;

    border-radius:28px;

    background:var(--wg-white);

    border:1px solid var(--wg-border);

    box-shadow:var(--wg-shadow-sm);

    transition:var(--wg-transition);

}

.wg-category-card:hover .wg-category-card__inner{

    box-shadow:var(--wg-shadow-lg);

}

.wg-category-card__image{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    height:250px;

    background:linear-gradient(
180deg,
#F8F9F7 0%,
#F4F6F3 100%
);

}

.wg-category-card__image::before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    border-radius:50%;

    background:rgba(15,91,58,.05);

    transition:var(--wg-transition);

}

.wg-category-card:hover .wg-category-card__image::before{

    transform:scale(1.15);

    background:rgba(15,91,58,.10);

}

.wg-category-card__img{

    position:relative;

    z-index:2;

    width:78%;

    height:78%;

    object-fit:contain;

    transition:transform .45s ease;

}

.wg-category-card:hover .wg-category-card__img{

    transform:scale(1.06);

}

.wg-category-card__content{

    display:flex;

    flex:1;

    flex-direction:column;

    padding:30px;

}

.wg-category-card__top{

    display:flex;

    align-items:flex-start;

    gap:18px;

}

.wg-category-card__icon{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    width:52px;

    height:52px;

    border-radius:16px;

    background:#F5F8F4;

    color:var(--wg-primary);

    transition:var(--wg-transition);

}

.wg-category-card__icon svg{

    width:26px;

    height:26px;

    stroke:currentColor;

    fill:none;

    transition:var(--wg-transition);

}

.wg-category-card:hover .wg-category-card__icon{

    background:var(--wg-primary);

    color:#FFFFFF;

}

.wg-category-card:hover .wg-category-card__icon svg{

    transform:scale(1.08);

}

.wg-category-card__title{

    margin:0;

    color:var(--wg-text);

    font-size:22px;

    font-weight:700;

}

.wg-category-card__description{

    margin-top:10px;

    color:var(--wg-text-light);

    font-size:15px;

    line-height:1.7;

}

.wg-category-card__footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:auto;

    padding-top:26px;

    border-top:1px solid var(--wg-border);

    color:var(--wg-primary);

    font-weight:600;

}

.wg-arrow{

    transition:var(--wg-transition);

}

.wg-category-card:hover .wg-arrow{

    transform:translateX(6px);

}

/*==================================================
TABLET
==================================================*/

@media (max-width:1024px){

    .wg-category-grid{

        padding-block:var(--wg-section-tablet);

    }

    .wg-category-grid__header{

        flex-direction:column;

        align-items:flex-start;

        gap:32px;

    }

    .wg-category-grid__cards{

        grid-template-columns:repeat(2,1fr);

    }

    

}

/*==================================================
MOBILE
==================================================*/

@media (max-width:767px){

    .wg-category-grid{

        padding-block:var(--wg-section-mobile);

    }

    .wg-category-grid__title{

    font-size:17px;

    line-height:1.2;

    }

    .wg-category-grid__text{

        font-size:17px;

    }
    

    .wg-category-grid__cards{

        display:flex;

        gap:18px;

        overflow-x:auto;

        overflow-y:hidden;

        padding-bottom:8px;

       scroll-snap-type:x proximity;

        scrollbar-width:none;

        -webkit-overflow-scrolling:touch;

    }

    .wg-category-grid__cards::-webkit-scrollbar{

        display:none;

    }

    .wg-category-card{

        min-width:310px;

        scroll-snap-align:start;

    }

    .wg-category-card__image{

        height:170px;

    }

    .wg-category-card__img{

    width:70%;

    height:70%;

}

.wg-category-card__image::before{

    width:130px;

    height:130px;

}
    .wg-category-card__content{

        padding:18px;

    }