.grid-fluid-section{width:100%;max-width:100%}.grid-fluid-section.page-width{max-width:var(--page-width);margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}.grid-fluid-header{margin-bottom:3rem}.grid-fluid-header.center{text-align:center}.grid-fluid-header.right{text-align:right}.grid-fluid-heading{margin-bottom:1rem}.grid-fluid-subtitle{margin-top:1rem;font-size:1.125rem;line-height:1.6}.grid-fluid{display:grid;grid-template-columns:repeat(var(--grid-columns, 4),1fr);gap:var(--grid-row-gap, 20px) var(--grid-gap, 20px);width:100%}.grid-fluid--layout-auto .grid-fluid__item{grid-column:span 1;grid-row:span 1}.grid-fluid--layout-manual .grid-fluid__item{grid-column:span var(--desktop-column-span, 1);grid-row:span var(--desktop-row-span, 1)}.grid-fluid--layout-masonry{grid-auto-flow:dense}.grid-fluid--layout-masonry .grid-fluid__item{grid-column:span var(--desktop-column-span, 1);grid-row:span var(--desktop-row-span, 1)}.grid-fluid__item{position:relative;min-height:200px;overflow:hidden;border-radius:var(--border-radius, 0)}.grid-fluid__item-content{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;position:relative;overflow:hidden;border-radius:inherit}.grid-fluid__image-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.grid-fluid__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.grid-fluid__item:hover .grid-fluid__image{transform:scale(1.05)}.grid-fluid__image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;pointer-events:none}.grid-fluid__image-placeholder,.grid-fluid__video-placeholder,.grid-fluid__product-placeholder,.grid-fluid__collection-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(var(--color-foreground),.05);min-height:300px}.grid-fluid__image-placeholder svg,.grid-fluid__video-placeholder svg,.grid-fluid__product-placeholder svg,.grid-fluid__collection-placeholder svg{width:100px;height:100px;opacity:.3}.grid-fluid__link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.grid-fluid__text-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:2rem}.grid-fluid__text-content.center{text-align:center;align-items:center}.grid-fluid__text-content.right{text-align:right;align-items:flex-end}.grid-fluid__text-heading{margin-bottom:1rem}.grid-fluid__text{margin-bottom:1.5rem;line-height:1.6}.grid-fluid__text-content .button{margin-top:1rem}.grid-fluid__video-wrapper{position:relative;width:100%;height:100%;min-height:300px}.grid-fluid__video-wrapper video,.grid-fluid__video-iframe{width:100%;height:100%;object-fit:cover;display:block}.grid-fluid__video-iframe{border:none}.grid-fluid__item--product .grid-fluid__item-content{padding:0}.grid-fluid__item--product .card-wrapper{height:100%}.grid-fluid__item--collection .grid-fluid__item-content{padding:0}.grid-fluid__custom-liquid{width:100%;height:100%}.grid-fluid-footer{margin-top:3rem}.grid-fluid-footer.center{text-align:center}@media screen and (max-width:749px){.grid-fluid{grid-template-columns:repeat(var(--grid-columns, 2),1fr)}.grid-fluid--layout-manual .grid-fluid__item,.grid-fluid--layout-masonry .grid-fluid__item{grid-column:span var(--mobile-column-span, 1);grid-row:span 1}.grid-fluid__item{min-height:150px}.grid-fluid__text-content{padding:1.5rem}.grid-fluid-header{margin-bottom:2rem}}@media screen and (min-width:750px)and (max-width:989px){.grid-fluid{grid-template-columns:repeat(calc(var(--grid-columns) / 2),1fr)}.grid-fluid--layout-manual .grid-fluid__item,.grid-fluid--layout-masonry .grid-fluid__item{grid-column:span calc(var(--desktop-column-span, 1))}}.grid-fluid__item{transition:transform .3s ease,box-shadow .3s ease}.grid-fluid__item:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000026}.grid-fluid__item-content>*{max-width:100%}.grid-fluid__item-content.gradient{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.grid-fluid__link:focus{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media(prefers-reduced-motion:no-preference){.grid-fluid__item{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.grid-fluid__item:nth-child(1){animation-delay:.1s}.grid-fluid__item:nth-child(2){animation-delay:.2s}.grid-fluid__item:nth-child(3){animation-delay:.3s}.grid-fluid__item:nth-child(4){animation-delay:.4s}.grid-fluid__item:nth-child(5){animation-delay:.5s}.grid-fluid__item:nth-child(n+6){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}}.grid-fluid[style*="--grid-columns: 1"] .grid-fluid__item{min-height:250px}@media screen and (min-width:1200px){.grid-fluid[style*="--grid-columns: 12"] .grid-fluid__item{min-height:150px}}.grid-fluid__item--image .grid-fluid__item-content{padding:0}.grid-fluid__item--image .grid-fluid__image-wrapper{position:absolute;top:0;left:0}.grid-fluid__image[loading=lazy]{background:rgba(var(--color-foreground),.05)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-grid-fluid.css.map */