.portrait-category-tiles{padding-top:20px;padding-bottom:20px}.portrait-category-tiles__heading{margin:0 0 24px}.portrait-category-tiles__grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc(25% - 12px);gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:none}.portrait-category-tiles__grid::-webkit-scrollbar{display:none}.portrait-category-tile{position:relative;display:block;text-decoration:none;color:inherit;border-radius:16px;overflow:hidden;scroll-snap-align:start}.portrait-category-tile__image-wrap{position:relative;aspect-ratio:3 / 4;border-radius:16px;overflow:hidden;background:#f3f3f3}.portrait-category-tile__image{width:100%;height:100%;object-fit:cover;display:block}.portrait-category-tile__button{position:absolute;left:50%;bottom:20px;transform:translate(-50%);background:#fff;color:#111;border-radius:999px;padding:12px 24px;font-size:14px;font-weight:500;line-height:1;white-space:nowrap;text-transform:uppercase;letter-spacing:.02em}.portrait-category-tile:hover .portrait-category-tile__image{transform:scale(1.03);transition:transform .3s ease}.portrait-category-tile__image{transition:transform .3s ease}@media screen and (max-width:989px){.portrait-category-tiles__grid{grid-auto-columns:calc(33.333% - 11px)}}@media screen and (max-width:749px){.portrait-category-tiles__grid{grid-auto-columns:70%;gap:12px}.portrait-category-tile__button{bottom:14px;padding:10px 18px;font-size:12px}}.portrait-category-tiles__scroller{position:relative}.portrait-category-tiles__nav{position:absolute;top:50%;right:8px;transform:translateY(-50%);z-index:1;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.15);background:#fff;color:#111;font-size:24px;line-height:1;cursor:pointer;padding:0;opacity:0;transition:opacity .2s ease}@media(hover:hover)and (pointer:fine){.portrait-category-tiles__scroller:hover .portrait-category-tiles__nav{opacity:1}}@media screen and (max-width:989px){.portrait-category-tiles__nav{display:none}}.portrait-category-tiles__nav--left{left:8px;right:auto}.portrait-category-tiles__nav--right{right:8px;left:auto}
/*# sourceMappingURL=/cdn/shop/t/64/assets/section-portrait-category-tiles.css.map */