.template-collection [data-role=gallery]{width:100%!important;max-width:none!important;min-width:0!important;flex-grow:1!important}.template-collection .custom-gallery-wrapper{width:100%!important;max-width:none!important;container-type:inline-size!important}.template-collection .gallery-grid,.template-collection .custom-gallery-grid,.template-collection #product-grid{display:grid!important;grid-template-columns:repeat(var(--grid-desktop-columns, 4),1fr)!important;gap:1.5rem!important;width:100%!important;margin:0!important;padding:0!important;list-style:none!important;overflow:hidden!important;box-sizing:border-box!important;pointer-events:auto!important;position:relative!important;z-index:1!important}.template-collection .gallery-grid[style],.template-collection .custom-gallery-grid[style]{gap:8px!important;column-gap:8px!important;row-gap:8px!important;grid-gap:8px!important}.template-collection .gallery-item,.template-collection .grid__item{display:block!important;width:100%!important;margin:0!important;padding:0!important;min-width:0!important;box-sizing:border-box!important;pointer-events:auto!important;position:relative!important;z-index:2!important}.template-collection .gallery-card{display:block!important;width:100%!important;height:auto!important;position:relative!important;background:rgb(var(--color-background))!important;border-radius:8px!important;overflow:hidden!important;border:1px solid rgba(var(--color-border),.08)!important;cursor:pointer!important;flex:none!important;max-width:none!important;min-width:0!important;pointer-events:auto!important;z-index:10!important;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)!important}.template-collection .gallery-card:hover{transform:translateY(-4px) scale(1.02)!important;box-shadow:0 8px 25px #00000026!important;pointer-events:auto!important;z-index:5!important}.template-collection .gallery-card__link,.template-collection .gallery-card a{display:block!important;text-decoration:none!important;color:inherit!important;width:100%!important;height:100%!important;position:relative!important;z-index:10!important;pointer-events:auto!important}.template-collection .gallery-card__media{position:relative!important;width:100%!important;height:auto!important;overflow:hidden!important;display:block!important;background:#fafafa!important}.template-collection .gallery-card__media .media{position:relative!important;width:100%!important;height:auto!important;display:block!important}.template-collection .gallery-card__image{display:block!important;width:100%!important;height:auto!important;object-fit:cover!important;object-position:center!important;opacity:1!important;visibility:visible!important;transition:opacity .3s ease!important;aspect-ratio:1 / 1!important;min-height:200px!important}.template-collection .gallery-card__image--secondary{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;opacity:0!important;visibility:hidden!important;transition:opacity .3s ease,visibility .3s ease!important;z-index:2!important;object-fit:cover!important;object-position:center!important;pointer-events:none!important}.template-collection .gallery-card:hover .gallery-card__image--secondary{opacity:1!important;visibility:visible!important}.template-collection .gallery-card__content{padding:1rem!important;background:rgb(var(--color-background))!important;text-align:center!important;border-top:1px solid rgba(var(--color-border),.1)!important}.template-collection .gallery-card__heading{margin:0 0 .5rem!important;font-size:.95rem!important;line-height:1.3!important;font-weight:500!important;color:rgb(var(--color-foreground))!important}.template-collection .gallery-card__heading a{text-decoration:none!important;color:rgb(var(--color-foreground))!important;transition:color .3s ease!important}.template-collection .gallery-card__heading a:hover{color:rgb(var(--color-link))!important}.template-collection .gallery-card__vendor{color:rgba(var(--color-foreground),.6)!important;font-size:.8rem!important;font-weight:400!important;margin-bottom:.5rem!important;display:block!important}.template-collection .gallery-card__badge{position:absolute!important;z-index:3!important;top:.75rem!important;right:.75rem!important}.template-collection .gallery-card__badge .badge{padding:.3rem .6rem!important;border-radius:15px!important;font-size:.7rem!important;font-weight:600!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.template-collection .gallery-card.ratio,.template-collection .gallery-card__inner.ratio{position:relative!important}.template-collection .gallery-card.ratio:before,.template-collection .gallery-card__inner.ratio:before{content:""!important;display:block!important;padding-bottom:var(--ratio-percent, 75%)!important;pointer-events:none!important}.template-collection .ratio .gallery-card__media{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important}.template-collection .shuffle-enabled{position:relative!important;overflow:visible!important;min-height:400px!important}.template-collection .shuffle-enabled .gallery-item,.template-collection .shuffle-enabled .grid__item{position:absolute!important;transition:all .5s cubic-bezier(.25,.46,.45,.94)!important;will-change:transform,opacity!important;transform-origin:center center!important;backface-visibility:hidden!important;perspective:1000px!important;transform-style:preserve-3d!important}.template-collection .shuffle-item--hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:scale(.8) translateY(30px) rotateX(15deg)!important;filter:blur(2px)!important;z-index:-1!important}.template-collection .shuffle-item--visible{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:scale(1) translateY(0) rotateX(0)!important;filter:blur(0px)!important;z-index:1!important}.template-collection .shuffle-enabled[data-shuffle=filtering] .gallery-item,.template-collection .shuffle-enabled[data-shuffle=filtering] .grid__item{animation-name:none!important}.template-collection .shuffle-enabled[data-shuffle=initialized] .shuffle-item--visible{animation:shuffleEntrance .8s cubic-bezier(.34,1.56,.64,1) both!important}@keyframes shuffleEntrance{0%{opacity:0;transform:scale(.4) translateY(80px) rotateX(90deg);filter:blur(8px)}30%{opacity:.3;transform:scale(.7) translateY(40px) rotateX(45deg);filter:blur(4px)}60%{opacity:.7;transform:scale(1.05) translateY(-10px) rotateX(-5deg);filter:blur(1px)}80%{opacity:.9;transform:scale(1.02) translateY(-5px) rotateX(2deg);filter:blur(0px)}to{opacity:1;transform:scale(1) translateY(0) rotateX(0);filter:blur(0px)}}.template-collection .shuffle-enabled[data-shuffle=filtering]{position:relative}.template-collection .shuffle-enabled[data-shuffle=filtering]:before{content:"";position:absolute;top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border:4px solid rgba(59,130,246,.1);border-top:4px solid #3b82f6;border-radius:50%;animation:shuffleLoadingSpin 1.2s cubic-bezier(.4,0,.2,1) infinite;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 4px 12px #3b82f633}.template-collection .shuffle-enabled[data-shuffle=filtering]:after{content:"Filtering...";position:absolute;top:50%;left:50%;transform:translate(-50%,20px);color:#3b82f6;font-weight:600;font-size:.9rem;letter-spacing:.5px;z-index:1001;opacity:.8}@keyframes shuffleLoadingSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.template-collection .shuffle-enabled .gallery-card{transform-style:preserve-3d!important}.template-collection .shuffle-enabled .gallery-card:hover{transform:translateY(-16px) scale(1.03) rotateX(5deg)!important;box-shadow:0 20px 40px #0000001f,0 8px 16px #00000014,0 0 0 1px #3b82f61a!important;border-color:#3b82f633!important}.template-collection .shuffle-enabled .gallery-card:hover .gallery-card__image{transform:scale(1.05) translateZ(20px)!important}.template-collection .shuffle-enabled .gallery-card:hover .gallery-card__content{transform:translateZ(10px)!important}.template-collection .shuffle-enabled .gallery-card:hover .gallery-card__image--secondary{transform:scale(1.08) translateZ(25px) rotateY(5deg)!important;box-shadow:0 8px 20px #00000026!important}.template-collection .quick-filter-btn{padding:.5rem 1rem;border:1px solid rgba(var(--color-border),.2);background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:20px;font-size:.85rem;cursor:pointer;white-space:nowrap;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);transform-style:preserve-3d}.template-collection .quick-filter-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s cubic-bezier(.25,.46,.45,.94)}.template-collection .quick-filter-btn:hover:before{left:100%}.template-collection .quick-filter-btn:hover{background:rgba(var(--color-link),.1);border-color:rgba(var(--color-link),.3);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px #00000026}.template-collection .quick-filter-btn.active{background:rgb(var(--color-link));color:rgb(var(--color-background));border-color:rgb(var(--color-link));transform:translateY(-2px) scale(1.01);box-shadow:0 6px 16px #1e293b4d;animation:floatActive 3s ease-in-out infinite}@keyframes floatActive{0%,to{transform:translateY(-2px) scale(1.01)}50%{transform:translateY(-4px) scale(1.02)}}@media (max-width: 749px){.template-collection .gallery-grid,.template-collection .custom-gallery-grid,.template-collection #product-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}.template-collection .gallery-card__content{padding:.8rem!important}.template-collection .gallery-card__heading{font-size:.85rem!important}.template-collection .gallery-card__vendor{font-size:.75rem!important}.template-collection .quick-filter-btn{padding:.4rem .8rem;font-size:.8rem}.template-collection .shuffle-enabled .gallery-card:hover{transform:translateY(-8px) scale(1.02)!important;box-shadow:0 12px 24px #0000001a!important}.template-collection .shuffle-enabled[data-shuffle=filtering]:before{width:40px;height:40px;margin:-20px 0 0 -20px;border-width:3px}.template-collection .shuffle-enabled[data-shuffle=filtering]:after{font-size:.8rem;transform:translate(-50%,15px)}.template-collection .shuffle-item--hidden{transform:scale(.9) translateY(20px)!important;filter:none!important}@keyframes shuffleEntrance{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}}@media (min-width: 750px) and (max-width: 1199px){.template-collection .gallery-grid,.template-collection .custom-gallery-grid,.template-collection #product-grid{grid-template-columns:repeat(3,1fr)!important;gap:1.2rem!important}.template-collection .shuffle-enabled .gallery-card:hover{transform:translateY(-12px) scale(1.025)!important}}@media (min-width: 1200px){.template-collection .gallery-grid,.template-collection .custom-gallery-grid,.template-collection #product-grid{grid-template-columns:repeat(var(--grid-desktop-columns, 4),1fr)!important;gap:1.5rem!important}.template-collection .shuffle-enabled .gallery-card:hover{transform:translateY(-20px) scale(1.04) rotateX(8deg)!important}.template-collection .shuffle-enabled .gallery-card:hover .gallery-card__image--secondary{transform:scale(1.1) translateZ(30px) rotateY(8deg)!important}}@media (min-width: 1400px){.template-collection .gallery-grid,.template-collection .custom-gallery-grid{grid-template-columns:repeat(5,1fr)!important;gap:1.8rem!important}}@media (prefers-reduced-motion: reduce){.template-collection .gallery-card,.template-collection .gallery-card__image,.template-collection .gallery-card__image--secondary,.template-collection .shuffle-enabled .gallery-item,.template-collection .shuffle-enabled .grid__item,.template-collection .quick-filter-btn{transition:opacity .3s ease!important;animation:none!important;transform:none!important}.template-collection .gallery-card:hover,.template-collection .shuffle-enabled .gallery-card:hover{transform:none!important;box-shadow:0 4px 8px #0000001a!important}.template-collection .shuffle-item--hidden{opacity:.3!important;transform:none!important;filter:none!important}.template-collection .shuffle-item--visible{opacity:1!important;transform:none!important}.template-collection .quick-filter-btn.active{animation:none!important}}.template-collection .quick-filter-btn:focus{outline:2px solid rgb(var(--color-link));outline-offset:2px}.template-collection .gallery-card:focus-within{outline:2px solid rgb(var(--color-link));outline-offset:2px;border-radius:8px}@media (prefers-contrast: high){.template-collection .gallery-card:hover,.template-collection .shuffle-enabled .gallery-card:hover{border:3px solid #0066cc!important;transform:translateY(-4px) scale(1.01)!important}.template-collection .shuffle-enabled[data-shuffle=filtering]:before{border-color:#06c!important;border-top-color:#036!important}}@media print{.template-collection .gallery-card,.template-collection .shuffle-enabled .gallery-card,.template-collection .shuffle-enabled .gallery-item,.template-collection .shuffle-enabled .grid__item{position:relative!important;transform:none!important;animation:none!important;break-inside:avoid;box-shadow:none!important;page-break-inside:avoid}.template-collection .quick-filter-btn{display:none!important}}.template-collection .shuffle-enabled.gallery-grid,.template-collection .shuffle-enabled.custom-gallery-grid,.template-collection .shuffle-enabled#product-grid{display:block!important;position:relative!important;min-height:500px!important}.template-collection .shuffle-enabled .gallery-item,.template-collection .shuffle-enabled .grid__item,.template-collection .shuffle-enabled>li{position:absolute!important;top:0!important;left:0!important;margin:0!important;float:none!important;display:block!important}.template-collection .shuffle-enabled{min-height:500px;position:relative!important;overflow:visible!important}.template-collection .shuffle-enabled .gallery-item{transform-origin:left top!important}.template-collection .shuffle-enabled .gallery-item[style*=transform]{position:absolute!important}.template-collection .gallery-grid:not(.shuffle-enabled),.template-collection .custom-gallery-grid:not(.shuffle-enabled),.template-collection #product-grid:not(.shuffle-enabled){display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important}.template-collection #product-grid{position:relative!important;display:block!important;min-height:500px!important}.template-collection .shuffle-enabled{display:block!important;grid-template-columns:unset!important;gap:unset!important;grid-gap:unset!important}.template-collection .shuffle-enabled .gallery-item[style*=transform],.template-collection .shuffle-enabled .grid__item[style*=transform]{position:absolute!important}.template-collection #product-grid:not(.shuffle-enabled){display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important}@media (max-width: 1199px){.template-collection #product-grid:not(.shuffle-enabled){grid-template-columns:repeat(3,1fr)!important;gap:12px!important}}@media (max-width: 749px){.template-collection #product-grid:not(.shuffle-enabled){grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}.template-collection #product-grid:not(.shuffle-enabled) .gallery-item,.template-collection #product-grid:not(.shuffle-enabled) .grid__item{position:relative!important;width:auto!important}.template-collection .shuffle-item--hidden{display:none!important}.template-collection .shuffle-item--visible{opacity:1!important}.template-collection .shuffle-enabled{display:block!important;position:relative!important;grid-template-columns:unset!important;gap:unset!important;grid-gap:unset!important;column-gap:unset!important;row-gap:unset!important}.template-collection #product-grid:not(.shuffle-enabled){display:grid!important;position:relative!important}@media (min-width: 1200px){.template-collection #product-grid:not(.shuffle-enabled){grid-template-columns:repeat(4,1fr)!important;gap:16px!important;grid-gap:16px!important}}@media (min-width: 750px) and (max-width: 1199px){.template-collection #product-grid:not(.shuffle-enabled){grid-template-columns:repeat(3,1fr)!important;gap:12px!important;grid-gap:12px!important}}@media (max-width: 749px){.template-collection #product-grid:not(.shuffle-enabled){grid-template-columns:repeat(2,1fr)!important;gap:8px!important;grid-gap:8px!important}}.template-collection #product-grid[style*=--grid-desktop-column-gap],.template-collection #product-grid[style*=--grid-mobile-column-gap],.template-collection #product-grid[style*=--grid-row-gap]{--grid-desktop-column-gap: 16px !important;--grid-mobile-column-gap: 8px !important;--grid-row-gap: 16px !important}.template-collection .collection{--grid-desktop-column-gap: 16px !important;--grid-mobile-column-gap: 8px !important;--grid-desktop-row-gap: 16px !important;--grid-mobile-row-gap: 8px !important}.template-collection .collection.loading #product-grid:before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid rgba(0,0,0,.1);border-top-color:rgb(var(--color-foreground));border-radius:50%;animation:filterLoading .8s linear infinite;z-index:1000}@keyframes filterLoading{to{transform:rotate(360deg)}}.template-collection .collection.loading #product-grid{opacity:.5;transition:opacity .3s ease}.template-collection .shuffle-enabled .gallery-item,.template-collection .shuffle-enabled .grid__item{position:absolute!important;top:0!important;left:0!important;margin:0!important}.template-collection #product-grid:not(.shuffle-enabled) .gallery-item,.template-collection #product-grid:not(.shuffle-enabled) .grid__item{position:relative!important;width:auto!important;transform:none!important;margin:0!important}.template-collection #product-grid{transition:opacity .3s ease}.template-collection .gallery-item,.template-collection .grid__item{transition:transform .35s ease,opacity .35s ease}.template-collection #product-grid{min-height:500px}.template-collection #ProductGridContainer,.template-collection .collection{min-height:500px;position:relative}.template-collection .facets__form,.template-collection .active-facets{position:relative;z-index:10}.variable-add_to_cart-wrapper{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/13/assets/collection-gallery-iw.css.map */