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