@media screen and (min-width:769px){.solar-grid-container{display:grid;gap:15px;grid:"grid1 grid1 grid1 grid2 grid2 grid2 grid3 grid3 grid3" "grid4 grid4 grid4 grid4 grid4 grid5 grid5 grid5 grid5" "grid6 grid6 grid6 grid6 grid6 grid5 grid5 grid5 grid5"}.solar-grid-container .solar-grid{height:100%;width:100%;position:relative;overflow:hidden;border-radius:10px}.solar-grid-container .solar-grid img{height:100%;width:100%;display:block;object-fit:cover}.solar-grid-container .swiper-slide{display:block}.solar-grid-content{position:absolute;height:100%;width:100%;left:0;top:0;padding:16px 23px;cursor:pointer;transition:all .3s}.solar-grid-content:hover{background-color:#0009}.solar-grid-title{color:#fff;font-size:24px;font-style:normal;font-weight:600;line-height:28px;letter-spacing:-.36px;text-transform:uppercase;text-align:left}.solar-grid-text{color:#fff;text-align:left;font-size:18px;font-weight:400;line-height:25px;letter-spacing:-.27px;margin-top:30px;opacity:0;transition:all .3s}.solar-grid-content:hover .solar-grid-text{opacity:1}}@media screen and (max-width:768px){.solar-grid-content{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;overflow:hidden}.solar-grid-content.active{background-color:#0009}.solar-grid-content.active .solar-grid-title>svg{display:none}.solar-grid-content.active .solar-grid-text{opacity:1}.solar-grid-title{color:#fff;font-size:.36rem;line-height:.52rem;text-transform:uppercase;font-weight:600;position:absolute;right:.5rem;display:flex;align-items:center;bottom:.4rem;column-gap:7px}.solar-grid-content.active .solar-grid-title{position:unset;transition:all .5s}.solar-grid-container img{display:block;border-radius:10px}.solar-grid-text{color:#fff;font-size:.26rem;line-height:.42rem;font-weight:400;max-width:5rem;margin:0 auto;opacity:0}.solar-grid-content .close_icon{position:absolute;right:.4rem;bottom:.4rem;opacity:0}.solar-grid-content.active .close_icon{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-solar-grid.css.map */