.collage{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;align-items:stretch;position:relative}.collage__item:nth-child(1){grid-row:span 2}.collage-card{position:relative;background:#fff;border-radius:22px;overflow:hidden;transition:all .35s cubic-bezier(.22,.61,.36,1);box-shadow:0 10px 30px #00000014}.collage-card:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:0 20px 50px #00000026}.collage-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:24px;background:linear-gradient(135deg,#ff7a18,#ffb347,#6dd5fa);opacity:0;transition:opacity .4s ease;z-index:-1}.collage-card:hover:before{opacity:.15}.collage-card .media{aspect-ratio:1 / 1;overflow:hidden}.collage-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.collage-card:hover img{transform:scale(1.07)}.collage-card .card__content{padding:1.4rem;text-align:left}.collage-card .card__heading{font-size:1.15rem;font-weight:700;margin-bottom:.4rem}.collage-card .price{font-size:1rem;font-weight:600;color:#111}.collage__item:nth-child(2) .collage-card{transform:rotate(1.5deg)}.collage__item:nth-child(3) .collage-card{transform:rotate(-1.5deg)}.collage__item:nth-child(2) .collage-card:hover,.collage__item:nth-child(3) .collage-card:hover{transform:translateY(-8px) rotate(0)}@media screen and (max-width:1024px){.collage{grid-template-columns:1fr 1fr}.collage__item:nth-child(1){grid-column:span 2}}@media screen and (max-width:749px){.collage{grid-template-columns:1fr}.collage__item:nth-child(1){grid-column:auto}.collage-card{transform:none!important}.collage-card:hover{transform:translateY(-5px)}}.collage-card .card__inner{aspect-ratio:auto!important}.collage-card .media{aspect-ratio:auto!important;height:auto!important}.collage-card .media img,.collage-card .media__img,.collage-card .motion-reduce{object-fit:contain!important;width:100%!important;height:auto!important;position:relative!important}.media{display:flex;align-items:center;justify-content:center}.media>img{object-fit:contain;width:100%;height:auto!important;max-height:100%}
/*# sourceMappingURL=/cdn/shop/t/21/assets/collage.css.map */