.astral-grid-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px}.astral-grid-item-container,.astral-grid-item-container>*{position:relative;z-index:1}.astral-grid-item-container{background-size:cover;background-position:center;background-repeat:no-repeat;padding:20px}.astral-grid-wrapper>div{background-color:#cbcbcb;min-height:200px}.astral-grid-wrapper.products-1>div{grid-column:1 / 3}.astral-grid-wrapper.products-1>div,.astral-grid-wrapper.products-2>div{min-height:400px}.astral-grid-wrapper.products-3>div:first-child{grid-row:1 / 3;min-height:700px}@media screen and (max-width: 767px){.astral-grid-wrapper{grid-template-columns:1fr;grid-gap:30px}}.astral-grid-product-img{height:90%;width:auto;position:absolute;bottom:100px;right:20px;z-index:0}.astral-grid-wrapper.products-3>div:first-child .astral-grid-product-img{height:88%}.astral-grid-item-container h3{font-size:32px;margin:5px 0}.astral-grid-item-container h3 a{color:inherit;text-decoration:none}.astral-grid-item-container .astral-tag{font-family:var(--font-body-family);background-color:rgb(var(--primary-water-color));color:rgb(var(--color-base-solid-button-labels));padding:5px;font-size:16px;font-weight:400;line-height:1;margin-bottom:10px!important;display:inline-block}.astral-grid-item-container a.image_anchor{display:block;height:100%}@media screen and (max-width: 1400px){.astral-grid-product-img{height:80%}.astral-grid-wrapper.products-3>div:first-child .astral-grid-product-img{height:80%}.astral-grid-wrapper.products-3>div:first-child{min-height:550px}}@media screen and (max-width: 1024px){.astral-grid-product-img{height:65%}.astral-grid-wrapper.products-3>div:first-child{min-height:400px}.astral-grid-wrapper.products-3>div:first-child .astral-grid-product-img{height:74%}}@media screen and (max-width: 768px){.astral-grid-product-img{height:65%}.astral-grid-wrapper.products-3>div:first-child,.astral-grid-wrapper>div{min-height:345px;max-height:345px}.astral-grid-product-img{bottom:70%;right:50%;transform:translate(50%,50%)}.astral-grid-wrapper.products-3>div:first-child .astral-grid-product-img{height:70%;bottom:70%}}@media screen and (max-width: 380px){.astral-grid-wrapper.products-3>div:first-child .astral-grid-product-img,.astral-grid-product-img{max-height:50%}}
/*# sourceMappingURL=/cdn/shop/t/151/assets/component-featured-products-grid.css.map */
