.catalog-main{min-height:80vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px 40px}.catalog-header{text-align:center;margin-top:8px;margin-bottom:6px}.catalog-title{font-weight:900;font-size:clamp(22px,3.2vw,32px);letter-spacing:.02em;background:linear-gradient(90deg,var(--kum-acik) 0,var(--kum) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 16px rgba(125,211,252,.28)}.catalog-subtitle{margin-top:4px;color:rgba(226,232,240,.7);font-size:.95rem}.catalog-grid{width:100%;max-width:1180px;margin:18px auto 0;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.catalog-card{position:relative;border-radius:14px;padding:14px;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 20% 20%,rgba(59,130,246,.08),rgba(2,6,23,.5) 70%);border:1px solid rgba(125,211,252,.25);box-shadow:inset 0 0 0 1px rgba(2,6,23,.35),0 10px 26px rgba(30,58,138,.25);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;overflow:hidden}.catalog-card:after{content:"";position:absolute;inset:-150% -40%;background:conic-gradient(from 200deg at 50% 50%,rgba(125,211,252,0),rgba(125,211,252,.08),rgba(125,211,252,0));transform:rotate(0deg);transition:transform .6s ease;pointer-events:none}.catalog-card:hover{transform:translateY(-2px);border-color:rgba(125,211,252,.45);box-shadow:inset 0 0 0 1px rgba(2,6,23,.3),0 14px 34px rgba(56,189,248,.32)}.catalog-card:hover:after{transform:rotate(8deg)}.catalog-img{width:120px;height:120px;border-radius:12px;object-fit:cover;border:1px solid rgba(125,211,252,.25);box-shadow:0 6px 18px rgba(2,6,23,.45);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.catalog-card:hover .catalog-img{transform:scale(1.03);border-color:rgba(125,211,252,.45);box-shadow:0 12px 28px rgba(30,58,138,.35)}.skeleton{background:linear-gradient(180deg,rgba(2,6,23,.55),rgba(2,6,23,.45));border:1px solid rgba(125,211,252,.18);animation:skel-pop .2s ease}.skeleton-inner{width:120px;height:120px;border-radius:12px;background:linear-gradient(90deg,rgba(148,163,184,.14) 25%,rgba(148,163,184,.24) 37%,rgba(148,163,184,.14) 63%);background-size:400% 100%;animation:shimmer 1.15s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes skel-pop{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.catalog-empty,.catalog-error{margin-top:16px;color:#e5edf9;opacity:.9;padding:10px 14px;border-radius:10px;border:1px dashed rgba(125,211,252,.35);background:rgba(2,6,23,.5)}@media (min-width:1024px){.catalog-grid{gap:18px}}@media (max-width:520px){.catalog-img{width:108px;height:108px}}