.template-card{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-soft);transition:var(--transition);flex-direction:column;display:flex;position:relative;overflow:hidden}.template-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-8px)}.template-link-area{color:inherit;flex-grow:1;text-decoration:none}.image-wrapper{aspect-ratio:1;background-color:#f1f5f9;border-bottom:1px solid #0000000d;width:100%;position:relative}.template-image{object-fit:contain;padding:1rem}@media (max-width:767px){.template-image{padding:.25rem}}.card-content{padding:1.25rem}.tag{color:var(--secondary);text-transform:uppercase;letter-spacing:.05em;background-color:#60a5fa1a;border-radius:99px;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:800;display:inline-block}.card-title{margin:0;font-size:1.2rem;font-weight:800;line-height:1.3}.card-actions{margin-top:auto;padding:0 1.25rem 1.25rem}.dwn-btn{gap:.5rem;width:100%;font-size:1rem}
.template-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;padding:1rem 0;display:grid}.empty-state{text-align:center;background-color:var(--card-bg);border-radius:var(--border-radius);color:var(--text-color);opacity:.6;padding:4rem 1rem;font-weight:700}@media (min-width:768px){.template-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:3rem}}