.catalog-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=1023px){.catalog-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.catalog-grid{grid-template-columns:1fr}}.catalog-card{opacity:1;background:#fff;border-radius:28px;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;overflow:hidden;box-shadow:0 20px 60px #471a651a}.catalog-card:hover{transform:translateY(-6px);box-shadow:0 28px 80px #471a6529}.catalog-card.hidden{opacity:0;pointer-events:none;visibility:hidden;position:absolute;transform:translateY(12px)scale(.97)}.card-link{color:inherit;text-decoration:none;display:block}.card-preview{background:#f7f2ff;border-bottom:1px solid #edf0f5;height:180px;position:relative;overflow:hidden}.preview-iframe{transform-origin:0 0;pointer-events:none;opacity:.82;border:none;width:200%;height:500%;transition:opacity .3s,transform .4s;transform:scale(.5)}.catalog-card:hover .preview-iframe{opacity:1;transform:scale(.52)}.card-preview-fade{pointer-events:none;background:linear-gradient(#0000 50%,#ffffffb3 100%);position:absolute;inset:0}.card-preview-badge{z-index:2;letter-spacing:.06em;text-transform:uppercase;color:#8843d2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block;position:absolute;top:12px;left:12px}.badge-orange{color:#e65100}.badge-green{color:#2e7d32}.badge-blue{color:#1565c0}.badge-pink{color:#c62828}.badge-indigo{color:#283593}.badge-brown{color:#4e342e}.badge-purple{color:#7b1fa2}.badge-teal{color:#00695c}.badge-red{color:#c62828}.card-body{padding:20px}.card-title{color:#180e14;font-size:17px;font-weight:600;line-height:1.3;transition:color .2s}.catalog-card:hover .card-title{color:#8843d2}.card-desc{color:#4b4b4b;margin-top:8px;font-size:13px;line-height:1.6}.filter-btn{color:#4b4b4b;cursor:pointer;background:#fff;border:1.5px solid #dbd2f0;border-radius:999px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.filter-btn:hover{color:#8843d2;border-color:#8843d2}.filter-btn.active{color:#fff;background:#8843d2;border-color:#8843d2}@media (width<=767px){.preview-iframe{width:250%;height:600%;transform:scale(.4)}.catalog-card:hover .preview-iframe{transform:scale(.42)}.card-preview{height:140px}}