.vaihtokoneet-content{gap:var(--spacing-xl);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-3xl);grid-template-columns:280px 1fr;display:grid}.filters-sidebar{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-md);height:fit-content;position:sticky;top:100px}.filters-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border);display:flex}.filters-header h3{font-size:var(--font-size-lg);color:var(--color-primary);margin:0}.filter-group{margin-bottom:var(--spacing-lg)}.filter-group label{color:var(--color-primary);margin-bottom:var(--spacing-xs);font-weight:600;font-size:var(--font-size-sm);display:block}.filter-group select{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-white);cursor:pointer;transition:all var(--transition-fast);padding:.75rem}.filter-group select:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #ffa5001a}.nettikone-section{padding:var(--spacing-3xl)0;justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;min-height:300px;display:flex}.integration-text{color:var(--color-text-light);font-size:var(--font-size-sm);margin:0}.view-items-btn{font-size:var(--font-size-lg);padding:1rem 2.5rem;transition:transform .2s,box-shadow .2s}.view-items-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.machines-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}@media (max-width:1024px){.vaihtokoneet-content{grid-template-columns:1fr}.filters-sidebar{position:static}.machines-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.machines-grid{grid-template-columns:1fr}}