.find-your-need{max-width:1200px;margin:0 auto;padding:40px 20px}.section-title{text-align:center;font-size:48px;font-weight:600;margin-bottom:40px}.grid-container{position:relative;height:800px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:20px;padding:20px}.grid-item{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer}.grid-item:nth-child(1){grid-column:1;grid-row:1}.grid-item:nth-child(2){grid-column:2;grid-row:1/3;align-self:center}.grid-item:nth-child(3){grid-column:1;grid-row:2}.grid-item{transform:scale(.95)}.grid-item:hover{transform:scale(1);z-index:2}.grid-container:hover .grid-item:not(:hover){transform:scale(.85)}.image-wrapper{position:relative;width:100%;height:100%}.image-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#8080804d;transition:opacity .3s ease}.grid-item:hover .image-wrapper:after{opacity:0}.grid-image{width:100%;height:100%;object-fit:cover}.overlay{display:none}.text-content{position:absolute;bottom:0;left:0;width:100%;padding:30px;color:#fff;opacity:0;transform:translateY(20px);transition:all .3s ease;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.grid-item:hover .text-content{opacity:1;transform:translateY(0)}.text-content h3{font-size:24px;font-weight:600;margin:0 0 10px;color:#fff}.text-content p{font-size:16px;line-height:1.5;margin:0;opacity:0;transform:translateY(10px);transition:all .3s ease .1s}.grid-item:hover .text-content p{opacity:1;transform:translateY(0)}.title-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffffb3;font-size:28px;font-weight:600;text-align:center;z-index:2;transition:all .3s ease;white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.3)}.grid-item:hover .title-overlay{opacity:0;transform:translate(-50%,-60%);color:#fff}@media (max-width: 768px){.find-your-need{padding:20px 15px}.section-title{font-size:32px;margin-bottom:25px}.grid-container{height:auto;grid-template-columns:1fr;grid-template-rows:auto;gap:15px;padding:10px}.grid-item{aspect-ratio:4/3;height:auto;transform:scale(1)}.grid-item:nth-child(1),.grid-item:nth-child(2),.grid-item:nth-child(3){grid-column:1;grid-row:auto}.grid-container:hover .grid-item:not(:hover){transform:scale(1)}.text-content{padding:15px;opacity:1;transform:none;background:linear-gradient(to top,rgba(0,0,0,.9),transparent)}.text-content h3{font-size:18px;margin-bottom:5px}.text-content p{font-size:14px;opacity:1;transform:none;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.title-overlay{font-size:20px;display:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/find-your-need.css.map */