/* One real catalog item should read as a product, not a tiny placeholder. */
.product-grid:has(.product-card:only-child){grid-template-columns:minmax(300px,330px)}
.product-card{display:flex;flex-direction:column;overflow:hidden;padding:12px;border-radius:14px;box-shadow:0 8px 24px rgba(20,27,46,.06);transition:transform .22s ease,box-shadow .22s ease}
.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(20,27,46,.14)}
.product-image{height:auto;aspect-ratio:4/5;background-color:#edf1f4;background-size:contain!important;background-repeat:no-repeat;background-position:center!important;border-radius:10px}
.product-card .tag{position:static;align-self:flex-start;order:1;margin:13px 2px 0;padding:0;border-radius:0;background:transparent;color:var(--blue);font-size:10px;letter-spacing:.04em;text-transform:uppercase}
.product-card h3{order:2;margin:6px 2px 7px;font-size:15px;line-height:1.34;letter-spacing:-.3px}
.product-card p{order:3;margin:0 2px 15px;font-size:11px;line-height:1.45}
.product-card .card-bottom{order:4;margin-top:auto;padding:13px 2px 2px}
.product-card .card-bottom b{font-size:18px;letter-spacing:-.4px}
.product-card .card-bottom button{padding:10px 13px;border-radius:8px;font-size:11px;transition:background .2s ease,transform .2s ease}
.product-card .card-bottom button:hover{background:#103a94;transform:translateY(-1px)}
.product-card .card-bottom button:active{transform:translateY(1px)}
@media(max-width:800px){.product-grid:has(.product-card:only-child){grid-template-columns:minmax(0,320px);justify-content:center}.product-card{padding:10px}.product-image{aspect-ratio:4/5}.product-card h3{font-size:14px}.product-card .card-bottom b{font-size:17px}}