.custom-hover-grid{background:#fef8ea;padding:80px 0;overflow:hidden}.hover-grid-wrapper{display:grid;grid-template-columns:320px 1fr;gap:50px;align-items:center}.hover-grid-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.hover-grid-content h2{font-size:36px;line-height:normal;font-weight:700;color:#000;margin:0 0 30px;transition:opacity .35s ease,transform .35s ease;opacity:1;transform:translateY(0);text-align:center}.hover-grid-content h2.is-fading{opacity:0;transform:translateY(-8px)}.hover-grid-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 25px;background:#7aa117;color:#fff;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;transition:.3s ease}.hover-grid-btn:hover{background:#5f820f}.hover-grid-images{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:320px 320px;gap:16px;align-items:stretch}.hover-grid-item{position:relative;overflow:hidden;border-radius:12px;cursor:pointer}.hover-grid-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.hover-grid-item:hover img{transform:scale(1.05)}.hover-grid-item:nth-child(1){grid-column:1;grid-row:1}.hover-grid-item:nth-child(2){grid-column:2;grid-row:1 / span 2;height:656px}.hover-grid-item:nth-child(3){grid-column:3;grid-row:1 / span 2;height:656px}.hover-grid-item:nth-child(4){grid-column:1;grid-row:2}@media screen and (max-width:991px){.custom-hover-grid{padding:60px 0}.hover-grid-wrapper{grid-template-columns:1fr;gap:40px}.hover-grid-content{align-items:center;text-align:center}.hover-grid-content h2{font-size:46px}.hover-grid-images{grid-template-columns:1fr 1fr;grid-template-rows:auto}.hover-grid-item:nth-child(1),.hover-grid-item:nth-child(4){height:280px}.hover-grid-item:nth-child(2),.hover-grid-item:nth-child(3){height:580px}.hover-grid-item:nth-child(1){grid-column:1;grid-row:1}.hover-grid-item:nth-child(2){grid-column:2;grid-row:1 / span 2}.hover-grid-item:nth-child(3){grid-column:1;grid-row:3;height:400px}.hover-grid-item:nth-child(4){grid-column:1;grid-row:2}}@media screen and (max-width:767px){.custom-hover-grid{padding:50px 0}.hover-grid-content h2{font-size:34px}.hover-grid-btn{font-size:16px;padding:12px 24px}.hover-grid-images{grid-template-columns:1fr;gap:16px}.hover-grid-item,.hover-grid-item:nth-child(1),.hover-grid-item:nth-child(2),.hover-grid-item:nth-child(3),.hover-grid-item:nth-child(4){grid-column:auto;grid-row:auto;height:320px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-image-hover-grid.css.map */