.tile-link{position:relative}.tile-link:hover .sku{opacity:1}.tile-link .sku{position:absolute;top:.5rem;left:.5rem;opacity:0}.tile-link .badge{position:absolute;z-index:2;top:1.5rem;left:1rem}.tile-link .energy{position:absolute;z-index:2;top:1rem;height:3rem;right:1rem}.tile{background-color:#fff;color:#000;display:grid;transition:all .15s ease;grid-template-rows:16rem 1rem 3rem 1rem 0 7.5rem;padding:1.5rem;position:relative;gap:.75rem}.tile:after{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .15s ease-in-out;outline:0 solid #fff;background:linear-gradient(45deg,rgba(0,0,0,0) 20%,rgba(0,0,0,.06))}.tile ul{list-style:none;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column}.tile li{position:relative;padding-left:1rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.tile li:before{content:"";pointer-events:none;position:absolute;top:50%;left:0;width:.3125rem;height:.3125rem;margin-top:-.1875rem;transform:rotate(-45deg);border:.0625rem solid #6aa334;border-width:0 .0625rem .0625rem 0}.tile img.prd{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.tile h4{overflow:hidden;text-overflow:clip}.tile .stock *{font-size:70%}.tile .rating{font-size:.7rem;color:var(--white-400)}.tile:hover{grid-template-rows:12rem 1rem 3rem 1rem 4rem 7.5rem}.tile:hover:after{background:rgba(0,0,0,0);outline-width:1rem;box-shadow:2px 10px 30px 1px rgba(0,0,0,.3);z-index:3}