.product-category-grid{background-color:var(--section-bg-color);padding-block:3rem;display:flex;align-items:center;justify-content:center;padding-left:var(--xo-container-gap, 20px);padding-right:var(--xo-container-gap, 20px)}.product-category-grid__wrapper{background-color:var(--card-bg-color);max-width:var(--wrapper-max-width);width:100%;margin:0 auto;padding:4rem 3rem;border-radius:var(--product-card-radius)}.product-category-grid__heading{text-align:center;color:var(--heading-color);font-size:clamp(25px,2.5vw,40px);font-weight:500;margin-bottom:6rem;font-family:var(--font-heading-family);letter-spacing:0}.product-category-grid__slider-wrapper{position:relative;width:100%}.product-category-grid__slider-wrapper--mobile-only{display:block}@media(min-width:1024px){.product-category-grid__slider-wrapper--mobile-only{display:none}}.product-category-grid__carousel{width:100%}.product-category-grid__carousel-list{--xo-gap: 1rem}@media(min-width:768px){.product-category-grid__carousel-list{--xo-gap: 1.5rem}}@media(max-width:1023px){.product-category-grid__carousel-list{width:calc(100% * var(--product-category-grid-slides, 4))!important}.product-category-grid__carousel xo-carousel-slide,.product-category-grid__carousel .product-category-grid__carousel-slide{width:calc(100% / var(--product-category-grid-slides, 4))!important;flex:0 0 calc(100% / var(--product-category-grid-slides, 4))!important;padding-inline-end:var(--xo-gap, 1rem);box-sizing:border-box}}@media(min-width:768px)and (max-width:1023px){.product-category-grid__carousel-list{--xo-gap: 1.5rem}}.product-category-grid__carousel-slide{height:auto}.product-category-grid__carousel-slide .product-category-grid__column{height:100%}.product-category-grid__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center}[dir=ltr] .product-category-grid__nav--prev{left:0}[dir=ltr] .product-category-grid__nav--next,[dir=rtl] .product-category-grid__nav--prev{right:0}[dir=rtl] .product-category-grid__nav--next{left:0}.product-category-grid__nav[xo-disabled]:not([xo-disabled=false]){pointer-events:none;cursor:not-allowed;opacity:.5}.product-category-grid__paginate{padding-top:1.2rem}@media(max-width:767px){.product-category-grid__slider-wrapper--mobile-only .product-category-grid__nav{display:none}}.product-category-grid__columns{display:grid;grid-template-columns:repeat(var(--columns-count),1fr);gap:2rem;width:100%}.product-category-grid__column{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;position:relative;padding:4rem 1.5rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;justify-content:space-between}.product-category-grid__column:hover{transform:translateY(-8px) scale(1.02)}.product-category-grid__label{position:absolute;top:0;left:0;background-color:var(--label-bg-color);color:var(--label-font-color);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;z-index:2;margin:1rem;white-space:nowrap;font-family:var(--font-body-family)}.product-category-grid__image-wrapper{width:100%;aspect-ratio:1 / 1;margin-bottom:1.5rem;position:relative;overflow:hidden}.product-category-grid__image-wrapper .xo-image{width:100%;height:100%;aspect-ratio:1 / 1!important;--xo-ratio-percent: 100% !important;position:absolute;top:0;left:0}.product-category-grid__image-wrapper .xo-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:transform .3s ease}.product-category-grid__column:hover .product-category-grid__image-wrapper img{transform:scale(1.05)}.product-category-grid__card-heading{text-align:center;color:var(--card-heading-color);font-size:1.2em;font-weight:500;margin-top:1rem;margin-bottom:0;font-family:var(--font-heading-family)}@media screen and (max-width:1024px){.product-category-grid__wrapper{padding:3rem 2rem}.product-category-grid__columns{gap:1.5rem}}@media screen and (max-width:768px){.product-category-grid__wrapper{padding:4rem 2rem}.product-category-grid__columns{grid-template-columns:repeat(2,1fr);gap:1rem}.product-category-grid__column{padding:1rem}.product-category-grid__card-heading{font-size:1em}.product-category-grid__label{font-size:12px;padding:6px 12px;margin:.5rem}}@media screen and (max-width:480px){.product-category-grid__columns{grid-template-columns:1fr}}.product-category-grid__columns.product-category-grid__columns--desktop-only{display:none}@media(min-width:1024px){.product-category-grid__columns.product-category-grid__columns--desktop-only{display:grid}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/section-product-category-grid.css.map */