.card:where(.astro-U77KRWP2){border:1px solid var(--joyned-light-gray);border-radius:.5rem;display:grid;grid-template-areas:"image""title""desc""price""actions";grid-template-rows:304px 4rem 1fr 1fr .8fr;height:538px;overflow:hidden;width:calc(25% - .84375rem)}.card:where(.astro-U77KRWP2)>:not(.image):where(.astro-U77KRWP2){padding-left:1rem;padding-right:1rem}.card:where(.astro-U77KRWP2)>.actions:where(.astro-U77KRWP2){display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:.5rem;padding-right:.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-area:actions}.card:where(.astro-U77KRWP2)>.actions:where(.astro-U77KRWP2)>a:where(.astro-U77KRWP2).button{background-color:var(--joyned-yellow);border:1px solid var(--joyned-yellow);border-radius:2.25rem;color:#fff;display:inline-block;font-size:.875rem;font-weight:700;height:2.25rem;padding:.5rem 1.7rem;text-align:center;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all .1s linear;transition:all .1s linear}.card:where(.astro-U77KRWP2)>.actions:where(.astro-U77KRWP2)>a:where(.astro-U77KRWP2).button:hover{background-color:#fff;color:var(--joyned-yellow)}.card:where(.astro-U77KRWP2)>.actions:where(.astro-U77KRWP2)>.jnd-btn-placeholder:where(.astro-U77KRWP2){max-width:42%}.card:where(.astro-U77KRWP2).dark{background-color:var(--joyned-black);gap:.4rem 1rem;grid-template-areas:"image title""image desc""image price""image actions";grid-template-columns:141px 1fr;grid-template-rows:1fr 1fr 1fr 1fr;height:220px;padding:1rem;width:calc(50% - .5625rem)}.card:where(.astro-U77KRWP2).dark>:not(.image):where(.astro-U77KRWP2){padding-left:0;padding-right:0}.card:where(.astro-U77KRWP2).dark .image:where(.astro-U77KRWP2) a:where(.astro-U77KRWP2) img:where(.astro-U77KRWP2){border-radius:.3rem}.card:where(.astro-U77KRWP2).dark .name:where(.astro-U77KRWP2){color:#fff;margin-top:.2rem}.card:where(.astro-U77KRWP2).dark .desc:where(.astro-U77KRWP2){color:#d5d5d5;overflow:hidden;text-overflow:ellipsis}.card:where(.astro-U77KRWP2).dark .price:where(.astro-U77KRWP2){color:#fff}.card:where(.astro-U77KRWP2).dark .actions:where(.astro-U77KRWP2){-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.card:where(.astro-U77KRWP2).dark .actions:where(.astro-U77KRWP2) .button:where(.astro-U77KRWP2){background-color:#fff;border:1px solid var(--joyned-white);color:var(--joyned-black);height:2.2rem;padding:.5rem 1.3rem}.card:where(.astro-U77KRWP2).dark .actions:where(.astro-U77KRWP2) .button:where(.astro-U77KRWP2):hover{background-color:var(--joyned-black);color:#fff}.image:where(.astro-U77KRWP2){grid-area:image}.image:where(.astro-U77KRWP2)>a:where(.astro-U77KRWP2),.image:where(.astro-U77KRWP2)>a:where(.astro-U77KRWP2)>img:where(.astro-U77KRWP2){display:block;height:100%;width:100%}.image:where(.astro-U77KRWP2)>a:where(.astro-U77KRWP2)>img:where(.astro-U77KRWP2){border:0;-o-object-fit:cover;object-fit:cover}.name:where(.astro-U77KRWP2){color:var(--joyned-yellow);font-size:1.125rem;grid-area:title;margin-top:1rem}.desc:where(.astro-U77KRWP2){-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:#666;font-size:.875rem;margin-bottom:.3rem;overflow:hidden;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;grid-area:desc}.desc:where(.astro-U77KRWP2),.price:where(.astro-U77KRWP2){display:-webkit-box}.price:where(.astro-U77KRWP2){display:-ms-flexbox;display:-webkit-box;display:flex;font-weight:800;text-align:left;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:1rem;-webkit-box-pack:start;-ms-flex-pack:start;color:var(--joyned-yellow);grid-area:price;justify-content:flex-start}@media only screen and (max-width:419px){.card:where(.astro-U77KRWP2).dark .desc:where(.astro-U77KRWP2){font-size:.8rem}.card:where(.astro-U77KRWP2).dark>.actions:where(.astro-U77KRWP2)>.jnd-btn-placeholder:where(.astro-U77KRWP2){max-width:32%}.card:where(.astro-U77KRWP2).dark>.actions:where(.astro-U77KRWP2)>.button:where(.astro-U77KRWP2){padding:.5rem 0;width:50%}}@media only screen and (max-width:990px){.card:where(.astro-U77KRWP2){-webkit-box-flex:1;-ms-flex:1 0 45%;flex:1 0 45%}}@media only screen and (max-width:600px){.card:where(.astro-U77KRWP2){-webkit-box-flex:1;-ms-flex:1 0 98%;flex:1 0 98%}}