.product-grid-section{--margin: 0 0 0 0;--margin-mobile: 0 0 0 0;--padding: 0 0 0 0;--padding-mobile: 0 0 0 0;--background-color: transparent;--background-color-mobile: var(--background-color);background-color:var(--background-color-mobile);margin:var(--margin-mobile);padding:var(--padding-mobile)}.product-grid-section__inner{--inner-width: 100%;--inner-width-mobile: 100%;display:flex;flex-direction:column;overflow:hidden;width:100%;max-width:var(--inner-width-mobile);margin:0 auto;padding:0}@media screen and (min-width: 768px){.product-grid-section{background-color:var(--background-color);margin:var(--margin);padding:var(--padding)}.product-grid-section__inner{max-width:var(--inner-width)}}.product-grid.debug{border:2px dashed #ff6b6b;padding:1rem;background-color:#ff6b6b1a}.product-grid.debug:before{content:"<product-grid>";display:block;color:#ff6b6b;font-size:.75rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.product-grid[data-state=loading] [data-loading-state]{display:flex;align-items:center;justify-content:center;gap:1rem}.product-grid[data-state=error] [data-error-state],.product-grid[data-state=empty] [data-empty-state],.product-grid[data-state=results] [data-results-container]{display:block;text-align:center}.product-grid:not([data-state=results]) [data-filter-container]{display:none}.product-grid__inner{display:flex;flex-direction:column;gap:2rem;position:relative}.product-grid__inner__body [data-products-container],.product-grid__inner__footer [data-pagination-container]{margin:0}.product-grid__inner:has([data-results-container]:empty) [data-pagination-container]{display:none}.product-grid__items{--grid-columns-mobile: 2;--grid-columns-desktop: 4;--grid-columns: var(--grid-columns-mobile);--grid-horizontal-spacing: .6rem;--grid-vertical-spacing: 2rem;--grid-column-width: calc(100% / var(--grid-columns));--grid-column-span: 1;display:grid;grid-template-columns:repeat(var(--grid-columns),calc(var(--grid-column-width) - var(--grid-horizontal-spacing)));column-gap:var(--grid-horizontal-spacing);row-gap:var(--grid-vertical-spacing);justify-content:space-between;list-style:none;margin:1.4rem 0 0;padding:0;aspect-ratio:auto}.product-grid__item:has(.product-card.product-card--initialized:empty){display:none}.product-grid__item{height:100%;width:100%;overflow:hidden;max-width:100%;position:relative;grid-column:span var(--grid-column-span);aspect-ratio:auto;--grid-item-aspect-ratio: 1 / 1}.product-grid__item.size--medium,.product-grid__item.size--large{--grid-column-span: var(--grid-columns)}.product-grid__item:before{content:"";display:block;position:relative;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;padding-top:calc((var(--grid-item-aspect-ratio) * (1 / var(--grid-column-span)) * 100%) - (var(--grid-horizontal-spacing) / 2))}.product-grid__item:has(.product-card):before{position:absolute}.product-grid__item.product-grid__item--content-block--text-only:before{content:unset}.product-grid__item.product-grid__item--product:has(.product-card){--grid-item-aspect-ratio: 5 / 3}.product-grid__item.product-grid__item--product:not(:has(.product-card)){display:none}.product-grid[data-state=loading] .loading-overlay{display:block;width:auto;position:relative;padding:0;opacity:.7}.product-grid[data-state=loading] .loading-overlay__spinner{display:flex}.product-grid__inner__footer{display:flex;flex-direction:column;align-items:center;gap:1rem}@media screen and (max-width: 767px){.product-grid__item.product-grid__item--content-block.size--medium.height--product-card-media-calculation,.product-grid__item.product-grid__item--content-block.size--large.height--product-card-media-calculation{--grid-item-aspect-ratio: 4 / 3}}@media screen and (min-width: 768px){.product-grid__inner{gap:2rem}.product-grid__items{--grid-horizontal-spacing: 1.155rem;--grid-vertical-spacing: 4.7rem;--grid-columns: var(--grid-columns-desktop)}.product-grid[data-desktop-columns="3"] .product-grid__item.size--medium,.product-grid[data-desktop-columns="4"] .product-grid__item.size--medium{--grid-item-aspect-ratio: 4 / 3;--grid-column-span: 2}.product-grid[data-desktop-columns="5"] .product-grid__item.size--medium{--grid-item-aspect-ratio: 5 / 3;--grid-column-span: 3}}.product-grid__inner__body[data-filtered=true] .product-grid__item.product-grid__item--content-block{display:none}@media screen and (max-width: 767){.product-grid__item.product-grid__item--content-block.size--medium,.product-grid__item.product-grid__item--content-block.size--large{--grid-item-aspect-ratio: 5 / 3}}.product-grid__item.product-grid__item--content-block{display:grid;grid-template-areas:"content";grid-template-rows:1fr;grid-template-columns:1fr}.product-grid__item--content-block__media{grid-area:content;width:100%;height:100%;position:relative;z-index:1}.product-grid__item--content-block__media img,.product-grid__item--content-block__media video{object-fit:cover;height:100%;width:100%;position:absolute;top:0;left:0}.product-grid__item--content-block__content{grid-area:content;width:100%;height:100%;position:relative;z-index:2;display:flex;flex-direction:column;padding:2.5rem 3.5rem;justify-content:center;text-align:left;align-items:flex-start}.product-grid__item--content-block__content .button,.product-grid__item--content-block__content a:not(.ad-block-link){pointer-events:auto}.product-grid__item.product-grid__item--content-block:before{grid-area:content;z-index:-1;pointer-events:none}.product-grid__item--content-block .ad-block-link{grid-area:content;position:relative;z-index:3;width:100%;height:100%;text-decoration:none;color:transparent;background:transparent;display:block}.product-grid__item--content-block__content.v-align--bottom{justify-content:flex-end}.product-grid__item--content-block__content.v-align--top{justify-content:flex-start}.product-grid__item--content-block__content.align--center{text-align:center;align-items:center}.product-grid__item--content-block__content.align--right{text-align:right;align-items:flex-end}.product-grid__item--content-block__content.align--left{text-align:left;align-items:flex-start}.product-grid__item--content-block__content h3{font-weight:400;font-size:2.4rem;line-height:1.133;color:var(--color-black);margin:0}.product-grid__item--content-block.size--small .product-grid__item--content-block__content h3{line-height:1.125}.product-grid__item--content-block__content p{font-weight:400;font-size:1.4rem;line-height:2rem;letter-spacing:.8px;color:var(--color-dark-3);margin-top:.5rem;margin-bottom:0}.product-grid__item--content-block__content a.ad-block-link{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.product-grid__item--content-block__content button,.product-grid__item--content-block__content .button{margin-top:4.6rem;position:static;min-width:210px;z-index:2;line-height:25px;font-weight:400;padding:8.5px 25px;font-size:16px}.product-grid__item--content-block__content.size--small a{width:100%}@media screen and (max-width: 767px){.product-grid__item--content-block__content{padding:3.5rem}.product-grid__item--content-block__content button,.product-grid__item--content-block__content .button{margin-top:5px;font-size:14px;padding:0 43px;min-height:30px}.product-grid__item--content-block.size--small .product-grid__item--content-block__content{padding:1.8rem 1rem}.product-grid__item--content-block__content h3{line-height:1.166}.product-grid__item--content-block.size--small .product-grid__item--content-block__content h3{line-height:1.142}.product-grid__item--content-block.size--small .product-grid__item--content-block__content a{min-width:unset;max-width:100%}}.product-grid__item--content-block--text-only .product-grid__item--content-block__inner{display:flex;flex-direction:column;flex-wrap:wrap}.product-grid__item--content-block__header{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:1rem}@media screen and (min-width: 768px){.product-grid__item--content-block__header{gap:2rem}}.product-grid__item--content-block__body{width:100%;text-align:left}.product-grid__item--content-block__header__divider{flex:1 1 auto;background:#000;margin:0}.product-grid__item--content-block__heading{flex-shrink:0}.product-grid__item--content-block__link{text-transform:uppercase;text-underline-offset:5px}@media screen and (max-width: 767px){.product-grid__item--content-block__heading{max-width:50%}}
/*# sourceMappingURL=/cdn/shop/t/1503/assets/component-product-grid.css.map */