.collage-section{padding:96px 0}.collage-section__header{margin-bottom:36px}.collage-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:340px 340px;gap:12px}.collage-grid--5-items{grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto}.collage-item{border-radius:var(--r-lg);overflow:hidden;position:relative;cursor:pointer}.collage-item--span-row{grid-row:1 / -1}.collage-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);display:block}.collage-item:hover img{transform:scale(1.06)}.collage-item__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;display:flex;align-items:flex-end;padding:20px;transition:background .2s}.collage-item:hover .collage-item__overlay{background:#0003}.collage-item__label{font-size:.78rem;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5);opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}.collage-item:hover .collage-item__label{opacity:1;transform:translateY(0)}@media(max-width:900px){.collage-section{padding:56px 0}.collage-grid,.collage-grid--5-items{grid-template-columns:1fr 1fr;grid-template-rows:auto}.collage-item--span-row{grid-row:auto}.collage-item{aspect-ratio:1}}@media(max-width:480px){.collage-grid{grid-template-columns:1fr}.collage-item{aspect-ratio:16/9}}.collage-masonry{column-count:3;column-gap:12px}.collage-masonry__item{position:relative;break-inside:avoid;margin-bottom:12px;border-radius:var(--r-lg);overflow:hidden}.collage-masonry__item img{width:100%;height:auto;display:block}.collage-masonry__caption{display:block;padding:10px 14px;font-size:.78rem;font-weight:700;color:var(--text);text-decoration:none}@media(max-width:900px){.collage-masonry{column-count:2}}@media(max-width:480px){.collage-masonry{column-count:1}}.collage-carousel{position:relative}.col-track-wrapper{position:relative;overflow:hidden;border-radius:var(--r-lg)}.col-track{display:flex;transition:transform .5s var(--ease)}.col-slide{position:relative;min-width:100%;aspect-ratio:16/9}.col-slide img{width:100%;height:100%;object-fit:cover;display:block}.col-slide__caption{position:absolute;left:0;right:0;bottom:0;padding:16px 20px;background:linear-gradient(to top,#0000008c,#0000);color:#fff;font-size:.85rem;font-weight:700;text-decoration:none}.col-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#ffffffe6;border:1.5px solid var(--border);cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;color:var(--text-mid);font-size:1.3rem;line-height:1;transition:background .15s,border-color .15s,color .15s;box-shadow:var(--shadow-sm)}.col-arrow--prev{left:16px}.col-arrow--next{right:16px}.col-arrow:hover{background:var(--red);border-color:var(--red);color:#fff}.col-dots{display:flex;justify-content:center;align-items:center;gap:8px;padding:14px 0 0}.col-dot{width:8px;height:8px;border-radius:50%;background:var(--border-strong);border:none;cursor:pointer;padding:0;transition:background .15s,transform .15s}.col-dot.active{background:var(--red);transform:scale(1.35)}@media(max-width:600px){.col-arrow{width:36px;height:36px}.col-arrow--prev{left:8px}.col-arrow--next{right:8px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-collage.css.map */