.card-wrapper{color:#ffffffe6;height:100%;position:relative;text-decoration:none}.card{cursor:pointer;text-decoration:none;text-align:var(--text-alignment);position:relative;background:#0c0c0c;border-top:1px solid #dddddd;overflow:visible;transition:transform .4s cubic-bezier(.17,.67,.83,.67),box-shadow .3s ease;box-shadow:0 5px 15px #00000080,inset 0 0 20px #0006;clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px))}.card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 15px 30px #0009,inset 0 0 20px #0006;z-index:5}.card:not(.ratio){display:flex;flex-direction:column;height:100%}.card__inner{position:relative;overflow:hidden;width:100%;background-image:linear-gradient(0deg,transparent 24%,rgba(255,255,255,.02) 25%,rgba(255,255,255,.02) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.02) 75%,rgba(255,255,255,.02) 76%,transparent 77%);background-size:20px 20px}.card--card,.card--standard .card__inner{position:relative;box-sizing:border-box;background-color:#0f0f0ff2}.card--card:after,.card--standard .card__inner:after{content:"";position:absolute;z-index:-1;width:calc(var(--border-width) * 2 + 100%);height:calc(var(--border-width) * 2 + 100%);top:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);border-radius:var(--border-radius);box-shadow:0 10px 25px #000000b3}.card .card__inner .card__media{overflow:hidden;z-index:0;border-radius:calc(var(--border-radius) - var(--border-width) - var(--image-padding))}.card .card__inner .card__media:before{content:"";position:absolute;top:0;left:0;background:repeating-linear-gradient(to bottom,transparent,transparent 1px,rgba(0,0,0,.05) 1px,rgba(0,0,0,.05) 2px);pointer-events:none;z-index:1;opacity:.4}.card__media:before,.card__media:after{content:"";position:absolute;width:25px;height:25px;border:2px solid rgba(255,255,255,.6);z-index:2;transition:all .3s ease}.card__media:before{top:10px;left:10px;border-right:none;border-bottom:none}.card__media:after{bottom:10px;right:10px;border-left:none;border-top:none}.card:hover .card__media:before,.card:hover .card__media:after{border-color:#fffc;box-shadow:0 0 15px #ffffff4d}.card--card .card__inner .card__media{border-bottom-right-radius:0;border-bottom-left-radius:0}.card__media,.card .media{bottom:0;position:absolute;top:0}.card .media{width:100%}.card__media{margin:var(--image-padding);width:calc(100% - 2 * var(--image-padding))}.card--standard .card__media{margin:var(--image-padding)}.card__media .media img{height:100%;object-fit:cover;object-position:center center;width:100%;transition:transform .5s ease,filter .3s ease;filter:brightness(.9)}.card:hover .media img{transform:scale(1.05);filter:brightness(1)}.card__content{display:grid;grid-template-rows:minmax(0,1fr) max-content minmax(0,1fr);padding:1rem;width:100%;flex-grow:1;z-index:2}.card__content--auto-margins{grid-template-rows:minmax(0,auto) max-content minmax(0,auto)}.card:not(.ratio)>.card__content{grid-template-rows:max-content minmax(0,1fr) max-content auto}.card__information{grid-row-start:2;padding:1.3rem 1rem;position:relative}.card__information:before{content:"";position:absolute;top:0;left:10%;width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),rgba(255,255,255,.5),rgba(255,255,255,.2),transparent)}.card-information{text-align:var(--text-alignment);width:100%;height:0}.card-information>*{line-height:calc(1 + .4 / var(--font-body-scale));color:#ffffffe6}.card-information>.price{color:#ffffffe6}.card--horizontal .card-information>.price{color:#ffffffbf}.card-information>.rating{margin-top:.4rem}.card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note){margin-top:.7rem}.card-information .caption{letter-spacing:.07rem;color:#ffffffb3}.card__heading{margin-top:0;font-family:Bebas Neue,Montserrat,sans-serif!important;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;position:relative;display:inline-block}.card__heading:last-child{margin-bottom:0}.card__heading a{color:#ffffffe6!important;text-decoration:none;text-shadow:0 0 5px rgba(255,255,255,.2);transition:all .3s ease;position:relative;padding:2px 0;font-size:1.2rem}.card__heading a:hover{color:#fff!important;text-shadow:0 0 8px rgba(255,255,255,.4),0 0 15px rgba(255,255,255,.2)}.card__heading a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),rgba(255,255,255,.8),rgba(255,255,255,.5),transparent);transition:width .3s ease}.card__heading a:hover:after{width:100%}.price{margin-top:8px;position:relative;color:#fffc!important;font-family:Montserrat,sans-serif;font-size:1rem}.price-item{color:rgba(var(--color-foreground),.75)}.price__container{position:relative;padding:3px 0}.price__regular{position:relative}.price-item--regular{font-weight:400;letter-spacing:1px;position:relative}.price__sale{position:relative}.price-item--sale{font-weight:700;letter-spacing:1px;position:relative;color:#fffffff2!important;text-shadow:0 0 5px rgba(255,255,255,.3)}.card__badge{align-self:flex-end;grid-row-start:3;justify-self:flex-start;position:absolute;z-index:10}.card__badge.top{align-self:flex-start;grid-row-start:1}.card__badge.right{justify-self:flex-end}.card:not(.card--horizontal)>.card__content>.card__badge{margin:1.3rem}.badge{padding:5px 10px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;background:#1e1e1ed9;border:1px solid rgba(255,255,255,.3);color:#fff!important;clip-path:polygon(0 0,100% 0,95% 100%,0 100%);box-shadow:0 0 10px #00000080;text-shadow:0 0 5px rgba(255,255,255,.3)}.badge--bottom-left{bottom:15px;left:15px}.badge.color-scheme-3{background:linear-gradient(135deg,#282828e6,#3c3c3ccc);animation:badgePulse 2s infinite alternate}@keyframes badgePulse{0%{box-shadow:0 0 5px #ffffff1a;border-color:#ffffff4d}to{box-shadow:0 0 10px #fff3;border-color:#ffffff80}}.badge.color-scheme-3:before{content:"SOLD OUT";position:absolute;left:1px;top:0;color:#ffffff80;clip-path:inset(0 0 0 0);animation:glitchText 4s linear infinite alternate-reverse;opacity:.4}@keyframes glitchText{0%{clip-path:inset(30% 0 40% 0);transform:translate(-2px)}20%{clip-path:inset(10% 0 60% 0);transform:translate(2px)}40%{clip-path:inset(50% 0 30% 0);transform:translate(-1px)}60%{clip-path:inset(20% 0 70% 0);transform:translate(1px)}80%{clip-path:inset(40% 0 30% 0);transform:translate(-1px)}to{clip-path:inset(60% 0 10% 0);transform:translate(1px)}}.card:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:5px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 20%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.1) 80%,transparent 100%);opacity:0;z-index:3;pointer-events:none}.card:hover:after{opacity:1;animation:scannerAnimation 1.5s ease-in-out infinite}@keyframes scannerAnimation{0%{top:-5%}to{top:105%}}@media screen and (min-width:750px){.card__information{padding-bottom:1.7rem;padding-top:1.7rem}.card__heading a{font-size:1.3rem}.price{font-size:1.1rem}}@media screen and (max-width:749px){.card__heading a{font-size:1rem}.price{font-size:.9rem}.badge{font-size:.7rem;padding:4px 8px}.card__media:before,.card__media:after{width:15px;height:15px}.card{clip-path:polygon(0 3px,3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px))}}.card .card__badge+.card__content .card__badge{display:none}.visually-hidden{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}.card--horizontal{--text-alignment: left;--image-padding: 0rem;flex-direction:row;align-items:flex-start;gap:1.5rem}.card--horizontal .card__heading,.card--horizontal .price__container .price-item,.card--horizontal__quick-add{font-size:calc(var(--font-heading-scale) * 1.2rem)}.card--card.card--media>.card__content{margin-top:calc(0rem - var(--image-padding))}.card--standard.card--text a:after,.card--card .card__heading a:after{bottom:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);right:calc(var(--border-width) * -1);top:calc(var(--border-width) * -1)}.card--extend-height{height:100%}.card--extend-height.card--standard.card--text,.card--extend-height.card--media{display:flex;flex-direction:column}.card--extend-height.card--standard.card--text .card__inner,.card--extend-height.card--media .card__inner{flex-grow:1}.card .icon-wrap{margin-left:.8rem;white-space:nowrap;transition:transform var(--duration-short) ease;overflow:hidden}.card__heading a:focus:after{box-shadow:0 0 0 .3rem #141414,0 0 .5rem .4rem #ffffff4d;outline:.2rem solid rgba(255,255,255,.5)}.card__heading a:focus-visible:after{box-shadow:0 0 0 .3rem #141414,0 0 .5rem .4rem #ffffff4d;outline:.2rem solid rgba(255,255,255,.5)}.card__heading a:focus:not(:focus-visible):after{box-shadow:none;outline:0}.card__heading a:focus{box-shadow:none;outline:0}.card--standard.card--media .card__inner .card__information,.card--standard.card--text:not(.card--horizontal)>.card__content .card__heading:not(.card__heading--placeholder),.card--standard:not(.card--horizontal)>.card__content .card__badge,.card--standard.card--text.article-card>.card__content .card__information,.card--standard>.card__content .card__caption{display:none}.card--card.card--media .card__inner .card__information,.card--card.card--text .card__inner,.card--card.card--media>.card__content .card__badge{display:none}.card--horizontal .card__badge,.card--horizontal.card--text .card__inner{display:none}@media screen and (min-width:990px){.card .media.media--hover-effect>img:only-child,.card-wrapper .media.media--hover-effect>img:only-child{transition:transform var(--duration-long) ease,filter .3s ease}.card:hover .media.media--hover-effect>img:first-child:only-child,.card-wrapper:hover .media.media--hover-effect>img:first-child:only-child{transform:scale(1.05);filter:brightness(1)}.underline-links-hover:hover a{text-decoration:underline;text-underline-offset:.3rem}}.grid__item.scroll-trigger.animate--slide-in,.grid__item.scroll-trigger.animate--slide-in .card-wrapper,.grid__item.scroll-trigger.animate--slide-in .card{outline:none!important}@media screen and (max-width:749px){.card__media:before,.card__media:after{width:20px;height:20px;border:1.5px solid rgba(255,255,255,.6)}.card{clip-path:polygon(0 8px,8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px))}}.card__media:before,.card__media:after{content:"";position:absolute;width:25px;height:25px;border:2px solid rgba(255,255,255,.6);z-index:20;transition:all .3s ease;pointer-events:none;box-sizing:border-box;display:block!important}.card__media:before{top:10px;left:10px;border-right:none;border-bottom:none;opacity:1!important;visibility:visible!important}.card__media:after{bottom:10px;right:10px;border-left:none;border-top:none;opacity:1!important;visibility:visible!important}.card__inner .card__media:before{top:10px!important;left:10px!important;border-right:none!important;border-bottom:none!important}.card__inner .card__media:after{bottom:10px!important;right:10px!important;border-left:none!important;border-top:none!important}@media screen and (max-width:749px){.card__media:before,.card__media:after{width:20px!important;height:20px!important;border-width:1.5px!important;opacity:1!important;visibility:visible!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-card.css.map */