.product-grid-container{display:block;width:100%;padding-block:var(--padding-block-start) var(--padding-block-end)}@media screen and (width >= 750px){.product-grid-container{display:grid}}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--product-grid-gap);margin:auto;padding:0;list-style:none}@media screen and (width >= 750px){.product-grid{grid-template-columns:var(--product-grid-columns-desktop)}}.product-grid :is(h3,p){margin:0}.product-grid__item{border:var(--product-card-border-width) solid rgba(from var(--color-border) r g b / var(--product-card-border-opacity))}.product-grid--organic[product-grid-view=default] .product-grid__item{height:fit-content}.product-grid__card.product-grid__card{display:flex;flex-flow:column nowrap;gap:var(--product-card-gap);align-items:var(--product-card-alignment);text-decoration:none;color:var(--color, var(--color-foreground));padding-block:var(--padding-block-start) var(--padding-block-end);padding-inline:var(--padding-inline-start) var(--padding-inline-end);overflow:hidden}[product-grid-view=zoom-out] .product-grid__card{row-gap:var(--padding-xs)}[product-grid-view=default]{--product-grid-gap: 16px;--padding-block-start: 24px;--padding-block-end: 24px;--padding-inline-start: 0;--padding-inline-end: 0}[product-grid-view=default] .product-grid__item{padding-block:0}@media screen and (width < 750px){[product-grid-view=mobile-single],.product-grid-mobile--large{grid-template-columns:1fr}}@media screen and (width <= 749px){.product-grid__card .group-block>*{flex-direction:column}}ul[product-grid-view=zoom-out] .product-grid__card>*{display:none}ul[product-grid-view=zoom-out] .product-grid__card .card-gallery{display:block}[product-grid-view=zoom-out] .card-gallery>:is(quick-add-component,.product-badges,slideshow-component>slideshow-controls){display:none}[product-grid-view=zoom-out] :is(.card-gallery,.card-gallery .slideshow-control){pointer-events:none}ul[product-grid-view=zoom-out] .card-gallery>img{display:block}[product-grid-view=zoom-out]{--product-grid-columns-desktop: repeat( 10, minmax(clamp(50px, calc(100% - 9 * var(--product-grid-gap)) / 10, 80px), 1fr) )}.product-grid-view-zoom-out--details{display:none}.product-grid-view-zoom-out--details .h4,.product-grid-view-zoom-out--details span,.product-grid-view-zoom-out--details s{font-size:var(--font-size--xs);font-family:var(--font-paragraph--family)}.product-grid-view-zoom-out--details span{font-weight:500}.product-grid-view-zoom-out--details .h4{line-height:1.3;font-weight:400}.product-grid-view-zoom-out--details>span.h6,.product-grid-view-zoom-out--details>div.h6>product-price{display:inline-block;line-height:0;margin-top:var(--margin-2xs)}.product-grid-view-zoom-out--details>span.h6>*,.product-grid-view-zoom-out--details>div.h6>*>*{line-height:1.2}@media (prefers-reduced-motion: no-preference){:root:active-view-transition-type(product-grid) details[open] floating-panel-component{view-transition-name:panel-content}:root:active-view-transition-type(product-grid) details[open] floating-panel-component .checkbox *,:root:active-view-transition-type(product-grid) details[open] floating-panel-component .facets__pill-label{transition:none}.facets--vertical :is(:root:active-view-transition-type(product-grid) details[open] floating-panel-component){view-transition-name:none}:root:active-view-transition-type(product-grid) .product-grid{view-transition-name:product-grid}:root:active-view-transition-type(product-grid) footer{view-transition-name:footer}:root:active-view-transition-type(product-grid) .product-grid__item,:root:active-view-transition-type(product-grid) floating-panel-component{transition:none}}::view-transition-group(panel-content){z-index:1}::view-transition-new(product-grid){animation-delay:.15s;animation-name:fadeInUp;animation-duration:var(--animation-speed);animation-timing-function:var(--animation-easing)}results-list[initialized] .product-grid__item{transition:opacity var(--animation-speed) var(--animation-easing),transform var(--animation-speed) var(--animation-easing)}@starting-style{results-list[initialized] .product-grid__item{opacity:0;transform:translateY(10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:is(.product-grid__item,.resource-list__item) .product-card{display:grid;height:100%}
/*# sourceMappingURL=/cdn/shop/t/30/assets/product-grid.css.map */