.shop-tiles{background:var(--shop-tiles-bg, #000000)}.shop-tiles__inner{display:grid;grid-template-columns:repeat(var(--shop-tiles-count, 2),minmax(0,1fr))}.shop-tiles--full .shop-tiles__inner{gap:2px}.shop-tiles--contained .shop-tiles__inner{max-width:none;margin:0;padding:0 var(--adro-gutter);gap:24px}.shop-tiles__tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:var(--shop-tiles-ratio, 16/9);width:100%;max-height:480px;padding:clamp(24px,2.5vw,40px) 40px;overflow:hidden;background:#000;text-decoration:none;transition:background-color .3s ease}.shop-tiles__tile:focus-visible{outline:2px solid var(--adro-green);outline-offset:-4px}.shop-tiles__tile--no-image:hover{background:#111}.shop-tiles__img{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;filter:saturate(var(--shop-tiles-saturation, .65));transition:transform .9s cubic-bezier(.16,1,.3,1),filter .6s ease}.shop-tiles__tile:hover .shop-tiles__img{transform:scale(1.04)}.shop-tiles--hover-color .shop-tiles__tile:hover .shop-tiles__img{filter:saturate(1)}.shop-tiles__dim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#000;opacity:var(--shop-tiles-dim, 0);pointer-events:none;transition:opacity .6s ease}.shop-tiles--hover-undim .shop-tiles__tile:hover .shop-tiles__dim{opacity:0}.shop-tiles__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,#000000b8,#00000040 38%,#0000 60%);pointer-events:none}.shop-tiles__eyebrow{position:relative;z-index:2;display:block;margin:0 0 10px;font-family:var(--font-secondary);font-size:11px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;color:#ffffffbf}.shop-tiles__label{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--font-primary);font-size:clamp(26px,2.2vw,36px);font-weight:600;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:#fff}.shop-tiles__arrow{flex:0 0 auto;width:34px;height:22px;color:#fff;transition:transform .32s cubic-bezier(.16,1,.3,1),color .3s ease}.shop-tiles__tile:hover .shop-tiles__arrow{transform:translate(6px);color:var(--adro-green)}@media screen and (max-width:749px){.shop-tiles__inner{grid-template-columns:minmax(0,1fr)}.shop-tiles--contained .shop-tiles__inner{padding:0 20px;gap:12px}.shop-tiles__tile{aspect-ratio:8/3}.shop-tiles__label{font-size:20px}.shop-tiles__arrow{width:26px;height:17px}.shop-tiles__eyebrow{margin-bottom:8px;font-size:10px}}@media screen and (max-width:989px){.shop-tiles__tile{padding:20px}}.shop-tiles__vehicles{display:none}@media screen and (min-width:990px){.shop-tiles--has-vehicles .shop-tiles__inner{position:relative;transition:grid-template-columns var(--motion-expand) var(--ease-in-out),gap var(--motion-expand) var(--ease-in-out),height var(--motion-expand) var(--ease-in-out)}.shop-tiles--has-vehicles .shop-tiles__tile{transition:background-color .3s ease,opacity .45s ease}.shop-tiles.is-locked .shop-tiles__inner{overflow:hidden}.shop-tiles.is-locked .shop-tiles__tile{aspect-ratio:auto;height:100%;min-width:0}.shop-tiles.is-open .shop-tiles__inner{gap:0}.shop-tiles.is-open .shop-tiles__tile:not(.shop-tiles__tile--vehicles){opacity:0}.shop-tiles__tile--vehicles .shop-tiles__eyebrow,.shop-tiles__tile--vehicles .shop-tiles__label{transition:opacity .3s ease,transform .5s var(--ease-out)}.shop-tiles.is-open .shop-tiles__tile--vehicles .shop-tiles__eyebrow,.shop-tiles.is-open .shop-tiles__tile--vehicles .shop-tiles__label{opacity:0;transform:translateY(8px)}.shop-tiles.is-open .shop-tiles__tile--vehicles .shop-tiles__img{filter:saturate(.35);transform:scale(1.04);transition:filter .9s ease,transform 1.4s var(--ease-out)}.shop-tiles__vehicles{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;visibility:hidden;opacity:0;pointer-events:none;background:linear-gradient(180deg,#000000db,#000c 55%,#000000e6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .45s ease,visibility 0s linear .45s}.shop-tiles.is-open .shop-tiles__vehicles{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .55s ease .25s,visibility 0s linear 0s}.shop-tiles__vehicles .vmenu{padding:40px var(--adro-gutter) 44px}.shop-tiles__vehicles .vmenu__make,.shop-tiles__close{opacity:0;transform:translateY(-4px);transition:opacity .24s cubic-bezier(.4,0,.6,1),transform .24s cubic-bezier(.4,0,.6,1)}.shop-tiles.is-open .shop-tiles__vehicles .vmenu__make,.shop-tiles.is-open .shop-tiles__close{opacity:1;transform:none;transition:opacity .32s cubic-bezier(.4,0,.6,1) var(--d, .5s),transform .32s cubic-bezier(.4,0,.6,1) var(--d, .5s)}.shop-tiles__close{position:absolute;top:18px;right:var(--adro-gutter);z-index:2;display:flex;align-items:center;gap:10px;padding:0;border:0;background:none;cursor:pointer;font-family:var(--font-secondary);font-size:11.7px;font-weight:300;letter-spacing:1.35px;text-transform:uppercase;color:#fff9}.shop-tiles__close:hover,.shop-tiles__close:focus-visible{color:#fff}.shop-tiles__close svg{width:12px;height:12px}}@media(prefers-reduced-motion:reduce){.shop-tiles--has-vehicles .shop-tiles__inner,.shop-tiles--has-vehicles .shop-tiles__tile,.shop-tiles--has-vehicles .shop-tiles__img,.shop-tiles__vehicles,.shop-tiles__vehicles .vmenu__make,.shop-tiles__close{transition-duration:1ms!important;transition-delay:0s!important}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/component-shop-tiles.css.map */