.square-card.svelte-17bugzq{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-color);aspect-ratio:1 / 1;text-decoration:none;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;color:var(--text-primary)}.square-card.svelte-17bugzq:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary);z-index:1}.card-image-container.svelte-17bugzq{height:58%;width:100%;position:relative;overflow:hidden;background:var(--bg-surface-alt);display:flex;align-items:center;justify-content:center}.card-image.svelte-17bugzq{width:100%;height:100%;object-fit:contain;padding:10px;transition:transform .3s ease}.square-card.svelte-17bugzq:hover .card-image:where(.svelte-17bugzq){transform:scale(1.05)}.card-overlay.svelte-17bugzq{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 80%,rgba(0,0,0,.05));pointer-events:none}.card-accent-line.svelte-17bugzq{height:3px;width:100%;background:var(--primary);transform:scaleX(.85);transform-origin:left;transition:transform .3s ease}.square-card.svelte-17bugzq:hover .card-accent-line:where(.svelte-17bugzq){transform:scaleX(1)}.card-content.svelte-17bugzq{flex:1;padding:12px 16px;display:flex;flex-direction:column;justify-content:space-between}.card-title.svelte-17bugzq{font-family:var(--font-display);font-size:18px;font-weight:700;text-transform:uppercase;margin:0 0 4px;line-height:1.2;color:var(--text-primary)}.card-subtitle.svelte-17bugzq{font-family:var(--font-family);font-size:13px;color:var(--text-secondary);margin:0}.card-specs.svelte-17bugzq{display:flex;gap:12px;margin-top:auto;margin-bottom:8px;font-size:12px;color:var(--text-secondary);font-weight:500}.spec-item.svelte-17bugzq{display:flex;align-items:center;gap:4px}.spec-item.svelte-17bugzq iconify-icon:where(.svelte-17bugzq){color:var(--primary)}.card-actions.svelte-17bugzq{display:flex;justify-content:flex-end;font-size:12px;font-weight:600;color:var(--primary)}.view-more.svelte-17bugzq{display:flex;align-items:center;gap:4px}.square-card.svelte-17bugzq:hover .view-more:where(.svelte-17bugzq) iconify-icon:where(.svelte-17bugzq){transform:translate(3px);transition:transform .2s ease}@media(max-width:600px){.card-content.svelte-17bugzq{padding:10px 12px}.card-title.svelte-17bugzq{font-size:16px}}