.section-collection-grid{width:100%;padding-bottom:20px;padding-top:10px}.section-collection-grid .page-width{width:100%;max-width:1600px;margin:0 auto;padding:0 20px;box-sizing:border-box}.section-collection-grid h2{text-align:center;margin-bottom:20px;font-size:3rem;font-weight:700;text-transform:uppercase}.collection-grid{display:flex;gap:10px;justify-content:space-between}.collection-column{flex:1;display:flex;flex-direction:column;gap:10px}.collection-row{display:flex;gap:10px}.collection-tile{position:relative;overflow:hidden;text-align:center;box-sizing:border-box;height:100%}.collection-tile a{display:block;text-decoration:none}.collection-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.collection-tile:hover img{transform:scale(1.05)}.collection-tile-label{position:absolute;color:#000;padding:2px 8px;background:#ffffffb3;font-size:2.2rem;font-weight:700;text-align:left;z-index:1;box-sizing:border-box}.collection-tile-label--top{top:5px}.collection-tile-label--bottom{bottom:5px}.placeholder-image{width:100%;aspect-ratio:3 / 4;background:#f2f2f2}.collection-tile--full-width{width:100%;aspect-ratio:3 / 4}.collection-tile--half-width{width:50%;aspect-ratio:3 / 4}@media(min-width:769px)and (max-width:1024px){.section-collection-grid .page-width{max-width:100%;padding:0 15px}.collection-grid{gap:8px}.collection-tile--half-width{width:calc(50% - 4px);aspect-ratio:3 / 4}.collection-tile--full-width{aspect-ratio:3 / 4}.collection-tile-label{font-size:1.8rem;padding:4px 6px}}@media(max-width:768px){.collection-grid{flex-direction:column;display:flex}.collection-column{width:100%;display:contents}.collection-row{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;gap:10px}.collection-tile--full-width{width:100%;aspect-ratio:3 / 4}.collection-tile--half-width{width:calc(50% - 5px);aspect-ratio:3 / 4}.collection-column:nth-child(1) .collection-row:nth-child(1){order:1}.collection-column:nth-child(1) .collection-row:nth-child(2){order:2}.collection-column:nth-child(2) .collection-row:nth-child(2){order:3}.collection-column:nth-child(2) .collection-row:nth-child(1){order:4}.collection-tile-label{font-size:2rem;padding:5px 8px}}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map?subset=AIA */
