.jj-tiles{position:relative}.jj-tiles__track{display:grid;grid-template-columns:repeat(var(--jj-tiles-columns, 2),minmax(0,1fr))}.jj-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;aspect-ratio:var(--jj-tile-ratio, 720 / 970);overflow:hidden;background:#c9a37a;color:var(--jj-color-inverse)}.jj-tile__media{position:absolute;top:0;right:0;bottom:0;left:0}.jj-tile__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001a;opacity:0;transition:opacity .3s ease-out;pointer-events:none}a.jj-tile:hover .jj-tile__media:after{opacity:1}a.jj-tile:focus-visible{outline:2px solid var(--jj-color-inverse);outline-offset:-6px}.jj-tile__content{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px}.jj-tile__title{font-family:var(--jj-font);font-size:32px;font-weight:900;line-height:38px;letter-spacing:.25px}.jj-tile__cta{width:fit-content;font-size:20px;font-weight:400;line-height:28px;letter-spacing:.25px}a.jj-tile .jj-tile__cta:hover{text-decoration:underline}.jj-tiles--center .jj-tile{justify-content:center;align-items:center;text-align:center}.jj-tiles--center .jj-tile__content{align-items:center}.jj-tiles__arrow,.jj-tiles__dots{display:none}@media screen and (max-width:749px){.jj-tiles__track{grid-template-columns:minmax(0,1fr)}.jj-tile{aspect-ratio:var(--jj-tile-ratio-mobile, 375 / 460)}.jj-tile__title{font-size:24px;line-height:28px}.jj-tile__cta{font-size:16px;line-height:24px}.jj-tiles--center .jj-tile__content{max-width:100%}.jj-tiles--single .jj-tile__cta{white-space:nowrap}.jj-tiles--carousel .jj-tiles__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.jj-tiles--carousel .jj-tiles__track::-webkit-scrollbar{display:none}.jj-tiles--carousel .jj-tile{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.jj-tiles--carousel .jj-tiles__arrow{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-top:-16px;background:var(--jj-color-background);color:var(--jj-color-text);opacity:.6}.jj-tiles--carousel .jj-tiles__arrow.jj-arrow[disabled]{visibility:hidden;pointer-events:none}.jj-tiles__arrow--prev{left:15px}.jj-tiles__arrow--prev .jj-icon{transform:rotate(90deg)}.jj-tiles__arrow--next{right:15px}.jj-tiles__arrow--next .jj-icon{transform:rotate(-90deg)}.jj-tiles--carousel .jj-tiles__dots{position:absolute;bottom:24px;left:50%;display:flex;transform:translate(-50%)}.jj-tiles__dot{position:relative;width:16px;height:12px}.jj-tiles__dot:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--jj-color-inverse);opacity:.5}.jj-tiles__dot[aria-current=true]:after{opacity:1}.jj-tiles__dot:before{content:"";position:absolute;inset:calc((100% - 44px)/2) 0}.jj-tiles__dot:first-child:before{left:-8px}.jj-tiles__dot:last-child:before{right:-8px}.jj-tiles__dot:focus-visible{outline:1px solid var(--jj-color-inverse);outline-offset:-1px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-jj-collection-tiles.css.map */