.featured-grid-section .grid-container{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,40vh);gap:10px}.grid-main{grid-row:span 2;position:relative}.grid-side-top,.grid-side-bottom{position:relative}.grid-main img,.grid-side-top img,.grid-side-bottom img{width:100%;height:auto;object-fit:cover;display:block}.overlay-text{position:absolute;top:0;left:0;color:#fff;display:flex;align-items:start;justify-content:space-between;width:100%;padding:40px 35px;gap:10px}.overlay-text .arrow-link{background:#fff;color:#000;border-radius:50%;width:60px;min-width:60px;height:60px;text-align:center;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.overlay-text .arrow-link svg{width:20px;height:20px}.tag_text{margin:0;text-transform:uppercase;letter-spacing:.6px}.featured-grid-section img{width:100%;height:auto;object-fit:cover;transition:.5s}.grid-container>*:hover>img{transform:scale(1.05)}.grid-container>*{text-decoration:none;display:flex;overflow:hidden}.grid-container>* .inforamtion_text,.grid-container>* .arrow-link{transition:.3s;opacity:0;visibility:hidden}.grid-container>* .arrow-link{transform:scale(.3)}.grid-container>*:hover .arrow-link{transform:scale(1);opacity:1;visibility:visible}.grid-container>* .inforamtion_text{transform:translateY(30px)}.grid-container>*:hover .inforamtion_text{transform:translateY(0);opacity:1;visibility:visible}.inforamtion_text .heading{margin-block-start:20px}.inforamtion_text .text{margin-block-start:15px}@media (min-width: 990px){.featured-grid-section .grid-container{grid-template-rows:repeat(2,calc(55vh - 10px - var(--header-height)))}}@media (max-width: 989px){.grid-main{grid-column:span 2;grid-row:auto}.featured-grid-section .grid-container{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,auto)}.overlay-text .arrow-link{width:50px;min-width:50px;height:50px}.overlay-text .arrow-link svg{width:17px;height:17px}}@media (max-width: 749px){.featured-grid-section .grid-container{display:flex;flex-direction:column}.overlay-text .arrow-link{width:40px;min-width:40px;height:40px}.overlay-text .arrow-link svg{width:14px;height:14px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/featured-grid.css.map */