.gallery-card{position:relative;display:block;width:100%;height:auto;background:rgb(var(--color-background));border-radius:var(--border-radius);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.gallery-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.gallery-card__inner{display:block;width:100%;height:auto;position:relative}.gallery-card__media{position:relative;width:100%;height:auto;overflow:hidden;display:block;background:#f5f5f5}.gallery-card__media .media{position:relative;width:100%;height:auto;display:block}.gallery-card__image{display:block;width:100%;height:auto;object-fit:cover;object-position:center;transition:opacity .3s ease}.gallery-card__image--secondary{position:absolute;top:0;left:0;opacity:0;transition:opacity .3s ease}.gallery-card:hover .gallery-card__image--secondary{opacity:1}.gallery-card__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:2;padding:2rem}.gallery-card:hover .gallery-card__overlay{opacity:1}.gallery-card__overlay-content{text-align:center;color:#fff;width:100%}.gallery-specs{margin-bottom:1.5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.spec-item{display:inline-block;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;border:1px solid rgba(255,255,255,.3)}.spec-item--wheel{background:#3b82f64d;border-color:#3b82f680}.spec-item--tire{background:#10b9814d;border-color:#10b98180}.spec-item--mod{background:#f565654d;border-color:#f5656580}.gallery-cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;border-radius:var(--border-radius);text-decoration:none;font-weight:500;transition:all .3s ease;cursor:pointer}.gallery-cta-button:hover{background:rgb(var(--color-button-hover, var(--color-button)));transform:translateY(-1px);box-shadow:0 2px 8px #0003}.gallery-cta-button svg{width:14px;height:14px;transition:transform .3s ease}.gallery-cta-button:hover svg{transform:translate(2px)}.gallery-card__content{padding:1rem;background:rgb(var(--color-background))}.gallery-card__info{display:block}.gallery-card__heading{margin:0 0 .5rem;font-size:1rem;line-height:1.4;font-weight:500}.gallery-card__heading a{text-decoration:none;color:rgb(var(--color-foreground));transition:color .3s ease}.gallery-card__heading a:hover{color:rgb(var(--color-link))}.gallery-card__vendor{color:rgba(var(--color-foreground),.7);font-size:.875rem;font-weight:400;margin-bottom:.5rem;display:block}.gallery-card__badge{position:absolute;z-index:3}.gallery-card__badge.badge--bottom-left{bottom:1rem;left:1rem}.gallery-card__badge .badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.gallery-card.ratio,.gallery-card__inner.ratio{position:relative}.gallery-card.ratio:before,.gallery-card__inner.ratio:before{content:"";display:block;padding-bottom:var(--ratio-percent)}.ratio .gallery-card__media{position:absolute;top:0;left:0;width:100%;height:100%}.gallery-card__image-with-placeholder-wrapper{display:none!important;pointer-events:none!important}@media (max-width: 749px){.gallery-card__overlay{padding:1rem}.gallery-specs{margin-bottom:1rem}.spec-item{font-size:.7rem;padding:.2rem .5rem}.gallery-cta-button{padding:.5rem 1rem;font-size:.875rem}}@media (prefers-reduced-motion: reduce){.gallery-card,.gallery-card__image,.gallery-card__image--secondary,.gallery-card__overlay,.gallery-cta-button{transition:none}.gallery-card:hover{transform:none}}@media print{.gallery-card__overlay{display:none}}.template-collection .gallery-card__inner.ratio:before,.template-collection .gallery-card.ratio:before{pointer-events:none!important}.template-collection .loading-overlay{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.template-collection .collection.loading .loading-overlay,.template-collection [aria-busy=true] .loading-overlay,.template-collection .loading-overlay.visible{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.template-collection .media--hover-effect:after{pointer-events:none!important}.template-collection .gallery-card__image--secondary{pointer-events:none!important}.template-collection .gallery-item.shuffle-item--hidden,.template-collection .grid__item.shuffle-item--hidden{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;position:absolute!important;left:-9999px!important}.template-collection .shuffle-enabled{position:relative;overflow:visible}.template-collection .shuffle-enabled .gallery-item,.template-collection .shuffle-enabled .grid__item{position:relative;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1);will-change:transform,opacity;transform-origin:center center}.template-collection .shuffle-item--visible,.template-collection .gallery-item:not(.shuffle-item--hidden),.template-collection .grid__item:not(.shuffle-item--hidden){opacity:1!important;visibility:visible!important;position:relative!important;left:auto!important;display:block!important;pointer-events:auto!important;transform:scale(1) translateY(0)!important}.template-collection .shuffle-enabled[data-shuffle=filtering]{pointer-events:none}.template-collection .shuffle-enabled[data-shuffle=filtering] .gallery-item,.template-collection .shuffle-enabled[data-shuffle=filtering] .grid__item{transition:all .5s cubic-bezier(.4,0,.2,1)}.template-collection .shuffle-enabled[data-shuffle=initialized]{pointer-events:auto}.template-collection .shuffle-enabled[data-shuffle=initialized] .gallery-item.shuffle-item--visible,.template-collection .shuffle-enabled[data-shuffle=initialized] .grid__item.shuffle-item--visible{animation:shuffleItemIn .6s cubic-bezier(.4,0,.2,1) both}@keyframes shuffleItemIn{0%{opacity:0;transform:scale(.9) translateY(30px)}50%{opacity:.7;transform:scale(1.02) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.template-collection .shuffle-enabled .gallery-card{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)}.template-collection .shuffle-enabled .gallery-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px #00000026;z-index:10}.template-collection .shuffle-enabled .gallery-card__overlay{transition:opacity .3s ease;z-index:5}.template-collection .gallery-grid.filtering:before{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;border:3px solid rgba(var(--color-link),.3);border-top:3px solid rgb(var(--color-link));border-radius:50%;animation:shuffleSpin 1s linear infinite;transform:translate(-50%,-50%);z-index:1000;pointer-events:none}@keyframes shuffleSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.template-collection .loading-overlay{position:absolute!important;z-index:-1!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.template-collection .gallery-card__inner.ratio:before,.template-collection .gallery-card.ratio:before{pointer-events:none!important;z-index:0!important}.template-collection .gallery-card__image--secondary{pointer-events:none!important;z-index:1!important}.template-collection .shuffle-enabled.gallery-grid,.template-collection .shuffle-enabled.custom-gallery-grid{display:block!important}.template-collection .shuffle-enabled .gallery-item,.template-collection .shuffle-enabled .grid__item{display:block!important;position:absolute!important;width:calc((100% - (var(--grid-desktop-columns, 4) - 1) * .5rem) / var(--grid-desktop-columns, 4))!important;margin:0!important;left:0!important;top:0!important}@media (max-width: 749px){.template-collection .shuffle-enabled .gallery-item,.template-collection .shuffle-enabled .grid__item{width:calc((100% - .25rem)/2)!important}.template-collection .shuffle-enabled .gallery-card:hover{transform:translateY(-2px) scale(1.01)}}@media (min-width: 750px) and (max-width: 1199px){.template-collection .shuffle-enabled .gallery-item,.template-collection .shuffle-enabled .grid__item{width:calc((100% - .75rem) / 3)!important}}@media (min-width: 1200px){.template-collection .shuffle-enabled .gallery-item,.template-collection .shuffle-enabled .grid__item{width:calc((100% - (var(--grid-desktop-columns, 4) - 1) * 1.5rem) / var(--grid-desktop-columns, 4))!important}}.template-collection .client-side-filter:checked+.facet-checkbox__text{background:rgba(var(--color-link),.1);border-radius:4px;transition:background .3s ease}.template-collection .animating-filter{background:rgba(var(--color-link),.05);border-radius:4px;transition:background .3s ease}.template-collection .facets__label{transition:background .2s ease,transform .2s ease;border-radius:4px;position:relative}.template-collection .facets__label:hover{background:rgba(var(--color-foreground),.03);transform:translate(2px)}.template-collection .product-count__text{transition:opacity .3s ease,transform .3s ease}.template-collection .product-count__text.updating{opacity:.6;transform:scale(.98)}.template-collection .shuffle-initialized .gallery-item,.template-collection .shuffle-initialized .grid__item{position:absolute!important;left:0!important;top:0!important;margin:0!important;float:none!important;clear:none!important}.template-collection .shuffle-enabled{display:block!important}.template-collection .shuffle-enabled .gallery-card:focus-within{outline:2px solid rgb(var(--color-link));outline-offset:2px;border-radius:8px}@media (prefers-reduced-motion: reduce){.template-collection .shuffle-enabled .gallery-item,.template-collection .shuffle-enabled .grid__item,.template-collection .gallery-card{transition:none!important;animation:none!important}.template-collection .shuffle-enabled .gallery-card:hover{transform:none!important}.template-collection .shuffle-item--hidden{display:none!important}.template-collection .shuffle-item--visible{display:block!important;opacity:1!important}}.template-collection .gallery-grid,.template-collection .custom-gallery-grid,.template-collection #product-grid{gap:.5rem!important}@media (max-width: 749px){.template-collection .gallery-grid,.template-collection .custom-gallery-grid,.template-collection #product-grid{gap:.25rem!important}}@media (min-width: 750px) and (max-width: 1199px){.template-collection .gallery-grid,.template-collection .custom-gallery-grid,.template-collection #product-grid{gap:.375rem!important}}:root{--veh-size: clamp(1.4rem, 1.7vw, 1.65rem);--veh-weight: 700;--whl-size: clamp(1.3rem, 1.5vw, 1.45rem);--whl-weight: 500}.template-collection .gallery-card__content{padding:.6rem!important}.template-collection .gallery-card__specifications{display:flex!important;flex-direction:column!important;gap:.2rem!important;margin-bottom:.3rem!important;text-align:left!important;overflow:hidden!important;width:100%!important;max-width:100%!important}.template-collection .gallery-card__vehicle-info{font-family:Roboto Mono,Consolas,monospace,system-ui!important;font-size:var(--veh-size)!important;font-weight:var(--veh-weight)!important;line-height:1.2!important;margin:0!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;color:rgba(var(--color-foreground),.75)!important}.template-collection .gallery-card__wheel-specs{font-family:Roboto Mono,Consolas,monospace,system-ui!important;font-size:var(--whl-size)!important;font-weight:var(--whl-weight)!important;line-height:1.2!important;margin:0!important;padding:.3rem .5rem!important;border-left:3px solid rgba(var(--color-link),.3)!important;background:rgba(var(--color-foreground),.04)!important;border-radius:4px!important;letter-spacing:.2px!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;transition:all .3s ease!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;color:rgba(var(--color-foreground),.65)!important}.template-collection .gallery-card:hover .gallery-card__vehicle-info{color:rgba(var(--color-link),.8)!important}.template-collection .gallery-card:hover .gallery-card__wheel-specs{background:rgba(var(--color-link),.08)!important;border-left-color:rgb(var(--color-link))!important;color:rgb(var(--color-link))!important;transform:translate(2px)!important}@media (hover: hover) and (pointer: fine){.template-collection .gallery-card:hover .gallery-card__wheel-specs{transform:translate(2px)!important}}@media (hover: none),(pointer: coarse){.template-collection .gallery-card:hover .gallery-card__wheel-specs{transform:none!important}}.template-collection .gallery-card--clean{--veh-size: clamp(1.4rem, 1.7vw, 1.65rem);--veh-weight: 700;--whl-size: clamp(1.3rem, 1.5vw, 1.45rem);--whl-weight: 500}.template-collection .gallery-card--clean .gallery-card__vehicle-info,.template-collection .gallery-card--clean .gallery-card__wheel-specs{font-family:Roboto Mono,Consolas,monospace,system-ui!important}.template-collection .gallery-card--clean .gallery-card__vehicle-info,.template-collection .gallery-card--clean .gallery-card__wheel-specs{font-family:inherit!important;background:none!important;border:none!important;padding:0!important;letter-spacing:normal!important;transform:none!important;color:rgba(var(--color-foreground),.75)!important}.gallery--clamp-1{display:-webkit-box!important;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden!important}.gallery--clamp-2{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important}.template-collection .gallery-card a:focus-visible{outline:2px solid rgb(var(--color-link))!important;outline-offset:3px!important;border-radius:6px!important}@media (max-width: 480px){.template-collection .gallery-card__specifications{gap:.18rem!important;margin-bottom:.35rem!important}}@media (min-width: 750px) and (max-width: 1199px){.template-collection .gallery-card--clean{--whl-size: clamp(1.2rem, 1.4vw, 1.35rem)}}@media (prefers-contrast: high){.template-collection .gallery-card__vehicle-info,.template-collection .gallery-card__wheel-specs{color:rgb(var(--color-foreground))!important;background:none!important;border-color:rgb(var(--color-foreground))!important}.template-collection .gallery-card:hover .gallery-card__vehicle-info,.template-collection .gallery-card:hover .gallery-card__wheel-specs{color:rgb(var(--color-link))!important}}@media (prefers-reduced-motion: reduce){.template-collection .gallery-card__vehicle-info,.template-collection .gallery-card__wheel-specs{transition:none!important}.template-collection .gallery-card:hover .gallery-card__wheel-specs{transform:none!important}}@media print{.template-collection .gallery-card__vehicle-info,.template-collection .gallery-card__wheel-specs{color:#000!important;font-family:monospace!important;background:none!important;border:none!important}}@media (prefers-color-scheme: dark){.template-collection .gallery-card__wheel-specs{background:color-mix(in oklab,rgb(var(--color-foreground)) 6%,transparent)!important;border-left-color:color-mix(in oklab,rgb(var(--color-link)) 60%,transparent)!important}}.template-collection .gallery-grid,.template-collection .custom-gallery-grid{container-type:inline-size}@container (max-width: 520px){.template-collection .gallery-card--clean{--whl-size: clamp(1.1rem, 1.3vw, 1.25rem)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/gallery-card-custom.css.map */